@import url(/static/css/slick.min.css);
@import url(/static/css/slick-theme.min.css);
@import url(/static/css/slick.min.css);
@import url(/static/css/slick-theme.min.css);
@import url(/static/css/slick.min.css);
@import url(/static/css/slick-theme.min.css);
@import url(/static/css/slick.min.css);
@import url(/static/css/slick-theme.min.css);
@import url(/static/css/slick.min.css);
@import url(/static/css/slick-theme.min.css);
@import url(/static/css/slick.min.css);
@import url(/static/css/slick-theme.min.css);
/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.page-container {
  width: 1010px;
  height: auto;
  margin-bottom: 320px;
  background: url('/static/images/academy/training7.png') center 0 no-repeat #fff;
  background-size: 100%;
}
.page-container .content-container {
  position: relative;
  top: 228px;
  left: 5px;
  margin: 0 auto;
  width: 997px;
}
.page-container .content-container .top-desc {
  padding: 0;
  text-align: center;
  color: #df7064;
  font-size: 16px;
}
.page-container .content-container .big-title {
  margin: 70px auto 30px;
  width: 572px;
  text-align: center;
  z-index: 1;
}
.page-container .content-container .big-title .title {
  font-weight: bold;
  font-size: 32px;
  color: #df7064;
  width: 180px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}
.page-container .content-container .big-title .subject {
  font-size: 24px;
  color: #3d3939;
}
.page-container .content-container .big-title:before {
  content: '';
  width: 572px;
  height: 1px;
  display: block;
  position: relative;
  top: 22px;
  background-color: #ffe7e3;
}
.page-container .content-container .desc-center,
.page-container .content-container .desc {
  margin: 14px 0;
  font-size: 16px;
  color: #3d3939;
  line-height: 30px;
}
.page-container .content-container .desc-center {
  text-align: center;
}
.page-container .content-container .left-title {
  font-weight: bold;
  font-size: 24px;
  margin: 30px 0;
}
.page-container .content-container .list {
  height: 268px;
}
.page-container .content-container .list .item {
  float: left;
  width: 320px;
  height: 268px;
  padding: 24px;
  background-color: #fdf4ef;
}
.page-container .content-container .list .item .item-title {
  font-size: 20px;
  color: #df7064;
  text-align: center;
  margin-bottom: 16px;
}
.page-container .content-container .list .item .item-desc {
  font-size: 16px;
  color: #3d3939;
  line-height: 30px;
}
.page-container .content-container .list .middle {
  margin: 0 18px;
}
.page-container .content-container .content-img {
  height: 738px;
}
.page-container .content-container .content-img .right {
  float: right;
}
.page-container .content-container .content-img .left {
  float: left;
}
.page-container .content-container .content-img .content {
  background-color: #fdf4ef;
  padding: 33px;
  width: 576px;
}
.page-container .content-container .content-img .content .content-item .content-title {
  font-weight: bold;
  font-size: 20px;
  color: #3d3939;
}
.page-container .content-container .content-img .content .content-item .content-sub {
  font-size: 16px;
  padding: 20px 0 30px;
  line-height: 30px;
  color: #3d3939;
}
.page-container .content-container .content-img .content .content-item .content-sub.bottom {
  padding: 20px 0 0;
}
.page-container .content-container .content-img .img-item {
  position: relative;
  top: 160px;
}
.page-container .content-container .content-img.odd {
  height: 678px;
}
.page-container .content-container .content-img.odd .content {
  background-color: #fff6df;
}
.page-container .content-container .owner {
  margin: 20px 0 80px;
  color: #3d3939;
}
.page-container .content-container .owner .owner-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}
.page-container .content-container .owner .owner-url {
  font-size: 20px;
}

.yimeng {
  width: 100vw;
  min-height: 100vh;
}
.yimeng-head {
  width: 100vw;
}
.yimeng-head > img {
  width: 100%;
}
.yimeng-wrap {
  width: 100vw;
  min-height: 100vh;
  background: url('/static/images/activity/art_design/yimeng/bg-01.png') no-repeat, url('/static/images/activity/art_design/yimeng/bg-02.png') repeat-y;
  background-size: 100vw auto;
  padding-bottom: 2rem;
}
.yimeng-nav {
  height: 1.62rem;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  margin-top: -1.3rem;
  position: relative;
}
.yimeng-nav .nav-Item {
  width: 3.08rem;
  height: 1.62rem;
}
.yimeng-nav .nav-Item + .nav-Item {
  margin-left: -0.44rem;
}
.yimeng-nav .nav-Item.Intro {
  background: url("/static/images/activity/art_design/yimeng/nav-intro.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Intro.active {
  background: url("/static/images/activity/art_design/yimeng/nav-intro-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Prize {
  background: url("/static/images/activity/art_design/yimeng/nav-prize.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Prize.active {
  background: url("/static/images/activity/art_design/yimeng/nav-prize-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Classroom {
  background: url("/static/images/activity/art_design/yimeng/nav-classroom.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Classroom.active {
  background: url("/static/images/activity/art_design/yimeng/nav-classroom-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Enroll {
  background: url("/static/images/activity/art_design/yimeng/nav-enroll.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Enroll.active {
  background: url("/static/images/activity/art_design/yimeng/nav-enroll-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Submit {
  background: url("/static/images/activity/art_design/yimeng/nav-submit.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Submit.active {
  background: url("/static/images/activity/art_design/yimeng/nav-submit-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Works {
  background: url("/static/images/activity/art_design/yimeng/nav-works.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Works.active {
  background: url("/static/images/activity/art_design/yimeng/nav-works-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Result {
  background: url("/static/images/activity/art_design/yimeng/nav-result.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-nav .nav-Item.Result.active {
  background: url("/static/images/activity/art_design/yimeng/nav-result-active.png") no-repeat;
  background-size: auto 1.62rem;
  background-position: right bottom;
}
.yimeng-Intro {
  width: 100%;
  overflow: hidden;
}
.yimeng-Intro .Intro-title__first {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/intro/title-intro.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
}
.yimeng-Intro .Intro-intro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 15.6rem;
  height: auto;
  margin: 1rem auto 0;
}
.yimeng-Intro .Intro-intro-content .pic {
  width: 6.56rem;
  height: 4.16rem;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-intro.png") no-repeat;
  background-size: cover;
  padding: 0.32rem 0.74rem 0.35rem 0.65rem;
  position: relative;
}
.yimeng-Intro .Intro-intro-content .pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-Intro .Intro-intro-content .pic > img.video-play {
  width: 0.96rem;
  height: 0.96rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.yimeng-Intro .Intro-intro-content .text {
  width: 7.24rem;
  font-size: 0.22rem;
  line-height: 0.42rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  margin-left: 0.4rem;
}
.yimeng-Intro .Intro-time {
  width: 16.02rem;
  height: 5.1rem;
  margin: 2rem auto 0;
}
.yimeng-Intro .Intro-time .time-detail {
  width: 100%;
  height: 0.73rem;
  background: url("/static/images/activity/art_design/yimeng/intro/time-bg.png") no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.yimeng-Intro .Intro-time .time-detail .time-date {
  padding-top: 0.06rem;
  font-size: 0.34rem;
  line-height: 0.36rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.yimeng-Intro .Intro-time .time-detail .time-date + .time-date {
  margin-left: 1.8rem;
}
.yimeng-Intro .Intro-time .time-detail .time-date:first-child {
  margin-left: 1.1rem;
}
.yimeng-Intro .Intro-time-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0.3rem;
}
.yimeng-Intro .Intro-time-stage .stage {
  width: 3.14rem;
  text-align: center;
  position: relative;
}
.yimeng-Intro .Intro-time-stage .stage > span {
  display: inline-block;
  width: 0.48rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/intro/snowflake.png") no-repeat;
  background-size: cover;
}
.yimeng-Intro .Intro-time-stage .stage > div {
  width: 3.14rem;
  height: 3.1rem;
}
.yimeng-Intro .Intro-time-stage .stage > section {
  position: absolute;
  width: 1.6rem;
  height: 0.94rem;
  bottom: -0.3rem;
  right: -0.9rem;
  background: url("/static/images/activity/art_design/yimeng/intro/stage-bg.png") no-repeat;
  background-size: cover;
  background-position: bottom;
  background-size: auto 0.54rem;
}
.yimeng-Intro .Intro-time-stage .stage > section > span {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.yimeng-Intro .Intro-time-stage .stage.stage-1 > div {
  background: url("/static/images/activity/art_design/yimeng/intro/state-1.png") no-repeat;
  background-size: cover;
  background-size: 3.54rem auto;
  background-position: bottom;
}
.yimeng-Intro .Intro-time-stage .stage.stage-2 > div {
  background: url("/static/images/activity/art_design/yimeng/intro/state-2.png") no-repeat;
  background-size: cover;
  background-size: 3.54rem auto;
  background-position: bottom;
}
.yimeng-Intro .Intro-time-stage .stage.stage-3 > div {
  background: url("/static/images/activity/art_design/yimeng/intro/state-3.png") no-repeat;
  background-size: cover;
  background-size: 3.54rem auto;
  background-position: bottom;
}
.yimeng-Intro .Intro-time-stage .stage.stage-4 > div {
  background: url("/static/images/activity/art_design/yimeng/intro/state-4.png") no-repeat;
  background-size: cover;
  background-size: 3.54rem auto;
  background-position: bottom;
}
.yimeng-Intro .Intro-time-stage .stage.stage-5 > div {
  background: url("/static/images/activity/art_design/yimeng/intro/state-5.png") no-repeat;
  background-size: cover;
  background-size: 3.54rem auto;
  background-position: bottom;
}
.yimeng-Intro .Intro-title__second {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/intro/title-topic.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
}
.yimeng-Intro .Intro-topic {
  width: 12.9rem;
  height: 4.4rem;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-topic.png") no-repeat;
  background-size: cover;
  margin: 0.87rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.yimeng-Intro .Intro-topic__nav {
  width: 100%;
  height: 0.72rem;
  position: absolute;
  left: 0;
  top: -0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.yimeng-Intro .Intro-topic__nav .intro-tab {
  cursor: pointer;
  width: 1.88rem;
  height: 0.72rem;
}
.yimeng-Intro .Intro-topic__nav .intro-tab + .intro-tab {
  margin-left: 0.72rem;
}
.yimeng-Intro .Intro-topic__nav .intro-tab.nav1 {
  background: url("/static/images/activity/art_design/yimeng/intro/tab-1.png") no-repeat;
  background-size: cover;
}
.yimeng-Intro .Intro-topic__nav .intro-tab.nav2 {
  background: url("/static/images/activity/art_design/yimeng/intro/tab-2.png") no-repeat;
  background-size: cover;
}
.yimeng-Intro .Intro-topic__nav .intro-tab.nav1.active {
  background: url("/static/images/activity/art_design/yimeng/intro/tab-1-active.png") no-repeat;
  background-size: cover;
}
.yimeng-Intro .Intro-topic__nav .intro-tab.nav2.active {
  background: url("/static/images/activity/art_design/yimeng/intro/tab-2-active.png") no-repeat;
  background-size: cover;
}
.yimeng-Intro .Intro-topic-text {
  width: 7.8rem;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  margin-top: 0.78rem;
  margin-left: 2.5rem;
}
.yimeng-Intro .Intro-topic-text .download {
  text-decoration: underline;
}
.yimeng-Intro .Intro-topic-pic {
  width: 6.92rem;
  height: 5.64rem;
  padding: 1.27rem 1.86rem 0.87rem 1.04rem;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-topic-2.png") no-repeat;
  background-size: cover;
}
.yimeng-Intro .Intro-topic-pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-Intro .Intro-title__third {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/intro/title-people.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 2rem auto 0;
}
.yimeng-Intro .Intro-people {
  width: 17.7rem;
  height: 10.78rem;
  margin: 0.32rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.yimeng-Intro .Intro-people-Item {
  width: 5.48rem;
  height: 10.78rem;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-people.png") no-repeat;
  background-size: cover;
  background-position-x: -0.2rem;
}
.yimeng-Intro .Intro-people-Item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-Intro .Intro-people-Item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-Intro .Intro-people-Item .img-box {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: transparent;
  margin: 1.7rem auto 0;
  -webkit-transform: translateX(0.14rem);
      -ms-transform: translateX(0.14rem);
          transform: translateX(0.14rem);
}
.yimeng-Intro .Intro-people-Item .people-name {
  font-size: 0.54rem;
  line-height: 0.6rem;
  color: #1e3443;
  text-align: center;
  font-family: 'Font-song';
  width: 2.6rem;
  -webkit-transform: translateX(0.14rem);
      -ms-transform: translateX(0.14rem);
          transform: translateX(0.14rem);
  margin: 1.2rem auto 0;
}
.yimeng-Intro .Intro-people-Item .people-depart,
.yimeng-Intro .Intro-people-Item .people-category {
  width: 2.6rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #1e3443;
  text-align: center;
  font-family: 'Font-song';
  -webkit-transform: translateX(0.14rem);
      -ms-transform: translateX(0.14rem);
          transform: translateX(0.14rem);
  margin: 0.32rem auto 0;
}
.yimeng-Intro .Intro-people-Item .people-category {
  margin-top: 1.12rem;
}
.yimeng-Intro .Intro-title__four {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/intro/title-rule.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 2rem auto 0;
}
.yimeng-Intro .Intro-rule {
  width: 14.62rem;
  height: auto;
  margin: 0.6rem auto 0;
}
.yimeng-Intro .Intro-rule-top {
  width: 100%;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-rule-1.png") no-repeat;
  background-size: cover;
  background-size: 14.61rem auto;
}
.yimeng-Intro .Intro-rule-center {
  width: 100%;
  height: auto;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-rule-2.png") no-repeat;
  background-size: cover;
  background-size: 14.62rem auto;
  background-repeat: repeat-y;
  padding: 0 1.12rem;
  margin-top: -0.02rem;
}
.yimeng-Intro .Intro-rule-center > p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  color: #2a2f32;
  text-align: justify;
  font-family: 'Font-song';
  margin-bottom: 0.1rem;
}
.yimeng-Intro .Intro-rule-bottom {
  width: 100%;
  height: 1rem;
  margin-top: -0.1rem;
  background: url("/static/images/activity/art_design/yimeng/intro/bg-rule-3.png") no-repeat;
  background-size: cover;
  background-size: 14.62rem auto;
}
.yimeng .modal-topic {
  position: fixed;
  top: 20px;
  right: -0.6rem;
  z-index: 99;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  cursor: pointer;
}
.yimeng .modal-topic .head {
  width: 3rem;
  height: 6.8rem;
  background: url("/static/images/activity/art_design/yimeng/modal-topic.png") no-repeat;
  background-size: cover;
  background-size: 3rem auto;
}
.yimeng .modal-topic .qrcode {
  width: 2.1rem;
  height: 3.22rem;
  background: url("/static/images/activity/art_design/yimeng/bg-QQ.png") no-repeat;
  background-size: cover;
  background-size: 2.4rem auto;
  margin: 0 auto;
  -webkit-transform: translateX(0.04rem);
      -ms-transform: translateX(0.04rem);
          transform: translateX(0.04rem);
  text-align: center;
}
.yimeng .modal-topic .qrcode > img {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.4rem;
  margin-left: 0.1rem;
}
.yimeng .modal-topic .qrcode > p {
  margin-top: 0.06rem;
  -webkit-transform: translateX(0.06rem);
      -ms-transform: translateX(0.06rem);
          transform: translateX(0.06rem);
}
.YM-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 103;
}
.YM-video-modal .YM-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.YM-video-modal .YM-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 11rem;
  height: 6.03rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM-video-modal .YM-video-video {
  width: 10.72rem;
  height: auto;
  border: 0.04rem solid #D6C4A5;
}
.YM-video-modal .YM-video-video video {
  width: 100%;
  height: 100%;
}
.YM-video-modal .YM-video-video video:focus {
  outline: none;
}
.YM-video-modal .YM-video-close {
  margin-left: 0.04rem;
  width: 0.66rem;
  height: 0.66rem;
  background: url("/static/images/activity/art_design/yimeng/video-close.png") no-repeat;
  background-size: 0.66rem 0.66rem;
  cursor: pointer;
}

.YMPrize {
  width: 100%;
  overflow: hidden;
}
.YMPrize-Intro {
  width: 16.67rem;
  height: 12.9rem;
  margin: 0 auto 0;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/prize/bg-prize-intro.png") no-repeat;
  background-size: cover;
  background-position-y: -1rem;
}
.YMPrize-Intro__title {
  width: 9.04rem;
  margin: 3.9rem auto 0;
  font-size: 0.46rem;
  line-height: 0.84rem;
  color: #1e3433;
  text-align: center;
  font-family: 'Font-song';
}
.YMPrize-Intro__text {
  width: 9.04rem;
  margin: 0 auto;
}
.YMPrize-Intro__text > p {
  font-size: 0.28rem;
  line-height: 0.9rem;
  color: #1e3433;
  text-align: center;
  font-family: 'Font-song';
}
.YMPrize-first {
  width: 19.2rem;
  height: 12.09rem;
  background: url("/static/images/activity/art_design/yimeng/prize/bg-1.png") no-repeat;
  background-size: cover;
  position: relative;
}
.YMPrize-first--num {
  font-size: 0.4rem;
  line-height: 0.44rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  position: absolute;
  top: 3.4rem;
  left: 3.9rem;
}
.YMPrize-first .YMPrizeBox-first {
  position: absolute;
  top: 4.5rem;
  left: 5.2rem;
  width: 8.8rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMPrize-first .YMPrizeBox-first .YMPrize-Item {
  width: 2.4rem;
  height: auto;
}
.YMPrize-first .YMPrizeBox-first .YMPrize-Item__pic {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
}
.YMPrize-first .YMPrizeBox-first .YMPrize-Item__pic > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.YMPrize-first .YMPrizeBox-first .YMPrize-Item__text {
  width: 2.4rem;
  margin-top: 0.32rem;
  line-height: 1.5;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: #716d64;
  text-align: center;
  font-family: 'Font-song';
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.YMPrize-second {
  width: 19.2rem;
  height: 7.4rem;
  background: url("/static/images/activity/art_design/yimeng/prize/bg-2.png") no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -1.5rem;
}
.YMPrize-second--num {
  font-size: 0.22rem;
  line-height: 0.24rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  position: absolute;
  top: 2rem;
  left: 2.35rem;
}
.YMPrize-second .YMPrize-third--num {
  font-size: 0.22rem;
  line-height: 0.24rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  position: absolute;
  top: 2rem;
  right: 2.65rem;
}
.YMPrize-second .YMPrizeBox-second {
  position: absolute;
  top: 2.7rem;
  left: 3.1rem;
  width: 5.04rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMPrize-second .YMPrizeBox-second .YMPrize-Item {
  width: 1.36rem;
  height: auto;
}
.YMPrize-second .YMPrizeBox-second .YMPrize-Item__pic {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
}
.YMPrize-second .YMPrizeBox-second .YMPrize-Item__pic > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.YMPrize-second .YMPrizeBox-second .YMPrize-Item__text {
  width: 1.36rem;
  margin-top: 0.32rem;
  line-height: 1.5;
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #716d64;
  text-align: center;
  font-family: 'Font-song';
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.YMPrize-second .YMPrizeBox-third {
  position: absolute;
  top: 2.7rem;
  right: 3.2rem;
  width: 5.04rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMPrize-second .YMPrizeBox-third .YMPrize-Item {
  width: 1.36rem;
  height: auto;
}
.YMPrize-second .YMPrizeBox-third .YMPrize-Item__pic {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
}
.YMPrize-second .YMPrizeBox-third .YMPrize-Item__pic > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.YMPrize-second .YMPrizeBox-third .YMPrize-Item__text {
  width: 1.36rem;
  margin-top: 0.32rem;
  line-height: 1.5;
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #716d64;
  text-align: center;
  font-family: 'Font-song';
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.YMPrize-third {
  width: 19.2rem;
  height: 5.8rem;
  background: url("/static/images/activity/art_design/yimeng/prize/bg-3.png") no-repeat;
  background-size: cover;
  position: relative;
}
.YMPrize-third .YMPrize-chusai--num {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  position: absolute;
  top: 1.84rem;
  left: 1.48rem;
}
.YMPrize-third .YMPrize-renqi1--num {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  position: absolute;
  top: 1.84rem;
  left: 7.04rem;
}
.YMPrize-third .YMPrize-renqi2--num {
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  position: absolute;
  top: 1.84rem;
  right: 5.9rem;
}
.YMPrize-third .YMPrizeBox-other {
  position: absolute;
  top: 2.1rem;
  width: 3.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMPrize-third .YMPrizeBox-other .YMPrize-Item {
  width: 1.2rem;
  height: auto;
}
.YMPrize-third .YMPrizeBox-other .YMPrize-Item__pic {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.YMPrize-third .YMPrizeBox-other .YMPrize-Item__pic > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.YMPrize-third .YMPrizeBox-other .YMPrize-Item__text {
  width: 1.2rem;
  margin-top: 0.16rem;
  line-height: 1.5;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #716d64;
  text-align: center;
  font-family: 'Font-song';
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.YMPrize-third .YMPrizeBox-third1 {
  left: 2.5rem;
}
.YMPrize-third .YMPrizeBox-third1 .YMPrize-Item__text {
  width: 1.7rem;
  margin-left: -0.23rem;
}
.YMPrize-third .YMPrizeBox-third2 {
  left: 8rem;
  width: 3.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMPrize-third .YMPrizeBox-third2 .YMPrize-Item {
  width: 1.2rem;
  height: auto;
}
.YMPrize-third .YMPrizeBox-third2 .YMPrize-Item__pic {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.YMPrize-third .YMPrizeBox-third2 .YMPrize-Item__pic > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.YMPrize-third .YMPrizeBox-third2 .YMPrize-Item__text {
  width: 1.2rem;
  margin-top: 0.16rem;
  line-height: 1.5;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #716d64;
  text-align: center;
  font-family: 'Font-song';
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.YMPrize-third .YMPrizeBox-third2 .YMPrize-Item__text {
  margin-left: -0.36rem;
  width: 2rem;
}
.YMPrize-third .YMPrizeBox-third2 .YMPrize-Item__text > span {
  display: inline-block;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.YMPrize-third .YMPrizeBox-third3 {
  left: 13.5rem;
  width: 3.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMPrize-third .YMPrizeBox-third3 .YMPrize-Item {
  width: 1.2rem;
  height: auto;
}
.YMPrize-third .YMPrizeBox-third3 .YMPrize-Item__pic {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.YMPrize-third .YMPrizeBox-third3 .YMPrize-Item__pic > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.YMPrize-third .YMPrizeBox-third3 .YMPrize-Item__text {
  width: 1.2rem;
  margin-top: 0.16rem;
  line-height: 1.5;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #716d64;
  text-align: center;
  font-family: 'Font-song';
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.YMPrize-third .YMPrizeBox-third3 .YMPrize-Item__text {
  margin-left: -0.36rem;
  width: 2rem;
}
.YMPrize-third .YMPrizeBox-third3 .YMPrize-Item__text > span {
  display: inline-block;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.YMPrize-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/prize/title-add-prize.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 1.4rem auto 0;
}
.YMPrize .YMPrize-rule {
  width: 14.61rem;
  height: auto;
  margin: 0.6rem auto 0;
}
.YMPrize .YMPrize-rule-top {
  width: 100%;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/prize/prize-rule-top.png") no-repeat;
  background-size: cover;
}
.YMPrize .YMPrize-rule-center {
  width: 100%;
  height: 4rem;
  background: url("/static/images/activity/art_design/yimeng/prize/prize-rule-center.png") no-repeat;
  background-size: cover;
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: 0 1.12rem;
  margin-top: -0.18rem;
}
.YMPrize .YMPrize-rule-center > p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  color: #2a2f32;
  text-align: justify;
  font-family: 'Font-song';
  margin-bottom: 0.1rem;
}
.YMPrize .YMPrize-rule-bottom {
  width: 100%;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/prize/prize-rule-bottom.png") no-repeat;
  background-size: cover;
}

.YMCR {
  width: 100%;
  overflow: hidden;
}
.YMCR-title-1 {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/classroom/title-1.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 1.4rem auto 0;
}
.YMCR-moudle1 {
  width: 14.86rem;
  margin: 0.32rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMCR-moudle1 .YMCR-moudle-item {
  width: 7.18rem;
  height: auto;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-top {
  width: 7.18rem;
  height: 4rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/moudle-1-top.png") no-repeat;
  background-size: cover;
  background-size: 7.18rem auto;
  padding: 0.2rem 0.32rem 0.28rem;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-top > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-center {
  width: 7.18rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/moudle-1-center.png") no-repeat;
  background-size: cover;
  background-size: 7.18rem auto;
  background-repeat: repeat-y;
  padding: 0.03rem 0.52rem;
  margin-top: -0.02rem;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-center .YMCR-Item-title {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-center .YMCR-Item-intro {
  height: 0.72rem;
  margin-top: 0.16rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  opacity: 0.7;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-center .YMCR-Item-info {
  margin-top: 0.24rem;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-center .YMCR-Item-info > p {
  margin-bottom: 0;
  padding-bottom: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-center .YMCR-Item-info > p > span {
  display: inline-block;
  width: 0.8rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.YMCR-moudle1 .YMCR-moudle-item .YMCR-Item-bottom {
  margin-top: -0.6rem;
  width: 7.18rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/moudle-1-bottom.png") no-repeat;
  background-size: cover;
  background-size: 7.18rem auto;
}
.YMCR-title-2 {
  width: 8.52rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/classroom/title-2.png') no-repeat;
  background-size: 8.52rem auto;
  margin: 1.6rem auto 0;
}
.YMCR-moudle2 {
  width: 14.82rem;
  margin: 0 auto;
}
.YMCR-moudle2-title {
  height: 0.54rem;
  font-size: 0.4rem;
  line-height: 0.64rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.64rem;
  background: url("/static/images/activity/art_design/yimeng/intro/snowflake.png") no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 0.48rem auto;
  margin-top: 0.75rem;
}
.YMCR-moudle2 .YMCR-theme {
  width: 14.82rem;
  margin: 0.3rem auto 0;
}
.YMCR-moudle2 .YMCR-theme-top {
  width: 100%;
  height: 0.6rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/theme-1.png") no-repeat;
  background-size: cover;
  background-size: 14.83rem auto;
}
.YMCR-moudle2 .YMCR-theme-center {
  width: 100%;
  margin-top: -0.02rem;
  height: auto;
  background: url("/static/images/activity/art_design/yimeng/classroom/theme-2.png") no-repeat;
  background-size: cover;
  background-size: 14.83rem auto;
  background-repeat: repeat-y;
}
.YMCR-moudle2 .YMCR-theme-center .YMCR-text {
  padding: 0 0.62rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMCR-moudle2 .YMCR-theme-bottom {
  width: 100%;
  height: 0.6rem;
  margin-top: -0.04rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/theme-3.png") no-repeat;
  background-size: cover;
  background-size: 14.83rem auto;
}
.YMCR-moudle2 .YMCR-Author {
  width: 14.84rem;
  margin: 0.3rem auto 0;
}
.YMCR-moudle2 .YMCR-Author-top {
  width: 100%;
  height: 0.6rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/author-1.png") no-repeat;
  background-size: cover;
  background-size: 14.82rem auto;
}
.YMCR-moudle2 .YMCR-Author-center {
  width: 100%;
  margin-top: -0.02rem;
  height: auto;
  background: url("/static/images/activity/art_design/yimeng/classroom/author-2.png") no-repeat;
  background-size: cover;
  background-size: 14.82rem auto;
  background-repeat: repeat-y;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMCR-moudle2 .YMCR-Author-center .Author-text {
  width: 7.42rem;
  max-width: 7.42rem;
  padding: 0 0.62rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMCR-moudle2 .YMCR-Author-center .Author-text .author-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.3rem;
}
.YMCR-moudle2 .YMCR-Author-center .Author-text .author-detail .author-avatar {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-right: 0.16rem;
}
.YMCR-moudle2 .YMCR-Author-center .Author-text .author-detail .author-avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMCR-moudle2 .YMCR-Author-center .Author-text .author-detail .author-info .name {
  margin-top: 0.03rem;
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMCR-moudle2 .YMCR-Author-center .Author-text .author-detail .author-info .category {
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #618498;
  text-align: justify;
  font-family: 'Font-song';
  margin-top: 0.1rem;
}
.YMCR-moudle2 .YMCR-Author-bottom {
  width: 100%;
  height: 0.6rem;
  margin-top: -0.04rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/author-3.png") no-repeat;
  background-size: cover;
  background-size: 14.82rem auto;
}
.YMCR-moudle2 .YMCR-course {
  width: 14.84rem;
  margin: 0.3rem auto 0;
}
.YMCR-moudle2 .YMCR-course-top {
  width: 100%;
  height: 0.6rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/course-1.png") no-repeat;
  background-size: cover;
  background-size: 14.82rem auto;
}
.YMCR-moudle2 .YMCR-course-center {
  width: 100%;
  margin-top: -0.02rem;
  height: 4.16rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/course-2.png") no-repeat;
  background-size: cover;
  background-size: 14.82rem auto;
  background-repeat: repeat-y;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.YMCR-moudle2 .YMCR-course-center .course-list {
  width: 5.44rem;
  height: auto;
  position: absolute;
  left: 0.3rem;
  top: -0.18rem;
}
.YMCR-moudle2 .YMCR-course-center .course-list .list-item {
  width: 5.44rem;
  height: 0.96rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/bg-course.png") no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  line-height: 0.42rem;
  color: #d6c4a5;
  text-align: justify;
  font-family: 'Font-song';
  padding: 0.29rem 0.6rem;
  cursor: pointer;
}
.YMCR-moudle2 .YMCR-course-center .course-list .list-item.active {
  background: url("/static/images/activity/art_design/yimeng/classroom/bg-course-active.png") no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  line-height: 0.42rem;
  color: #fffdbf;
  text-align: justify;
  font-family: 'Font-song';
}
.YMCR-moudle2 .YMCR-course-center .course-list .list-item + .list-item {
  margin-top: 0.2rem;
}
.YMCR-moudle2 .YMCR-course-center .course-content {
  width: 8.64rem;
  height: 4.86rem;
  position: absolute;
  right: 0.33rem;
  top: -0.36rem;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(#1E3443), to(#1E3443)), -webkit-gradient(linear, left bottom, left top, from(rgba(97, 132, 152, 0.27)), to(rgba(97, 132, 152, 0.27)));
  background: -o-linear-gradient(bottom, #1E3443, #1E3443), -o-linear-gradient(bottom, rgba(97, 132, 152, 0.27), rgba(97, 132, 152, 0.27));
  background: linear-gradient(0deg, #1E3443, #1E3443), linear-gradient(0deg, rgba(97, 132, 152, 0.27), rgba(97, 132, 152, 0.27));
}
.YMCR-moudle2 .YMCR-course-center .course-content > img {
  width: 8.64rem;
  height: 4.86rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMCR-moudle2 .YMCR-course-center .course-content > img.video-play {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.YMCR-moudle2 .YMCR-course-center .course-content .empty-text {
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  margin-top: 0.32rem;
  text-align: center;
}
.YMCR-moudle2 .YMCR-course-center .course-content .empty-time {
  font-size: 0.2rem;
  line-height: 0.24rem;
  color: #9FB8C7;
  text-align: justify;
  font-family: 'Font-song';
  margin-top: 0.08rem;
  text-align: center;
}
.YMCR-moudle2 .YMCR-course-bottom {
  width: 100%;
  height: 0.6rem;
  margin-top: -0.04rem;
  background: url("/static/images/activity/art_design/yimeng/classroom/course-3.png") no-repeat;
  background-size: cover;
  background-size: 14.82rem auto;
}
.YM-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 103;
}
.YM-video-modal .YM-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.YM-video-modal .YM-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 11rem;
  height: 6.03rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM-video-modal .YM-video-video {
  width: 10.72rem;
  height: auto;
  border: 0.04rem solid #D6C4A5;
}
.YM-video-modal .YM-video-video video {
  width: 100%;
  height: 100%;
}
.YM-video-modal .YM-video-video video:focus {
  outline: none;
}
.YM-video-modal .YM-video-close {
  margin-left: 0.04rem;
  width: 0.66rem;
  height: 0.66rem;
  background: url("/static/images/activity/art_design/yimeng/video-close.png") no-repeat;
  background-size: 0.66rem 0.66rem;
  cursor: pointer;
}

.game-compus {
  min-width: 1206px;
  width: 100%;
}
.game-compus .banner {
  width: 100%;
}
.game-compus .banner > img {
  width: 100%;
}
.game-compus .nav {
  width: 1206px;
  margin: 0 auto;
  height: 100px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.game-compus .nav .border {
  width: 1px;
  height: 40px;
  border-right: 1px dotted #c4c4c4;
  margin: 10px 90px 0;
}
.game-compus .nav-item {
  width: 180px;
  height: 86px;
  padding-top: 26px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  color: #535252;
}
.game-compus .nav-item > a {
  color: #535252;
}
.game-compus .nav-item > a p {
  margin-bottom: 0 ;
}
.game-compus .nav-item:nth-child(1) {
  border-bottom: 3px solid #8d3721;
}
.game-compus .nav-item:nth-child(1) > a {
  color: #8d3721;
}
.game-compus .activity-intro {
  width: 100%;
  height: 388px;
  margin: 0 auto;
  background-image: url('/static/images/activity/game-compus/nav.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.game-compus .activity-intro .intro-box {
  width: 1206px;
  height: 388px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.game-compus .activity-intro .intro-box .left {
  width: 365px;
  height: 185px;
  margin-top: 90px;
}
.game-compus .activity-intro .intro-box .right {
  width: 806px;
  height: 185px;
  margin-top: 90px;
  font-size: 32px;
  font-weight: bold;
  line-height: 60px;
  color: #fff;
}
.game-compus .live {
  width: 100%;
  overflow: hidden;
  height: 1065px;
  background: url('/static/images/activity/game-compus/live_bg.png') no-repeat;
  background-size: 100% 1065px;
}
.game-compus .live .title {
  margin: 64px auto 0;
  width: 1206px;
  text-align: center;
}
.game-compus .live .title > img {
  margin: 0 auto;
}
.game-compus .live .live-video {
  width: 1206px;
  height: 500px;
  margin: 60px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 4px solid #000;
}
.game-compus .live .live-video .left {
  width: 326px;
  height: 492px;
  padding: 68px 0 0 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.game-compus .live .live-video .right {
  width: 873px;
  height: 492px;
}
.game-compus .footer {
  width: 100%;
}
.game-compus .footer > img {
  width: 100%;
}
@media screen and (max-width: 1450px) {
  .game-compus .nav .border {
    margin: 10px 50px 0;
  }
}
@media screen and (min-width: 1450px) {
  .game-compus .nav .border {
    margin: 10px 70px 0;
  }
}
@media screen and (min-width: 1750px) {
  .game-compus .nav .border {
    margin: 10px 90px 0;
  }
}

.halloween {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  background-image: url('/static/images/halloween/halloween-pc.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.halloween-userName {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 658px;
  text-align: center;
  width: 160px;
  font-size: 22px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  -webkit-box-orient: vertical;
}
.halloween-img {
  width: 560px;
  height: auto;
  margin: 0 auto;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity_navBg {
  background-image: url('https://gameacademy.v.netease.com/2019/0326/2f25e4b89a16f5c339eda26fd8a045e4.png') !important;
}
.wholeData {
  text-align: center;
  margin-bottom: 50px;
}
.acticity_count {
  font-size: 14px;
  display: inline-block;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 64px;
}
.activity {
  width: 100%;
}
.activity-head {
  width: 100%;
  height: 324px;
  background: url('/static/images/activity/head-bg.png') no-repeat center;
  background-size: auto 324px;
}
.activity-nav {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #EEEEF2;
  font-size: 18px;
}
.activity-nav-Item-Item {
  height: 63px;
  line-height: 78px;
  padding: 0 26px;
  cursor: pointer;
}
.activity-nav .selected {
  background: url('/static/images/Group@2x.png') no-repeat;
  background-size: 32px 5px;
  background-position: bottom;
  color: #D83B2F;
}
.activity-viceNav {
  border-bottom: none !important;
}
.activity-viceNav .select {
  color: #D83B2F;
}
.activity-list {
  width: 1000px;
  margin: 0 auto;
}
.activity-list-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.activity-list-Item {
  margin: 24px 0;
  height: 32px;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 20px;
  margin-right: 8px;
  cursor: pointer;
}
.activity-list .check {
  background: #F5F6F9;
  border-radius: 8px;
}
.activity-list .list-Item {
  width: 1000px;
  height: 163px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.activity-list .list-Item-left {
  width: 260px;
  margin-right: 24px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.activity-list .list-Item-left .item-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-list .list-Item-left img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.activity-list .list-Item-left .status {
  width: 48px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.activity-list .list-Item-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  border-bottom: 1px solid #F5F5F9;
  color: #6A6D7A;
}
.activity-list .list-Item-right h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.activity-list .list-Item-right .time_addr {
  line-height: 22px;
  margin-top: 6px;
  padding-left: 22px;
}
.activity-list .list-Item-right .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.activity-list .list-Item-right .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
  margin-bottom: 14px;
}
.activity-list .list-Item-right .fontSize {
  color: #3e3e3e;
  padding-left: 5px;
}
.activity-list .list-Item:hover .list-Item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  border-radius: 8px;
}

.mini-game-header {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}
.mini-game-header .banner {
  background-image: url(https://gameacademy.v.netease.com/2018/0511/60d0592d2b54b82d021225978699a58e.jpg);
  background-size: 100% 100%;
  position: relative;
  height: 704px;
}
.mini-game-header .banner .barrage .barrage_box div.p a:hover {
  text-decoration: none;
}
.mini-game-header .banner.has-barrage::before {
  background-color: rgba(0, 0, 0, 0.37);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.mini-game-header .banner > a {
  display: block;
  position: absolute;
}
.mini-game-header .banner .logo_03 {
  left: 290px;
  top: 50px;
}
.mini-game-header .banner .logo_03 img {
  display: block;
  width: 167px;
  height: 62px;
}
.mini-game-header .banner .logo_06 {
  left: 480px;
  top: 60px;
}
.mini-game-header .banner .logo_06 img {
  display: block;
  width: 183px;
  height: 55px;
}
.mini-game-header .navlist {
  background: url(https://gameacademy.v.netease.com/2018/0511/bf64a9349f60fbfb89ef31d57718fd6b.jpg) center top no-repeat;
  height: 94px;
}
.mini-game-header .navlist ul {
  width: 1100px;
  margin: 0 auto;
  height: 94px;
  padding-left: 0;
}
.mini-game-header .navlist ul li {
  width: 180px;
  height: 91px;
  float: left;
  background: url(https://gameacademy.v.netease.com/2018/0511/97e44245014ba6eecf861cffafb7785f.png) right center no-repeat;
  list-style: none;
}
.mini-game-header .navlist ul li.on > a {
  border-top: 3px solid #de5756;
  color: #de5756;
}
.mini-game-header .navlist ul li.on > a p {
  font-weight: bold;
}
.mini-game-header .navlist ul li > a {
  display: block;
  width: 178px;
  height: 56px;
  padding-top: 25px;
  text-align: center;
  color: #666666;
}
.mini-game-header .navlist ul li > a p {
  font-size: 20px;
  margin-bottom: 10px;
}
.mini-game-header .navlist ul li > a span {
  font-size: 14px;
}
.mini-game-header .navlist ul li:last-of-type {
  background: transparent;
}
.mini-game-header a,
.mini-game-header a:hover {
  text-decoration: none;
}
@media (min-width: 1496px) {
  .mini-game-header .banner {
    height: 704px;
  }
}
@media (max-width: 1495px) {
  .mini-game-header .banner {
    height: 500px;
  }
  .mini-game-header .banner .logo_03 {
    left: 180px;
    top: 20px;
  }
  .mini-game-header .banner .logo_06 {
    left: 370px;
    top: 30px;
  }
}
#reactHeader .mini-game-header {
  padding-top: 80px;
}

.mg-rtside {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 9999999;
  width: 73px;
  height: 184px;
}
.mg-rtside.show {
  width: 284px;
  height: 385px;
}
.mg-rtside .boxclose {
  width: 73px;
  height: 184px;
  position: absolute;
  right: 0;
  top: 0px;
  cursor: pointer;
}
.mg-rtside .boxclose img {
  width: 73px;
  height: 184px;
  display: block;
}
.mg-rtside .boxopen {
  width: 212px;
  position: absolute;
  right: 0;
  top: 0px;
  background: url(https://gameacademy.v.netease.com/2018/0511/74be70884c74b53d864b706ac28b9e97.png) no-repeat right top;
  background-size: 100% 100%;
  padding: 16px 20px 20px;
}
.mg-rtside .boxopen ul,
.mg-rtside .boxopen li,
.mg-rtside .boxopen p {
  margin: 0;
  padding: 0;
}
.mg-rtside .boxopen .newstit {
  font-size: 24px;
  color: #514b5d;
  background: url(https://gameacademy.v.netease.com/2018/0824/4922b1378512120a14f73ac09dda261a.png) no-repeat left bottom;
  line-height: 50px;
  margin-bottom: 5px;
}
.mg-rtside .boxopen .rtnews li {
  float: left;
  width: 100%;
  font-size: 14px;
  list-style: none;
  color: #333;
}
.mg-rtside .boxopen .rtnews li span {
  display: block;
  font-size: 12px;
  color: #9487a9;
  line-height: 20px;
  text-align: right;
}
.mg-rtside .boxopen .rtnews a,
.mg-rtside .boxopen .rtnews a:hover {
  text-decoration: none;
  color: #333;
}
.mg-rtside .boxopen .rtnews p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 26px;
  margin-bottom: 0;
}
.mg-rtside .boxopen .rtnews em {
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  padding-right: 5px;
  color: #514b5d;
}
.mg-rtside .closeimg {
  width: 32px;
  height: 73px;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 14px;
  display: inline-block;
}

.mg-2018-review-swiper {
  padding-top: 38px;
}
.mg-2018-review-swiper .swiper-wrap {
  position: relative;
}
.mg-2018-review-swiper .swiper-wrap .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  transition-property: transform, -webkit-transform;
}
.mg-2018-review-swiper .swiper-container {
  width: 1127px;
  overflow: hidden;
}
.mg-2018-review-swiper .swiper-slide {
  min-width: 272px;
  height: 108px;
  background-image: url(https://gameacademy.v.netease.com/2018/0904/bda8b61c05d19faeb0206814051b4256.png);
  background-size: 100% 100%;
  font-weight: bold;
  padding: 0;
}
.mg-2018-review-swiper .swiper-slide.active {
  background-image: url(https://gameacademy.v.netease.com/2018/0904/7dbd15f03b2992f3e2030f592e2c9ada.png);
}
.mg-2018-review-swiper .swiper-slide .prize-title {
  height: 42px;
  line-height: 42px;
  color: white;
  font-size: 18px;
}
.mg-2018-review-swiper .swiper-slide .team-name {
  height: 64px;
  line-height: 64px;
  color: #635c71;
  font-size: 24px;
}
.mg-2018-review-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}
.mg-2018-review-swiper .swiper-button-prev,
.mg-2018-review-swiper .swiper-button-next {
  cursor: pointer;
  width: 25px;
  height: 42px;
  position: absolute;
  top: 67%;
  z-index: 20;
}
.mg-2018-review-swiper .swiper-button-prev:focus,
.mg-2018-review-swiper .swiper-button-next:focus {
  outline: none;
}
.mg-2018-review-swiper .swiper-button-prev.swiper-button-disabled,
.mg-2018-review-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.mg-2018-review-swiper .swiper-button-prev.disabled,
.mg-2018-review-swiper .swiper-button-next.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.mg-2018-review-swiper .swiper-button-prev {
  background: url(https://gameacademy.v.netease.com/2018/0612/b659b079859788a63337e0e591fd14af.png) center top no-repeat;
  left: -37px;
}
.mg-2018-review-swiper .swiper-button-prev:hover {
  background: url(https://gameacademy.v.netease.com/2018/0612/f8c7ded73699c728642fd22f6ceee2d3.png) center top no-repeat;
}
.mg-2018-review-swiper .swiper-button-next {
  background: url(https://gameacademy.v.netease.com/2018/0612/54ab00302455a36694af50e36bc73945.png) center top no-repeat;
  right: -37px;
}
.mg-2018-review-swiper .swiper-button-next:hover {
  background: url(https://gameacademy.v.netease.com/2018/0612/c25c7acbcf9dad3f6d20c2eeafd37907.png) center top no-repeat;
}
.mg-2018-review-swiper .review-work-switch-container {
  position: relative;
}
.mg-2018-review-swiper .review-work-switch-container .works-switch {
  cursor: pointer;
  font-size: 22px;
  color: #3f3a4a;
  position: absolute;
  right: 2px;
  top: 0;
  width: 60px;
  height: 108px;
  background: url(https://gameacademy.v.netease.com/2018/0904/d4412af993c7b62a573f225e56f1f9a9.png) center top no-repeat;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: bt-rl;
}
.mg-2018-review-swiper .review-work-switch-container .works-switch.active {
  color: white;
  background: url(https://gameacademy.v.netease.com/2018/0904/496f5ef1575a6c424159ef27fa0ea110.png) center top no-repeat;
  width: 69px;
}
.mg-2018-review-swiper .review-work-switch-container .works-switch 1 {
  top: 108px;
}
.mg-2018-review-swiper .review-work-switch-container .works-switch > span {
  display: block;
  padding-right: 14px;
}
.mg-2018-review-swiper .team-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1127px;
  margin: 30px auto 0;
}
.mg-2018-review-swiper .team-info:hover {
  cursor: pointer !important;
}
.mg-2018-review-swiper .team-info video::-webkit-media-controls-play-button {
  cursor: pointer;
}
.mg-2018-review-swiper .team-info .video-content {
  border: solid 3px #3f3a4a;
  width: 580px;
  height: 386px;
}
.mg-2018-review-swiper .team-info .video-content video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}
.mg-2018-review-swiper .team-info .team-info-right {
  width: 491px;
  height: 370px;
  background: url(https://gameacademy.v.netease.com/2018/0816/df88cdbfc57ce4226f7bf682526e0c11.png) center top no-repeat;
  background-size: 100% 100%;
  padding: 40px 15px 55px;
  margin-left: -3px;
  position: relative;
}
.mg-2018-review-swiper .team-info .work-name {
  color: #e77171;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 25px;
}
.mg-2018-review-swiper .team-info .content-container {
  padding: 0 50px 0 35px;
  height: 100%;
  overflow: auto;
  text-align: left;
}
.mg-2018-review-swiper .team-info .team-info-title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  color: #635c71;
}
.mg-2018-review-swiper .team-info .team-info-content {
  padding-top: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  text-align: left;
  color: #666666;
}
.mg-2018-review-swiper .team-info .team-info-content + .team-info-title {
  padding-top: 32px;
}

.mg-2018-review-pic-block {
  width: 1127px;
}
.mg-2018-review-pic-block ul,
.mg-2018-review-pic-block li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mg-2018-review-pic-block ul {
  height: 285px;
}
.mg-2018-review-pic-block li {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 285px;
  height: 100%;
}
.mg-2018-review-pic-block li.current {
  width: 557px;
}
.mg-2018-review-pic-block li .state .txt {
  opacity: 0.5;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  color: #feffff;
  font-size: 14px;
  line-height: 40px;
  text-align: left;
  padding: 0 15px;
}
.mg-2018-review-pic-block li .state {
  transition: opacity 0.2s 0s ease;
  -webkit-transition: opacity 0.2s 0s ease;
  -moz-transition: opacity 0.2s 0s ease;
  -ms-transition: opacity 0.2s 0s ease;
  -o-transition: opacity 0.2s 0s ease;
}
.mg-2018-review-pic-block li {
  transition: width 0.5s 0s ease;
  -webkit-transition: width 0.5s 0s ease;
  -moz-transition: width 0.5s 0s ease;
  -ms-transition: width 0.5s 0s ease;
  -o-transition: width 0.5s 0s ease;
}
.mg-2018-review-pic-block .appear {
  -webkit-animation: scrollInit 0s ease-in forwards;
  animation: scrollInit 0s ease-in forwards;
}
.mg-2018-review-pic-block .appear-animated {
  -webkit-animation: scrollAppear 1.2s ease forwards;
  animation: scrollAppear 1.2s ease forwards;
}
@-webkit-keyframes scrollAppear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scrollAppear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scrollInit {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes scrollInit {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
  }
}

.mg-2018-review-pic-swiper {
  margin-top: 42px;
}
.mg-2018-review-pic-swiper .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.mg-2018-review-pic-swiper .swiper-container .swiper-wrapper {
  -webkit-transform: translate3d(-1127px, 0px, 0px);
          transform: translate3d(-1127px, 0px, 0px);
  -webkit-transition-duration: 0ms;
       -o-transition-duration: 0ms;
          transition-duration: 0ms;
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  transition-property: transform, -webkit-transform;
}
.mg-2018-review-pic-swiper .swiper-container .swiper-slide {
  position: relative;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mg-2018-review-pic-swiper .swiper-wrap {
  position: relative;
}
.mg-2018-review-pic-swiper .swiper-wrap::before,
.mg-2018-review-pic-swiper .swiper-wrap::after {
  background-size: 100% 100%;
  content: ' ';
  display: block;
  position: absolute;
}
.mg-2018-review-pic-swiper .swiper-wrap::before {
  background: url(https://gameacademy.v.netease.com/2018/0816/68401e362c7f007d638d9578f83ca884.png) center top no-repeat;
  width: 133px;
  height: 213px;
  left: -117px;
  top: 150px;
  z-index: 2;
}
.mg-2018-review-pic-swiper .swiper-wrap::after {
  background: url(https://gameacademy.v.netease.com/2018/0816/8ac47bd8af6aec47e6b292ef9baf5f09.png) center top no-repeat;
  width: 99px;
  height: 88px;
  right: -70px;
  bottom: 40px;
  z-index: 2;
}
.mg-2018-review-pic-swiper .swiper-pagination {
  left: 50%;
  bottom: -45px;
  position: absolute;
  text-align: center;
  z-index: 10;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 20px;
  display: inline-block;
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background-color: #ececec;
  border: solid 2px #df6868;
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet-active .swiper-pagination-bullet-inner {
  display: inline-block;
  width: 26px;
  height: 6px;
  border-radius: 3px;
  background-color: #df6868;
  border: solid 2px #df6868;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #ececec;
  border: solid 2px #958ea3;
}
.mg-2018-review-pic-swiper .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .swiper-pagination-bullet-inner {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #958ea3;
  border: solid 2px #958ea3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.next-container {
  display: block;
}
.mg-2018-reivew-container {
  width: 100%;
}
.mg-2018-reivew-container .mg-2018-banner {
  width: 100%;
  height: 704px;
  background: url('https://gameacademy.v.netease.com/2018/0511/60d0592d2b54b82d021225978699a58e.jpg') no-repeat;
  background-size: 100% 100%;
}
.mg-2018-reivew-container .mg-2018-review-part 1 {
  background: url(https://gameacademy.v.netease.com/2018/0511/dbca579fc81d5f7d04ee131937f83a91.jpg) center top no-repeat;
  background-size: 100% 100%;
  height: 610px;
  position: relative;
  z-index: 4;
}
.mg-2018-reivew-container .mg-2018-review-part 1 .mg-2018-review-part-content {
  transform: translateY(65px);
  -webkit-transform: translateY(65px);
  -moz-transform: translateY(65px);
  -ms-transform: translateY(65px);
  -o-transform: translateY(65px);
}
.mg-2018-reivew-container .mg-2018-review-part 2 {
  background: url(https://gameacademy.v.netease.com/2018/0727/671573a45ef3f94fe58ee1506b4fe3e6.jpg) top repeat-y;
  min-height: 810px;
  position: relative;
  z-index: 3;
}
.mg-2018-reivew-container .mg-2018-review-part 2 .mg-2018-review-part-content {
  transform: translateY(290px);
  -webkit-transform: translateY(290px);
  -moz-transform: translateY(290px);
  -ms-transform: translateY(290px);
  -o-transform: translateY(290px);
}
.mg-2018-reivew-container .mg-2018-review-part 3 {
  background: url(https://gameacademy.v.netease.com/2018/0511/dbca579fc81d5f7d04ee131937f83a91.jpg) center top no-repeat;
  background-size: 100% 100%;
  height: 1100px;
  position: relative;
  z-index: 2;
}
.mg-2018-reivew-container .mg-2018-review-part 3 .mg-2018-review-part-content {
  transform: translateY(250px);
  -webkit-transform: translateY(250px);
  -moz-transform: translateY(250px);
  -ms-transform: translateY(250px);
  -o-transform: translateY(250px);
}
.mg-2018-reivew-container .mg-2018-review-part 4 {
  background: url(https://gameacademy.v.netease.com/2018/0727/671573a45ef3f94fe58ee1506b4fe3e6.jpg) top repeat-y;
  min-height: 1062px;
  position: relative;
  z-index: 1;
}
.mg-2018-reivew-container .mg-2018-review-part 4 .mg-2018-review-part-content {
  transform: translateY(290px);
  -webkit-transform: translateY(290px);
  -moz-transform: translateY(290px);
  -ms-transform: translateY(290px);
  -o-transform: translateY(290px);
}
.mg-2018-reivew-container .mg-2018-review-part-content {
  width: 1127px;
  text-align: center;
  margin: 0 auto;
}
.mg-2018-reivew-container .mg-2018-review-part-content img + img {
  padding-top: 28px;
}
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-container {
  margin: auto;
  width: 1127px;
  height: 601px;
  margin-top: 32px;
  border: solid 3px #3f3a4a;
  background-color: white;
  padding: 12px 21px;
  position: relative;
}
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-container::before,
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-container::after {
  content: ' ';
  display: block;
  position: absolute;
}
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-container::before {
  background: url(https://gameacademy.v.netease.com/2018/0816/c1cbf816e11b393f5d77d397e9a22dc3.png) center top no-repeat;
  width: 122px;
  height: 172px;
  left: -123px;
  bottom: 120px;
}
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-container::after {
  background: url(https://gameacademy.v.netease.com/2018/0816/a0d77872baa48b7a7191df7e13090347.png) center top no-repeat;
  width: 154px;
  height: 154px;
  right: -156px;
  bottom: 128px;
}
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-inner {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  border: solid 3px #3f3a4a;
}
.mg-2018-reivew-container .mg-2018-review-part-content .review-video-inner video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-enroll {
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.activity-2019-enroll ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-enroll p {
  margin: 0;
  padding: 0;
}
.activity-2019-enroll h1,
.activity-2019-enroll h2,
.activity-2019-enroll h3,
.activity-2019-enroll h4,
.activity-2019-enroll h5,
.activity-2019-enroll h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-enroll .section {
  position: relative;
}
.activity-2019-enroll .section img {
  width: 100%;
}
.activity-2019-enroll .section > div {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.activity-2019-enroll .section > div > img {
  width: 100%;
}
.activity-2019-enroll .nav {
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.activity-2019-enroll .nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-enroll .nav li {
  padding-right: 16px;
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-enroll .nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.activity-2019-enroll .nav li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-enroll .nav li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-enroll .nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-enroll .nav li:hover p {
  color: #32163f;
}
.activity-2019-enroll .nav .active-nav p {
  color: #32163f;
}
.activity-2019-enroll .enroll-title {
  top: 0;
  margin-top: 30px;
  width: 951px;
  height: 289px;
  background: url('/static/images/activity/miniGame/2019/enroll/rules-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-enroll .enroll-title .enroll-title-live {
  margin: 0 auto;
  margin-top: 25px;
  height: 38px;
  width: 168px;
  background: url('/static/images/activity/miniGame/2019/enroll/gz.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-enroll .enroll-title img {
  height: 75px;
  width: 75px !important;
  margin-left: 422px;
  margin-top: 25px;
}
.activity-2019-enroll .enroll-title p {
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}
.activity-2019-enroll .enroll-title p:nth-of-type(1) {
  margin-top: 32px;
  font-weight: 700;
}
.activity-2019-enroll .enroll-title p:nth-of-type(2) {
  margin-top: 15px;
  font-size: 16px;
}
.activity-2019-enroll .msg-box {
  top: 20%;
}
.activity-2019-enroll .msg-box > p {
  -webkit-background-clip: text;
  color: #8d375e;
  font-size: 30px;
  font-weight: 700;
  margin-top: 45px;
}
.activity-2019-enroll .msg-box .msg-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 109px;
}
.activity-2019-enroll .msg-box .msg-item-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.activity-2019-enroll .msg-box .col-1 {
  width: 133px;
  line-height: 109px;
  height: 100%;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}
.activity-2019-enroll .msg-box .col-2 {
  width: 1079px;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019/enroll/writing-2.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-enroll .msg-box .col-2 input {
  width: 1048px;
  height: 53px;
  margin-top: 26px;
  margin-left: 19px;
  border: none;
  font-size: 20px;
}
.activity-2019-enroll .msg-box .col-1-1 {
  width: 133px;
  line-height: 109px;
  height: 100%;
  font-size: 20px;
  font-weight: 700;
}
.activity-2019-enroll .msg-box .col-1-2 {
  width: 477px;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019/enroll/writing-1.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select {
  margin-left: 27px;
  margin-top: 29px;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-arrow .ant-select-arrow-icon {
  display: none;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-selection__rendered {
  font-size: 20px;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 55px;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-selection {
  width: 425px;
  border: none;
  height: 55px;
  border-radius: 0;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-selection--single {
  margin-left: 0;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-arrow {
  border: 1px solid #ccc;
  height: 100%;
  top: 6px;
  width: 38px;
  right: 0;
  background: #efd6ae;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-selection__rendered {
  height: 100%;
}
.activity-2019-enroll .msg-box .col-1-2 .ant-select-arrow:before {
  content: '';
  display: block;
  height: 50px;
  width: 38px;
  background: url('/static/images/activity/miniGame/2019/enroll/select_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-enroll .msg-box .grade-input {
  margin-left: -10px;
}
.activity-2019-enroll .msg-box .sex-input {
  margin-left: 15px;
}
.activity-2019-enroll .msg-box .ant-radio-group label {
  margin: 0 42px;
  line-height: 109px;
  font-weight: 700;
  font-size: 22px;
}
.activity-2019-enroll .msg-box .ant-radio-group label .ant-radio {
  vertical-align: middle;
}
.activity-2019-enroll .msg-box .ant-radio-checked .ant-radio-inner {
  border-color: #635c71;
}
.activity-2019-enroll .msg-box .ant-radio:hover .ant-radio-inner {
  border-color: #635c71;
}
.activity-2019-enroll .msg-box .submit-btn {
  height: 102px;
  width: 277px;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019/enroll/button.png') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.activity-2019-enroll .msg-box .submit-btn:hover {
  background: url('/static/images/activity/miniGame/2019/enroll/button_hover.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-enroll .msg-box .rule {
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.activity-2019-enroll .msg-box .rule .ant-checkbox {
  top: -0.19em;
}
.activity-2019-enroll .msg-box .rule .rule-name {
  color: #e77171;
  font-size: 20px;
  text-decoration: underline;
  padding: 0 8px;
  cursor: pointer;
}
.activity-2019-enroll .msg-box .rule .ant-checkbox-wrapper + span,
.activity-2019-enroll .msg-box .rule .ant-checkbox + span {
  font-size: 20px;
}
.activity-2019-enroll-small .nav li {
  font-size: 16px;
}
.activity-2019-enroll-small .nav li p {
  line-height: 22px;
}
.activity-2019-enroll-small .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-enroll-small .enroll-title {
  top: 0;
  margin-top: 24px;
  width: 668px;
  height: 202px;
}
.activity-2019-enroll-small .enroll-title .enroll-title-live {
  margin-top: 18px;
  height: 24px;
  width: 110px;
}
.activity-2019-enroll-small .enroll-title img {
  height: 53px;
  width: 53px !important;
  margin-left: 296px;
  margin-top: 17px;
}
.activity-2019-enroll-small .enroll-title p {
  font-size: 14px;
  line-height: 16px;
}
.activity-2019-enroll-small .enroll-title p:nth-of-type(1) {
  margin-top: 22px;
}
.activity-2019-enroll-small .enroll-title p:nth-of-type(2) {
  font-size: 13px;
  width: 82%;
  margin: 0 auto;
  margin-top: 7px;
}
.activity-2019-enroll-small .msg-box > p {
  font-size: 24px;
  margin-top: 25px;
}
.activity-2019-enroll-small .msg-box .msg-item {
  height: 70px;
}
.activity-2019-enroll-small .msg-box .col-1 {
  width: 96px;
  line-height: 70px;
  font-size: 16px;
}
.activity-2019-enroll-small .msg-box .col-2 {
  width: 690px;
}
.activity-2019-enroll-small .msg-box .col-2 input {
  width: 668px;
  height: 35px;
  margin-top: 16px;
  margin-left: 14px;
  font-size: 16px;
}
.activity-2019-enroll-small .msg-box .col-1-1 {
  width: 85px;
  line-height: 70px;
  font-size: 16px;
}
.activity-2019-enroll-small .msg-box .col-1-2 {
  width: 307px;
}
.activity-2019-enroll-small .msg-box .col-1-2 .ant-select {
  margin-left: 18px;
  margin-top: 19px;
}
.activity-2019-enroll-small .msg-box .col-1-2 .ant-select-selection__rendered {
  font-size: 16px;
}
.activity-2019-enroll-small .msg-box .col-1-2 .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 35px;
}
.activity-2019-enroll-small .msg-box .col-1-2 .ant-select-selection {
  width: 272px;
  height: 35px;
}
.activity-2019-enroll-small .msg-box .col-1-2 .ant-select-arrow {
  top: 6px;
  width: 24px;
}
.activity-2019-enroll-small .msg-box .col-1-2 .ant-select-arrow:before {
  height: 34px;
  width: 24px;
  background: url('/static/images/activity/miniGame/2019/enroll/select_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-enroll-small .msg-box .grade-input {
  margin-left: 4px;
}
.activity-2019-enroll-small .msg-box .sex-input {
  margin-left: 6px;
}
.activity-2019-enroll-small .msg-box .ant-radio-group label {
  margin: 0 25px;
  line-height: 70px;
  font-size: 18px;
}
.activity-2019-enroll-small .msg-box .submit-btn {
  height: 67px;
  width: 178px;
}
.activity-2019-enroll-small .msg-box .rule {
  margin-top: 15px;
  margin-bottom: 8px;
}
.activity-2019-enroll-small .msg-box .rule .rule-name {
  font-size: 14px;
  padding: 0 5px;
}
.activity-2019-enroll-small .msg-box .rule .ant-checkbox-wrapper + span,
.activity-2019-enroll-small .msg-box .rule .ant-checkbox + span {
  font-size: 16px;
}
.activity-2019-enroll-medium .nav li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-enroll-medium .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-enroll-medium .enroll-title {
  top: 0;
  margin-top: 28px;
  width: 761px;
  height: 231px;
}
.activity-2019-enroll-medium .enroll-title .enroll-title-live {
  margin-top: 20px;
  height: 31px;
  width: 138px;
}
.activity-2019-enroll-medium .enroll-title img {
  height: 60px;
  width: 60px !important;
  margin-left: 338px;
  margin-top: 20px;
}
.activity-2019-enroll-medium .enroll-title p {
  font-size: 14px;
  line-height: 18px;
}
.activity-2019-enroll-medium .enroll-title p:nth-of-type(1) {
  margin-top: 24px;
}
.activity-2019-enroll-medium .enroll-title p:nth-of-type(2) {
  margin-top: 7px;
  font-size: 14px;
}
.activity-2019-enroll-medium .msg-box > p {
  font-size: 28px;
  margin-top: 35px;
}
.activity-2019-enroll-medium .msg-box .msg-item {
  height: 88px;
}
.activity-2019-enroll-medium .msg-box .col-1 {
  width: 108px;
  line-height: 88px;
  font-size: 18px;
}
.activity-2019-enroll-medium .msg-box .col-2 {
  width: 863px;
}
.activity-2019-enroll-medium .msg-box .col-2 input {
  width: 838px;
  height: 43px;
  margin-top: 21px;
  margin-left: 16px;
  font-size: 18px;
}
.activity-2019-enroll-medium .msg-box .col-1-1 {
  width: 106px;
  line-height: 88px;
  font-size: 18px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 {
  width: 382px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 .ant-select {
  margin-left: 22px;
  margin-top: 24px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 .ant-select-selection__rendered {
  font-size: 18px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 44px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 .ant-select-selection {
  width: 340px;
  height: 44px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 .ant-select-arrow {
  top: 6px;
  width: 31px;
}
.activity-2019-enroll-medium .msg-box .col-1-2 .ant-select-arrow:before {
  height: 42px;
  width: 31px;
  background: url('/static/images/activity/miniGame/2019/enroll/select_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-enroll-medium .msg-box .grade-input {
  margin-left: -6px;
}
.activity-2019-enroll-medium .msg-box .sex-input {
  margin-left: 12px;
}
.activity-2019-enroll-medium .msg-box .ant-radio-group label {
  margin: 0 33px;
  line-height: 88px;
  font-size: 20px;
}
.activity-2019-enroll-medium .msg-box .submit-btn {
  height: 82px;
  width: 222px;
}
.activity-2019-enroll-medium .msg-box .rule {
  margin-top: 25px;
  margin-bottom: 10px;
}
.activity-2019-enroll-medium .msg-box .rule .rule-name {
  font-size: 16px;
  padding: 0 6px;
}
.activity-2019-enroll-medium .msg-box .rule .ant-checkbox-wrapper + span,
.activity-2019-enroll-medium .msg-box .rule .ant-checkbox + span {
  font-size: 18px;
}
.enroll-rule .ant-modal-footer {
  display: none;
}
.enroll-rule .ant-modal-body {
  padding: 20px 0;
}
.enroll-rule .rule-content {
  height: 500px;
  overflow: auto;
  text-align: left;
  padding: 0 20px;
}
.enroll-rule .rule-content::-webkit-scrollbar {
  width: 4px;
}
.enroll-rule .rule-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.enroll-rule .rule-content h3,
.enroll-rule .rule-content h4 {
  text-align: center;
}
.ant-message-notice .ant-message-notice-content {
  margin: 0;
  padding: 0;
}
.ant-message-notice .ant-message-custom-content {
  text-align: center;
  font-size: 16px;
  color: #000;
  line-height: 40px;
  padding: 0 10px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-preach {
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.activity-2019-preach ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-preach p {
  margin: 0;
  padding: 0;
}
.activity-2019-preach h1,
.activity-2019-preach h2,
.activity-2019-preach h3,
.activity-2019-preach h4,
.activity-2019-preach h5,
.activity-2019-preach h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-preach > img {
  margin-top: -28px;
  margin-bottom: -14px;
  width: 100%;
}
.activity-2019-preach > div {
  position: relative;
}
.activity-2019-preach > div > div > img {
  width: 100%;
}
.activity-2019-preach > div > img {
  width: 100%;
}
.activity-2019-preach .section-3 {
  margin-bottom: -14px;
}
.activity-2019-preach .nav {
  width: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.activity-2019-preach .nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-preach .nav li {
  padding-right: 16px;
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-preach .nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
}
.activity-2019-preach .nav li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-preach .nav li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-preach .nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-preach .nav li:hover p {
  color: #32163f;
}
.activity-2019-preach .nav .active-nav p {
  color: #32163f;
}
.activity-2019-preach .prize-title {
  width: 405px;
  height: 193px;
  font-size: 38px;
  line-height: 38px;
  padding-top: 85px;
  padding-left: 12px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}
.activity-2019-preach .prize-title span {
  background: -webkit-gradient(linear, left bottom, left top, from(#4b2e64), to(#8d375e));
  background: -o-linear-gradient(bottom, #4b2e64, #8d375e);
  background: linear-gradient(to top, #4b2e64, #8d375e);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-preach .prize-title-1 {
  background: url('/static/images/activity/miniGame/2019/prizes/title1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-title-2 {
  background: url('/static/images/activity/miniGame/2019/prizes/title2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-title-3 {
  background: url('/static/images/activity/miniGame/2019/prizes/title3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-settings {
  top: 1%;
  width: 995px;
  height: 343px;
}
.activity-2019-preach .prize-settings h2 {
  position: absolute;
  left: 50%;
  top: 40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 38px;
  width: 168px;
  background: url('/static/images/activity/miniGame/2019/prizes/seting.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-settings > div {
  position: absolute;
  left: 50%;
  top: 34%;
  width: 85%;
  height: 41%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.activity-2019-preach .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-2019-preach .prize-settings > div > p:nth-of-type(2) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.activity-2019-preach .prize-1 {
  top: 13%;
}
.activity-2019-preach .prize-1 > p {
  text-align: center;
  font-size: 16px;
  color: #544040;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.activity-2019-preach .prize-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-preach .prize-1 li {
  width: 275px;
  height: 370px;
  padding-top: 200px;
}
.activity-2019-preach .prize-1 li p {
  text-align: center;
}
.activity-2019-preach .prize-1 li p:nth-of-type(1) {
  font-size: 26px;
  line-height: 40px;
  color: #8e6b41;
  margin-bottom: 20px;
}
.activity-2019-preach .prize-1 li p:nth-of-type(2) {
  font-size: 28px;
  line-height: 22px;
  color: #635c71;
  margin-bottom: 10px;
  font-weight: 700;
}
.activity-2019-preach .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-preach .prize-1 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-1 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-1 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 {
  top: 31.5%;
}
.activity-2019-preach .prize-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-preach .prize-2 li {
  width: 275px;
  height: 272px;
  padding-top: 145px;
  margin: 0 10px;
}
.activity-2019-preach .prize-2 li p {
  text-align: center;
  font-weight: 700;
}
.activity-2019-preach .prize-2 li p:nth-of-type(1) {
  font-size: 24px;
  line-height: 34px;
  color: #8e6b41;
}
.activity-2019-preach .prize-2 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #e77171;
  margin-top: 10px;
}
.activity-2019-preach .prize-2 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/frame-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/idea-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/technology-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 li:nth-of-type(4) {
  background: url('/static/images/activity/miniGame/2019/prizes/popular-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-3 {
  top: 46.5%;
}
.activity-2019-preach .prize-3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 30px;
}
.activity-2019-preach .prize-3 li {
  width: 455px;
  height: 252px;
  padding-top: 83px;
  margin: 0 75px;
}
.activity-2019-preach .prize-3 li p {
  font-weight: 600;
  margin-left: 184px;
}
.activity-2019-preach .prize-3 li p:nth-of-type(1) {
  line-height: 30px;
  color: #8e6b41;
  font-size: 30px;
  margin-bottom: 30px;
}
.activity-2019-preach .prize-3 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #544040;
  margin-bottom: 10px;
}
.activity-2019-preach .prize-3 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-3 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-4 {
  top: 60%;
}
.activity-2019-preach .prize-4 .prize-title-4 {
  font-size: 24px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title4.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 75px;
}
.activity-2019-preach .prize-4 .prize-title-4 span {
  background: -webkit-gradient(linear, left bottom, left top, from(#563061), to(#9e3a58));
  background: -o-linear-gradient(bottom, #563061, #9e3a58);
  background: linear-gradient(to top, #563061, #9e3a58);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-preach .prize-4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: -54px;
}
.activity-2019-preach .prize-4 li {
  width: 195px;
  height: 184px;
  background: url('/static/images/activity/miniGame/2019/prizes/welfare-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 50px;
  margin: 0 16px;
}
.activity-2019-preach .prize-4 li p {
  text-align: center;
  font-size: 32px;
  line-height: 34px;
  text-shadow: 0 0 3px #2f0d0d;
  color: #fff;
}
.activity-2019-preach .prize-5 {
  top: 75.5%;
}
.activity-2019-preach .prize-5 .prize-title-5 {
  font-size: 40px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title5.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 62px;
  color: #fff;
}
.activity-2019-preach .prize-5 .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
}
.activity-2019-preach .prize-5 .banner ul {
  height: 490px;
  position: absolute;
  top: 0;
}
.activity-2019-preach .prize-5 .banner li {
  float: left;
  height: 100%;
  width: 1015px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-preach .prize-5 .banner li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-preach .prize-5 .banner .left-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-preach .prize-5 .banner .left-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/left-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-preach .prize-5 .banner .items-container {
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
  height: 536px;
  width: 1075px;
  background: url('/static/images/activity/miniGame/2019/prizes/planting-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.activity-2019-preach .prize-5 .banner .items-container > div {
  width: 1015px;
  height: 490px;
  overflow: hidden;
  position: absolute;
  top: 23px;
  left: 28px;
}
.activity-2019-preach .prize-5 .banner .items-container > div h2 {
  line-height: 300px;
  font-size: 60px;
  color: #000;
  text-align: center;
}
.activity-2019-preach .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/right-bg.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-preach .prize-5 .banner .right-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/right-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-preach-small .prize-title {
  width: 260px;
  height: 124px;
  font-size: 24px;
  line-height: 24px;
  padding-top: 56px;
  padding-left: 12px;
}
.activity-2019-preach-small .prize-settings {
  width: 637px;
  height: 219px;
}
.activity-2019-preach-small .prize-settings h2 {
  top: 27px;
  height: 24px;
  width: 110px;
}
.activity-2019-preach-small .prize-settings > div {
  font-size: 13px;
  line-height: 18px;
}
.activity-2019-preach-small .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 10px;
}
.activity-2019-preach-small .nav li {
  font-size: 16px;
}
.activity-2019-preach-small .nav li p {
  line-height: 22px;
}
.activity-2019-preach-small .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-preach-small .prize-1 > p {
  font-size: 12px;
}
.activity-2019-preach-small .prize-1 li {
  width: 176px;
  height: 234px;
  padding-top: 128px;
}
.activity-2019-preach-small .prize-1 li p {
  text-align: center;
}
.activity-2019-preach-small .prize-1 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
  color: #8e6b41;
  margin-bottom: 16px;
}
.activity-2019-preach-small .prize-1 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  color: #635c71;
  margin-bottom: 6px;
}
.activity-2019-preach-small .prize-1 li p:nth-of-type(3) {
  font-size: 12px;
  line-height: 12px;
  color: #e77171;
}
.activity-2019-preach-small .prize-2 li {
  width: 176px;
  height: 174px;
  padding-top: 90px;
  margin: 0 7px;
}
.activity-2019-preach-small .prize-2 li p:nth-of-type(1) {
  font-size: 20px;
  line-height: 28px;
}
.activity-2019-preach-small .prize-2 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  margin-top: 5px;
}
.activity-2019-preach-small .prize-3 ul {
  margin-top: 24px;
}
.activity-2019-preach-small .prize-3 li {
  width: 292px;
  height: 161px;
  padding-top: 45px;
  margin: 0 48px;
}
.activity-2019-preach-small .prize-3 li p {
  font-weight: 600;
  margin-left: 118px;
}
.activity-2019-preach-small .prize-3 li p:nth-of-type(1) {
  line-height: 24px;
  font-size: 24px;
  margin-bottom: 24px;
}
.activity-2019-preach-small .prize-3 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
}
.activity-2019-preach-small .prize-4 .prize-title-4 {
  width: 413px;
  height: 155px;
  font-size: 18px;
  padding-top: 62px;
}
.activity-2019-preach-small .prize-4 ul {
  margin-top: -35px;
}
.activity-2019-preach-small .prize-4 li {
  width: 125px;
  height: 118px;
  padding-top: 34px;
  margin: 0 12px;
}
.activity-2019-preach-small .prize-4 li p {
  font-size: 18px;
  line-height: 22px;
}
.activity-2019-preach-small .prize-5 .prize-title-5 {
  font-size: 30px;
  width: 413px;
  height: 155px;
  padding-top: 51px;
}
.activity-2019-preach-small .prize-5 .banner {
  width: 820px;
}
.activity-2019-preach-small .prize-5 .banner ul {
  height: 314px;
  top: 0;
}
.activity-2019-preach-small .prize-5 .banner li {
  width: 650px;
}
.activity-2019-preach-small .prize-5 .banner .left-btn {
  width: 72px;
  height: 63px;
}
.activity-2019-preach-small .prize-5 .banner .items-container {
  height: 345px;
  width: 688px;
}
.activity-2019-preach-small .prize-5 .banner .items-container > div {
  width: 650px;
  height: 314px;
  top: 16px;
  left: 19px;
}
.activity-2019-preach-small .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-preach-small .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 72px;
  height: 63px;
}
.activity-2019-preach-medium .prize-title {
  width: 324px;
  height: 154px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 66px;
  padding-left: 8px;
}
.activity-2019-preach-medium .prize-settings {
  width: 796px;
  height: 274px;
}
.activity-2019-preach-medium .prize-settings h2 {
  top: 32px;
  height: 31px;
  width: 138px;
}
.activity-2019-preach-medium .prize-settings > div {
  font-size: 14px;
  line-height: 20px;
}
.activity-2019-preach-medium .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 20px;
}
.activity-2019-preach-medium .nav li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-preach-medium .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-preach-medium .prize-1 > p {
  font-size: 14px;
}
.activity-2019-preach-medium .prize-1 li {
  width: 220px;
  height: 296px;
  padding-top: 160px;
}
.activity-2019-preach-medium .prize-1 li p {
  text-align: center;
}
.activity-2019-preach-medium .prize-1 li p:nth-of-type(1) {
  font-size: 24x;
  line-height: 34px;
  color: #8e6b41;
  margin-bottom: 18px;
}
.activity-2019-preach-medium .prize-1 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #635c71;
  margin-bottom: 8px;
}
.activity-2019-preach-medium .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-preach-medium .prize-2 li {
  width: 220px;
  height: 217px;
  padding-top: 113px;
  margin: 0 8px;
}
.activity-2019-preach-medium .prize-2 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
}
.activity-2019-preach-medium .prize-2 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  margin-top: 8px;
}
.activity-2019-preach-medium .prize-3 ul {
  margin-top: 28px;
}
.activity-2019-preach-medium .prize-3 li {
  width: 364px;
  height: 202px;
  padding-top: 61px;
  margin: 0 60px;
}
.activity-2019-preach-medium .prize-3 li p {
  font-weight: 600;
  margin-left: 147px;
}
.activity-2019-preach-medium .prize-3 li p:nth-of-type(1) {
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
}
.activity-2019-preach-medium .prize-3 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
}
.activity-2019-preach-medium .prize-4 .prize-title-4 {
  width: 465px;
  height: 173px;
  font-size: 22px;
  padding-top: 68px;
}
.activity-2019-preach-medium .prize-4 ul {
  margin-top: -44px;
}
.activity-2019-preach-medium .prize-4 li {
  width: 156px;
  height: 147px;
  padding-top: 40px;
  margin: 0 14px;
}
.activity-2019-preach-medium .prize-4 li p {
  font-size: 24px;
  line-height: 28px;
}
.activity-2019-preach-medium .prize-5 .prize-title-5 {
  font-size: 32px;
  width: 413px;
  height: 155px;
  padding-top: 48px;
}
.activity-2019-preach-medium .prize-5 .banner {
  width: 1024px;
}
.activity-2019-preach-medium .prize-5 .banner ul {
  height: 392px;
  top: 0;
}
.activity-2019-preach-medium .prize-5 .banner li {
  width: 812px;
}
.activity-2019-preach-medium .prize-5 .banner .left-btn {
  width: 91px;
  height: 78px;
}
.activity-2019-preach-medium .prize-5 .banner .items-container {
  height: 431px;
  width: 860px;
}
.activity-2019-preach-medium .prize-5 .banner .items-container > div {
  width: 812px;
  height: 392px;
  top: 19px;
  left: 23px;
}
.activity-2019-preach-medium .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-preach-medium .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 90px;
  height: 78px;
}
.gallery-pc-section3 .gallery-container {
  position: absolute;
  top: 0;
}
.gallery-pc-section3 .gallery-title {
  margin-top: 64px;
  text-align: center;
}
.gallery-pc-section3 .gallery-grid {
  margin-top: 240px;
  position: relative;
}
.gallery-pc-section3 .gallery-order-operate {
  position: absolute;
  top: 4px;
  right: 16px;
  z-index: 100;
}
.gallery-pc-section3 .gallery-grid div.ant-tabs-bar.ant-tabs-top-bar {
  margin-left: 15px;
  margin-right: 15px;
}
.gallery-pc-section3 .gallery-grid-container {
  width: 100%;
}
.gallery-pc-section3 .gallery-grid-cell {
  width: 410px;
  height: 310px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
}
.gallery-pc-section3 .gallery-grid-cell-inner {
  width: 100%;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019/gallery/gallery-item-bg.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-pc-section3 .gallery-grid-cell-info {
  padding: 5px 20px;
  position: relative;
}
.gallery-pc-section3 .gallery-grid-cell-info-title {
  font-size: 17px;
  color: #D83B2F;
  width: 86%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-pc-section3 .gallery-grid-cell-info-name {
  width: 86%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #b7b7b7;
}
.gallery-pc-section3 .gallery-grid-cell-info-like {
  position: absolute;
  top: 10px;
  right: 32px;
  text-align: center;
  color: #e0a2a2;
}
.gallery-pc-section3 .gallery-pagination {
  clear: both;
  float: right;
  margin-top: 50px;
  margin-right: 12px;
}
.gallery-pc-section3 .gallery-grid .ant-tabs-tab {
  font-size: 17px !important;
}
.gallery-pc-section3 .gallery-order-operate-btn {
  display: inline-block;
  width: 74px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-image: url("/static/images/activity/miniGame/2019/gallery/order-bg.png");
  background-size: 100% 100%;
  color: #833818;
  cursor: pointer;
}
.gallery-pc-section3 .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-pc-section3 .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-pc-section3 .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-pc-section3 {
  background-image: url("/static/images/activity/miniGame/2019/gallery/gallery-container-bg2.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.activity-preach {
  position: relative;
}
.activity-preach .activity-preach-container {
  position: absolute;
  top: 0;
  padding: 0 3rem;
}
.activity-preach .photo-backward {
  position: absolute;
  left: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: pointer;
}
.activity-preach .photo-backward-disabled {
  position: absolute;
  left: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/news/left-disabled-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: not-allowed;
}
.activity-preach .photo-forward {
  position: absolute;
  right: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: pointer;
}
.activity-preach .photo-forward-disabled {
  position: absolute;
  right: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/news/right-disabled-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: not-allowed;
}
.activity-preach .photo-forward:hover {
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-hover.png');
}
.activity-preach .photo-backward:hover {
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-hover.png');
}
.activity-preach .personInfo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2rem;
  overflow: hidden;
  height: 2rem;
  background-image: url('/static/images/activity/miniGame/2019/preach/person-info-bg.png');
  background-size: 100% 100%;
}
.activity-preach .personInfo > div {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.05rem;
}
.activity-preach .personInfo-name {
  color: #574443;
  font-size: 0.24rem;
  font-weight: bold;
  position: relative;
}
.activity-preach .personInfo-name-icon {
  height: 0.15rem;
  width: 1rem;
  background: #EBE0DA;
  border-radius: 0.06rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.activity-preach .personInfo-name-title {
  color: #B58382;
  margin: 0.1rem 0;
  font-size: 0.16rem;
}
.activity-preach .personInfo-name-info {
  color: #857B79;
  font-size: 0.16rem;
}
.activity-preach .ppt-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.43rem 0.68rem 1rem 0.7rem;
}
.activity-preach .preach-movie-container {
  overflow: hidden;
}
.activity-preach .preach-movie-container > div {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.activity-preach .preach-movie-container > div:first-child {
  padding-right: 0.2rem;
  padding-left: 0.6rem;
}
.activity-preach .preach-movie-container > div:last-child {
  padding-left: 0.2rem;
  padding-right: 0.6rem;
}
.activity-preach .preach-movie-item {
  height: 3.8rem;
  background-image: url('/static/images/activity/miniGame/2019/preach/movie-bg.png');
  background-size: 100% 100%;
}
.activity-preach .movie-cover {
  width: 100%;
  height: 100%;
  background: #4C4C4C;
  position: relative;
}
.activity-preach .movie-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url('/static/images/activity/miniGame/2019/preach/movie-play-bun.png') no-repeat;
  background-size: 100% 100%;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.activity-preach ::-moz-selection {
  background: transparent !important;
  color: #574443 !important;
}
.activity-preach ::selection {
  background: transparent !important;
  color: #574443 !important;
}
.scrollStyle::-webkit-scrollbar {
  width: 8px;
  height: 100%;
  background: transparent;
}
.scrollStyle::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 6px;
  border-radius: 3px;
  border: 1px solid #7B300E;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EFD6AE;
}
.scrollStyle::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-preach {
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.activity-2019-preach ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-preach p {
  margin: 0;
  padding: 0;
}
.activity-2019-preach h1,
.activity-2019-preach h2,
.activity-2019-preach h3,
.activity-2019-preach h4,
.activity-2019-preach h5,
.activity-2019-preach h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-preach > img {
  margin-top: -28px;
  margin-bottom: -14px;
  width: 100%;
}
.activity-2019-preach > div {
  position: relative;
}
.activity-2019-preach > div > div > img {
  width: 100%;
}
.activity-2019-preach > div > img {
  width: 100%;
}
.activity-2019-preach .section-3 {
  margin-bottom: -14px;
}
.activity-2019-preach .nav {
  width: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.activity-2019-preach .nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-preach .nav li {
  padding-right: 16px;
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-preach .nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
}
.activity-2019-preach .nav li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-preach .nav li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-preach .nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-preach .nav li:hover p {
  color: #32163f;
}
.activity-2019-preach .nav .active-nav p {
  color: #32163f;
}
.activity-2019-preach .prize-title {
  width: 405px;
  height: 193px;
  font-size: 38px;
  line-height: 38px;
  padding-top: 85px;
  padding-left: 12px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}
.activity-2019-preach .prize-title span {
  background: -webkit-gradient(linear, left bottom, left top, from(#4b2e64), to(#8d375e));
  background: -o-linear-gradient(bottom, #4b2e64, #8d375e);
  background: linear-gradient(to top, #4b2e64, #8d375e);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-preach .prize-title-1 {
  background: url('/static/images/activity/miniGame/2019/prizes/title1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-title-2 {
  background: url('/static/images/activity/miniGame/2019/prizes/title2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-title-3 {
  background: url('/static/images/activity/miniGame/2019/prizes/title3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-settings {
  top: 1%;
  width: 995px;
  height: 343px;
}
.activity-2019-preach .prize-settings h2 {
  position: absolute;
  left: 50%;
  top: 40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 38px;
  width: 168px;
  background: url('/static/images/activity/miniGame/2019/prizes/seting.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-settings > div {
  position: absolute;
  left: 50%;
  top: 34%;
  width: 85%;
  height: 41%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.activity-2019-preach .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-2019-preach .prize-settings > div > p:nth-of-type(2) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.activity-2019-preach .prize-1 {
  top: 13%;
}
.activity-2019-preach .prize-1 > p {
  text-align: center;
  font-size: 16px;
  color: #544040;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.activity-2019-preach .prize-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-preach .prize-1 li {
  width: 275px;
  height: 370px;
  padding-top: 200px;
}
.activity-2019-preach .prize-1 li p {
  text-align: center;
}
.activity-2019-preach .prize-1 li p:nth-of-type(1) {
  font-size: 26px;
  line-height: 40px;
  color: #8e6b41;
  margin-bottom: 20px;
}
.activity-2019-preach .prize-1 li p:nth-of-type(2) {
  font-size: 28px;
  line-height: 22px;
  color: #635c71;
  margin-bottom: 10px;
  font-weight: 700;
}
.activity-2019-preach .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-preach .prize-1 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-1 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-1 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 {
  top: 31.5%;
}
.activity-2019-preach .prize-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-preach .prize-2 li {
  width: 275px;
  height: 272px;
  padding-top: 145px;
  margin: 0 10px;
}
.activity-2019-preach .prize-2 li p {
  text-align: center;
  font-weight: 700;
}
.activity-2019-preach .prize-2 li p:nth-of-type(1) {
  font-size: 24px;
  line-height: 34px;
  color: #8e6b41;
}
.activity-2019-preach .prize-2 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #e77171;
  margin-top: 10px;
}
.activity-2019-preach .prize-2 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/frame-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/idea-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/technology-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-2 li:nth-of-type(4) {
  background: url('/static/images/activity/miniGame/2019/prizes/popular-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-3 {
  top: 46.5%;
}
.activity-2019-preach .prize-3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 30px;
}
.activity-2019-preach .prize-3 li {
  width: 455px;
  height: 252px;
  padding-top: 83px;
  margin: 0 75px;
}
.activity-2019-preach .prize-3 li p {
  font-weight: 600;
  margin-left: 184px;
}
.activity-2019-preach .prize-3 li p:nth-of-type(1) {
  line-height: 30px;
  color: #8e6b41;
  font-size: 30px;
  margin-bottom: 30px;
}
.activity-2019-preach .prize-3 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #544040;
  margin-bottom: 10px;
}
.activity-2019-preach .prize-3 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-3 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .prize-4 {
  top: 60%;
}
.activity-2019-preach .prize-4 .prize-title-4 {
  font-size: 24px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title4.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 75px;
}
.activity-2019-preach .prize-4 .prize-title-4 span {
  background: -webkit-gradient(linear, left bottom, left top, from(#563061), to(#9e3a58));
  background: -o-linear-gradient(bottom, #563061, #9e3a58);
  background: linear-gradient(to top, #563061, #9e3a58);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-preach .prize-4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: -54px;
}
.activity-2019-preach .prize-4 li {
  width: 195px;
  height: 184px;
  background: url('/static/images/activity/miniGame/2019/prizes/welfare-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 50px;
  margin: 0 16px;
}
.activity-2019-preach .prize-4 li p {
  text-align: center;
  font-size: 32px;
  line-height: 34px;
  text-shadow: 0 0 3px #2f0d0d;
  color: #fff;
}
.activity-2019-preach .prize-5 {
  top: 75.5%;
}
.activity-2019-preach .prize-5 .prize-title-5 {
  font-size: 40px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title5.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 62px;
  color: #fff;
}
.activity-2019-preach .prize-5 .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
}
.activity-2019-preach .prize-5 .banner ul {
  height: 490px;
  position: absolute;
  top: 0;
}
.activity-2019-preach .prize-5 .banner li {
  float: left;
  height: 100%;
  width: 1015px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-preach .prize-5 .banner li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-preach .prize-5 .banner .left-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-preach .prize-5 .banner .left-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/left-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-preach .prize-5 .banner .items-container {
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
  height: 536px;
  width: 1075px;
  background: url('/static/images/activity/miniGame/2019/prizes/planting-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.activity-2019-preach .prize-5 .banner .items-container > div {
  width: 1015px;
  height: 490px;
  overflow: hidden;
  position: absolute;
  top: 23px;
  left: 28px;
}
.activity-2019-preach .prize-5 .banner .items-container > div h2 {
  line-height: 300px;
  font-size: 60px;
  color: #000;
  text-align: center;
}
.activity-2019-preach .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/right-bg.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-preach .prize-5 .banner .right-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/right-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-preach-small .prize-title {
  width: 260px;
  height: 124px;
  font-size: 24px;
  line-height: 24px;
  padding-top: 56px;
  padding-left: 12px;
}
.activity-2019-preach-small .prize-settings {
  width: 637px;
  height: 219px;
}
.activity-2019-preach-small .prize-settings h2 {
  top: 27px;
  height: 24px;
  width: 110px;
}
.activity-2019-preach-small .prize-settings > div {
  font-size: 13px;
  line-height: 18px;
}
.activity-2019-preach-small .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 10px;
}
.activity-2019-preach-small .nav li {
  font-size: 16px;
}
.activity-2019-preach-small .nav li p {
  line-height: 22px;
}
.activity-2019-preach-small .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-preach-small .prize-1 > p {
  font-size: 12px;
}
.activity-2019-preach-small .prize-1 li {
  width: 176px;
  height: 234px;
  padding-top: 128px;
}
.activity-2019-preach-small .prize-1 li p {
  text-align: center;
}
.activity-2019-preach-small .prize-1 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
  color: #8e6b41;
  margin-bottom: 16px;
}
.activity-2019-preach-small .prize-1 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  color: #635c71;
  margin-bottom: 6px;
}
.activity-2019-preach-small .prize-1 li p:nth-of-type(3) {
  font-size: 12px;
  line-height: 12px;
  color: #e77171;
}
.activity-2019-preach-small .prize-2 li {
  width: 176px;
  height: 174px;
  padding-top: 90px;
  margin: 0 7px;
}
.activity-2019-preach-small .prize-2 li p:nth-of-type(1) {
  font-size: 20px;
  line-height: 28px;
}
.activity-2019-preach-small .prize-2 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  margin-top: 5px;
}
.activity-2019-preach-small .prize-3 ul {
  margin-top: 24px;
}
.activity-2019-preach-small .prize-3 li {
  width: 292px;
  height: 161px;
  padding-top: 45px;
  margin: 0 48px;
}
.activity-2019-preach-small .prize-3 li p {
  font-weight: 600;
  margin-left: 118px;
}
.activity-2019-preach-small .prize-3 li p:nth-of-type(1) {
  line-height: 24px;
  font-size: 24px;
  margin-bottom: 24px;
}
.activity-2019-preach-small .prize-3 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
}
.activity-2019-preach-small .prize-4 .prize-title-4 {
  width: 413px;
  height: 155px;
  font-size: 18px;
  padding-top: 62px;
}
.activity-2019-preach-small .prize-4 ul {
  margin-top: -35px;
}
.activity-2019-preach-small .prize-4 li {
  width: 125px;
  height: 118px;
  padding-top: 34px;
  margin: 0 12px;
}
.activity-2019-preach-small .prize-4 li p {
  font-size: 18px;
  line-height: 22px;
}
.activity-2019-preach-small .prize-5 .prize-title-5 {
  font-size: 30px;
  width: 413px;
  height: 155px;
  padding-top: 51px;
}
.activity-2019-preach-small .prize-5 .banner {
  width: 820px;
}
.activity-2019-preach-small .prize-5 .banner ul {
  height: 314px;
  top: 0;
}
.activity-2019-preach-small .prize-5 .banner li {
  width: 650px;
}
.activity-2019-preach-small .prize-5 .banner .left-btn {
  width: 72px;
  height: 63px;
}
.activity-2019-preach-small .prize-5 .banner .items-container {
  height: 345px;
  width: 688px;
}
.activity-2019-preach-small .prize-5 .banner .items-container > div {
  width: 650px;
  height: 314px;
  top: 16px;
  left: 19px;
}
.activity-2019-preach-small .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-preach-small .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 72px;
  height: 63px;
}
.activity-2019-preach-medium .prize-title {
  width: 324px;
  height: 154px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 66px;
  padding-left: 8px;
}
.activity-2019-preach-medium .prize-settings {
  width: 796px;
  height: 274px;
}
.activity-2019-preach-medium .prize-settings h2 {
  top: 32px;
  height: 31px;
  width: 138px;
}
.activity-2019-preach-medium .prize-settings > div {
  font-size: 14px;
  line-height: 20px;
}
.activity-2019-preach-medium .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 20px;
}
.activity-2019-preach-medium .nav li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-preach-medium .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-preach-medium .prize-1 > p {
  font-size: 14px;
}
.activity-2019-preach-medium .prize-1 li {
  width: 220px;
  height: 296px;
  padding-top: 160px;
}
.activity-2019-preach-medium .prize-1 li p {
  text-align: center;
}
.activity-2019-preach-medium .prize-1 li p:nth-of-type(1) {
  font-size: 24x;
  line-height: 34px;
  color: #8e6b41;
  margin-bottom: 18px;
}
.activity-2019-preach-medium .prize-1 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #635c71;
  margin-bottom: 8px;
}
.activity-2019-preach-medium .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-preach-medium .prize-2 li {
  width: 220px;
  height: 217px;
  padding-top: 113px;
  margin: 0 8px;
}
.activity-2019-preach-medium .prize-2 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
}
.activity-2019-preach-medium .prize-2 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  margin-top: 8px;
}
.activity-2019-preach-medium .prize-3 ul {
  margin-top: 28px;
}
.activity-2019-preach-medium .prize-3 li {
  width: 364px;
  height: 202px;
  padding-top: 61px;
  margin: 0 60px;
}
.activity-2019-preach-medium .prize-3 li p {
  font-weight: 600;
  margin-left: 147px;
}
.activity-2019-preach-medium .prize-3 li p:nth-of-type(1) {
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
}
.activity-2019-preach-medium .prize-3 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
}
.activity-2019-preach-medium .prize-4 .prize-title-4 {
  width: 465px;
  height: 173px;
  font-size: 22px;
  padding-top: 68px;
}
.activity-2019-preach-medium .prize-4 ul {
  margin-top: -44px;
}
.activity-2019-preach-medium .prize-4 li {
  width: 156px;
  height: 147px;
  padding-top: 40px;
  margin: 0 14px;
}
.activity-2019-preach-medium .prize-4 li p {
  font-size: 24px;
  line-height: 28px;
}
.activity-2019-preach-medium .prize-5 .prize-title-5 {
  font-size: 32px;
  width: 413px;
  height: 155px;
  padding-top: 48px;
}
.activity-2019-preach-medium .prize-5 .banner {
  width: 1024px;
}
.activity-2019-preach-medium .prize-5 .banner ul {
  height: 392px;
  top: 0;
}
.activity-2019-preach-medium .prize-5 .banner li {
  width: 812px;
}
.activity-2019-preach-medium .prize-5 .banner .left-btn {
  width: 91px;
  height: 78px;
}
.activity-2019-preach-medium .prize-5 .banner .items-container {
  height: 431px;
  width: 860px;
}
.activity-2019-preach-medium .prize-5 .banner .items-container > div {
  width: 812px;
  height: 392px;
  top: 19px;
  left: 23px;
}
.activity-2019-preach-medium .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-preach-medium .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 90px;
  height: 78px;
}
.gallery-pc-section3 .gallery-container {
  position: absolute;
  top: 0;
}
.gallery-pc-section3 .gallery-title {
  margin-top: 64px;
  text-align: center;
}
.gallery-pc-section3 .gallery-grid {
  margin-top: 240px;
  position: relative;
}
.gallery-pc-section3 .gallery-order-operate {
  position: absolute;
  top: 4px;
  right: 16px;
  z-index: 100;
}
.gallery-pc-section3 .gallery-grid div.ant-tabs-bar.ant-tabs-top-bar {
  margin-left: 15px;
  margin-right: 15px;
}
.gallery-pc-section3 .gallery-grid-container {
  width: 100%;
}
.gallery-pc-section3 .gallery-grid-cell {
  width: 410px;
  height: 310px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
}
.gallery-pc-section3 .gallery-grid-cell-inner {
  width: 100%;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019/gallery/gallery-item-bg.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-pc-section3 .gallery-grid-cell-info {
  padding: 5px 20px;
  position: relative;
}
.gallery-pc-section3 .gallery-grid-cell-info-title {
  font-size: 17px;
  color: #D83B2F;
  width: 86%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-pc-section3 .gallery-grid-cell-info-name {
  width: 86%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #b7b7b7;
}
.gallery-pc-section3 .gallery-grid-cell-info-like {
  position: absolute;
  top: 10px;
  right: 32px;
  text-align: center;
  color: #e0a2a2;
}
.gallery-pc-section3 .gallery-pagination {
  clear: both;
  float: right;
  margin-top: 50px;
  margin-right: 12px;
}
.gallery-pc-section3 .gallery-grid .ant-tabs-tab {
  font-size: 17px !important;
}
.gallery-pc-section3 .gallery-order-operate-btn {
  display: inline-block;
  width: 74px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-image: url("/static/images/activity/miniGame/2019/gallery/order-bg.png");
  background-size: 100% 100%;
  color: #833818;
  cursor: pointer;
}
.gallery-pc-section3 .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-pc-section3 .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-pc-section3 .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-pc-section3 {
  background-image: url("/static/images/activity/miniGame/2019/gallery/gallery-container-bg2.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.activity-preach {
  position: relative;
}
.activity-preach .activity-preach-container {
  position: absolute;
  top: 0;
  padding: 0 3rem;
}
.activity-preach .photo-backward {
  position: absolute;
  left: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: pointer;
}
.activity-preach .photo-forward {
  position: absolute;
  right: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: pointer;
}
.activity-preach .photo-forward:hover {
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-hover.png');
}
.activity-preach .photo-backward:hover {
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-hover.png');
}
.activity-preach .personInfo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2rem;
  overflow: hidden;
  height: 2rem;
  background-image: url('/static/images/activity/miniGame/2019/preach/person-info-bg.png');
  background-size: 100% 100%;
}
.activity-preach .personInfo > div {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.05rem;
}
.activity-preach .personInfo-name {
  color: #574443;
  font-size: 0.24rem;
  font-weight: bold;
  position: relative;
}
.activity-preach .personInfo-name-icon {
  height: 0.15rem;
  width: 1rem;
  background: #EBE0DA;
  border-radius: 0.06rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.activity-preach .personInfo-name-title {
  color: #B58382;
  margin: 0.1rem 0;
  font-size: 0.16rem;
}
.activity-preach .personInfo-name-info {
  color: #857B79;
  font-size: 0.16rem;
}
.activity-preach .ppt-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.43rem 0.68rem 1rem 0.7rem;
}
.activity-preach .preach-movie-container {
  overflow: hidden;
}
.activity-preach .preach-movie-container > div {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.activity-preach .preach-movie-container > div:first-child {
  padding-right: 0.2rem;
  padding-left: 0.6rem;
}
.activity-preach .preach-movie-container > div:last-child {
  padding-left: 0.2rem;
  padding-right: 0.6rem;
}
.activity-preach .preach-movie-item {
  height: 3.8rem;
  background-image: url('/static/images/activity/miniGame/2019/preach/movie-bg.png');
  background-size: 100% 100%;
}
.activity-preach .movie-cover {
  width: 100%;
  height: 100%;
  background: #4C4C4C;
  position: relative;
}
.activity-preach .movie-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url('/static/images/activity/miniGame/2019/preach/movie-play-bun.png') no-repeat;
  background-size: 100% 100%;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.activity-preach ::-moz-selection {
  background: transparent !important;
  color: #574443 !important;
}
.activity-preach ::selection {
  background: transparent !important;
  color: #574443 !important;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-prize {
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.activity-2019-prize ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-prize p {
  margin: 0;
  padding: 0;
}
.activity-2019-prize h1,
.activity-2019-prize h2,
.activity-2019-prize h3,
.activity-2019-prize h4,
.activity-2019-prize h5,
.activity-2019-prize h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-prize > img {
  margin-top: -28px;
  margin-bottom: -14px;
  width: 100%;
}
.activity-2019-prize > div {
  position: relative;
}
.activity-2019-prize > div > div {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.activity-2019-prize > div > div > img {
  width: 100%;
}
.activity-2019-prize > div > img {
  width: 100%;
}
.activity-2019-prize .section-3 {
  margin-bottom: -14px;
}
.activity-2019-prize .nav {
  width: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.activity-2019-prize .nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-prize .nav li {
  padding-right: 16px;
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-prize .nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
}
.activity-2019-prize .nav li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-prize .nav li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-prize .nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-prize .nav li:hover p {
  color: #32163f;
}
.activity-2019-prize .nav .active-nav p {
  color: #32163f;
}
.activity-2019-prize .prize-title {
  width: 405px;
  height: 193px;
  font-size: 38px;
  line-height: 38px;
  padding-top: 85px;
  padding-left: 12px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}
.activity-2019-prize .prize-title span {
  background: -webkit-gradient(linear, left bottom, left top, from(#4b2e64), to(#8d375e));
  background: -o-linear-gradient(bottom, #4b2e64, #8d375e);
  background: linear-gradient(to top, #4b2e64, #8d375e);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-prize .prize-title-1 {
  background: url('/static/images/activity/miniGame/2019/prizes/title1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-title-2 {
  background: url('/static/images/activity/miniGame/2019/prizes/title2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-title-3 {
  background: url('/static/images/activity/miniGame/2019/prizes/title3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-settings {
  top: 1%;
  width: 995px;
  height: 343px;
}
.activity-2019-prize .prize-settings h2 {
  position: absolute;
  left: 50%;
  top: 40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 38px;
  width: 168px;
  background: url('/static/images/activity/miniGame/2019/prizes/seting.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-settings > div {
  position: absolute;
  left: 50%;
  top: 34%;
  width: 85%;
  height: 41%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.activity-2019-prize .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-2019-prize .prize-settings > div > p:nth-of-type(2) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.activity-2019-prize .prize-1 {
  top: 13%;
}
.activity-2019-prize .prize-1 > p {
  text-align: center;
  font-size: 16px;
  color: #544040;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.activity-2019-prize .prize-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-prize .prize-1 li {
  width: 275px;
  height: 370px;
  padding-top: 200px;
}
.activity-2019-prize .prize-1 li p {
  text-align: center;
}
.activity-2019-prize .prize-1 li p:nth-of-type(1) {
  font-size: 26px;
  line-height: 40px;
  color: #8e6b41;
  margin-bottom: 20px;
}
.activity-2019-prize .prize-1 li p:nth-of-type(2) {
  font-size: 28px;
  line-height: 22px;
  color: #635c71;
  margin-bottom: 10px;
  font-weight: 700;
}
.activity-2019-prize .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-prize .prize-1 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-1 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-1 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 {
  top: 31.5%;
}
.activity-2019-prize .prize-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-prize .prize-2 li {
  width: 275px;
  height: 272px;
  padding-top: 145px;
  margin: 0 10px;
}
.activity-2019-prize .prize-2 li p {
  text-align: center;
  font-weight: 700;
}
.activity-2019-prize .prize-2 li p:nth-of-type(1) {
  font-size: 24px;
  line-height: 34px;
  color: #8e6b41;
}
.activity-2019-prize .prize-2 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #e77171;
  margin-top: 10px;
}
.activity-2019-prize .prize-2 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/frame-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/idea-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/technology-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 li:nth-of-type(4) {
  background: url('/static/images/activity/miniGame/2019/prizes/popular-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-3 {
  top: 46.5%;
}
.activity-2019-prize .prize-3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 30px;
}
.activity-2019-prize .prize-3 li {
  width: 455px;
  height: 252px;
  padding-top: 83px;
  margin: 0 75px;
}
.activity-2019-prize .prize-3 li p {
  font-weight: 600;
  margin-left: 184px;
}
.activity-2019-prize .prize-3 li p:nth-of-type(1) {
  line-height: 30px;
  color: #8e6b41;
  font-size: 30px;
  margin-bottom: 30px;
}
.activity-2019-prize .prize-3 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #544040;
  margin-bottom: 10px;
}
.activity-2019-prize .prize-3 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-3 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-4 {
  top: 60%;
}
.activity-2019-prize .prize-4 .prize-title-4 {
  font-size: 24px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title4.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 75px;
}
.activity-2019-prize .prize-4 .prize-title-4 span {
  background: -webkit-gradient(linear, left bottom, left top, from(#563061), to(#9e3a58));
  background: -o-linear-gradient(bottom, #563061, #9e3a58);
  background: linear-gradient(to top, #563061, #9e3a58);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-prize .prize-4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: -54px;
}
.activity-2019-prize .prize-4 li {
  width: 195px;
  height: 184px;
  background: url('/static/images/activity/miniGame/2019/prizes/welfare-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 50px;
  margin: 0 16px;
}
.activity-2019-prize .prize-4 li p {
  text-align: center;
  font-size: 32px;
  line-height: 34px;
  text-shadow: 0 0 3px #2f0d0d;
  color: #fff;
}
.activity-2019-prize .prize-5 {
  top: 75.5%;
}
.activity-2019-prize .prize-5 .prize-title-5 {
  font-size: 40px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title5.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 62px;
  color: #fff;
}
.activity-2019-prize .prize-5 .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
}
.activity-2019-prize .prize-5 .banner ul {
  height: 490px;
  position: absolute;
  top: 0;
}
.activity-2019-prize .prize-5 .banner li {
  float: left;
  height: 100%;
  width: 1015px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-prize .prize-5 .banner li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-prize .prize-5 .banner .left-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-prize .prize-5 .banner .left-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/left-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-prize .prize-5 .banner .items-container {
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
  height: 536px;
  width: 1075px;
  background: url('/static/images/activity/miniGame/2019/prizes/planting-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.activity-2019-prize .prize-5 .banner .items-container > div {
  width: 1015px;
  height: 490px;
  overflow: hidden;
  position: absolute;
  top: 23px;
  left: 28px;
}
.activity-2019-prize .prize-5 .banner .items-container > div h2 {
  line-height: 300px;
  font-size: 60px;
  color: #000;
  text-align: center;
}
.activity-2019-prize .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/right-bg.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-prize .prize-5 .banner .right-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/right-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-prize-small .prize-title {
  width: 260px;
  height: 124px;
  font-size: 24px;
  line-height: 24px;
  padding-top: 56px;
  padding-left: 12px;
}
.activity-2019-prize-small .prize-settings {
  width: 637px;
  height: 219px;
}
.activity-2019-prize-small .prize-settings h2 {
  top: 27px;
  height: 24px;
  width: 110px;
}
.activity-2019-prize-small .prize-settings > div {
  font-size: 13px;
  line-height: 18px;
}
.activity-2019-prize-small .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 10px;
}
.activity-2019-prize-small .nav li {
  font-size: 16px;
}
.activity-2019-prize-small .nav li p {
  line-height: 22px;
}
.activity-2019-prize-small .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-prize-small .prize-1 > p {
  font-size: 12px;
}
.activity-2019-prize-small .prize-1 li {
  width: 176px;
  height: 234px;
  padding-top: 128px;
}
.activity-2019-prize-small .prize-1 li p {
  text-align: center;
}
.activity-2019-prize-small .prize-1 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
  color: #8e6b41;
  margin-bottom: 16px;
}
.activity-2019-prize-small .prize-1 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  color: #635c71;
  margin-bottom: 6px;
}
.activity-2019-prize-small .prize-1 li p:nth-of-type(3) {
  font-size: 12px;
  line-height: 12px;
  color: #e77171;
}
.activity-2019-prize-small .prize-2 li {
  width: 176px;
  height: 174px;
  padding-top: 90px;
  margin: 0 7px;
}
.activity-2019-prize-small .prize-2 li p:nth-of-type(1) {
  font-size: 20px;
  line-height: 28px;
}
.activity-2019-prize-small .prize-2 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  margin-top: 5px;
}
.activity-2019-prize-small .prize-3 ul {
  margin-top: 24px;
}
.activity-2019-prize-small .prize-3 li {
  width: 292px;
  height: 161px;
  padding-top: 45px;
  margin: 0 48px;
}
.activity-2019-prize-small .prize-3 li p {
  font-weight: 600;
  margin-left: 118px;
}
.activity-2019-prize-small .prize-3 li p:nth-of-type(1) {
  line-height: 24px;
  font-size: 24px;
  margin-bottom: 24px;
}
.activity-2019-prize-small .prize-3 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
}
.activity-2019-prize-small .prize-4 .prize-title-4 {
  width: 413px;
  height: 155px;
  font-size: 18px;
  padding-top: 62px;
}
.activity-2019-prize-small .prize-4 ul {
  margin-top: -35px;
}
.activity-2019-prize-small .prize-4 li {
  width: 125px;
  height: 118px;
  padding-top: 34px;
  margin: 0 12px;
}
.activity-2019-prize-small .prize-4 li p {
  font-size: 18px;
  line-height: 22px;
}
.activity-2019-prize-small .prize-5 .prize-title-5 {
  font-size: 30px;
  width: 413px;
  height: 155px;
  padding-top: 51px;
}
.activity-2019-prize-small .prize-5 .banner {
  width: 820px;
}
.activity-2019-prize-small .prize-5 .banner ul {
  height: 314px;
  top: 0;
}
.activity-2019-prize-small .prize-5 .banner li {
  width: 650px;
}
.activity-2019-prize-small .prize-5 .banner .left-btn {
  width: 72px;
  height: 63px;
}
.activity-2019-prize-small .prize-5 .banner .items-container {
  height: 345px;
  width: 688px;
}
.activity-2019-prize-small .prize-5 .banner .items-container > div {
  width: 650px;
  height: 314px;
  top: 16px;
  left: 19px;
}
.activity-2019-prize-small .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-prize-small .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 72px;
  height: 63px;
}
.activity-2019-prize-medium .prize-title {
  width: 324px;
  height: 154px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 66px;
  padding-left: 8px;
}
.activity-2019-prize-medium .prize-settings {
  width: 796px;
  height: 274px;
}
.activity-2019-prize-medium .prize-settings h2 {
  top: 32px;
  height: 31px;
  width: 138px;
}
.activity-2019-prize-medium .prize-settings > div {
  font-size: 14px;
  line-height: 20px;
}
.activity-2019-prize-medium .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 20px;
}
.activity-2019-prize-medium .nav li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-prize-medium .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-prize-medium .prize-1 > p {
  font-size: 14px;
}
.activity-2019-prize-medium .prize-1 li {
  width: 220px;
  height: 296px;
  padding-top: 160px;
}
.activity-2019-prize-medium .prize-1 li p {
  text-align: center;
}
.activity-2019-prize-medium .prize-1 li p:nth-of-type(1) {
  font-size: 24x;
  line-height: 34px;
  color: #8e6b41;
  margin-bottom: 18px;
}
.activity-2019-prize-medium .prize-1 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #635c71;
  margin-bottom: 8px;
}
.activity-2019-prize-medium .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-prize-medium .prize-2 li {
  width: 220px;
  height: 217px;
  padding-top: 113px;
  margin: 0 8px;
}
.activity-2019-prize-medium .prize-2 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
}
.activity-2019-prize-medium .prize-2 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  margin-top: 8px;
}
.activity-2019-prize-medium .prize-3 ul {
  margin-top: 28px;
}
.activity-2019-prize-medium .prize-3 li {
  width: 364px;
  height: 202px;
  padding-top: 61px;
  margin: 0 60px;
}
.activity-2019-prize-medium .prize-3 li p {
  font-weight: 600;
  margin-left: 147px;
}
.activity-2019-prize-medium .prize-3 li p:nth-of-type(1) {
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
}
.activity-2019-prize-medium .prize-3 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
}
.activity-2019-prize-medium .prize-4 .prize-title-4 {
  width: 465px;
  height: 173px;
  font-size: 22px;
  padding-top: 68px;
}
.activity-2019-prize-medium .prize-4 ul {
  margin-top: -44px;
}
.activity-2019-prize-medium .prize-4 li {
  width: 156px;
  height: 147px;
  padding-top: 40px;
  margin: 0 14px;
}
.activity-2019-prize-medium .prize-4 li p {
  font-size: 24px;
  line-height: 28px;
}
.activity-2019-prize-medium .prize-5 .prize-title-5 {
  font-size: 32px;
  width: 413px;
  height: 155px;
  padding-top: 48px;
}
.activity-2019-prize-medium .prize-5 .banner {
  width: 1024px;
}
.activity-2019-prize-medium .prize-5 .banner ul {
  height: 392px;
  top: 0;
}
.activity-2019-prize-medium .prize-5 .banner li {
  width: 812px;
}
.activity-2019-prize-medium .prize-5 .banner .left-btn {
  width: 91px;
  height: 78px;
}
.activity-2019-prize-medium .prize-5 .banner .items-container {
  height: 431px;
  width: 860px;
}
.activity-2019-prize-medium .prize-5 .banner .items-container > div {
  width: 812px;
  height: 392px;
  top: 19px;
  left: 23px;
}
.activity-2019-prize-medium .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-prize-medium .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 90px;
  height: 78px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-preach {
  min-width: 1380px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.activity-2019-preach ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-preach p {
  margin: 0;
  padding: 0;
}
.activity-2019-preach h1,
.activity-2019-preach h2,
.activity-2019-preach h3,
.activity-2019-preach h4,
.activity-2019-preach h5,
.activity-2019-preach h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-preach .section {
  position: relative;
}
.activity-2019-preach .section img {
  width: 100%;
}
.activity-2019-preach .section-3 {
  width: 100%;
  overflow: hidden;
}
.activity-2019-preach .section-3 .huojiang {
  width: 1253px;
  margin: 0 auto;
  overflow: hidden;
}
.activity-2019-preach .section-3 .huojiang .huo-title {
  width: 100%;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-2019-preach .section-3 .huojiang .huo-title .title-item {
  width: 356px;
  height: 158px;
  position: relative;
}
.activity-2019-preach .section-3 .huojiang .huo-title .title-item > p {
  position: absolute;
  left: 148px;
  top: 84px;
  width: 180px;
  height: 52px;
  font-size: 26px;
  color: #635c71;
  text-align: center;
}
.activity-2019-preach .section-3 .huojiang .huo-title .item-first {
  background: url('/static/images/activity/miniGame/2019/results/first_bg.png') no-repeat;
  background-size: 356px 158px;
}
.activity-2019-preach .section-3 .huojiang .huo-title .item-second {
  background: url('/static/images/activity/miniGame/2019/results/second_bg.png') no-repeat;
  background-size: 356px 158px;
}
.activity-2019-preach .section-3 .huojiang .huo-title .item-third {
  background: url('/static/images/activity/miniGame/2019/results/third_bg.png') no-repeat;
  background-size: 356px 158px;
}
.activity-2019-preach .section-3 .huojiang .huo-title .item-second-active {
  background: url('/static/images/activity/miniGame/2019/results/second_bg_active.png') no-repeat;
  background-size: 356px 158px;
}
.activity-2019-preach .section-3 .huojiang .huo-title .item-third-active {
  background: url('/static/images/activity/miniGame/2019/results/third_bg_active.png') no-repeat;
  background-size: 356px 158px;
}
.activity-2019-preach .section-3 .huojiang .single_jiang {
  width: 1253px;
  height: 481px;
  margin-top: 70px;
  background: url('/static/images/activity/miniGame/2019/results/single_bg.png') no-repeat;
  background-size: 100% auto;
  padding: 118px 118px 118px 114px;
}
.activity-2019-preach .section-3 .huojiang .single_jiang .single-item {
  height: 63px;
  line-height: 63px;
  color: #674d2e;
  font-size: 18px;
  border-bottom: 1px solid #7b300e;
}
.activity-2019-preach .section-3 .huojiang .single_jiang .single-item > span {
  display: inline-block;
  width: 50%;
  text-align: right;
  font-weight: 600;
}
.activity-2019-preach .huo-article {
  width: 1253px;
  height: 386px;
}
.activity-2019-preach .huo-article .huo-intro {
  position: relative;
  width: 1173px;
  height: 378px;
  background: url('/static/images/activity/miniGame/2019/results/huo_article_bg.png') no-repeat;
  background-size: 1173px 378px;
  padding: 45px 10px 52px 70px;
}
.activity-2019-preach .huo-article .huo-intro .huo-content {
  height: 280px;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .left {
  width: 487px;
  height: 280px;
  background: url('/static/images/activity/miniGame/2019/results/pic_box.png') no-repeat;
  background-size: 487px 280px;
  padding: 4px 10px 10px 3px;
  float: left;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .left > img {
  width: 100%;
  height: 100%;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .left > video {
  width: 100%;
  height: 100%;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .left video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .left video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right {
  float: right;
  overflow: hidden;
  width: 568px;
  height: 280px;
  overflow-y: auto;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right > h3 {
  font-size: 28px;
  color: #e77171;
  line-height: 1.4;
  font-weight: 600;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right > p {
  font-size: 16px;
  color: #8e6b41;
  line-weight: 24px;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right .title {
  font-size: 20px;
  margin-top: 10px;
  color: #635c71;
  font-weight: 600;
  line-height: 1.5;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: transparent;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 8px;
  border-radius: 5px;
  border: 2px solid #7B300E;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EFD6AE;
}
.activity-2019-preach .huo-article .huo-intro .huo-content .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.activity-2019-preach .huo-article .huo-intro .huo-btn-fu {
  position: absolute;
  width: 54px;
  height: 151px;
  top: 36px;
  right: -54px;
  background: url('/static/images/activity/miniGame/2019/results/fusai.png') no-repeat;
  background-size: 54px 151px;
}
.activity-2019-preach .huo-article .huo-intro .huo-btn-jue {
  position: absolute;
  width: 54px;
  height: 151px;
  top: 190px;
  right: -54px;
  background: url('/static/images/activity/miniGame/2019/results/juesai.png') no-repeat;
  background-size: 54px 151px;
}
.activity-2019-preach .huo-article .huo-intro .huo-btn-fu-active {
  background: url('/static/images/activity/miniGame/2019/results/fusai_active.png') no-repeat;
  background-size: 54px 151px;
}
.activity-2019-preach .huo-article .huo-intro .huo-btn-jue-active {
  background: url('/static/images/activity/miniGame/2019/results/juesai_active.png') no-repeat;
  background-size: 54px 151px;
}
.activity-2019-preach .section > div {
  position: absolute;
  left: 50%;
}
.activity-2019-preach .section > div > img {
  width: 100%;
}
.activity-2019-preach .nav {
  top: 50%;
  width: 100% !important;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.activity-2019-preach .nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-preach .nav li {
  padding-right: 16px;
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-preach .nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
}
.activity-2019-preach .nav li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-preach .nav li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-preach .nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-preach .nav li:hover p {
  color: #32163f;
}
.activity-2019-preach .nav .active-nav p {
  color: #32163f;
}
.activity-2019-preach .preach-title {
  width: 405px;
  height: 193px;
  font-size: 38px;
  line-height: 38px;
  padding-top: 85px;
  padding-left: 12px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}
.activity-2019-preach .preach-title span {
  background: -webkit-gradient(linear, left bottom, left top, from(#4b2e64), to(#8d375e));
  background: -o-linear-gradient(bottom, #4b2e64, #8d375e);
  background: linear-gradient(to top, #4b2e64, #8d375e);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-preach .preach-title-1 {
  background: url('/static/images/activity/miniGame/2019/preach/title1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .preach-title-2 {
  background: url('/static/images/activity/miniGame/2019/preach/title2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .preach-title-3 {
  background: url('/static/images/activity/miniGame/2019/preach/title3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-preach .preach-1 {
  top: 35%;
}
.activity-2019-preach .preach-1 .line {
  border: none;
  border-bottom: 1px solid #7b300e;
  position: absolute;
  width: 100%;
  top: 250px;
  left: 0px;
}
.activity-2019-preach .preach-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-preach .preach-1 li {
  width: 276px;
  height: 126px;
  background: url('/static/images/activity/miniGame/2019/preach/xincheng.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 36px;
  position: relative;
  z-index: 10;
}
.activity-2019-preach .preach-1 li p {
  text-align: center;
}
.activity-2019-preach .preach-1 li p:nth-of-type(1) {
  font-size: 40px;
  line-height: 40px;
  color: #544040;
  margin-bottom: 31px;
}
.activity-2019-preach .preach-1 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  color: #7f3616;
}
.activity-2019-preach .preach-2 {
  top: 43.5%;
  margin-left: -626px;
  width: 1254px;
}
.activity-2019-preach .preach-2 .table {
  width: 1253px;
  height: 657px;
  background: url('/static/images/activity/miniGame/2019/preach/class/class-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: relative;
  margin-top: -50px;
  margin-left: 70px;
}
.activity-2019-preach .preach-2 .table > img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 286px;
  height: 80px;
}
.activity-2019-preach .preach-2 .table .JUE_table {
  padding-right: 23px !important;
  overflow-y: hidden !important;
}
.activity-2019-preach .preach-2 .table-box {
  position: absolute;
  width: 1050px;
  height: 517px;
  left: 66px;
  top: 64px;
}
.activity-2019-preach .preach-2 .table-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity-2019-preach .preach-2 .table-row > div {
  height: 62px;
  border: 1px solid #7b300e;
  border-top: none;
  border-left: none;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #674d2e;
  padding: 11px 0;
}
.activity-2019-preach .preach-2 .row-header {
  border-bottom: 2px solid #674d2e;
}
.activity-2019-preach .preach-2 .row-header .calss-nav {
  position: relative;
}
.activity-2019-preach .preach-2 .row-header .calss-nav span {
  position: relative;
  z-index: 10;
}
.activity-2019-preach .preach-2 .row-header .calss-nav::before {
  content: '';
  display: block;
  position: absolute;
  width: 102px;
  height: 18px;
  border-radius: 9px;
  background: #f0e9d9;
  top: 20px;
  left: 0;
  z-index: 1;
}
.activity-2019-preach .preach-2 .row-header > div {
  height: 80px;
  line-height: 80px;
  font-size: 24px;
  color: #8e6b41;
  border-bottom: none;
  position: relative;
  padding: 0;
}
.activity-2019-preach .preach-2 .space-item > div {
  height: 3px;
  padding: 0;
}
.activity-2019-preach .preach-2 .col-1 {
  width: 172px;
}
.activity-2019-preach .preach-2 .col-2 {
  width: 328px;
}
.activity-2019-preach .preach-2 .col-3 {
  width: 376px;
}
.activity-2019-preach .preach-2 .col-4 {
  width: 170px;
  border-right: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.activity-2019-preach .preach-2 .row-item .col-2 {
  padding: 21px 0 !important;
}
.activity-2019-preach .preach-3 {
  top: 68%;
}
.activity-2019-preach .preach-3 .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity-2019-preach .preach-3 .banner ul {
  height: 489px;
  position: absolute;
  top: 0;
  -webkit-transition: left 0.6s;
  -o-transition: left 0.6s;
  transition: left 0.6s;
}
.activity-2019-preach .preach-3 .banner li {
  float: left;
  height: 489px;
  width: 620px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url('/static/images/activity/miniGame/2019/preach/teacher-bg.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-preach .preach-3 .banner li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-preach .preach-3 .banner .img-box {
  position: absolute;
  top: 44px;
  left: 11px;
  width: 276px;
  height: 214px;
}
.activity-2019-preach .preach-3 .banner .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-preach .preach-3 .banner .user-msg {
  position: absolute;
  top: 44px;
  left: 320px;
  width: 245px;
}
.activity-2019-preach .preach-3 .banner .user-msg p:nth-of-type(1) {
  font-size: 20px;
  line-height: 40px;
  color: #674d2e;
  font-weight: 700;
}
.activity-2019-preach .preach-3 .banner .user-msg p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  color: #974747;
  margin-bottom: 42px;
}
.activity-2019-preach .preach-3 .banner .user-msg p:nth-of-type(3) {
  font-size: 13px;
  line-height: 20px;
  color: #544040;
}
.activity-2019-preach .preach-3 .banner .article-msg {
  position: absolute;
  top: 320px;
  left: 75px;
  width: 480px;
}
.activity-2019-preach .preach-3 .banner .article-msg p:nth-of-type(1) {
  font-size: 16px;
  line-height: 16px;
  color: #674d2e;
  margin-bottom: 12px;
  font-weight: 700;
}
.activity-2019-preach .preach-3 .banner .article-msg p:nth-of-type(2) {
  font-size: 14px;
  line-height: 20px;
  color: #674d2e;
  margin-bottom: 12px;
}
.activity-2019-preach .preach-3 .banner .left-btn {
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-preach .preach-3 .banner .left-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/left-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-preach .preach-3 .banner .items-container {
  height: 489px;
  width: 1240px;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-preach .preach-3 .banner .right-btn {
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/right-bg.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-preach .preach-3 .banner .right-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/right-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-preach .preach-live {
  top: 0;
}
.activity-2019-preach .preach-live > p {
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: -24px;
  margin-bottom: 5px;
}
.activity-2019-preach .preach-live .preach-title-live {
  font-size: 38px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/preach/title4.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 64px;
  color: #fff;
}
.activity-2019-preach .preach-live .live {
  width: 1198px;
  height: 610px;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019/preach/video-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: relative;
}
.activity-2019-preach .preach-live .live .right-btn {
  background: url('/static/images/activity/miniGame/2019/preach/table.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  cursor: pointer;
  height: 257px;
  width: 121px;
  right: 0;
  top: 0;
}
.activity-2019-preach .preach-live .live .live-container {
  position: absolute;
  height: 493px;
  width: 1049px;
  left: 51px;
  top: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}
.activity-2019-preach .preach-live .live .goToCc {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 169px;
  background: url('/static/images/activity/miniGame/2019/preach/gotocc.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
}
.activity-2019-preach .preach-live ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity-2019-preach .preach-live li {
  width: 667px;
  height: 346px;
  background: url('/static/images/activity/miniGame/2019/preach/news-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.activity-2019-preach .preach-live .left-img {
  width: 276px;
  height: 215px;
  position: absolute;
  left: 54px;
  top: 58px;
}
.activity-2019-preach .preach-live .left-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-preach .preach-live .right-message {
  width: 250px;
  margin-left: 350px;
  margin-top: 71px;
}
.activity-2019-preach .preach-live .right-message p:nth-of-type(1) {
  font-size: 20px;
  line-height: 40px;
  color: #674d2e;
  font-weight: 700;
}
.activity-2019-preach .preach-live .right-message p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  color: #974747;
  margin-bottom: 34px;
}
.activity-2019-preach .preach-live .right-message p:nth-of-type(3) {
  font-size: 13px;
  line-height: 34px;
  color: #544040;
}
.activity-2019-preach .preach-live .right-message p:nth-of-type(4) {
  font-size: 14px;
  line-height: 20px;
  color: #544040;
}
.activity-2019-preach .preach-live .right-message p:nth-of-type(4) span {
  line-height: 34px;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}
.activity-2019-preach-small .preach-title {
  width: 260px;
  height: 124px;
  font-size: 24px;
  line-height: 24px;
  padding-top: 52px;
  padding-left: 12px;
}
.activity-2019-preach-small .nav li {
  font-size: 16px;
}
.activity-2019-preach-small .nav li p {
  line-height: 22px;
}
.activity-2019-preach-small .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-preach-small .section-3 {
  width: 100%;
  overflow: hidden;
}
.activity-2019-preach-small .section-3 .huojiang {
  width: 877px;
  margin: 0 auto;
  overflow: hidden;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title {
  width: 100%;
  height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .title-item {
  width: 249px;
  height: 110px;
  position: relative;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .title-item > p {
  position: absolute;
  left: 104px;
  top: 59px;
  width: 126px;
  height: 36px;
  font-size: 18px;
  color: #635c71;
  text-align: center;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .item-first {
  background: url('/static/images/activity/miniGame/2019/results/first_bg.png') no-repeat;
  background-size: 249px 110px;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .item-second {
  background: url('/static/images/activity/miniGame/2019/results/second_bg.png') no-repeat;
  background-size: 249px 110px;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .item-third {
  background: url('/static/images/activity/miniGame/2019/results/third_bg.png') no-repeat;
  background-size: 249px 110px;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .item-second-active {
  background: url('/static/images/activity/miniGame/2019/results/second_bg_active.png') no-repeat;
  background-size: 249px 110px;
}
.activity-2019-preach-small .section-3 .huojiang .huo-title .item-third-active {
  background: url('/static/images/activity/miniGame/2019/results/third_bg_active.png') no-repeat;
  background-size: 249px 110px;
}
.activity-2019-preach-small .section-3 .huojiang .single_jiang {
  width: 877px;
  height: 337px;
  margin-top: 49px;
  background: url('/static/images/activity/miniGame/2019/results/single_bg.png') no-repeat;
  background-size: 100% auto;
  padding: 83px 83px 83px 80px;
}
.activity-2019-preach-small .section-3 .huojiang .single_jiang .single-item {
  height: 44px;
  line-height: 44px;
  color: #674d2e;
  font-size: 13px;
  border-bottom: 1px solid #7b300e;
}
.activity-2019-preach-small .section-3 .huojiang .single_jiang .single-item > span {
  display: inline-block;
  width: 50%;
  text-align: right;
  font-weight: 600;
}
.activity-2019-preach-small .section-3 .huojiang .single_jiang .single-item:nth-child(2n-1) {
  background: #f4efe8;
}
.activity-2019-preach-small .huo-article {
  width: 877px;
  height: 265px;
}
.activity-2019-preach-small .huo-article .huo-intro {
  position: relative;
  width: 821px;
  height: 265px;
  background: url('/static/images/activity/miniGame/2019/results/huo_article_bg.png') no-repeat;
  background-size: 821px 265px;
  padding: 32px 7px 36px 49px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content {
  height: 196px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .left {
  width: 341px;
  height: 196px;
  background: url('/static/images/activity/miniGame/2019/results/pic_box.png') no-repeat;
  background-size: 341px 196px;
  padding: 3px 7px 7px 2px;
  float: left;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .left > img {
  width: 100%;
  height: 100%;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .left > video {
  width: 100%;
  height: 100%;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right {
  float: right;
  overflow: hidden;
  width: 398px;
  height: 196px;
  overflow-y: auto;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right > h3 {
  font-size: 20px;
  color: #e77171;
  line-height: 1.4;
  font-weight: 600;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right > p {
  font-size: 12px;
  color: #8e6b41;
  line-weight: 16px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right .title {
  font-size: 15px;
  margin-top: 7px;
  color: #635c71;
  font-weight: 600;
  line-height: 1.5;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: transparent;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 8px;
  border-radius: 5px;
  border: 2px solid #7B300E;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EFD6AE;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-content .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-btn-fu {
  position: absolute;
  width: 38px;
  height: 106px;
  top: 25px;
  right: -38px;
  background: url('/static/images/activity/miniGame/2019/results/fusai.png') no-repeat;
  background-size: 38px 106px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-btn-jue {
  position: absolute;
  width: 38px;
  height: 106px;
  top: 133px;
  right: -38px;
  background: url('/static/images/activity/miniGame/2019/results/juesai.png') no-repeat;
  background-size: 38px 106px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-btn-fu-active {
  background: url('/static/images/activity/miniGame/2019/results/fusai_active.png') no-repeat;
  background-size: 38px 106px;
}
.activity-2019-preach-small .huo-article .huo-intro .huo-btn-jue-active {
  background: url('/static/images/activity/miniGame/2019/results/juesai_active.png') no-repeat;
  background-size: 38px 106px;
}
.activity-2019-preach-small .preach-live .preach-title-live {
  width: 331px;
  height: 123px;
  font-size: 28px;
  padding-top: 37px;
}
.activity-2019-preach-small .preach-live .live {
  width: 768px;
  height: 390px;
}
.activity-2019-preach-small .preach-live .live .right-btn {
  height: 165px;
  width: 78px;
}
.activity-2019-preach-small .preach-live .live .live-container {
  position: absolute;
  height: 316px;
  width: 673px;
  left: 32px;
  top: 22px;
}
.activity-2019-preach-small .preach-live .live .goToCc {
  height: 27px;
  width: 108px;
}
.activity-2019-preach-small .preach-live li {
  width: 427px;
  height: 225px;
}
.activity-2019-preach-small .preach-live .left-img {
  width: 177px;
  height: 140px;
  left: 34px;
  top: 38px;
}
.activity-2019-preach-small .preach-live .right-message {
  width: 170px;
  margin-left: 224px;
  margin-top: 45px;
}
.activity-2019-preach-small .preach-live .right-message p:nth-of-type(1) {
  font-size: 14px;
  line-height: 26px;
}
.activity-2019-preach-small .preach-live .right-message p:nth-of-type(2) {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 20px;
}
.activity-2019-preach-small .preach-live .right-message p:nth-of-type(3) {
  font-size: 12px;
  line-height: 20px;
}
.activity-2019-preach-small .preach-live .right-message p:nth-of-type(4) {
  font-size: 13px;
  line-height: 20px;
}
.activity-2019-preach-small .preach-live .right-message p:nth-of-type(4) span {
  line-height: 26px;
  font-size: 13px;
  font-weight: 700;
  margin-left: -10px;
}
.activity-2019-preach-small .preach-1 .line {
  top: 160px;
}
.activity-2019-preach-small .preach-1 li {
  width: 176px;
  height: 80px;
  padding-top: 24px;
}
.activity-2019-preach-small .preach-1 li p:nth-of-type(1) {
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 20px;
}
.activity-2019-preach-small .preach-1 li p:nth-of-type(2) {
  font-size: 12px;
  line-height: 12px;
}
.activity-2019-preach-small .preach-2 .table {
  width: 801px;
  height: 432px;
  margin-top: -30px;
  margin-left: 45px;
  position: relative;
}
.activity-2019-preach-small .preach-2 .table > img {
  width: 182px;
  height: 52px;
}
.activity-2019-preach-small .preach-2 .table-box {
  width: 672px;
  height: 331px;
  left: 43px;
  top: 40px;
}
.activity-2019-preach-small .preach-2 .table-row > div {
  height: 40px;
  line-height: 16px;
  font-size: 12px;
  padding: 4px 0;
}
.activity-2019-preach-small .preach-2 .row-header .calss-nav::before {
  width: 65px;
  height: 12px;
  border-radius: 6px;
  top: 14px;
}
.activity-2019-preach-small .preach-2 .row-header > div {
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  padding: 0;
}
.activity-2019-preach-small .preach-2 .space-item > div {
  height: 3px;
  padding: 0;
}
.activity-2019-preach-small .preach-2 .col-1 {
  width: 110px;
}
.activity-2019-preach-small .preach-2 .col-2 {
  width: 210px;
}
.activity-2019-preach-small .preach-2 .col-3 {
  width: 260px;
}
.activity-2019-preach-small .preach-2 .col-4 {
  width: 109px;
}
.activity-2019-preach-small .preach-2 .row-item .col-2 {
  padding: 12px 0 !important;
}
.activity-2019-preach-small .preach-3 .banner ul {
  height: 391px;
}
.activity-2019-preach-small .preach-3 .banner li {
  height: 391px;
  width: 496px;
}
.activity-2019-preach-small .preach-3 .banner .img-box {
  top: 35px;
  left: 9px;
  width: 221px;
  height: 172px;
}
.activity-2019-preach-small .preach-3 .banner .user-msg {
  top: 35px;
  left: 256px;
  width: 196px;
}
.activity-2019-preach-small .preach-3 .banner .user-msg p:nth-of-type(1) {
  font-size: 16px;
  line-height: 32px;
}
.activity-2019-preach-small .preach-3 .banner .user-msg p:nth-of-type(2) {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 28px;
}
.activity-2019-preach-small .preach-3 .banner .user-msg p:nth-of-type(3) {
  font-size: 14px;
  line-height: 16px;
}
.activity-2019-preach-small .preach-3 .banner .article-msg {
  position: absolute;
  top: 256px;
  left: 60px;
  width: 384px;
}
.activity-2019-preach-small .preach-3 .banner .article-msg p:nth-of-type(1) {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
}
.activity-2019-preach-small .preach-3 .banner .article-msg p:nth-of-type(2) {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.activity-2019-preach-small .preach-3 .banner .left-btn {
  width: 90px;
  height: 78px;
}
.activity-2019-preach-small .preach-3 .banner .items-container {
  height: 391px;
  width: 992px;
}
.activity-2019-preach-small .preach-3 .banner .right-btn {
  width: 90px;
  height: 78px;
}
.activity-2019-preach-medium .preach-title {
  width: 324px;
  height: 154px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 66px;
  padding-left: 8px;
}
.activity-2019-preach-medium .section-3 {
  width: 100%;
  overflow: hidden;
}
.activity-2019-preach-medium .section-3 .huojiang {
  width: 1003px;
  margin: 0 auto;
  overflow: hidden;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title {
  width: 100%;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .title-item {
  width: 285px;
  height: 126px;
  position: relative;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .title-item > p {
  position: absolute;
  left: 118px;
  top: 67px;
  width: 144px;
  height: 42px;
  font-size: 20px;
  color: #635c71;
  text-align: center;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .item-first {
  background: url('/static/images/activity/miniGame/2019/results/first_bg.png') no-repeat;
  background-size: 285px 126px;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .item-second {
  background: url('/static/images/activity/miniGame/2019/results/second_bg.png') no-repeat;
  background-size: 285px 126px;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .item-third {
  background: url('/static/images/activity/miniGame/2019/results/third_bg.png') no-repeat;
  background-size: 285px 126px;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .item-second-active {
  background: url('/static/images/activity/miniGame/2019/results/second_bg_active.png') no-repeat;
  background-size: 285px 126px;
}
.activity-2019-preach-medium .section-3 .huojiang .huo-title .item-third-active {
  background: url('/static/images/activity/miniGame/2019/results/third_bg_active.png') no-repeat;
  background-size: 285px 126px;
}
.activity-2019-preach-medium .section-3 .huojiang .single_jiang {
  width: 1003px;
  height: 385px;
  margin-top: 56px;
  background: url('/static/images/activity/miniGame/2019/results/single_bg.png') no-repeat;
  background-size: 100% auto;
  padding: 94px 94px 94px 91px;
}
.activity-2019-preach-medium .section-3 .huojiang .single_jiang .single-item {
  height: 50px;
  line-height: 50px;
  color: #674d2e;
  font-size: 16px;
  border-bottom: 1px solid #7b300e;
}
.activity-2019-preach-medium .section-3 .huojiang .single_jiang .single-item > span {
  display: inline-block;
  width: 50%;
  text-align: right;
  font-weight: 600;
}
.activity-2019-preach-medium .huo-article {
  width: 1003px;
  height: 308px;
}
.activity-2019-preach-medium .huo-article .huo-intro {
  position: relative;
  width: 938px;
  height: 302px;
  background: url('/static/images/activity/miniGame/2019/results/huo_article_bg.png') no-repeat;
  background-size: 938px 302px;
  padding: 36px 8px 42px 56px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content {
  height: 224px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .left {
  width: 389px;
  height: 224px;
  background: url('/static/images/activity/miniGame/2019/results/pic_box.png') no-repeat;
  background-size: 389px 224px;
  padding: 3px 8px 8px 3px;
  float: left;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .left > img {
  width: 100%;
  height: 100%;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .left > video {
  width: 100%;
  height: 100%;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right {
  float: right;
  overflow: hidden;
  width: 454px;
  height: 224px;
  overflow-y: auto;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right > h3 {
  font-size: 22px;
  color: #e77171;
  line-height: 1.4;
  font-weight: 600;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right > p {
  font-size: 14px;
  color: #8e6b41;
  line-weight: 20px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right .title {
  font-size: 16px;
  margin-top: 8px;
  color: #635c71;
  font-weight: 600;
  line-height: 1.5;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: transparent;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 8px;
  border-radius: 5px;
  border: 2px solid #7B300E;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EFD6AE;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-content .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-btn-fu {
  position: absolute;
  width: 44px;
  height: 122px;
  top: 29px;
  right: -44px;
  background: url('/static/images/activity/miniGame/2019/results/fusai.png') no-repeat;
  background-size: 44px 122px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-btn-jue {
  position: absolute;
  width: 44px;
  height: 122px;
  top: 152px;
  right: -44px;
  background: url('/static/images/activity/miniGame/2019/results/juesai.png') no-repeat;
  background-size: 44px 122px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-btn-fu-active {
  background: url('/static/images/activity/miniGame/2019/results/fusai_active.png') no-repeat;
  background-size: 44px 122px;
}
.activity-2019-preach-medium .huo-article .huo-intro .huo-btn-jue-active {
  background: url('/static/images/activity/miniGame/2019/results/juesai_active.png') no-repeat;
  background-size: 44px 122px;
}
.activity-2019-preach-medium .nav li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-preach-medium .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-preach-medium .preach-live .preach-title-live {
  width: 413px;
  height: 155px;
  font-size: 32px;
  padding-top: 50px;
}
.activity-2019-preach-medium .preach-live .live {
  width: 960px;
  height: 488px;
}
.activity-2019-preach-medium .preach-live .live .right-btn {
  height: 206px;
  width: 97px;
}
.activity-2019-preach-medium .preach-live .live .live-container {
  position: absolute;
  height: 395px;
  width: 841px;
  left: 41px;
  top: 27px;
}
.activity-2019-preach-medium .preach-live .live .goToCc {
  height: 32px;
  width: 135px;
}
.activity-2019-preach-medium .preach-live li {
  width: 534px;
  height: 278px;
}
.activity-2019-preach-medium .preach-live .left-img {
  width: 221px;
  height: 172px;
  left: 43px;
  top: 47px;
}
.activity-2019-preach-medium .preach-live .right-message {
  width: 200px;
  margin-left: 280px;
  margin-top: 56px;
}
.activity-2019-preach-medium .preach-live .right-message p:nth-of-type(1) {
  font-size: 16px;
  line-height: 32px;
}
.activity-2019-preach-medium .preach-live .right-message p:nth-of-type(2) {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 28px;
}
.activity-2019-preach-medium .preach-live .right-message p:nth-of-type(3) {
  font-size: 13px;
  line-height: 26px;
}
.activity-2019-preach-medium .preach-live .right-message p:nth-of-type(4) {
  font-size: 13px;
  line-height: 25px;
}
.activity-2019-preach-medium .preach-live .right-message p:nth-of-type(4) span {
  line-height: 30px;
  font-size: 14px;
  font-weight: 700;
}
.activity-2019-preach-medium .preach-1 .line {
  top: 200px;
}
.activity-2019-preach-medium .preach-1 li {
  width: 220px;
  height: 101px;
  padding-top: 30px;
}
.activity-2019-preach-medium .preach-1 li p:nth-of-type(1) {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 25px;
}
.activity-2019-preach-medium .preach-1 li p:nth-of-type(2) {
  font-size: 14px;
  line-height: 14px;
}
.activity-2019-preach-medium .preach-2 .table {
  width: 1002px;
  height: 540px;
  margin-top: -40px;
  margin-left: 55px;
}
.activity-2019-preach-medium .preach-2 .table > img {
  width: 228px;
  height: 64px;
}
.activity-2019-preach-medium .preach-2 .table-box {
  width: 840px;
  height: 414px;
  left: 53px;
  top: 51px;
}
.activity-2019-preach-medium .preach-2 .table-row > div {
  height: 51px;
  line-height: 16px;
  font-size: 12px;
  padding: 9px 0;
}
.activity-2019-preach-medium .preach-2 .row-header .calss-nav::before {
  width: 82px;
  height: 14px;
  border-radius: 7px;
  top: 16px;
}
.activity-2019-preach-medium .preach-2 .row-header > div {
  height: 64px;
  line-height: 64px;
  font-size: 22px;
  padding: 0;
}
.activity-2019-preach-medium .preach-2 .space-item > div {
  height: 3px;
  padding: 0;
}
.activity-2019-preach-medium .preach-2 .col-1 {
  width: 138px;
}
.activity-2019-preach-medium .preach-2 .col-2 {
  width: 263px;
}
.activity-2019-preach-medium .preach-2 .col-3 {
  width: 301px;
}
.activity-2019-preach-medium .preach-2 .col-4 {
  width: 136px;
}
.activity-2019-preach-medium .preach-2 .row-item .col-2 {
  padding: 17px 0 !important;
}
.activity-2019-preach-medium .preach-3 .banner ul {
  height: 391px;
}
.activity-2019-preach-medium .preach-3 .banner li {
  height: 391px;
  width: 496px;
}
.activity-2019-preach-medium .preach-3 .banner .img-box {
  top: 36px;
  left: 9px;
  width: 221px;
  height: 171px;
}
.activity-2019-preach-medium .preach-3 .banner .user-msg {
  top: 35px;
  left: 256px;
  width: 196px;
}
.activity-2019-preach-medium .preach-3 .banner .user-msg p:nth-of-type(1) {
  font-size: 16px;
  line-height: 32px;
}
.activity-2019-preach-medium .preach-3 .banner .user-msg p:nth-of-type(2) {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 28px;
}
.activity-2019-preach-medium .preach-3 .banner .user-msg p:nth-of-type(3) {
  font-size: 13px;
  line-height: 16px;
}
.activity-2019-preach-medium .preach-3 .banner .article-msg {
  position: absolute;
  top: 256px;
  left: 60px;
  width: 384px;
}
.activity-2019-preach-medium .preach-3 .banner .article-msg p:nth-of-type(1) {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
}
.activity-2019-preach-medium .preach-3 .banner .article-msg p:nth-of-type(2) {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.activity-2019-preach-medium .preach-3 .banner .left-btn {
  width: 90px;
  height: 78px;
}
.activity-2019-preach-medium .preach-3 .banner .items-container {
  height: 391px;
  width: 992px;
}
.activity-2019-preach-medium .preach-3 .banner .right-btn {
  width: 90px;
  height: 78px;
}
.yuyue-model .ant-modal {
  width: 1190px !important;
  height: 700px !important;
}
.yuyue-model .ant-modal .ant-modal-content {
  width: 1190px !important;
  height: 700px !important;
  background: url('/static/images/activity/miniGame/2019/preach/model/bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-model .ant-modal .ant-modal-body {
  padding-top: 147px;
  padding-left: 162px;
  padding-bottom: 0;
}
.yuyue-model .ant-modal .ant-modal-footer {
  border: none;
  padding-top: 0;
}
.yuyue-model .ant-modal .ant-modal-close-x {
  height: 42px;
  width: 42px;
  margin: 25px;
}
.yuyue-model .ant-modal .ant-modal-close-x:before {
  display: block;
  content: '';
  height: 42px;
  width: 42px;
  background: url('/static/images/activity/miniGame/2019/preach/model/close1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-model .ant-modal svg {
  display: none;
}
.yuyue-model .ant-modal .submit {
  height: 202px;
  width: 332px;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019/preach/model/button.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-top: -30px;
  cursor: pointer;
}
.yuyue-model .ant-modal .submit:hover {
  background: url('/static/images/activity/miniGame/2019/preach/model/button-hover.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-model .yuyue-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
}
.yuyue-model .col-1 {
  width: 80px;
  line-height: 100px;
  height: 100%;
  font-size: 20px;
  font-weight: 700;
}
.yuyue-model .col-2 {
  width: 678px;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019/preach/model/kuang-normal.png') no-repeat;
  background-size: 100% 100%;
}
.yuyue-model .col-2 input {
  width: 632px;
  height: 54px;
  margin-top: 23px;
  margin-left: 19px;
  border: none;
  font-size: 20px;
}
.yuyue-suc-model .ant-modal {
  width: 714px !important;
  height: 420px !important;
}
.yuyue-suc-model .ant-modal .ant-modal-content {
  width: 714px !important;
  height: 420px !important;
  background: url('/static/images/activity/miniGame/2019/preach/model/bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-suc-model .ant-modal .ant-modal-body {
  padding-top: 121px;
  padding-left: 70px;
  padding-right: 100px;
}
.yuyue-suc-model .ant-modal .ant-modal-close-x {
  height: 42px;
  width: 42px;
  margin: 0;
}
.yuyue-suc-model .ant-modal .ant-modal-close-x:before {
  height: 42px;
  width: 42px;
  background: url('/static/images/activity/miniGame/2019/preach/model/close1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-suc-model .ant-modal .title {
  margin: 0 auto;
  height: 74px;
  width: 382px;
  background: url('/static/images/activity/miniGame/2019/preach/model/success.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 27px;
}
.yuyue-suc-model .ant-modal .content {
  font-size: 20px;
  line-height: 36px;
  color: #7b300e;
  text-align: center;
}
.yuyue-model-medium .ant-modal {
  width: 952px !important;
  height: 560px !important;
}
.yuyue-model-medium .ant-modal .ant-modal-content {
  width: 952px !important;
  height: 560px !important;
}
.yuyue-model-medium .ant-modal .ant-modal-body {
  padding-top: 118px;
  padding-left: 130px;
}
.yuyue-model-medium .ant-modal .ant-modal-close-x {
  height: 34px;
  width: 34px;
  margin: 20px;
}
.yuyue-model-medium .ant-modal .ant-modal-close-x:before {
  height: 34px;
  width: 34px;
}
.yuyue-model-medium .ant-modal .submit {
  height: 162px;
  width: 267px;
  margin-top: -24px;
}
.yuyue-model-medium .yuyue-item {
  height: 80px;
}
.yuyue-model-medium .col-1 {
  width: 64px;
  line-height: 80px;
  font-size: 16px;
}
.yuyue-model-medium .col-2 {
  width: 543px;
}
.yuyue-model-medium .col-2 input {
  width: 507px;
  height: 44px;
  margin-top: 19px;
  margin-left: 16px;
  font-size: 16px;
}
.yuyue-suc-model-medium .ant-modal {
  width: 571px !important;
  height: 336px !important;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-content {
  width: 571px !important;
  height: 336px !important;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-body {
  padding-top: 97px;
  padding-left: 56px;
  padding-right: 80px;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-close-x {
  height: 34px;
  width: 34px;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-close-x:before {
  height: 34px;
  width: 34px;
}
.yuyue-suc-model-medium .ant-modal .title {
  height: 59px;
  width: 306px;
  margin-bottom: 22px;
}
.yuyue-suc-model-medium .ant-modal .content {
  font-size: 16px;
  line-height: 29px;
}
.yuyue-model-small .ant-modal {
  width: 762px !important;
  height: 448px !important;
}
.yuyue-model-small .ant-modal .ant-modal-content {
  width: 762px !important;
  height: 448px !important;
}
.yuyue-model-small .ant-modal .ant-modal-body {
  padding-top: 94px;
  padding-left: 104px;
}
.yuyue-model-small .ant-modal .ant-modal-close-x {
  height: 27px;
  width: 27px;
  margin: 16px;
}
.yuyue-model-small .ant-modal .ant-modal-close-x:before {
  height: 27px;
  width: 27px;
}
.yuyue-model-small .ant-modal .submit {
  height: 130px;
  width: 214px;
  margin-top: -20px;
}
.yuyue-model-small .yuyue-item {
  height: 64px;
}
.yuyue-model-small .col-1 {
  width: 51px;
  line-height: 64px;
  font-size: 14px;
}
.yuyue-model-small .col-2 {
  width: 435px;
}
.yuyue-model-small .col-2 input {
  width: 403px;
  height: 34px;
  margin-top: 16px;
  margin-left: 14px;
  font-size: 14px;
}
.yuyue-suc-model-small .ant-modal {
  width: 457px !important;
  height: 267px !important;
}
.yuyue-suc-model-small .ant-modal .ant-modal-content {
  width: 457px !important;
  height: 267px !important;
}
.yuyue-suc-model-small .ant-modal .ant-modal-body {
  padding-top: 78px;
  padding-left: 45px;
  padding-right: 64px;
}
.yuyue-suc-model-small .ant-modal .ant-modal-close-x {
  height: 27px;
  width: 27px;
}
.yuyue-suc-model-small .ant-modal .ant-modal-close-x:before {
  height: 27px;
  width: 27px;
}
.yuyue-suc-model-small .ant-modal .title {
  height: 48px;
  width: 245px;
  margin-bottom: 18px;
}
.yuyue-suc-model-small .ant-modal .content {
  font-size: 14px;
  line-height: 24px;
}
.activity-results .activity-tabs {
  display: inline-block;
  width: 217px;
  height: 70px;
  line-height: 64px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-image: url('/static/images/activity/miniGame/2019/results/activity-tab-bg.png');
  background-size: 100% 100%;
}
.activity-results .activity-tabs + .activity-tabs {
  margin-left: 80px;
}
.activity-results .activeTab {
  background-image: url('/static/images/activity/miniGame/2019/results/activity-tab-active.png');
  background-size: 100% 100%;
}
.activity-results .calss-nav::before {
  width: 188px !important;
  height: 14px;
  border-radius: 7px;
  top: 16px;
  left: -6px !important;
}
.activity-results .table-cell {
  float: left;
  width: 25%;
  height: 100%;
  border-right: 1px solid #7B300E;
  position: relative;
}
.activity-results .table-cell-body {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  display: inline-block;
  max-width: 100%;
}
.activity-results .table-cell-body > span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-results .table-cell:last-child {
  border-right-width: 0;
}
.activity-results .table-body-row:nth-child(odd) {
  background: #F4EFE8;
}
.activity-results .self-table::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: transparent;
}
.activity-results .self-table::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 8px;
  border-radius: 5px;
  border: 2px solid #7B300E;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #EFD6AE;
}
.activity-results .self-table::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .activity-results .self-table {
    padding-right: 8px !important;
  }
}

.pc-miniheader {
  width: 100%;
  min-width: 1280px;
}
.pc-miniheader > img {
  width: 100%;
}

.pc-miniNav {
  width: 100%;
  position: relative;
  min-width: 1280px;
}
.pc-miniNav > img {
  width: 100%;
}
.pc-miniNav-nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.pc-miniNav-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc-miniNav-nav li {
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
  list-style: none;
}
.pc-miniNav-nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
  padding-right: 16px;
  margin-bottom: 0;
}
.pc-miniNav-nav li p:nth-of-type(1) {
  font-weight: 700;
}
.pc-miniNav-nav li p:nth-of-type(2) {
  font-size: 14px;
}
.pc-miniNav-nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.pc-miniNav-nav li:hover p {
  color: #32163f;
}
.pc-miniNav-nav li .active-nav p {
  color: #32163f;
}
@media (max-width: 1750px) {
  .pc-miniNav-nav li {
    font-size: 18px;
  }
}
@media (max-width: 1450px) {
  .pc-miniNav-nav li {
    font-size: 16px;
  }
}
@media (min-width: 1750px) {
  .pc-miniNav-nav li {
    font-size: 20px;
  }
}

.comment-container-pc .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.comment-container-pc .textArea-box {
  position: relative;
  border: none;
  width: 100%;
  background: url("/static/images/activity/miniGame/2019/works/commet-send.png") no-repeat;
  background-size: 100%;
}
.comment-container-pc .textArea-box > img {
  width: 100%;
}
.comment-container-pc .textArea-box .commet-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.comment-container-pc .textArea-box-submit {
  display: inline-block;
  text-align: right;
  position: absolute;
  bottom: 6px;
  right: 8px;
  width: 83px;
  height: 31px;
}
.comment-container-pc .textArea-box-submit > img {
  width: 100%;
}
.comment-container-pc .textArea-box-count {
  height: 30px;
  position: absolute;
  right: 20px;
  vertical-align: center;
  bottom: 1px;
  width: 96%;
  padding-left: 8px;
  line-height: 2;
  background: #fff;
  text-align: left;
  color: #ccc;
}
.comment-container-pc .textArea-box-input {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 30px;
  min-height: 130px;
}
.comment-container-pc button {
  border-radius: 8px;
  height: 40px;
  width: 112px;
  margin-top: 16px;
  margin-bottom: 18px;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment-list-pc .empty_status {
  text-align: center;
}
.comment-list-pc .empty_status > img {
  width: 160px;
  height: 160px;
}
.comment-list-pc .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.comment-list-pc > div {
  padding-bottom: 22px;
  padding-top: 22px;
  border-bottom: 1px solid #F5F5F9;
}
.comment-list-pc > div:last-of-type {
  border-bottom: none;
}
.comment-list-pc .item-left {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 24px;
  overflow: hidden;
}
.comment-list-pc .item-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-list-pc .item-right {
  margin-left: 64px;
}
.comment-list-pc .item-right > div {
  font-size: 16px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  margin-bottom: 8px;
  word-wrap: break-word;
  white-space: break-spaces;
}
.comment-list-pc .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.comment-list-pc .item-right h5 span {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
}
.comment-list-pc .item-right h5 > span:nth-of-type(1) {
  margin-right: 16px;
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list-pc .item-right .item-action {
  margin-top: 10px;
  margin-bottom: 0;
}
.comment-list-pc .item-right .item-action > span {
  margin-right: 24px;
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  line-height: 24px;
  cursor: pointer;
}
.comment-list-pc .item-right .item-action .item-like i {
  background: url('/static/icons/like_small@2x.png') no-repeat;
  background-size: 72px 24px;
}
.comment-list-pc .item-right .item-action .item-like .has-liked {
  background-position: -48px 0;
}
.comment-list-pc .item-right .item-action .item-answer i {
  background: url('/static/icons/comment_small@2x.png') no-repeat;
  background-size: 48px 24px;
}
.comment-list-pc .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.comment-list-pc .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 4px;
}
.comment-list-pc .item-right .item-action > span:hover i {
  background-position: -24px 0;
}
.comment-list-pc .child-comments {
  padding: 16px 27px 16px 16px;
  background: #f1f1f1;
  border-radius: 8px;
}
.comment-list-pc .child-comments .child-more {
  font-size: 14px;
  color: #4A90E2;
  margin-top: 10px;
  cursor: pointer;
}
.comment-list-pc .child-comments .child-item {
  margin-bottom: 12px;
}
.comment-list-pc .child-comments .child-item .child-item-left {
  float: left;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  overflow: hidden;
}
.comment-list-pc .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 24px;
  width: 24px;
}
.comment-list-pc .child-comments .child-item .child-item-right {
  margin-left: 30px;
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-list-pc .child-comments .child-item .child-item-right span {
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list-pc .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.comment-list-pc button {
  height: 32px;
  width: 80px;
  outline: none;
  border: none;
  cursor: pointer;
  background-image: -o-linear-gradient(322deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  background-image: linear-gradient(128deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  border-radius: 8px;
  margin-top: 12px;
  color: #fff;
}
.comment-list-pc textarea {
  height: 80px;
  border-radius: 8px;
}
.comment-list-pc .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.web-share-middle {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.web-share-middle div:nth-of-type(1) {
  background: url('/static/icons/wechat@2x.png') no-repeat;
  background-position: 0 0;
  background-size: 80px 40px;
}
.web-share-middle div:nth-of-type(2) {
  background: url('/static/icons/QQ@2x.png') no-repeat;
  background-position: 0 0;
  background-size: 80px 40px;
}
.web-share-middle div:nth-of-type(3) {
  margin-right: 0;
  background: url('/static/icons/weibo @2x.png') no-repeat;
  background-position: 0 0;
  background-size: 80px 40px;
}
.web-share-middle > div {
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 4px;
}
.web-share-middle > div:hover {
  background-position: -40px 0;
}
.web-share-small {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.web-share-small div:nth-of-type(1) {
  background: url('/static/icons/wechat@2x.png') no-repeat;
  background-position: 0 0;
  background-size: 50px 25px;
}
.web-share-small div:nth-of-type(2) {
  background: url('/static/icons/QQ@2x.png') no-repeat;
  background-position: 0 0;
  background-size: 50px 25px;
}
.web-share-small div:nth-of-type(3) {
  margin-right: 0;
  background: url('/static/icons/weibo @2x.png') no-repeat;
  background-position: 0 0;
  background-size: 50px 25px;
}
.web-share-small > div {
  height: 25px;
  width: 25px;
  float: left;
  margin-right: 8px;
}
.web-share-small > div:hover {
  background-position: -30px 0;
}

.pc-miniGame-workDetail {
  width: 100%;
}
.pc-miniGame-workDetail h2 {
  margin-bottom: 0;
}
.pc-miniGame-workDetail p {
  margin-bottom: 0;
}
.pc-miniGame-workDetail .pc-work-detail {
  width: 100%;
  min-width: 1280px;
  position: relative;
}
.pc-miniGame-workDetail .pc-work-detail > img {
  width: 100%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box {
  overflow: hidden;
  width: 66.67%;
  min-width: 854px;
  margin: 0 auto;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item {
  padding: 0 2.3%;
  width: 100%;
  margin: 0 auto;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item h3 {
  margin-bottom: 50px;
  width: 169px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item h3 > img {
  width: 100%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work {
  width: 100%;
  margin: 0 auto;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work h3 {
  margin-left: 2.3%;
  margin-bottom: 50px;
  width: 169px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work h3 > img {
  width: 100%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work-title {
  margin-bottom: 0px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title {
  text-align: center;
  margin-top: 28px;
  color: #fff;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title > h2 {
  color: #fff;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: 8px;
  font-weight: 600;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title > p {
  color: #fff;
  height: 10%;
  font-size: 18px;
  margin-top: 12px;
  letter-spacing: 2px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes {
  margin-top: 15px;
  height: 34%;
  margin-bottom: 18px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes > p {
  font-size: 22px;
  letter-spacing: 2px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes > img {
  height: 50%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 25px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-share .share {
  display: inline-block;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg {
  width: 93.75%;
  margin: 0 auto;
  position: relative;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg > img {
  width: 100%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 4% 2.3% 4% 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left {
  width: 60%;
  padding: 3%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left > h4 {
  color: #533f40;
  font-size: 28px;
  font-weight: bold;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left > p {
  font-size: 18px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .right {
  width: 50%;
  background: url("/static/images/activity/miniGame/2019/works/team-intro-right.png") no-repeat;
  background-size: contain;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .right > img {
  width: 95.5%;
  height: 89%;
  margin-left: 7px;
  margin-top: 7px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works {
  margin-top: 74px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg {
  position: relative;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg > img {
  width: 100%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg .pc-works-detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg .pc-works-detail .pc-works-video {
  width: 81.2%;
  height: 66.4%;
  margin-top: 6.4%;
  margin-left: 9.4%;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg .pc-works-detail .pc-works-intro {
  width: 81.2%;
  padding: 2%;
  margin-left: 9.4%;
  font-size: 17px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart {
  width: 137px;
  height: 145px;
  margin: 20px auto 30px;
  background: url("/static/images/activity/miniGame/2019/works/pc-like-bg.png") no-repeat;
  background-size: 137px 145px;
  overflow: hidden;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart > img {
  width: 53px;
  height: 52px;
  display: block;
  margin: 25px auto 10px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart p {
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  color: #e77171;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-works-share-btn {
  text-align: center;
  height: 73px;
  font-size: 18px;
  color: #533f40;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-works-share-btn .pc-works-share {
  width: 140px;
  margin: 8px auto 0px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment {
  margin-top: 80px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-bg {
  width: 83.91%;
  margin: 0 auto;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box {
  overflow-y: auto;
  max-height: 750px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: transparent;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 8px;
  border-radius: 5px;
  border: 2px solid #533f40;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #efd6ae;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box::-webkit-scrollbar-track:before {
  width: 2px;
  height: 100%;
  background: #00B24A;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .comment-title {
  margin: 10px auto 10px;
  width: 83.91%;
  border-bottom: 1px solid #cfcfcf;
}
.pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .comment-title-count {
  font-size: 20px;
  line-height: 3;
  font-weight: bold;
}
@media (max-width: 1750px) {
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item h3 {
    width: 155px;
    margin-bottom: 40px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work h3 {
    width: 155px;
    margin-bottom: 40px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title > h2 {
    font-size: 28px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes {
    margin-top: 12px;
    margin-bottom: 14px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes > p {
    font-size: 18px;
    letter-spacing: 0px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes > img {
    height: 50%;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left > h4 {
    font-size: 24px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left > p {
    font-size: 15px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .right > img {
    width: 95.6%;
    height: 89%;
    margin-left: 6px;
    margin-top: 6px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works {
    margin-top: 54px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg .pc-works-detail .pc-works-intro {
    font-size: 15px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart {
    width: 113px;
    height: 120px;
    margin: 20px auto 30px;
    background: url("/static/images/activity/miniGame/2019/works/pc-like-bg.png") no-repeat;
    background-size: 113px 120px;
    overflow: hidden;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart > img {
    width: 45px;
    height: 44px;
    display: block;
    margin: 23px auto 8px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart p {
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #e77171;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment {
    margin-top: 60px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box {
    max-height: 600px;
  }
}
@media (max-width: 1450px) {
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item h3 {
    width: 130px;
    margin-bottom: 30px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work h3 {
    width: 130px;
    margin-bottom: 30px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-box > .pc-Item-work .pc-Item-title-work {
    margin-bottom: 10px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title > h2 {
    font-size: 24px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title > p {
    margin-top: 8px;
    font-size: 14px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes {
    margin-top: 6px;
    margin-bottom: 8px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes > p {
    font-size: 16px;
    letter-spacing: 0px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title .pc-likes > img {
    height: 50%;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left > h4 {
    font-size: 20px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .left > p {
    font-size: 12px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-author .pc-author-bg .pc-author-detail .right > img {
    width: 94.8%;
    height: 88.3%;
    margin-left: 5px;
    margin-top: 5px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works {
    margin-top: 38px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-works .pc-works-bg .pc-works-detail .pc-works-intro {
    font-size: 13px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart {
    width: 104px;
    height: 110px;
    margin: 20px auto 30px;
    background: url("/static/images/activity/miniGame/2019/works/pc-like-bg.png") no-repeat;
    background-size: 104px 110px;
    overflow: hidden;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart > img {
    width: 36px;
    height: 36px;
    display: block;
    margin: 20px auto 6px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-work-heart p {
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #e77171;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-works-share-btn {
    text-align: center;
    height: 73px;
    font-size: 18px;
    color: #533f40;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-share .pc-works-share-btn .pc-works-share {
    width: 140px;
    margin: 8px auto 0;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment {
    margin-top: 30px;
  }
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-comment .pc-comment-box {
    max-height: 450px;
  }
}
@media (min-width: 1750px) {
  .pc-miniGame-workDetail .pc-work-detail .pc-work-content .pc-work-title > h2 {
    font-size: 36px;
  }
}

.mg-award-2020 {
  width: 100%;
}
.mg2020-awards {
  margin: 0 auto;
  position: relative;
  padding-top: 40%;
  padding-bottom: 20%;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.mg2020-awards-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mg2020-awards-bg > img {
  width: 100%;
}
.mg2020-awards p {
  margin: 0;
}
.mg2020-awards .section-content {
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-awards .section-content-title {
  background: url('/static/images/activity/MG2020/award/title.png') no-repeat center / 100%;
  height: 104px;
  width: 467px;
  margin: 0 auto;
}
.mg2020-awards .section-content-bigprize {
  background: url('/static/images/activity/MG2020/award/bg-big-prizes.png') no-repeat center / 100%;
  width: 954px;
  height: 672px;
  margin-top: 80px;
}
.mg2020-awards .section-content-bigprize .title {
  background: url('/static/images/activity/MG2020/award/title-1.png') no-repeat center / 100%;
  width: 262px;
  height: 38px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.mg2020-awards .section-content-normalprize {
  background: url('/static/images/activity/MG2020/award/bg-normal-prizes.png') no-repeat center / 100%;
  width: 954px;
  height: 874px;
  margin-top: 80px;
}
.mg2020-awards .section-content-normalprize .title {
  background: url('/static/images/activity/MG2020/award/title-2.png') no-repeat center / 100%;
  width: 277px;
  height: 38px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.mg2020-awards .section-content-card {
  padding: 80px 130px 0;
  text-align: center;
}
.mg2020-awards .section-content-card > p {
  line-height: 40px;
  font-size: 24px;
  color: #023A4D;
  margin-bottom: 40px;
}
.mg2020-awards .section-content-card .btn {
  cursor: pointer;
  margin-top: 24px;
  width: 298px;
  height: 72px;
  background: url('/static/images/activity/MG2020/award/btn-1.png') center no-repeat;
  background-size: 298px 72px;
}
.mg2020-awards .section-content-card .btn-picked {
  background: url('/static/images/activity/MG2020/award/btn-2.png') center;
  background-size: 298px 72px;
}
.mg2020-awards .section-content .prizes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-awards .section-content .prizes-list .prize-item {
  margin: 0 8px;
  margin-bottom: 60px;
  width: 312px;
}
.mg2020-awards .section-content .prizes-list .prize-item .prize-bg {
  height: 212px;
  width: 312px;
  background: url('/static/images/activity/MG2020/award/bg-big-prize.png') center / 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-awards .section-content .prizes-list .prize-item .img-box {
  height: 200px;
  width: 300px;
}
.mg2020-awards .section-content .prizes-list .prize-item .img-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-awards .section-content .prizes-list .prize-item p {
  font-size: 20px;
  line-height: 28px;
  margin-top: 12px;
  height: 56px;
  color: #023A4D;
  text-align: center;
}
.mg2020-awards .section-content .prizes-list_normal .prize-item {
  margin: 0 4px;
  margin-bottom: 24px;
  width: 216px;
}
.mg2020-awards .section-content .prizes-list_normal .prize-item .prize-bg {
  height: 148px;
  width: 216px;
  background: url('/static/images/activity/MG2020/award/bg-normal-prize.png') center / 100%;
}
.mg2020-awards .section-content .prizes-list_normal .prize-item .img-box {
  height: 136px;
  width: 204px;
}
.mg2020-awards .section-content .prizes-list_normal .prize-item .img-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-awards .section-content .prizes-list_normal .prize-item p {
  font-size: 20px;
  line-height: 28px;
  margin-top: 8px;
}
.miniGame-2020-award-modal .ant-modal {
  width: 456px !important;
  height: 476px;
}
.miniGame-2020-award-modal .ant-modal-content {
  width: 456px;
  height: 476px;
  background: url('/static/images/activity/MG2020/award/bg-big-user-modal.png') no-repeat center / 100%;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miniGame-2020-award-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.miniGame-2020-award-modal .ant-modal-content .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 66px;
}
.miniGame-2020-award-modal .ant-modal-content h3 {
  margin: 0 auto;
  height: 23px;
  width: 93px;
  margin-bottom: 40px;
  background: url('/static/images/activity/MG2020/award/modal-title.png') no-repeat center / 100%;
}
.miniGame-2020-award-modal .ant-modal-content .prize-item {
  margin: 0 auto;
  margin-bottom: 40px;
}
.miniGame-2020-award-modal .ant-modal-content .prize-item .prize-bg {
  height: 132px;
  width: 192px;
  margin: 0 auto;
  background: url('/static/images/activity/MG2020/award/bg-big-prize-modal.png') center / 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miniGame-2020-award-modal .ant-modal-content .prize-item .img-box {
  height: 120px;
  width: 180px;
  padding: 4px;
  background-image: -o-linear-gradient(45deg, #ffab37, #ffda62);
  background-image: linear-gradient(45deg, #ffab37, #ffda62);
}
.miniGame-2020-award-modal .ant-modal-content .prize-item .img-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.miniGame-2020-award-modal .ant-modal-content .prize-item p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  margin-bottom: 0;
  color: #023A4D;
  text-align: center;
}
.miniGame-2020-award-modal .ant-modal-content .code {
  height: 100px;
  width: 336px;
  border: 1px solid #E1E6E4;
  border-radius: 8px;
}
.miniGame-2020-award-modal .ant-modal-content .code p:nth-of-type(1) {
  font-size: 20px;
  line-height: 24px;
  color: #036483;
  margin: 20px 0 12px 0;
}
.miniGame-2020-award-modal .ant-modal-content .code p:nth-of-type(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #023A4D;
}
.miniGame-2020-award-modal .ant-modal-footer {
  display: none;
}
.miniGame-2020-award-modal2 .ant-modal {
  width: 588px !important;
  height: 519px;
}
.miniGame-2020-award-modal2 .ant-modal-content {
  width: 588px;
  height: 519px;
  background: url('/static/images/activity/MG2020/award/bg-normal-user-modal.png') no-repeat center / 100%;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.miniGame-2020-award-modal2 .ant-modal-body {
  padding: 0;
}
.miniGame-2020-award-modal2 .content {
  padding: 30px;
  padding-top: 66px;
}
.miniGame-2020-award-modal2 .content h3 {
  margin: 0 auto;
  height: 23px;
  width: 93px;
  margin-bottom: 18px;
  background: url('/static/images/activity/MG2020/award/modal-title.png') no-repeat center / 100%;
}
.miniGame-2020-award-modal2 .content .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.miniGame-2020-award-modal2 .content .item {
  height: 84px;
  width: 164px;
  border-radius: 8px;
  border: 1px solid #E1E6E4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 6px;
}
.miniGame-2020-award-modal2 .content .item p:nth-of-type(1) {
  font-size: 14px;
  line-height: 24px;
  color: #036483;
  margin: 16px 0 4px 0;
}
.miniGame-2020-award-modal2 .content .item p:nth-of-type(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #023A4D;
}
.miniGame-2020-award-modal2 .ant-modal-footer {
  display: none;
}

.art_worksdetail .web-share-middle,
.art_worksDetail_share .web-share-middle {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.art_worksdetail .web-share-middle div:nth-of-type(1),
.art_worksDetail_share .web-share-middle div:nth-of-type(1) {
  background: url("/static/images/activity/art_design/2019/worksdetail_wx.png") no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.art_worksdetail .web-share-middle div:nth-of-type(2),
.art_worksDetail_share .web-share-middle div:nth-of-type(2) {
  background: url("/static/images/activity/art_design/2019/worksdetail_qq.png") no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.art_worksdetail .web-share-middle div:nth-of-type(3),
.art_worksDetail_share .web-share-middle div:nth-of-type(3) {
  margin-right: 0;
  background: url("/static/images/activity/art_design/2019/worksdetail_weibo.png") no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.art_worksdetail .web-share-middle > div,
.art_worksDetail_share .web-share-middle > div {
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 4px;
}
.art_worksdetail .web-share-small,
.art_worksDetail_share .web-share-small {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.art_worksdetail .web-share-small div:nth-of-type(1),
.art_worksDetail_share .web-share-small div:nth-of-type(1) {
  background: url("/static/images/activity/art_design/2019/worksdetail_wx.png") no-repeat;
  background-position: 0 0;
  background-size: 25px 25px;
}
.art_worksdetail .web-share-small div:nth-of-type(2),
.art_worksDetail_share .web-share-small div:nth-of-type(2) {
  background: url("/static/images/activity/art_design/2019/worksdetail_qq.png") no-repeat;
  background-position: 0 0;
  background-size: 25px 25px;
}
.art_worksdetail .web-share-small div:nth-of-type(3),
.art_worksDetail_share .web-share-small div:nth-of-type(3) {
  margin-right: 0;
  background: url("/static/images/activity/art_design/2019/worksdetail_weibo.png") no-repeat;
  background-position: 0 0;
  background-size: 25px 25px;
}
.art_worksdetail .web-share-small > div,
.art_worksDetail_share .web-share-small > div {
  height: 25px;
  width: 25px;
  float: left;
  margin-right: 8px;
}
.share .ant-modal-content {
  width: 580px;
}
.share .ant-modal-body {
  padding: 0;
  height: 380px;
  text-align: center;
  padding-top: 46px;
}
.share .ant-modal-body h2 {
  font-size: 24px;
  color: #2e2e33;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}
.share .ant-modal-body canvas {
  height: 147px !important;
  width: 152px !important;
  margin-top: 46px;
}
.share .ant-modal-body p {
  font-size: 14px;
  color: #6a6d7a;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  margin-top: 22px;
}
.share .ant-modal-footer {
  padding: 0;
  border-top: unset;
}

.NG-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30;
}
.NG-modal-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.NG-modal-content {
  position: absolute;
  width: 10.08rem;
  height: 6.02rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.NG-modal-content-close {
  position: absolute;
  width: 0.52rem;
  height: 0.52rem;
  right: -0.72rem;
  top: 0;
}

.school-enterprise {
  width: 100%;
  padding-top: 2.2rem;
  padding-bottom: 1rem;
  min-width: 1200px;
  background: url("/static/images/activity/school-enterprise/web/kv.png") no-repeat, url("/static/images/activity/school-enterprise/web/bg.png") repeat-y;
  background-size: 100% auto;
}
.school-enterprise-intro {
  margin-bottom: 1.96rem;
  margin-left: 10.4rem;
  width: 7.6rem;
  text-align: justify;
}
.school-enterprise-intro-title {
  margin-bottom: 0.48rem;
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: #ffffff;
}
.school-enterprise-intro-content {
  margin-bottom: 0.32rem;
  font-size: 0.18rem;
  line-height: 0.32rem;
  color: #fff;
}
.school-enterprise-main {
  width: 12.6rem;
  margin: 0 auto;
}
.school-enterprise-tab {
  font-weight: 600;
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-bottom: 0.86rem;
  padding-top: 0.38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.school-enterprise-tab-it {
  cursor: pointer;
  color: #FFFFFF;
  opacity: 0.7;
  margin-right: 0.48rem;
}
.school-enterprise-tab-it:last-child {
  margin-right: 0;
}
.school-enterprise-tab-it[status='1'] {
  color: #FDD172;
  position: relative;
  opacity: 1;
}
.school-enterprise-tab-it[status='1']:after {
  content: '';
  display: block;
  width: 0.32rem;
  height: 0.04rem;
  background-image: url("/static/images/activity/school-enterprise/web/line-bottom.png");
  background-repeat: no-repeat;
  background-size: 0.32rem 0.04rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.school-enterprise-title-1 {
  margin: 0.62rem auto 0.52rem;
  width: 2.4rem;
  height: 1.07rem;
  background: url("/static/images/activity/school-enterprise/web/title-1.png") no-repeat;
  background-size: 2.4rem 1.07rem;
}
.school-enterprise-title-2 {
  margin: 0.62rem auto 0.52rem;
  width: 2.4rem;
  height: 1.07rem;
  background: url("/static/images/activity/school-enterprise/web/title-2.png") no-repeat;
  background-size: 2.4rem 1.07rem;
}
.school-enterprise-course-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.52rem;
  padding: 0.3rem 0.28rem 0.3rem 0.3rem;
  width: 100%;
  height: 2.44rem;
  border-radius: 0.12rem;
  background: #fff;
}
.school-enterprise-course-item:after {
  position: absolute;
  content: "";
  width: 12.56rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-bottom-right-radius: 0.12rem;
  border-bottom-left-radius: 0.12rem;
  bottom: -0.08rem;
  border-bottom: 0.01rem solid #fff;
  border-left: 0.01rem solid #fff;
  border-right: 0.01rem solid #fff;
}
.school-enterprise-course-img {
  width: 3.2rem;
  height: 1.84rem;
  border: 0.04rem solid #7a829e;
  background: #7a829e;
  border-radius: 0.06rem;
  cursor: pointer;
}
.school-enterprise-course-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.school-enterprise-course-right {
  width: 8.64rem;
}
.school-enterprise-course-right-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.school-enterprise-course-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.13rem;
}
.school-enterprise-course-title-text {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #253c78;
  cursor: pointer;
}
.school-enterprise-course-tag {
  margin-right: 0.16rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding: 0.04rem 0.07rem;
  color: #fff;
  background: #5c6fa1;
  border-radius: 0.02rem;
}
.school-enterprise-course-tag.tag--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-course-tag.tag--review {
  background: #a0a6ba;
  color: #fff;
}
.school-enterprise-course-tag.no-tag {
  display: none;
}
.school-enterprise-course-content {
  margin-bottom: 0.32rem;
  width: 100%;
  height: 0.72rem;
  text-align: justify;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #5c6fa1;
  opacity: 0.7;
  cursor: pointer;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.school-enterprise-course-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.18rem;
  line-height: 0.21rem;
  opacity: 0.7;
  color: #253c78;
  font-weight: 500;
}
.school-enterprise-course-anchor {
  width: 4.1rem;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.school-enterprise-course-btn {
  min-width: 1.34rem;
  padding: 0 0.12rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdd172), to(#fdd172));
  background: -o-linear-gradient(bottom, #fdd172, #fdd172);
  background: linear-gradient(0deg, #fdd172, #fdd172);
  border-radius: 0.03rem;
  font-size: 0.16rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.school-enterprise-course-btn.btn--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-course-btn.btn--review {
  background: -webkit-gradient(linear, left bottom, left top, from(#a0a6ba), to(#a0a6ba));
  background: -o-linear-gradient(bottom, #a0a6ba, #a0a6ba);
  background: linear-gradient(0deg, #a0a6ba, #a0a6ba);
  color: #fff;
}
.school-enterprise-course-btn.btn--empty {
  position: absolute;
  right: 0;
  bottom: -0.2rem;
  width: 3.37rem;
  height: 1.09rem;
  background: url("/static/images/activity/school-enterprise/web/empty.png") no-repeat;
  background-size: 3.37rem 1.09rem;
}
.school-enterprise .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.school-enterprise .ant-notification .school-enterprise-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.school-enterprise .ant-notification .school-enterprise-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_error.png") no-repeat;
  background-size: 14px;
}
.school-enterprise .ant-notification .school-enterprise-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.school-enterprise .ant-notification .school-enterprise-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_success.png") no-repeat;
  background-size: 14px;
}
.school-enterprise .ant-notification-notice-close {
  display: none;
}
.school-enterprise .ant-notification-notice-message {
  display: none;
}

.school-enterprise-beida {
  width: 100%;
  min-width: 1200px;
}
.school-enterprise-beida-intro {
  padding-left: 1.72rem;
  padding-top: 1.4rem;
  width: 100%;
  height: 7.9rem;
  text-align: justify;
  background-image: url("/static/images/activity/school-enterprise/beida/kv.png");
  background-repeat: no-repeat;
  background-size: 100% 7.9rem;
}
.school-enterprise-beida-intro-title {
  margin-bottom: 0.24rem;
  font-weight: 700;
  font-size: 0.88rem;
  line-height: 1.2rem;
  color: #ffffff;
}
.school-enterprise-beida-intro-title > span:first-child {
  margin-right: 42px;
}
.school-enterprise-beida-intro-little-title {
  margin-bottom: 1.1rem;
}
.school-enterprise-beida-intro-little-title img {
  width: 5.85rem;
  height: auto;
}
.school-enterprise-beida-intro-content {
  margin-bottom: 0.28rem;
  font-size: 0.18rem;
  line-height: 0.36rem;
  color: #fff;
  width: 7.6rem;
}
.school-enterprise-beida-main {
  width: 100%;
  background: #040A18;
  margin: 0 auto;
  position: relative;
  min-height: 20rem;
}
.school-enterprise-beida-main::before {
  content: '';
  display: block;
  width: 6.19rem;
  height: 13rem;
  background-image: url("/static/images/activity/school-enterprise/beida/bg-before.png");
  background-repeat: no-repeat;
  background-size: 6.19rem 13rem;
  position: absolute;
  right: 0;
  top: 6.28rem;
  z-index: 0;
}
.school-enterprise-beida-main::after {
  content: '';
  display: block;
  width: 6.19rem;
  height: 13.39rem;
  background-image: url("/static/images/activity/school-enterprise/beida/bg-after.png");
  background-repeat: no-repeat;
  background-size: 6.19rem 13.39rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.school-enterprise-beida-tab {
  height: 1rem;
  font-weight: 600;
  font-size: 0.36rem;
  line-height: 1rem;
  margin-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("/static/images/activity/school-enterprise/beida/tab-bg.png");
  background-size: 100% 1rem;
}
.school-enterprise-beida-tab-it {
  cursor: pointer;
  color: #FFFFFF;
  margin-right: 0.48rem;
  width: 2.4rem;
  text-align: center;
}
.school-enterprise-beida-tab-it:last-child {
  margin-right: 0;
}
.school-enterprise-beida-tab-it[status='1'] {
  color: #FDD172;
  position: relative;
  opacity: 1;
  background-image: url("/static/images/activity/school-enterprise/beida/tab-active.png");
  background-repeat: no-repeat;
  background-size: 2.4rem 1rem;
}
.school-enterprise-beida-title-1 {
  margin: 0 auto 0.2rem;
  width: 5.16rem;
  height: 1.58rem;
  background: url("/static/images/activity/school-enterprise/beida/title-1.png") no-repeat;
  background-size: 5.16rem 1.58rem;
}
.school-enterprise-beida-title-2 {
  margin: 0 auto 0.2rem;
  width: 5.16rem;
  height: 1.58rem;
  background: url("/static/images/activity/school-enterprise/beida/title-2.png") no-repeat;
  background-size: 5.16rem 1.58rem;
}
.school-enterprise-beida-course {
  width: 13.9rem;
  margin: 0 auto;
  padding-bottom: 1.1rem;
  position: relative;
  z-index: 1;
}
.school-enterprise-beida-course-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.school-enterprise-beida-course-item {
  width: 4.42rem;
  height: 6.52rem;
  background: #212A3F;
  margin-right: 0.32rem;
  margin-bottom: 0.32rem;
  padding: 0.06rem;
  position: relative;
}
.school-enterprise-beida-course-item:nth-child(3n) {
  margin-right: 0;
}
.school-enterprise-beida-course-img {
  width: 100%;
  height: 2.46rem;
}
.school-enterprise-beida-course-img img {
  width: 100%;
  height: 100%;
}
.school-enterprise-beida-course-right {
  width: 100%;
  padding: 0 0.18rem;
}
.school-enterprise-beida-course-right-bottom {
  position: absolute;
  bottom: 0.24rem;
  width: 3.94rem;
}
.school-enterprise-beida-course-title {
  margin: 0.24rem 0 0.16rem;
  max-height: 0.78rem;
}
.school-enterprise-beida-course-title-text {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.28rem;
  line-height: 0.39rem;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.school-enterprise-beida-course-tag {
  position: absolute;
  top: 2.06rem;
  left: 0.24rem;
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding: 0.04rem 0.07rem;
  color: #fff;
  background: #5c6fa1;
}
.school-enterprise-beida-course-tag.tag--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-beida-course-tag.tag--review {
  background: #a0a6ba;
  color: #fff;
}
.school-enterprise-beida-course-tag.no-tag {
  display: none;
}
.school-enterprise-beida-course-content {
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #B6BAC4;
  opacity: 0.7;
  max-height: 0.88rem;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.school-enterprise-beida-course-btn {
  width: 3.94rem;
  padding: 0 0.12rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#FDD172), to(#FDD172)), -webkit-gradient(linear, left top, right top, color-stop(-25%, #038CD0), color-stop(125%, #0DC8CF));
  background: -o-linear-gradient(bottom, #FDD172, #FDD172), -o-linear-gradient(left, #038CD0 -25%, #0DC8CF 125%);
  background: linear-gradient(0deg, #FDD172, #FDD172), linear-gradient(90deg, #038CD0 -25%, #0DC8CF 125%);
  font-size: 0.16rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.school-enterprise-beida-course-btn.btn--live {
  background: -webkit-gradient(linear, left bottom, left top, from(#FB7338), to(#FB7338)), #EA5313;
  background: -o-linear-gradient(bottom, #FB7338, #FB7338), #EA5313;
  background: linear-gradient(0deg, #FB7338, #FB7338), #EA5313;
  color: #fff;
}
.school-enterprise-beida-course-btn.btn--review {
  background: -webkit-gradient(linear, left bottom, left top, from(#a0a6ba), to(#a0a6ba));
  background: -o-linear-gradient(bottom, #a0a6ba, #a0a6ba);
  background: linear-gradient(0deg, #a0a6ba, #a0a6ba);
  color: #fff;
}
.school-enterprise-beida-course-btn.btn--empty {
  position: absolute;
  right: 0;
  bottom: -0.2rem;
  width: 3.37rem;
  height: 1.09rem;
  background: url("/static/images/activity/school-enterprise/web/empty.png") no-repeat;
  background-size: 3.37rem 1.09rem;
}
.school-enterprise-beida-course-info {
  margin-bottom: 0.32rem;
  color: #FFFFFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.18rem;
  line-height: 0.22rem;
  opacity: 0.7;
}
.school-enterprise-beida-course-info > div {
  margin-bottom: 12px;
}
.school-enterprise-beida .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.school-enterprise-beida .ant-notification .school-enterprise-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.school-enterprise-beida .ant-notification .school-enterprise-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_error.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-beida .ant-notification .school-enterprise-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.school-enterprise-beida .ant-notification .school-enterprise-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_success.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-beida .ant-notification-notice-close {
  display: none;
}
.school-enterprise-beida .ant-notification-notice-message {
  display: none;
}

.school-enterprise-huake {
  width: 100%;
  padding-top: 2.2rem;
  padding-bottom: 1rem;
  min-width: 1200px;
  background: url("/static/images/activity/school-enterprise/huake/kv.png") no-repeat, url("/static/images/activity/school-enterprise/web/bg.png") repeat-y;
  background-size: 100% auto;
}
.school-enterprise-huake-intro {
  margin-left: 10.4rem;
  width: 7.6rem;
  text-align: justify;
}
.school-enterprise-huake-intro-title {
  margin-bottom: 0.48rem;
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: #ffffff;
}
.school-enterprise-huake-intro-content {
  margin-bottom: 0.32rem;
  font-size: 0.18rem;
  line-height: 0.32rem;
  color: #fff;
}
.school-enterprise-huake-main {
  width: 12.6rem;
  margin: 0 auto;
}
.school-enterprise-huake-tab {
  font-weight: 600;
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-bottom: 0.86rem;
  padding-top: 1.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.school-enterprise-huake-tab-it {
  cursor: pointer;
  color: #FFFFFF;
  opacity: 0.7;
  margin-right: 0.48rem;
}
.school-enterprise-huake-tab-it:last-child {
  margin-right: 0;
}
.school-enterprise-huake-tab-it[status='1'] {
  color: #FDD172;
  position: relative;
  opacity: 1;
}
.school-enterprise-huake-tab-it[status='1']:after {
  content: '';
  display: block;
  width: 0.32rem;
  height: 0.04rem;
  background-image: url("/static/images/activity/school-enterprise/web/line-bottom.png");
  background-repeat: no-repeat;
  background-size: 0.32rem 0.04rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.school-enterprise-huake-title-1 {
  margin: 0.62rem auto 0.52rem;
  width: 2.4rem;
  height: 1.07rem;
  background: url("/static/images/activity/school-enterprise/huake/title-1.png") no-repeat;
  background-size: 2.4rem 1.07rem;
}
.school-enterprise-huake-title-2 {
  margin: 0.62rem auto 0.52rem;
  width: 2.4rem;
  height: 1.07rem;
  background: url("/static/images/activity/school-enterprise/huake/title-2.png") no-repeat;
  background-size: 2.4rem 1.07rem;
}
.school-enterprise-huake-course-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.52rem;
  padding: 0.3rem 0.28rem 0.3rem 0.3rem;
  width: 100%;
  height: 2.44rem;
  border-radius: 0.12rem;
  background: #fff;
}
.school-enterprise-huake-course-item:after {
  position: absolute;
  content: "";
  width: 12.56rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-bottom-right-radius: 0.12rem;
  border-bottom-left-radius: 0.12rem;
  bottom: -0.08rem;
  border-bottom: 0.01rem solid #fff;
  border-left: 0.01rem solid #fff;
  border-right: 0.01rem solid #fff;
}
.school-enterprise-huake-course-img {
  width: 3.2rem;
  height: 1.84rem;
  border: 0.04rem solid #7a829e;
  background: #7a829e;
  border-radius: 0.06rem;
  cursor: pointer;
}
.school-enterprise-huake-course-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.school-enterprise-huake-course-right {
  width: 8.64rem;
}
.school-enterprise-huake-course-right-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.school-enterprise-huake-course-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.13rem;
}
.school-enterprise-huake-course-title-text {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #253c78;
  cursor: pointer;
}
.school-enterprise-huake-course-tag {
  margin-right: 0.16rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding: 0.04rem 0.07rem;
  color: #fff;
  background: #5c6fa1;
  border-radius: 0.02rem;
}
.school-enterprise-huake-course-tag.tag--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-huake-course-tag.tag--review {
  background: #a0a6ba;
  color: #fff;
}
.school-enterprise-huake-course-tag.no-tag {
  display: none;
}
.school-enterprise-huake-course-content {
  margin-bottom: 0.32rem;
  width: 100%;
  min-height: 0.72rem;
  text-align: justify;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #5c6fa1;
  opacity: 0.7;
  cursor: pointer;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.school-enterprise-huake-course-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.18rem;
  line-height: 0.32rem;
  opacity: 0.7;
  color: #253c78;
  font-weight: 500;
}
.school-enterprise-huake-course-anchor {
  max-width: 7rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.school-enterprise-huake-course-btn {
  min-width: 1.34rem;
  padding: 0 0.12rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdd172), to(#fdd172));
  background: -o-linear-gradient(bottom, #fdd172, #fdd172);
  background: linear-gradient(0deg, #fdd172, #fdd172);
  border-radius: 0.03rem;
  font-size: 0.16rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.school-enterprise-huake-course-btn.btn--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-huake-course-btn.btn--review {
  background: -webkit-gradient(linear, left bottom, left top, from(#a0a6ba), to(#a0a6ba));
  background: -o-linear-gradient(bottom, #a0a6ba, #a0a6ba);
  background: linear-gradient(0deg, #a0a6ba, #a0a6ba);
  color: #fff;
}
.school-enterprise-huake-course-btn.btn--empty {
  position: absolute;
  right: 0;
  bottom: -0.2rem;
  width: 3.37rem;
  height: 1.09rem;
  background: url("/static/images/activity/school-enterprise/web/empty.png") no-repeat;
  background-size: 3.37rem 1.09rem;
}
.school-enterprise-huake .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.school-enterprise-huake .ant-notification .school-enterprise-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.school-enterprise-huake .ant-notification .school-enterprise-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_error.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-huake .ant-notification .school-enterprise-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.school-enterprise-huake .ant-notification .school-enterprise-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_success.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-huake .ant-notification-notice-close {
  display: none;
}
.school-enterprise-huake .ant-notification-notice-message {
  display: none;
}

.talent-intro-box:first-child {
  padding-top: 90px;
}
.talent-intro-box:first-child .talent-intro-title {
  background-image: url("/static/images/activity/talent/title1.png");
}
.talent-intro-box:first-child .talent-intro-content {
  background-image: url("/static/images/activity/talent/content1.png");
  background-size: 100% auto;
}
.talent-intro-box:nth-child(2) {
  padding-top: 130px;
}
.talent-intro-box:nth-child(2) .talent-intro-title {
  background-image: url("/static/images/activity/talent/title2.png");
}
.talent-intro-box:nth-child(2) .talent-intro-content {
  height: 392px;
  background-image: url("/static/images/activity/talent/content2.png");
  background-size: 100% auto;
}
.talent-intro-box:nth-child(3) {
  padding-top: 140px;
}
.talent-intro-box:nth-child(3) .talent-intro-title {
  background-image: url("/static/images/activity/talent/title3.png");
}
.talent-intro-box:nth-child(3) .talent-intro-content {
  width: 1188px;
  height: 190px;
  margin-top: 60px;
  background-image: url("/static/images/activity/talent/content3.png");
  background-size: 100% auto;
}
.talent-intro-box-4 {
  padding-top: 150px;
}
.talent-intro-box-4 .talent-intro-title {
  background-image: url("/static/images/activity/talent/title4.png");
}
.talent-intro-box-4 .talent-intro-teacher {
  width: 271px;
  height: 313px;
  background-image: url("/static/images/activity/talent/content4.png");
  background-size: 100% 100%;
  padding: 30px 24px;
  margin-right: 34px;
  margin-bottom: 34px;
  font-style: 14px;
  line-height: 170%;
}
.talent-intro-box-4 .talent-intro-teacher:nth-child(4n) {
  margin-right: 0;
}
.talent-intro-box-4 .talent-intro-teacher-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-intro-box-4 .talent-intro-teacher-img {
  width: 72px;
  height: 72px;
  margin-right: 12px;
}
.talent-intro-box-4 .talent-intro-teacher-img > img {
  width: 72px;
  height: 72px;
}
.talent-intro-box-4 .talent-intro-teacher-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #53F5FF;
  margin-bottom: 2px;
}
.talent-intro-box-4 .talent-intro-teacher-word {
  margin-bottom: 30px;
}
.talent-intro-box-4 .talent-intro-teacher-intro {
  text-align: justify;
  line-height: 22px;
}
.talent-intro-box-4 .talent-intro-content {
  height: auto;
  padding-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.talent-intro-box-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 78px auto 0;
  padding-bottom: 120px;
}
.talent-intro-box-5 .talent-intro-left {
  width: 910px;
  height: 270px;
  background-image: url("/static/images/activity/talent/log-entry.png");
  background-size: 100% 100%;
}
.talent-intro-box-5 .talent-intro-right {
  width: 270px;
  height: 270px;
  background: #212D46;
}
.talent-intro-box-5 .talent-intro-right-qcode {
  margin: 40px auto 20px;
  width: 138px;
  height: 138px;
  background-image: url("/static/images/activity/talent/download.png");
  background-size: 100% 100%;
}
.talent-intro-box-5 .talent-intro-right > div {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 1px;
}
.talent-intro-title {
  width: 785px;
  height: 58px;
  margin: 0 auto;
  background-size: 785px 58px;
}
.talent-intro-content {
  width: 1194px;
  height: 396px;
  margin: 0 auto;
  margin-top: 20px;
  background-size: 1194px 396px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.cc-live-page {
  width: 100%;
  height: 100%;
  background: #363636;
  margin: 0 auto;
}
.cc-live-page .cc-live {
  width: 100%;
  height: calc(100% - 40px);
}
.cc-live-page .cc-live iframe {
  width: 100%;
  height: 100%;
}
.cc-live-page .m-cc-live-page {
  width: 7.5rem;
  height: 100%;
}
.cc-live-page .m-cc-live {
  height: calc(100% - 1.4rem);
}
.cc-live-page .cc-live-mobile {
  height: calc(100% - 1.4rem);
}
.cc-live-page .m-cc-live-barrage {
  height: 40px;
  margin: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cc-live-page .m-cc-live-barrage > input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0 8px;
  font-size: 14px;
  background: #666;
  color: #fff;
}
.cc-live-page .m-cc-live-barrage > input:focus {
  outline: 0px;
}
.cc-live-page .m-cc-live-barrage > input::-webkit-input-placeholder {
  color: #ccc;
}
.cc-live-page .m-cc-live-barrage .cc-barrage-send {
  margin-left: 20px;
  line-height: 28px;
  text-align: center;
  padding: 0 20px;
  border-radius: 8px;
  background: #D83B2F;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.cc-live-page .cc-live-barrage {
  margin: 6px 20px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cc-live-page .cc-live-barrage > input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0 8px;
  font-size: 14px;
  background: #666;
  color: #fff;
}
.cc-live-page .cc-live-barrage > input:focus {
  outline: 0px;
}
.cc-live-page .cc-live-barrage > input::-webkit-input-placeholder {
  color: #ccc;
}
.cc-live-page .cc-live-barrage .cc-barrage-send {
  margin-left: 20px;
  line-height: 28px;
  text-align: center;
  padding: 0 20px;
  border-radius: 8px;
  background: #D83B2F;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.cc-live-page .cc-live-barrage-mobile {
  height: 1.4rem;
  margin: 0 0.5rem;
}
.cc-live-page .cc-live-barrage-mobile > a {
  width: 100%;
  height: 100%;
  display: block;
  height: 0.4rem;
  line-height: 1.4rem;
  text-align: center;
  font-size: 0.6rem;
  color: #ccc;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.navigation {
  height: 53px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 20px;
}
.navigation .navigation-text {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 16px;
}
.navigation .navigation-title {
  color: #A1A5B3;
}
.navigation .navigation-link {
  cursor: pointer;
  color: #6A6D7A;
}
.navigation .navigation-link:hover > span {
  color: #D83B2F;
}
.navigation .navigation-link > i {
  margin: 0 12px;
}
.navigation .next-navigations {
  margin: 0 4px;
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course_navBg {
  background-image: url('https://gameacademy.v.netease.com/2019/0326/ba807a0fc387e6b63e46d82b93bd1e9a.png') !important;
}
.master_navBg {
  background-image: url('https://gameacademy.v.netease.com/2019/0326/ae0400dabdce851eecb90b32ef6f310e.png') !important;
}
.course-container {
  width: 100%;
}
.course-container .course-banner {
  position: relative;
  color: #2E2E33;
}
.course-container .course-banner > div {
  width: 1000px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 142px;
  height: 100%;
}
.course-container .course-banner p {
  font-size: 32px;
  height: 45px;
  line-height: 45px;
  margin-bottom: 5px;
}
.course-container .course-banner span {
  font-size: 14px;
  line-height: 20px;
}
.course-container .course-tap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #EEEEF2;
  font-size: 18px;
}
.course-container .course-tap > a {
  display: block;
  margin: 0 26px;
  height: 64px;
  line-height: 78px;
  cursor: pointer;
  color: #2E2E33;
  position: relative;
}
.course-container .course-tap > a img {
  visibility: hidden;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 32px;
}
.course-container .course-tap .div-active {
  color: #D83B2F;
}
.course-container .course-tap .div-active img {
  visibility: visible;
}
.course-container .course-second-taps {
  margin: 24px 0;
}
.course-container .course-second-taps a {
  display: inline-block;
  height: 32px;
  width: 64px;
  line-height: 32px;
  font-size: 14px;
  color: #6A6D7A;
  text-align: center;
  vertical-align: top;
  border-radius: 8px;
  cursor: pointer;
  margin-right: 8px;
}
.course-container .course-second-taps .span-active {
  background: #F5F6F9;
  color: #2E2E33;
}
.course-container .course-list-container {
  width: 100%;
}
.course-container .course-list-container .nshow-nodata {
  text-align: center;
  margin-bottom: 50px;
}
.course-container .course-list-container .nshow-nodata img {
  width: 320px;
  display: block;
  margin: 0 auto;
}
.course-container .course-list-item {
  display: block;
  overflow: hidden;
  margin-bottom: 48px;
  cursor: pointer;
}
.course-container .course-list-item > div {
  float: left;
}
.course-container .course-list-item .item-left {
  width: 260px;
  height: 163px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.course-container .course-list-item .item-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.course-container .course-list-item .item-left div {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url('/static/nshow-image/small@2x.png') no-repeat;
  background-position: center;
  background-size: 48px 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.course-container .course-list-item .item-right {
  margin-left: 24px;
  width: 716px;
  height: 163px;
  border-bottom: 1px solid #f5f5f9;
  position: relative;
}
.course-container .course-list-item .item-right h4 {
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #2E2E33;
}
.course-container .course-list-item .item-right h4 > span {
  padding: 0 8px;
  border-radius: 6px;
  margin-right: 8px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 400;
  vertical-align: top;
  margin-top: 3px;
}
.course-container .course-list-item .item-right h4 .master-span {
  background: #8C7EA8;
}
.course-container .course-list-item .item-right h4 .course-label {
  padding: 0;
  background: transparent;
}
.course-container .course-list-item .item-right div {
  height: 44px;
  width: 100%;
  font-size: 14px;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.course-container .course-list-item .item-right p {
  margin: 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #6A6D7A;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.course-container .course-list-item .item-content {
  color: rgba(0, 0, 0, 0.65);
}
.course-container .course-list-item .item-auther em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #6A6D7A;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 5px;
}
.course-container .course-list-item .item-auther img {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  margin-right: 6px;
  vertical-align: top;
}
.course-container .course-list-item .item-auther > span:nth-of-type(1) {
  margin-right: 12px;
}
.course-container .course-list-item .item-auther > span:nth-of-type(2) {
  margin-right: 16px;
}
.course-container .course-list-item .item-auther > span:nth-of-type(3) {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  padding: 0 5px;
  background: #F5F6F9;
  border-radius: 8px;
  font-size: 14px;
}
.course-container .course-list-item:hover .item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.topic_navBg {
  background-image: url('https://gameacademy.v.netease.com/2019/0326/7ea828b76525a0b0c45772625ac95c69.png') !important;
}
.topic-wrap {
  margin-bottom: 100px;
}
.topic-container {
  width: 100%;
}
.topic-container .topic-banner {
  margin-top: -84px;
  position: relative;
  color: #2E2E33;
}
.topic-container .topic-banner > div {
  width: 1000px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 142px;
  height: 100%;
}
.topic-container .topic-banner p {
  font-size: 32px;
  height: 45px;
  line-height: 45px;
  margin-bottom: 5px;
}
.topic-container .topic-banner span {
  font-size: 14px;
  line-height: 20px;
}
.topic-container .topic-tap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #EEEEF2;
  height: 64px;
  font-size: 18px;
}
.topic-container .topic-tap > a {
  display: block;
  margin: 0 26px;
  height: 63px;
  line-height: 78px;
  cursor: pointer;
  color: #2E2E33;
  position: relative;
}
.topic-container .topic-tap > a img {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 32px;
}
.topic-container .topic-tap .div-active {
  color: #D83B2F;
}
.topic-container .topic-tap .div-active img {
  visibility: visible;
}
.topic-container .topic-second-taps {
  margin: 24px 0;
}
.topic-container .topic-second-taps a {
  display: inline-block;
  height: 32px;
  width: 64px;
  line-height: 32px;
  font-size: 14px;
  color: #6A6D7A;
  text-align: center;
  vertical-align: top;
  border-radius: 8px;
  cursor: pointer;
}
.topic-container .topic-second-taps .span-active {
  background: #F5F6F9;
  color: #2E2E33;
}
.topic-container .topic-list-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.topic-container .nshow-nodata {
  text-align: center;
  margin: 100px 0;
}
.topic-container .topic-list-item {
  margin-bottom: 24px;
  width: 320px;
  height: 288px;
  overflow: hidden;
  cursor: pointer;
}
.topic-container .topic-list-item .item-left {
  width: 320px;
  height: 212px;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.topic-container .topic-list-item .item-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.topic-container .topic-list-item .item-left .item-img {
  height: 200px;
  width: 320px;
  position: absolute;
  top: 12px;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 3;
  border-radius: 8px;
  overflow: hidden;
}
.topic-container .topic-list-item .item-left .item-img div {
  position: absolute;
  right: 16px;
  top: 16px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  background: rgba(46, 46, 51, 0.8);
  border-radius: 6px;
  padding: 0 5px;
}
.topic-container .topic-list-item .item-left .item-background-1 {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(197, 204, 225, 0.16)), to(rgba(161, 165, 179, 0)));
  background-image: -o-linear-gradient(top, rgba(197, 204, 225, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  background-image: linear-gradient(-180deg, rgba(197, 204, 225, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  border-radius: 12px;
  height: 200px;
  width: 280px;
  left: 20px;
  top: 0;
  z-index: 1;
}
.topic-container .topic-list-item .item-left .item-background-2 {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(140, 149, 177, 0.16)), to(rgba(161, 165, 179, 0)));
  background-image: -o-linear-gradient(top, rgba(140, 149, 177, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  background-image: linear-gradient(-180deg, rgba(140, 149, 177, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  border-radius: 12px;
  height: 200px;
  width: 300px;
  left: 10px;
  top: 6px;
  z-index: 2;
}
.topic-container .topic-list-item h4 {
  line-height: 32px;
  font-size: 18px;
  font-weight: 700;
  color: #2E2E33;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.topic-container .topic-list-item h4 span {
  padding: 4px 8px;
  border-radius: 6px;
  margin-right: 8px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  font-weight: 400;
}
.topic-container .topic-list-item:hover .item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.swiper-banner {
  width: 100%;
  margin-top: 16px;
}
.banner-slider-box {
  width: 100%;
  height: 400px;
}
.banner-slider-box .swiper-slide {
  padding: 0;
  width: 100%;
  border-radius: 12px;
}
.banner-item {
  width: 1240px;
  height: 400px;
  border-radius: 12px;
  overflow: hidden;
  display: block;
}
.banner-item img {
  width: 1240px;
  height: 400px;
  border-radius: 12px;
}

@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before,
.image-gallery-left-nav::before,
.image-gallery-right-nav::before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.image-gallery.fullscreen-modal {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.image-gallery.fullscreen-modal .image-gallery-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0;
}
.image-gallery-content.fullscreen {
  background: #000;
}
.image-gallery-content.fullscreen .image-gallery-slide {
  background: #000;
}
.image-gallery-slide-wrapper {
  position: relative;
}
.image-gallery-slide-wrapper.left,
.image-gallery-slide-wrapper.right {
  display: inline-block;
  width: calc(100% - 113px);
}
@media (max-width: 768px) {
  .image-gallery-slide-wrapper.left,
  .image-gallery-slide-wrapper.right {
    width: calc(100% - 84px);
  }
}
.image-gallery-slide-wrapper.image-gallery-rtl {
  direction: rtl;
}
.image-gallery-fullscreen-button,
.image-gallery-play-button,
.image-gallery-left-nav,
.image-gallery-right-nav {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4;
}
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before,
.image-gallery-left-nav::before,
.image-gallery-right-nav::before {
  color: #fff;
  line-height: 0.7;
  text-shadow: 0 2px 2px #1a1a1a;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before,
.image-gallery-left-nav:hover::before,
.image-gallery-right-nav:hover::before {
  color: #337ab7;
}
@media (max-width: 768px) {
  .image-gallery-fullscreen-button:hover::before,
  .image-gallery-play-button:hover::before,
  .image-gallery-left-nav:hover::before,
  .image-gallery-right-nav:hover::before {
    color: #fff;
  }
}
.image-gallery-fullscreen-button,
.image-gallery-play-button {
  bottom: 0;
}
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before {
  font-size: 2.7em;
  padding: 15px 20px;
  text-shadow: 0 1px 1px #1a1a1a;
}
@media (max-width: 768px) {
  .image-gallery-fullscreen-button::before,
  .image-gallery-play-button::before {
    font-size: 2.4em;
  }
}
@media (max-width: 480px) {
  .image-gallery-fullscreen-button::before,
  .image-gallery-play-button::before {
    font-size: 2em;
  }
}
.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before {
  color: #fff;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 768px) {
  .image-gallery-fullscreen-button:hover::before,
  .image-gallery-play-button:hover::before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.image-gallery-fullscreen-button {
  right: 0;
}
.image-gallery-fullscreen-button::before {
  content: "\F386";
}
.image-gallery-fullscreen-button.active::before {
  content: "\F37D";
}
.image-gallery-fullscreen-button.active:hover::before {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.image-gallery-play-button {
  left: 0;
}
.image-gallery-play-button::before {
  content: "\F488";
}
.image-gallery-play-button.active::before {
  content: "\F478";
}
.image-gallery-left-nav,
.image-gallery-right-nav {
  color: #fff;
  font-size: 5em;
  padding: 50px 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.image-gallery-left-nav[disabled],
.image-gallery-right-nav[disabled] {
  cursor: disabled;
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 768px) {
  .image-gallery-left-nav,
  .image-gallery-right-nav {
    font-size: 3.4em;
    padding: 20px 15px;
  }
}
@media (max-width: 480px) {
  .image-gallery-left-nav,
  .image-gallery-right-nav {
    font-size: 2.4em;
    padding: 0 15px;
  }
}
.image-gallery-left-nav {
  left: 0;
}
.image-gallery-left-nav::before {
  content: "\F3D2";
}
.image-gallery-right-nav {
  right: 0;
}
.image-gallery-right-nav::before {
  content: "\F3D3";
}
.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.image-gallery-slide {
  background: #fff;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.image-gallery-slide.center {
  position: relative;
}
.image-gallery-slide img {
  width: 100%;
}
.image-gallery-slide .image-gallery-description {
  background: rgba(0, 0, 0, 0.4);
  bottom: 70px;
  color: #fff;
  left: 0;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  white-space: normal;
}
@media (max-width: 768px) {
  .image-gallery-slide .image-gallery-description {
    bottom: 45px;
    font-size: 0.8em;
    padding: 8px 15px;
  }
}
.image-gallery-bullets {
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 80%;
  z-index: 4;
}
.image-gallery-bullets .image-gallery-bullets-container {
  margin: 0;
  padding: 0;
  text-align: center;
}
.image-gallery-bullets .image-gallery-bullet {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 #1a1a1a;
          box-shadow: 0 1px 0 #1a1a1a;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  outline: none;
  padding: 5px;
}
@media (max-width: 768px) {
  .image-gallery-bullets .image-gallery-bullet {
    margin: 0 3px;
    padding: 3px;
  }
}
@media (max-width: 480px) {
  .image-gallery-bullets .image-gallery-bullet {
    padding: 2.7px;
  }
}
.image-gallery-bullets .image-gallery-bullet.active {
  background: #fff;
}
.image-gallery-thumbnails-wrapper {
  position: relative;
}
.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
  direction: rtl;
}
.image-gallery-thumbnails-wrapper.left,
.image-gallery-thumbnails-wrapper.right {
  display: inline-block;
  vertical-align: top;
  width: 108px;
}
@media (max-width: 768px) {
  .image-gallery-thumbnails-wrapper.left,
  .image-gallery-thumbnails-wrapper.right {
    width: 81px;
  }
}
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,
.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
  height: 100%;
  width: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,
.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
  display: block;
  margin-right: 0;
  padding: 0;
}
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail,
.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
  margin-left: 0;
}
.image-gallery-thumbnails-wrapper.left {
  margin-right: 5px;
}
@media (max-width: 768px) {
  .image-gallery-thumbnails-wrapper.left {
    margin-right: 3px;
  }
}
.image-gallery-thumbnails-wrapper.right {
  margin-left: 5px;
}
@media (max-width: 768px) {
  .image-gallery-thumbnails-wrapper.right {
    margin-left: 3px;
  }
}
.image-gallery-thumbnails {
  overflow: hidden;
  padding: 5px 0;
}
@media (max-width: 768px) {
  .image-gallery-thumbnails {
    padding: 3px 0;
  }
}
.image-gallery-thumbnails .image-gallery-thumbnails-container {
  cursor: pointer;
  text-align: center;
  -webkit-transition: -webkit-transform 0.45s ease-out;
  transition: -webkit-transform 0.45s ease-out;
  -o-transition: transform 0.45s ease-out;
  transition: transform 0.45s ease-out;
  transition: transform 0.45s ease-out, -webkit-transform 0.45s ease-out;
  white-space: nowrap;
}
.image-gallery-thumbnail {
  display: inline-block;
  border: 4px solid transparent;
  -webkit-transition: border 0.3s ease-out;
  -o-transition: border 0.3s ease-out;
  transition: border 0.3s ease-out;
  width: 100px;
}
@media (max-width: 768px) {
  .image-gallery-thumbnail {
    border: 3px solid transparent;
    width: 75px;
  }
}
.image-gallery-thumbnail + .image-gallery-thumbnail {
  margin-left: 2px;
}
.image-gallery-thumbnail .image-gallery-thumbnail-inner {
  position: relative;
}
.image-gallery-thumbnail img {
  vertical-align: middle;
  width: 100%;
}
.image-gallery-thumbnail.active {
  border: 4px solid #337ab7;
}
@media (max-width: 768px) {
  .image-gallery-thumbnail.active {
    border: 3px solid #337ab7;
  }
}
.image-gallery-thumbnail-label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  font-size: 1em;
  left: 0;
  line-height: 1em;
  padding: 5%;
  position: absolute;
  top: 50%;
  text-shadow: 1px 1px 0 black;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: normal;
  width: 100%;
}
@media (max-width: 768px) {
  .image-gallery-thumbnail-label {
    font-size: 0.8em;
    line-height: 0.8em;
  }
}
.image-gallery-index {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
@media (max-width: 768px) {
  .image-gallery-index {
    font-size: 0.8em;
    padding: 5px 10px;
  }
}

.index-bg {
  background: url('/static/images/index/index_bg.png') no-repeat;
  background-size: contain;
  background-position: top;
  overflow: hidden;
}
.nav-banner-box {
  width: 100vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-container {
  width: 100%;
}
.image-gallery {
  width: 100vw;
  position: relative;
}
.image-gallery .image-gallery-content {
  width: 1240px;
  margin: 0 auto;
  position: static;
}
.image-gallery .image-gallery-slides {
  border-radius: 10px;
}
.image-gallery .image-gallery-left-nav {
  width: 80px;
  height: 80px;
  padding: 0;
  left: -110px;
  font-size: 40px;
}
.image-gallery .image-gallery-slide-wrapper {
  position: static;
}
.image-gallery .image-gallery-left-nav:hover:before {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 3px #f7f7f7, -2px 2px 3px #f7f7f7, 2px -2px 3px #f7f7f7, -2px -2px 3px #f7f7f7;
          box-shadow: 2px 2px 3px #f7f7f7, -2px 2px 3px #f7f7f7, 2px -2px 3px #f7f7f7, -2px -2px 3px #f7f7f7;
  border-radius: 50%;
  color: #D83B2F;
}
.image-gallery .image-gallery-right-nav {
  width: 80px;
  height: 80px;
  right: -110px;
  padding: 0;
  font-size: 40px;
}
.image-gallery .image-gallery-right-nav:hover:before {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 3px #f7f7f7, -2px 2px 3px #f7f7f7, 2px -2px 3px #f7f7f7, -2px -2px 3px #f7f7f7;
          box-shadow: 2px 2px 3px #f7f7f7, -2px 2px 3px #f7f7f7, 2px -2px 3px #f7f7f7, -2px -2px 3px #f7f7f7;
  border-radius: 50%;
  color: #D83B2F;
}
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before,
.image-gallery-left-nav::before,
.image-gallery-right-nav::before {
  color: #2E2E33;
  line-height: 0.7;
  text-shadow: none;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.categories-list.resource-list {
  text-align: center;
}
.categories-list.resource-list .title {
  font-size: 32px;
  color: #2e2e33;
  position: relative;
  padding: 50px 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.categories-list.resource-list .title .title-more {
  margin-left: 12px;
  font-size: 12px;
  color: #2e2e33;
  margin-bottom: 4px;
}
.categories-list.resource-list .title .title-more:hover {
  color: #D83B2F;
}
.categories-list.resource-list .title .more {
  position: absolute;
  top: 45px;
  margin-left: 10px;
}
.categories-list.resource-list .categories-nav .category-item {
  display: inline-block;
  padding: 3px 20px 20px;
  cursor: pointer;
  position: relative;
  color: #2E2E33;
  font-size: 16px;
}
.categories-list.resource-list .categories-nav .category-item.active {
  color: #D83B2F;
}
.categories-list.resource-list .categories-nav .category-item:not(:last-child)::after {
  content: "/";
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  display: inline-block;
  color: #e0e0e0;
  position: absolute;
  right: -4px;
}
.categories-list.resource-list .categories-nav .category-item:hover {
  color: #D83B2F;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
ul,
li {
  list-style: none;
}
.slider_box {
  width: 100%;
  position: relative;
  height: 100%;
}
.wrapper {
  width: 1240px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -620px;
  border-radius: 12px;
}
.sliders {
  position: absolute;
  -webkit-transition: left 0.5s ease-out;
  -o-transition: left 0.5s ease-out;
  transition: left 0.5s ease-out;
}
.slider {
  float: left;
}
.slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.arrow {
  position: absolute;
  width: 80px;
  height: 108px;
  top: 50%;
  margin-top: -60px;
  cursor: pointer;
  -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
  -o-transition: left 0.3s ease-out, right 0.3s ease-out;
  transition: left 0.3s ease-out, right 0.3s ease-out;
}
.arrow-left {
  background: url('/static/images/index/left-arrow.png') no-repeat;
  background-size: 320px 108px;
  background-position: -80px 0;
  left: -80px;
}
.arrow-right {
  background: url('/static/images/index/right-arrow.png') no-repeat;
  background-size: 320px 108px;
  right: -80px;
  background-position: -80px 0;
}
.arrow-disabled {
  background-position: 0 0;
}
.arrow-left:hover {
  background-position: -160px 0;
}
.arrow-right:hover {
  background-position: -160px 0;
}
.arrow-left:active {
  background-position: -240px 0;
}
.arrow-right:active {
  background-position: -240px 0;
}
.slider_box:hover .arrow-left {
  left: 0;
}
.slider_box:hover .arrow-right {
  right: 0;
}
.dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 3px;
  background-color: #ccc;
}
.dot.active {
  background-color: deepskyblue;
}

.swiper-slide {
  padding: 10px;
  width: 100%;
}
.schoolNews_news_title {
  -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
          transform: translateX(30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modular {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  background: rgba(255, 255, 255, 0);
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modular .modular-list {
  width: 100%;
  margin: 0 auto;
}
.modular .modular-list .modular-image-box {
  overflow: hidden;
  border-radius: 8px;
  height: 166px;
  position: relative;
}
.modular .modular-list .modular-image-box .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modular .modular-list h2 {
  text-align: left;
  line-height: 26px;
  margin-top: 12px;
  color: #2E2E33;
  font-size: 16px;
  font-weight: bold;
  height: 52px;
  padding: 0;
  color: #2e2e33;
  margin-bottom: 6px;
}
.modular .modular-list p {
  font-size: 14px;
  color: #9296A3;
  line-height: 22px;
  margin-top: 4px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.modular .modular-list .slide-news-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9296A3;
  font-size: 14px;
  line-height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modular .modular-list .slide-news-time img {
  width: 18px;
  height: 18px;
  margin: 0px;
  margin: 0px 4px 0 0;
}
.title-more {
  margin-left: 12px;
  font-size: 12px;
  color: #333333;
}
.title-more .more_arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/static/images/rightArrow.png') no-repeat;
  background-size: 24px 13px;
  background-position: 0 1px;
  margin-top: 4px;
}
.title-more:hover {
  color: #D83B2F;
}
.title-more:hover .more_arrow {
  background-position: -12px 1px;
}
.schoolNews-slider-box {
  width: 100%;
  height: 310px;
  padding-bottom: 70px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.modular:hover {
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
  opacity: 1;
}
.modular:hover .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.swiper-news:hover .swiper-news-prev {
  left: 0px;
}
.swiper-news:hover .swiper-news-next {
  right: 0px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity_bg {
  background: #fcfcfd;
}
.activity-slider-box {
  width: 100%;
  height: 325px;
  padding-bottom: 65px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.swiper-slide-activity {
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.swiper-slide-activity .modular {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  background: rgba(255, 255, 255, 0);
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.swiper-slide-activity .modular .modular-list {
  width: 100%;
  margin: 0 auto;
}
.swiper-slide-activity .modular .modular-list .modular-image-box {
  overflow: hidden;
  border-radius: 8px;
  height: 166px;
  position: relative;
}
.swiper-slide-activity .modular .modular-list .modular-image-box .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.swiper-slide-activity .modular .modular-list .modular-image-box .status {
  width: 48px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.swiper-slide-activity .modular .modular-list h2 {
  text-align: left;
  line-height: 26px;
  margin-top: 12px;
  color: #2E2E33;
  font-size: 16px;
  height: 26px;
  font-weight: bold;
  cursor: pointer;
}
.swiper-slide-activity .modular .modular-list p {
  font-size: 14px;
  color: #9296A3;
  line-height: 22px;
  margin-top: 4px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.swiper-slide-activity .modular .modular-list .slide-news-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9296A3;
  font-size: 14px;
  line-height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.swiper-slide-activity .modular .modular-list .slide-news-time img {
  width: 18px;
  height: 18px;
  margin: 0 2px;
}
.swiper-slide-activity .modular .time_addr {
  line-height: 28px;
  padding-left: 22px;
  text-align: left;
  color: #6a6a7d;
  white-space: nowrap;
}
.swiper-slide-activity .modular .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.swiper-slide-activity .modular .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.swiper-slide-activity .more {
  font-size: 12px;
  padding: 0 0 0 12px;
  line-height: 24px;
}
.swiper-slide-activity .more > a {
  color: #2e2e33;
}
.swiper-slide-activity .more .more_arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/static/images/rightArrow.png') no-repeat;
  background-size: 24px 14px;
  background-position: 0 1px;
  margin-top: 4px;
}
.swiper-slide-activity .more:hover {
  font-size: 12px;
  padding: 0 0 0 12px;
}
.swiper-slide-activity .more:hover > a {
  color: #d83b2f;
}
.swiper-slide-activity .more:hover .more_arrow {
  background-position: -12px 1px;
}
.modular:hover {
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
  opacity: 1;
}
.modular:hover .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.fontSize {
  color: #3e3e3e;
  padding-left: 5px;
}

.recommend-slider-box {
  width: 100%;
  height: 290px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-bottom: 70px;
}
.modular_recommend {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  background: rgba(255, 255, 255, 0);
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modular_recommend .modular-list {
  width: 100%;
  margin: 0 auto;
}
.modular_recommend .modular-list .modular-image-box {
  overflow: hidden;
  border-radius: 8px;
  height: 166px;
  position: relative;
}
.modular_recommend .modular-list .modular-image-box .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modular_recommend .modular-list h2 {
  text-align: left;
  line-height: 26px;
  height: 26px;
  margin-top: 12px;
  color: #2E2E33;
  font-size: 16px;
  font-weight: bold;
}
.modular_recommend .modular-list p {
  font-size: 14px;
  color: #9296A3;
  line-height: 22px;
  margin-top: 4px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.modular_recommend .modular-list .slide-news-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9296A3;
  font-size: 14px;
  line-height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modular_recommend .modular-list .slide-news-time img {
  width: 18px;
  height: 18px;
  margin: 0 2px;
}
.modular_recommend:hover {
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
  opacity: 1;
}
.modular_recommend:hover .videoBG {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url(/static/nshow-image/small@2x.png) no-repeat;
  background-position: center;
  background-size: 48px 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.modular_recommend:hover .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.time_addr {
  line-height: 28px;
  padding-left: 22px;
  text-align: left;
  color: #6a6a7d;
}
.time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.fontSize {
  color: #3e3e3e;
  padding-left: 5px;
}
.more {
  font-size: 12px;
  padding: 0 0 0 12px;
  line-height: 24px;
}
.more > a {
  color: #2e2e33;
}
.more .more_arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/static/images/rightArrow.png') no-repeat;
  background-size: 24px 14px;
  background-position: 0 1px;
  margin-top: 4px;
}
.more:hover {
  font-size: 12px;
  padding: 0 0 0 12px;
}
.more:hover > a {
  color: #d83b2f;
}
.more:hover .more_arrow {
  background-position: -12px 1px;
}
.swiper-recommend:hover .swiper-recommend-prev {
  background-position: 160 0;
  left: 0px;
}
.swiper-recommend:hover .swiper-recommend-next {
  background-position: 160 0;
  right: 0px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.message {
  width: 1000px;
  margin: 0 auto;
  margin-top: 32px;
  min-height: 498px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.message-left {
  width: 150px;
}
.message-left ul {
  width: 100%;
  border-left: 1px solid #F5F5F9;
}
.message-left ul li {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  position: relative;
  cursor: pointer;
}
.message-left ul li .unreadCount {
  display: inline-block;
  height: 12px;
  font-size: 11px;
  color: #fff;
  background: #D83B2F;
  margin-left: 8px;
  line-height: 12px;
  border-radius: 4px;
  text-align: center;
}
.message-left ul li .unreadCount span {
  display: block;
  font-size: 12px;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
.message-left ul .message-icon {
  background: url('/static/images/Group@2x.png') no-repeat;
  background-size: 32px 5px;
  display: inline-block;
  width: 32px;
  height: 5px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  left: -14px;
  top: 21px;
}
.message-left ul .selected {
  color: #D83B2F;
}
.message-right {
  width: 850px;
  margin-bottom: 20px;
}
.message-right .collectionItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 113px;
  margin-bottom: 32px;
  width: 100%;
}
.message-right .Item-detail-title {
  margin-top: 0;
  font-weight: 600;
  max-width: 85%;
  display: inline-block;
  vertical-align: top;
}
.message-right .Item-detail .item-time {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
  margin-left: 10px;
  font-weight: 600;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.Item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
  cursor: pointer;
}
.Item-logo {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.Item-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.Item-logo .subject_courseNum {
  background: #6A6D7A;
  border-radius: 8px 0 8px 0;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 8px;
}
.Item-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #f5f5f9;
}
.Item-detail-intro {
  height: 42px;
  font-size: 14px;
  color: #6A6D7A;
  margin-top: 5px;
}
.Item-detail-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e33;
  font-weight: 600;
}
.Item-detail-title .item-time {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
  margin-left: 10px;
}
.Item-detail-news {
  color: #6A6D7A;
  font-size: 14px;
  position: absolute;
  bottom: 8px;
}
.Item-detail-news span {
  margin-right: 10px;
}
.Item-detail-address {
  width: 100%;
  height: 30px;
  padding: 4px;
  margin-top: 8px;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Item-detail-address .Item-addr_time {
  padding-left: 25px;
  color: #2e2e33;
  margin-right: 18px;
}
.Item-detail-address .Item-addr_time span {
  color: #6A6D7A;
  margin-right: 4px;
}
.Item-detail-address .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.Item-detail-address .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.Item-detail-progress {
  font-size: 14px;
  color: #6A6D7A;
}
.Item .marginTop {
  margin-top: 48px;
}
.Item:hover .Item-logo img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.listItem {
  width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
  cursor: pointer;
}
.listItem-logo {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.listItem-logo img {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.listItem-logo .status {
  width: 48px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.listItem-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.listItem-detail-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e33;
  margin-top: 8px;
  font-weight: bold;
}
.listItem-detail-title .item-time {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
  margin-left: 10px;
}
.listItem-detail-title div {
  width: 46px;
  height: 24px;
  border-radius: 8px;
  padding-right: 8px;
  display: inline-block;
}
.listItem-detail-title div img {
  width: 100%;
}
.listItem-detail-intro {
  width: 100%;
  height: 52px;
  padding: 4px;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 22px;
}
.listItem-detail .item-auther {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.listItem .time-addr-container {
  height: 30px;
  line-height: 30px;
}
.listItem .time_addr {
  display: inline-block;
  height: 30px;
  vertical-align: top;
  line-height: 30px;
  padding-left: 22px;
  text-align: left;
  color: #6a6a7d;
  font-size: 14px;
}
.listItem .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
  margin-right: 24px;
}
.listItem .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.listItem .fontSize {
  font-size: 14px;
  color: #3e3e3e;
  padding-left: 5px;
}
.listItem:hover .listItem-logo {
  overflow: hidden;
}
.listItem:hover .listItem-logo img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment {
  width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
}
.comment-logo {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  margin-right: 16px;
}
.comment-logo img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.comment-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.comment-detail-title {
  font-size: 14px;
  line-height: 24px;
  color: #6A6D7A;
}
.comment-detail-title > span:nth-of-type(2) {
  color: #A1A5B3;
}
.comment-detail-intro {
  width: 100%;
  height: 52px;
  font-size: 16px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 26px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-detail .comment_article {
  padding: 12px 16px;
  background: #f9f9Fc;
  border-radius: 8px;
  color: #6A6D7A;
  font-size: 14px;
}
.comment-detail .comment_article p {
  margin-top: 8px;
  margin-bottom: 0px;
}
.comment-detail .comment_article .resourceTitle {
  text-align: right;
}
.comment-detail .comment_article .resourceTitle a {
  color: #4A90E2;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.remind {
  width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
}
.remind-logo {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  margin-right: 16px;
}
.remind-logo img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.remind-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.remind-detail-title {
  font-size: 14px;
  line-height: 24px;
  color: #6A6D7A;
}
.remind-detail-title span {
  margin-right: 10px;
}
.remind-detail-intro {
  width: 100%;
  padding: 4px 0px;
  font-size: 16px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 22px;
}
.remind-detail .comment_article {
  font-size: 14px;
}
.remind-detail .comment_article > a {
  color: #4A90E2;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.easeplan {
  width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  padding: 22px 0px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #F5F5F9;
  font-size: 14px;
}
.easeplan-type {
  width: 60px;
  position: relative;
  margin-right: 24px;
}
.easeplan-type span {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  right: -2px;
  top: -2px;
  background: #D83B2F;
}
.easeplan-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.easeplan-content > span,
.easeplan-content > a {
  color: #646464;
  cursor: pointer;
}
.easeplan-content > span:hover,
.easeplan-content > a:hover {
  color: #4A90E2;
}
.easeplan-time {
  text-align: right;
}

.newcommer {
  width: 100%;
  background: #22253E;
  padding-bottom: 120px;
  min-width: 1000px;
}
.newcommer__banner {
  width: 100%;
  height: calc(1282 / 1504 * 100vw);
  background: url('/static/images/activity/newcomer-training/web/bg.png') no-repeat;
  background-size: 100% 100%;
}
.newcommer__board {
  margin: calc(-680 / 1504 * 100vw) auto 110px;
  padding: 48px 110px 56px;
  width: 1000px;
  background: url('/static/images/activity/newcomer-training/web/block-bg.png') no-repeat;
  background-size: 100% 100%;
}
.newcommer__board::before {
  margin: 0 auto 40px;
  display: block;
  content: '';
  width: 222px;
  height: 73px;
  background: url('/static/images/activity/newcomer-training/web/title-1.png') no-repeat;
  background-size: 222px 73px;
}
.newcommer__board > p {
  margin: 0;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 32px;
}
.newcommer__title {
  width: 378px;
  height: 73px;
  margin: 0 auto;
  background: url('/static/images/activity/newcomer-training/web/title-2.png') no-repeat;
  background-size: 378px 73px;
}
.newcommer__block {
  margin: 40px auto;
  padding: 18px 0;
  width: 1000px;
  background: url('/static/images/activity/newcomer-training/bg-top.png') no-repeat top, url('/static/images/activity/newcomer-training/bg-bottom.png') no-repeat bottom;
  background-size: 100% auto;
}
.newcommer__block-bg {
  background: url('/static/images/activity/newcomer-training/bg-center.png');
  background-size: 100% auto;
  padding: 12px 30px;
}
.newcommer__block-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.newcommer__block-top-img {
  width: 260px;
  height: 163px;
}
.newcommer__block-top-img > img {
  width: 100%;
  height: 100%;
}
.newcommer__block-top-right {
  width: 657px;
  margin-left: 24px;
}
.newcommer__block-top-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.newcommer__block-tag {
  width: 68px;
  height: 22px;
  margin-right: 14px;
  background-image: -o-linear-gradient(315deg, #FE8B67 0%, #FB5D5B 100%);
  background-image: linear-gradient(135deg, #FE8B67 0%, #FB5D5B 100%);
  border-radius: 1px;
  padding: 3px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  position: absolute;
  left: 12px;
  top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newcommer__block-tag.notice {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#54BEFF), to(#38A1F2));
  background-image: -o-linear-gradient(left, #54BEFF 0%, #38A1F2 100%);
  background-image: linear-gradient(90deg, #54BEFF 0%, #38A1F2 100%);
}
.newcommer__block-tag.live-gif::before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/static/images/activity/newcomer-training/live_gif.gif') no-repeat;
  background-size: 16px 16px;
  background-position: 6px auto;
  position: absolute;
  left: 3px;
  top: 3px;
}
.newcommer__block-title {
  width: 550px;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 24px;
}
.newcommer__block-content {
  margin-bottom: 7px;
  font-size: 14px;
  color: #8E92A3;
  letter-spacing: 0;
  line-height: 22px;
  height: 88px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.newcommer__block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newcommer__block-info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newcommer__block-author {
  margin-right: 24px;
  width: 240px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 24px;
}
.newcommer__block-time {
  margin-right: 30px;
  width: 250px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 24px;
}
.newcommer__block-entry {
  width: 106px;
  height: 36px;
  text-align: center;
  background: #6AE7FD;
  border-radius: 4px;
  font-size: 16px;
  color: #1D2036;
  line-height: 36px;
  cursor: pointer;
}
.newcommer__block-table {
  margin-top: 24px;
}
.newcommer__block-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  margin-bottom: 16px;
}
.newcommer__block-table-time {
  width: 258px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  background: #252B48;
}
.newcommer__block-table-content {
  margin-left: 6px;
}
.newcommer__block-table-content-item {
  height: 48px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 6px;
  width: 676px;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #252B48;
  padding-left: 110px;
}
.newcommer__block-table-content-item:last-child {
  margin-bottom: 0;
}
.newcommer__block-table-content-1 {
  width: 90px;
  margin-right: 90px;
}
.newcommer__block-table-content-2 {
  width: 118px;
  margin-right: 10px;
}
.newcommer__block-table-content-3 {
  width: 260px;
}
.newcommer__learned-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}
.newcommer__learned-title:before,
.newcommer__learned-title:after {
  display: block;
  margin: 0 10px;
  content: '';
  width: 10px;
  height: 3px;
  background: #6AE7FD;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.nshow_navBg {
  background-image: url('https://crazynote.v.netease.com/2021/1104/4133bd7a436827d47de734e9393caa72.png') !important;
  background-size: 1920px 367px !important;
}
.Nshow-container {
  width: 100%;
}
.Nshow-container .nshow-tap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 18px;
  border-bottom: 1px solid #EEEEF2;
}
.Nshow-container .nshow-tap > a {
  display: block;
  margin: 0 26px;
  line-height: 78px;
  cursor: pointer;
  color: #2E2E33;
  position: relative;
}
.Nshow-container .nshow-tap > a img {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 32px;
}
.Nshow-container .nshow-tap .div-active {
  color: #D83B2F;
}
.Nshow-container .nshow-tap .div-active img {
  visibility: visible;
}
.Nshow-container .nshow-list-container {
  width: 100%;
}
.Nshow-container .nshow-list-container .nshow-nodata {
  text-align: center;
  margin: 50px 0;
}
.Nshow-container .nshow-second-taps {
  margin-bottom: 26px;
}
.Nshow-container .nshow-second-taps a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 14px;
  margin-top: 24px;
  margin-right: 28px;
  color: #6A6D7A;
  cursor: pointer;
}
.Nshow-container .nshow-second-taps .span-active {
  background: #F5F6F9;
  color: #2E2E33;
}
.Nshow-container .nshow-list-item {
  display: block;
  overflow: hidden;
  margin-bottom: 48px;
  cursor: pointer;
}
.Nshow-container .nshow-list-item > div {
  float: left;
}
.Nshow-container .nshow-list-item .item-left {
  width: 260px;
  height: 163px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.Nshow-container .nshow-list-item .item-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.Nshow-container .nshow-list-item .item-left div {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url('/static/nshow-image/small@2x.png') no-repeat;
  background-size: 48px 48px;
  background-position: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.Nshow-container .nshow-list-item .item-right {
  margin-left: 24px;
  width: 716px;
  height: 163px;
  border-bottom: 1px solid #f5f5f9;
}
.Nshow-container .nshow-list-item .item-right h4 {
  line-height: 24px;
  font-size: 18px;
  margin: 0px 0 10px;
  font-weight: bold;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.Nshow-container .nshow-list-item .item-right div {
  height: 94px;
  width: 100%;
  font-size: 14px;
}
.Nshow-container .nshow-list-item .item-right p {
  margin: 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #6A6D7A;
}
.Nshow-container .nshow-list-item .item-content {
  color: rgba(0, 0, 0, 0.65);
}
.Nshow-container .nshow-list-item .item-auther img {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  margin-right: 6px;
  vertical-align: top;
}
.Nshow-container .nshow-list-item .item-auther > span:nth-of-type(1) {
  margin-right: 6px;
}
.Nshow-container .nshow-list-item .item-auther > span:nth-of-type(2) {
  margin-right: 12px;
}
.Nshow-container .nshow-list-item .item-auther > span:nth-of-type(3) {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  padding: 0 8px;
  background: #F5F6F9;
  border-radius: 8px;
  font-size: 14px;
}
.Nshow-container .nshow-list-item:hover .item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.news-list {
  width: 1000px;
  margin: 40px auto 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px;
}
.news-list .news-item {
  width: 480px;
  height: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
.news-list .news-item-left {
  width: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-list .news-item-title {
  width: 200px;
  height: 84px;
  font-size: 18px;
  display: inline-block;
  overflow: hidden;
}
.news-list .news-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 15px;
}
.news-list .news-item-info-span {
  margin-right: 10px;
  width: 84px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.news-list .news-item-right {
  width: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-list .news-item-right img {
  width: 240px;
  height: 310px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list .news-item-slide {
  width: 240px;
  height: 155px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 0px;
  position: relative;
  color: #fff;
}
.news-list .news-item-slide-top {
  background: url("/static/images/schoolNews/box2bg4.jpg") no-repeat;
}
.news-list .news-item-slide-bottom {
  background: #cbb8b3;
}
.news-list .news-item-slide-bottom .schoolNews_video {
  display: block;
  overflow: hidden;
}
.news-list .news-item-btn {
  display: inline-block;
  position: absolute;
  right: 10px;
  bottom: 6px;
  display: block;
  height: 26px;
  overflow: hidden;
  padding: 0 10px;
  background: #734338;
  line-height: 26px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.news-list .news-item-detail {
  height: 105px;
  display: inline-block;
  overflow: hidden;
  color: #3e3e3e;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.news-list .news-item:nth-child(2n-1) {
  margin-right: 40px;
  margin-bottom: 40px;
}
.news-list .news-item:nth-child(2n) {
  margin-right: 0px;
  margin-bottom: 40px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.schoolNews_navBg {
  background-image: url('https://crazynote.v.netease.com/2021/1104/5a9066234e86d69621bf8013a0a9edee.png') !important;
}
.main-container {
  margin-top: 30px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
* {
  margin: 0;
  padding: 0;
}
.next-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 84px;
  min-width: 1200px;
}
.next-container body,
.next-container html {
  font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
  font-size: 16px;
}
.next-container ul,
.next-container li {
  list-style: none;
}
.next-container a {
  text-decoration: none;
}
.next-container a:hover {
  cursor: pointer;
  color: #D83B2F;
}
.next-container img {
  vertical-align: middle;
  border-style: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-container .ml-12 {
  margin-left: 16px;
}
.next-container .ml-6 {
  margin-left: 8px;
}
.next-container .selectColor {
  color: #D83B2F !important;
}
.next-container .nav-banner {
  width: 100%;
  margin: 0 auto;
  height: 220px;
}
.next-container .nav-banner img {
  width: 100%;
}
.next-container .tips-line {
  width: 100%;
  height: 1px;
  background: #F5F6F9;
  margin: 24px auto;
  display: block;
}
.next-container .main-container {
  width: 1000px;
  margin: 0 auto;
}
.next-container .ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.next-container .pageNull {
  width: 100%;
  font-size: 16px;
  color: #888;
  margin: 50px auto 180px;
  display: block;
  text-align: center;
}
.next-container .pageNull img {
  width: 320px;
  height: 200px;
  margin: 0 auto;
}
.next-container .pageNull p {
  text-align: center;
  font-size: 16px;
  color: #A1A5B3;
  margin-top: 24px;
  margin-bottom: 60px;
}
.next-container .noMore {
  width: 100%;
  text-align: center;
  color: #8a8a99;
}
.next-container .cursor {
  cursor: pointer;
}
.next-container .error {
  color: #D83B2F;
}
.next-container .success {
  color: #00B24A;
}
.next-container .label {
  border-radius: 6px !important;
  min-width: 46px;
  color: #fff;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  text-align: center;
  padding-right: 0;
  padding: 0 8px;
  display: inline-block;
}
.next-container .videoBG {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url(/static/nshow-image/small@2x.png) no-repeat;
  background-position: center;
  background-size: 48px 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 9;
}
.next-container .selected_btn {
  font-size: 18px;
  background-image: -o-linear-gradient(322deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  background-image: linear-gradient(128deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  border-radius: 8px;
  color: #fff;
  text-align: center;
}
.next-container .nav-banner {
  height: 364px;
  margin-top: -84px;
  background: #fbfbfc;
  position: relative;
  -webkit-animation: enterMove 0.6s ease-out alternate forwards;
          animation: enterMove 0.6s ease-out alternate forwards;
  background-size: 1920px 364px;
  background-position: top;
}
.next-container .clear-fix:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
}
@-webkit-keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.next-label {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#FB8061), color-stop(52%, #FB685C), to(#EE505c));
  background: -o-linear-gradient(left, #FB8061 0%, #FB685C 52%, #EE505c 100%);
  background: linear-gradient(90deg, #FB8061 0%, #FB685C 52%, #EE505c 100%);
}
.next-button {
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#E9653F), color-stop(52%, #D83A34), to(#D52E4c));
  background: -o-linear-gradient(left, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
}
.next-button:hover {
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#E87452), color-stop(52%, #DB4E48), to(#D9435E));
  background: -o-linear-gradient(left, #E87452 0%, #DB4E48 52%, #D9435E 100%);
  background: linear-gradient(90deg, #E87452 0%, #DB4E48 52%, #D9435E 100%);
}
.next-button.next-disabled {
  background: #E6E8F0;
  color: #A1A5B3;
  border: none;
}
.next-button.next-disabled:hover {
  background: #E6E8F0;
  color: #A1A5B3;
}
.next-detail-bg {
  background: url('/static/images/bg-detail.png') repeat-x;
  background-size: 1920px 964px;
  background-position: left top;
  overflow: hidden;
}
.next-breadcrumb {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.next-breadcrumb > img {
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-btn-primary {
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#E9653F), color-stop(52%, #D83A34), to(#D52E4c));
  background: -o-linear-gradient(left, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
}
.ant-btn-primary:hover {
  color: #fff;
  text-align: center;
  background: -o-linear-gradient(322deg, #E87452 0%, #DB4E48 52%, #D9435E 100%);
  background: linear-gradient(128deg, #E87452 0%, #DB4E48 52%, #D9435E 100%);
}
.ant-breadcrumb {
  margin-top: 20px !important;
  margin-bottom: 16px !important;
}
.ant-breadcrumb .ant-breadcrumb-link .link {
  color: #6A6D7A;
}
.ant-breadcrumb .ant-breadcrumb-link .link:hover {
  color: #D83B2F;
}
.ant-breadcrumb .ant-breadcrumb-separator {
  margin: 0 4px;
}
.ant-breadcrumb > span:last-child {
  color: #A1A5B3;
}
.ant-breadcrumb > span:last-child:hover {
  color: #A1A5B3;
}
.ant-breadcrumb > span {
  color: #6A6D7A;
}
.ant-breadcrumb > span:hover {
  color: #D83B2F;
}
.ant-modal-content {
  border-radius: 12px;
}
.ant-modal-content .ant-btn {
  border-radius: 6px;
}
.ant-modal-content .ant-modal-close .ant-modal-close-x > i {
  background: url('/static/images/close.png') no-repeat;
  background-size: 16px 16px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 16px;
  height: 16px;
}
.ant-modal-content .ant-modal-close .ant-modal-close-x > i > svg {
  display: none;
}
.ant-select {
  height: 40px;
}
.ant-select .ant-select-selection--single {
  height: 40px;
}
.ant-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select .ant-select-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  right: 8px;
}
.ant-select .ant-select-arrow .ant-select-arrow-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ant-select .ant-select-arrow .ant-select-arrow-icon > svg {
  display: none;
}
.ant-select .ant-select-arrow .anticon-down {
  background: url('/static/images/icons/bottom-arrow-gray.png') no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.ant-select-open .ant-select-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ant-select-open .ant-select-arrow .anticon-down {
  background: url('/static/images/icons/top-arrow-gray.png') no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content {
  width: 240px;
  padding: 36px 32px 24px !important;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
          box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  line-height: inherit;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content > i {
  width: 56px;
  height: 56px;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content > i > svg {
  display: none;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content > span {
  display: block;
  text-align: center;
  margin-top: 20px;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-warning {
  background: url('/static/images/icons/message-warning.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-success {
  background: url('/static/images/icons/message-success.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-error {
  background: url('/static/images/icons/message-error.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.next-dropdown-select {
  border-radius: 8px;
}
.next-dropdown-select .next-select-option {
  height: 40px;
  line-height: 30px;
  width: 100%;
  background: #fff;
}
.next-dropdown-select .next-select-option:nth-of-type(1) {
  margin-top: 6px;
}
.next-dropdown-select .next-select-option:last-child {
  margin-bottom: 6px;
}
.next-dropdown-select .next-select-option:hover {
  background: #F9F9F9;
  color: #D83B2F;
}
.next-select-search {
  height: 32px;
}
.next-dropdown-select-search {
  border-radius: 8px;
}
.next-dropdown-select-search .next-select-option-search {
  height: 32px;
  line-height: 22px !important;
  width: 100%;
  background: #fff;
}
.next-dropdown-select-search .next-select-option-search:nth-of-type(1) {
  margin-top: 6px;
}
.next-dropdown-select-search .next-select-option-search:last-child {
  margin-bottom: 6px;
}
.next-dropdown-select-search .ant-select-dropdown-menu-item-selected {
  color: #D83B2F;
  font-weight: 400;
}
.next-dropdown-select-search .next-select-option-search:hover {
  background: #F9F9F9;
  color: #D83B2F;
}
.ant-message-notice .ant-message-notice-content {
  width: 240px;
  padding: 36px 32px 24px !important;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
          box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  line-height: inherit;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > i {
  width: 56px;
  height: 56px;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > i > svg {
  display: none;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > span {
  display: block;
  text-align: center;
  margin-top: 20px;
}
.ant-message-notice .ant-message-notice-content .ant-message-warning {
  background: url('/static/images/icons/message-warning.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-message-notice .ant-message-notice-content .ant-message-success {
  background: url('/static/images/icons/message-success.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-message-notice .ant-message-notice-content .ant-message-error {
  background: url('/static/images/icons/message-error.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
@font-face {
  font-family: 'DIN-Medium';
  src: url('/static/fonts/DIN-Medium.otf');
}
@font-face {
  font-family: 'Font-song';
  src: url('/static/fonts/Font-Song.ttf');
}
.task-item {
  width: 100%;
}
.task-item .task-item-container {
  position: relative;
  padding-left: 260px;
}
.task-item .task-item-container .left {
  width: 260px;
  height: 163px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  z-index: 2;
}
.task-item .task-item-container .left .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.task-item .task-item-container .right {
  margin-left: 24px;
  min-height: 163px;
  border-bottom: 1px solid #F5F5F9;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.task-item .task-item-container .right .title {
  font-size: 18px;
  color: #2E2E33;
  line-height: 30px;
  font-weight: bold;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.task-item .task-item-container .right .title .task-tag {
  vertical-align: top;
  margin-top: 3px;
  margin-right: 8px;
}
.task-item .task-item-container .right .title .title-value {
  cursor: pointer;
  font-size: 16px;
}
.task-item .task-item-container .right .intro {
  font-size: 14px;
  color: #6A6D7A;
  text-align: left;
  line-height: 22px;
  max-height: 44px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.task-item .task-item-container .right .action {
  font-size: 14px;
  color: #6A6D7A;
  line-height: 22px;
  margin-top: 13px;
  position: absolute;
  left: 0;
  bottom: 10px;
}
.task-item .task-item-container .right .action > div {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
}
.task-item .task-item-container .right .action > div > img {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  width: 18px;
  height: 18px;
}
.task-item .task-item-container .right .action .time {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.task-item .task-item-container .right .action .date {
  color: #2E2E33;
  margin-right: 16px;
}
.task-item .task-item-container .right .action .anticon {
  margin-right: 5px;
}
.task-item .task-item-container .right .action .score {
  margin-left: 16px;
}
.task-item .task-item-container .right .error {
  color: #D83B2F !important;
  margin-left: 16px;
}
.task-item .task-item-container .right .endError {
  margin-left: 0;
}
.task-item .task-item-container .task-tag {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  background-color: #85C285;
  border-radius: 6px;
  width: 60px;
  padding: 3px 0;
  text-align: center;
  display: inline-block;
}
.task-item .task-item-container .task-tag.red {
  background-color: #D83B2F;
}
.task-item .task-item-container .task-tag.yellow {
  background-color: #EAC54E;
}
.task-item .task-item-container:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.task-item .task-item-container:hover .left > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.list-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 55px;
  padding-top: 32px;
}
.list-container .list-Item {
  width: 1000px;
  height: 163px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.list-container .list-Item-left {
  min-width: 260px;
  margin-right: 24px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.list-container .list-Item-left .item-cover {
  width: 260px;
  height: 163px;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-container .list-Item-left img {
  width: 260px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.list-container .list-Item-left > div {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url('/static/nshow-image/small@2x.png') no-repeat;
  background-position: center;
  background-size: 48px 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.list-container .list-Item-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  border-bottom: 1px solid #F5F5F9;
  padding: 0px 0 10px;
  color: #6A6D7A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-container .list-Item-right .record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.list-container .list-Item-right .record > p {
  margin-left: 12px;
  line-height: 26px;
  margin-bottom: 0;
}
.list-container .list-Item-right .record > p .videoSpan em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #A1A5B3;
  vertical-align: middle;
  margin: 0 2px;
  margin-top: -4px;
}
.list-container .list-Item-right-top .info {
  word-break: break-word;
}
.list-container .list-Item-right h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.list-container .list-Item-right h3 > span {
  padding: 3px 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  border-radius: 6px;
  margin-right: 8px;
}
.list-container .list-Item-right .time_addr {
  line-height: 22px;
  margin-top: 6px;
  padding-left: 22px;
}
.list-container .list-Item-right .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.list-container .list-Item-right .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
  margin-bottom: 14px;
}
.list-container .list-Item-right .fontSize {
  color: #3e3e3e;
  padding-left: 5px;
}
.list-container .list-Item:hover .list-Item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 0px 0px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #D83B2F;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  -webkit-transform: scale(0.91666667) rotate(0deg);
      -ms-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #D83B2F;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 0px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 0px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s, border 0s;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #fff3f0;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 0px 0px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 0px 0px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 0px 0px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 0px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.ant-table-header table {
  border-radius: 0px 0px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 0px 0px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 0px 0px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #D83B2F;
  font-weight: bold;
  text-shadow: 0 0 2px #ffe2db;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}
.ant-table-filter-dropdown-link {
  color: #D83B2F;
}
.ant-table-filter-dropdown-link:hover {
  color: #e66557;
}
.ant-table-filter-dropdown-link:active {
  color: #b3231e;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: #D83B2F;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #e66557;
}
.ant-table-row-expand-icon:active {
  color: #b3231e;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: auto;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 0px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 0px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 0px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 0px 0px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 0px 0px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.quiz {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 55px;
  padding-top: 32px;
}
.quiz-head {
  height: 40px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  line-height: 40px;
  padding-bottom: 32px;
  color: #6A6D7A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #F5F5F9;
}
.quiz-head-left .quiz-button {
  display: inline-block;
  width: 112px;
  height: 40px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  margin-right: 16px;
  cursor: pointer;
}
.quiz-head-right {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.quiz-head-right span + span {
  margin-left: 16px;
}
.quiz-list {
  padding-bottom: 48px;
}
.quiz-list .list-item {
  padding: 24px 0;
  border-bottom: 1px solid #F5F5F9;
}
.quiz-list .list-item .question-title {
  color: #2E2E33;
}
.quiz-list .list-item .question > a {
  color: #2E2E33;
  line-height: 25px;
  word-break: break-word;
  white-space: pre-line;
  font-size: 16px;
}
.quiz-list .list-item .question > span {
  padding: 3px 9px;
  background: #85C285;
  color: #fff;
  margin-right: 8px;
  border-radius: 8px;
}
.quiz-list .quiz-detail > .time {
  margin-top: 12px;
  margin-bottom: 0px;
  color: #a1a5b3;
  background: transparent;
}
.quiz-list .quiz-detail > .time > span {
  margin-right: 16px;
}
.quiz-list .quiz-detail > .time .course-title {
  float: right;
  padding: 0 8px;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  border-radius: 6px;
  color: #6A6D7A;
  background: #F9F9FC;
}
.quiz-list .quiz-detail > .time .course-title:hover {
  color: #2E2E33;
}
.quiz-list .empty_status {
  text-align: center;
}
.quiz-list .empty_status > img {
  width: 160px;
  height: 160px;
}
.quiz-list .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.list-container {
  width: 1000px;
  margin: 0 auto;
  padding-top: 32px;
}
.list-container .task-item + .task-item {
  margin-top: 48px;
}
.list-container .train-noMore {
  margin: 50px auto;
}
.list-container .task-module > .title {
  font-size: 20px;
  color: #2E2E33;
  line-height: 1;
  margin-bottom: 24px;
}
.list-container .task-module + .task-module {
  margin-top: 48px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.userinfo-bg {
  width: 100vw;
  height: 364px;
  background: url('https://gameacademy.v.netease.com/2019/0409/738736c102059ecf5e62e268366a99b2.png') no-repeat center;
  background-size: cover;
  margin-top: -84px;
  padding-top: 84px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.userinfo-bg .userInfo {
  width: 1000px;
  margin: 46px auto 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.userinfo-bg .userInfo-head {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.userinfo-bg .userInfo-head img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.userinfo-bg .userInfo-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 40px;
}
.userinfo-bg .userInfo-info-name {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.userinfo-bg .userInfo-info-name .name {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #2e2e33;
}
.userinfo-bg .userInfo-info-name .label {
  width: 46px;
  height: 24px;
  margin: 0 0px 0 8px;
}
.userinfo-bg .userInfo-info-name .label img {
  width: 100%;
}
.userinfo-bg .userInfo-info-name > a {
  color: #2E2E33;
  margin-left: 16px;
}
.userinfo-bg .userInfo-info-intro {
  font-size: 14px;
  margin-top: 8px;
  min-height: 44px;
  line-height: 22px;
  color: #6a6d7a;
}
.userinfo-bg .userInfo-info-study {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.userinfo-bg .userInfo-info-study p {
  margin: 0;
  font-size: 24px;
  line-height: 33px;
  font-weight: bold;
  color: #2e2e33;
}
.userinfo-bg .userInfo-info-study > span {
  font-size: 12px;
  line-height: 17px;
  color: #6a6d7a;
}
.userinfo-bg .userInfo-info-study .line {
  width: 2px;
  height: 24px;
  background: #EEEEF2;
  margin: 18px 24px 0 24px;
}
.userinfo-bg .userInfo-edit {
  width: 54px;
  padding-left: 20px;
  background: url('/static/images/user/edit.png') no-repeat;
  background-size: 18px;
  background-position: 0 2px;
}
.userinfo-bg .userInfo-edit > a {
  color: #2e2e33;
  font-size: 14px;
  padding-left: 4px;
}
.userInfo-content {
  width: 1000px;
}
.userInfo-content > div {
  min-height: 500px;
  overflow: hidden;
}
.userInfo-content-head {
  height: 63px;
  line-height: 78px;
  border-bottom: 1px solid #EEEEF2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  margin-bottom: 0px;
}
.userInfo-content-head li {
  width: 72px;
  margin: 0 26px;
  height: 63px;
  line-height: 78px;
  text-align: center;
  cursor: pointer;
}
.userInfo-content-head li:hover {
  color: #D83B2F;
  cursor: pointer;
}
.userInfo-content-head .selected {
  color: #D83B2F;
  background: url('/static/images/Group@2x.png') no-repeat;
  background-size: 32px 5px;
  background-position: bottom;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.listItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
}
.listItem-logo {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.listItem-logo img {
  width: 180px;
  height: 113px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.listItem-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f9;
}
.listItem-detail-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e33;
}
.listItem-detail-title div {
  width: 46px;
  height: 24px;
  border-radius: 8px;
  padding-right: 8px;
  display: inline-block;
}
.listItem-detail-title div img {
  width: 100%;
}
.listItem-detail-title > span {
  font-weight: bold;
}
.listItem-detail-intro {
  width: 100%;
  height: 52px;
  padding: 4px;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 22px;
}
.listItem-detail-progress {
  font-size: 14px;
  color: #6A6D7A;
  margin-top: 8px;
}
.listItem:hover .listItem-logo {
  overflow: hidden;
}
.listItem:hover .listItem-logo img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.user-container {
  width: 1000px;
  padding-top: 32px;
  overflow: hidden;
}
.user-container .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.user-container .detail-left {
  width: 140px;
  position: relative;
}
.user-container .detail-left .detail-MD {
  font-size: 18px;
  color: #2E2E33;
  margin: 0;
}
.user-container .detail-left .detail-year {
  font-size: 14px;
  color: #A1A5B3;
}
.user-container .detail-left .detail-line {
  width: 1px;
  background: #EEEEF2;
  height: 100%;
  position: absolute;
  right: 74px;
  top: 0px;
}
.user-container .detail-left .detail-line span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #2E2E33;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: -8px;
  border: 5px solid #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.user-container .detail-right {
  width: 860px;
}
.user-container .detail:last-child .detail-line {
  height: 113px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.Item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
  cursor: pointer;
}
.Item-logo {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.Item-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.Item-logo .subject_courseNum {
  background: #6A6D7A;
  border-radius: 8px 0 8px 0;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 8px;
}
.Item-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #f5f5f9;
}
.Item-detail-intro {
  height: 42px;
  font-size: 14px;
  color: #6A6D7A;
  margin-top: 5px;
}
.Item-detail-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e33;
  font-weight: 600;
}
.Item-detail-title .item-time {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
  margin-left: 10px;
}
.Item-detail-news {
  color: #6A6D7A;
  font-size: 14px;
  position: absolute;
  bottom: 8px;
}
.Item-detail-news span {
  margin-right: 10px;
}
.Item-detail-address {
  width: 100%;
  height: 30px;
  padding: 4px;
  margin-top: 8px;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Item-detail-address .Item-addr_time {
  padding-left: 25px;
  color: #2e2e33;
  margin-right: 18px;
}
.Item-detail-address .Item-addr_time span {
  color: #6A6D7A;
  margin-right: 4px;
}
.Item-detail-address .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.Item-detail-address .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.Item-detail-progress {
  font-size: 14px;
  color: #6A6D7A;
}
.Item .marginTop {
  margin-top: 48px;
}
.Item:hover .Item-logo img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.ART_ST_APP .remarks {
  padding-top: 0.22rem;
  font-size: 0.24rem;
  width: 6.5rem;
  color: #8394a4;
  margin: 0 auto;
}
.ART_ST_APP .remarks-intro {
  padding-top: 0.54rem;
  font-size: 0.28rem;
  width: 6.5rem;
  color: #c1a576;
  margin: 0 auto;
}
.ART_ST_APP-intro,
.ART_ST_APP-enroll {
  width: 7.5rem;
  height: 54.6rem;
  background: url('/static/images/activity/art_design/202007/bg_01.png') no-repeat, url('/static/images/activity/art_design/202007/bg_02.png') repeat;
  background-size: 7.5rem auto;
  position: relative;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.ART_ST_APP-intro .Intro,
.ART_ST_APP-enroll .Intro {
  padding-top: 4.58rem;
}
.ART_ST_APP-intro .Intro-enroll,
.ART_ST_APP-enroll .Intro-enroll {
  width: 100%;
  height: 1.26rem;
  text-align: center;
}
.ART_ST_APP-intro .Intro-enroll > img,
.ART_ST_APP-enroll .Intro-enroll > img {
  width: 1.8rem;
  height: auto;
  cursor: pointer;
}
.ART_ST_APP-intro .Intro-enroll > p,
.ART_ST_APP-enroll .Intro-enroll > p {
  margin-top: 0.22rem;
  font-size: 0.24rem;
  color: #7c89a1;
}
.ART_ST_APP-intro .Intro-rule > h4,
.ART_ST_APP-enroll .Intro-rule > h4 {
  width: 6.5rem;
  margin: 0.36rem auto 0.13rem;
  line-height: 0.5rem;
  font-size: 0.27rem;
  text-align: justify;
  color: #c0a573;
}
.ART_ST_APP-intro .Intro-rule .tab-container,
.ART_ST_APP-enroll .Intro-rule .tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.4rem;
  position: relative;
  z-index: 9;
}
.ART_ST_APP-intro .Intro-rule .tab-container .tab-chu,
.ART_ST_APP-enroll .Intro-rule .tab-container .tab-chu,
.ART_ST_APP-intro .Intro-rule .tab-container .tab-fu,
.ART_ST_APP-enroll .Intro-rule .tab-container .tab-fu {
  width: 2.14rem;
  height: 0.84rem;
  cursor: pointer;
}
.ART_ST_APP-intro .Intro-rule .tab-container .tab-chu,
.ART_ST_APP-enroll .Intro-rule .tab-container .tab-chu {
  background: url('/static/images/activity/art_design/202007/tab-chu.png') no-repeat;
  background-size: 2.14rem auto;
}
.ART_ST_APP-intro .Intro-rule .tab-container .tab-chu.active,
.ART_ST_APP-enroll .Intro-rule .tab-container .tab-chu.active {
  background: url('/static/images/activity/art_design/202007/tab-chu-active.png') no-repeat;
  background-size: 2.14rem auto;
}
.ART_ST_APP-intro .Intro-rule .tab-container .tab-fu,
.ART_ST_APP-enroll .Intro-rule .tab-container .tab-fu {
  background: url('/static/images/activity/art_design/202007/tab-fu.png') no-repeat;
  background-size: 2.14rem auto;
}
.ART_ST_APP-intro .Intro-rule .tab-container .tab-fu.active,
.ART_ST_APP-enroll .Intro-rule .tab-container .tab-fu.active {
  background: url('/static/images/activity/art_design/202007/tab-fu-active.png') no-repeat;
  background-size: 2.14rem auto;
}
.ART_ST_APP-intro .Intro-rule .recruit,
.ART_ST_APP-enroll .Intro-rule .recruit {
  width: 7.02rem;
  height: 6.21rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg_recruit.png') no-repeat;
  background-size: 7.02rem auto;
  margin: 0 auto;
  overflow: hidden;
  margin-top: -0.18rem;
}
.ART_ST_APP-intro .Intro-rule .recruit.tab,
.ART_ST_APP-enroll .Intro-rule .recruit.tab {
  background: url('/static/images/activity/art_design/202007/webapp/bg_recruit-tab.png') no-repeat;
  background-size: 7.02rem auto;
  height: auto;
  padding-bottom: 0.1rem;
}
.ART_ST_APP-intro .Intro-rule .recruit .title,
.ART_ST_APP-enroll .Intro-rule .recruit .title {
  width: 5.56rem;
  margin: 0.76rem auto 0;
  text-align: center;
}
.ART_ST_APP-intro .Intro-rule .recruit .title > img,
.ART_ST_APP-enroll .Intro-rule .recruit .title > img {
  width: 5.56rem;
  height: auto;
}
.ART_ST_APP-intro .Intro-rule .recruit .title > p,
.ART_ST_APP-enroll .Intro-rule .recruit .title > p {
  font-size: 0.26rem;
  line-height: 0.53rem;
  color: #c0a573;
  margin-bottom: 0;
  white-space: nowrap;
}
.ART_ST_APP-intro .Intro-rule .recruit .title > p:nth-of-type(1),
.ART_ST_APP-enroll .Intro-rule .recruit .title > p:nth-of-type(1) {
  margin-top: 0.3rem;
}
.ART_ST_APP-intro .Intro-rule .recruit .title > p.line,
.ART_ST_APP-enroll .Intro-rule .recruit .title > p.line {
  width: 2.06rem;
  height: 0.02rem;
  margin: 0.18rem auto;
  background: #c0a573;
}
.ART_ST_APP-intro .Intro-rule .recruit .title > h4,
.ART_ST_APP-enroll .Intro-rule .recruit .title > h4 {
  font-size: 0.27rem;
  line-height: 0.53rem;
  color: #fdb907;
  margin-bottom: 0;
  white-space: nowrap;
}
.ART_ST_APP-intro .Intro-rule .recruit .title div.cursor,
.ART_ST_APP-enroll .Intro-rule .recruit .title div.cursor,
.ART_ST_APP-intro .Intro-rule .recruit .title a.cursor,
.ART_ST_APP-enroll .Intro-rule .recruit .title a.cursor {
  display: block;
}
.ART_ST_APP-intro .Intro-rule .recruit .title div.cursor > img,
.ART_ST_APP-enroll .Intro-rule .recruit .title div.cursor > img,
.ART_ST_APP-intro .Intro-rule .recruit .title a.cursor > img,
.ART_ST_APP-enroll .Intro-rule .recruit .title a.cursor > img {
  width: 2.33rem;
  height: auto;
  margin-top: 0.3rem;
}
.ART_ST_APP-intro .Intro-rule .recruit .title a.cursor > img,
.ART_ST_APP-enroll .Intro-rule .recruit .title a.cursor > img {
  margin-top: 0;
  margin-bottom: 0.3rem;
}
.ART_ST_APP-intro .Intro-rule .recruit .title > h4.people,
.ART_ST_APP-enroll .Intro-rule .recruit .title > h4.people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
  width: 100%;
}
.ART_ST_APP-intro .Intro-progress,
.ART_ST_APP-enroll .Intro-progress {
  margin-top: 1rem;
}
.ART_ST_APP-intro .Intro-progress .title,
.ART_ST_APP-enroll .Intro-progress .title {
  text-align: center;
}
.ART_ST_APP-intro .Intro-progress .title > img,
.ART_ST_APP-enroll .Intro-progress .title > img {
  width: 5.56rem;
  height: auto;
}
.ART_ST_APP-intro .Intro-progress .progress-1,
.ART_ST_APP-enroll .Intro-progress .progress-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 6.5rem;
  height: 1.64rem;
  margin: 0.45rem auto 0;
}
.ART_ST_APP-intro .Intro-progress .progress-1 .progress-stage,
.ART_ST_APP-enroll .Intro-progress .progress-1 .progress-stage {
  width: 1.93rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg_progress.png') no-repeat;
  background-size: 1.93rem;
}
.ART_ST_APP-intro .Intro-progress .progress-1 .progress-stage > div,
.ART_ST_APP-enroll .Intro-progress .progress-1 .progress-stage > div {
  text-align: center;
  padding: 0 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.32rem;
  font-size: 0.26rem;
  color: #c0a573;
  background: url('/static/images/activity/art_design/202007/webapp/bg_progress.png') no-repeat;
  background-size: 1.93rem;
}
.ART_ST_APP-intro .Intro-progress .progress-1 .progress-stage > p,
.ART_ST_APP-enroll .Intro-progress .progress-1 .progress-stage > p {
  font-size: 0.28rem;
  color: #fdb907;
  margin-bottom: 0;
}
.ART_ST_APP-intro .Intro-progress img.stage-img,
.ART_ST_APP-enroll .Intro-progress img.stage-img {
  margin-top: 0.16rem;
  width: 4.8rem;
}
.ART_ST_APP-intro .Intro-progress .stage-img-2,
.ART_ST_APP-enroll .Intro-progress .stage-img-2 {
  margin-top: 0.3rem;
}
.ART_ST_APP-intro .Intro-progress .stage-img-2 > p,
.ART_ST_APP-enroll .Intro-progress .stage-img-2 > p {
  font-size: 0.24rem;
  color: #c0a573;
  margin-bottom: 0;
}
.ART_ST_APP-intro .Intro-progress .stage-img-2 > img,
.ART_ST_APP-enroll .Intro-progress .stage-img-2 > img {
  width: 2.62rem;
  height: auto;
}
.ART_ST_APP-intro .Intro-progress .progress-2,
.ART_ST_APP-enroll .Intro-progress .progress-2 {
  width: 4.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
}
.ART_ST_APP-intro .Intro-progress .progress-2 .progress-stage,
.ART_ST_APP-enroll .Intro-progress .progress-2 .progress-stage {
  width: 1.93rem;
}
.ART_ST_APP-intro .Intro-progress .progress-2 .progress-stage > div,
.ART_ST_APP-enroll .Intro-progress .progress-2 .progress-stage > div {
  text-align: center;
  padding: 0 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.32rem;
  font-size: 0.26rem;
  color: #c0a573;
  background: url('/static/images/activity/art_design/202007/webapp/bg_progress.png') no-repeat;
  background-size: 1.93rem;
}
.ART_ST_APP-intro .Intro-progress .progress-2 .progress-stage > p,
.ART_ST_APP-enroll .Intro-progress .progress-2 .progress-stage > p {
  font-size: 0.28rem;
  color: #fdb907;
  margin-bottom: 0;
}
.ART_ST_APP-intro .Intro-prize,
.ART_ST_APP-enroll .Intro-prize {
  margin-top: 1rem;
}
.ART_ST_APP-intro .Intro-prize .title,
.ART_ST_APP-enroll .Intro-prize .title {
  text-align: center;
}
.ART_ST_APP-intro .Intro-prize .title > img,
.ART_ST_APP-enroll .Intro-prize .title > img {
  width: 5.56rem;
  height: auto;
}
.ART_ST_APP-intro .Intro-prize .prize-stage,
.ART_ST_APP-enroll .Intro-prize .prize-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6.5rem;
  margin: 0.5rem auto 0;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item,
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item {
  width: 1.95rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item .title,
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item .title {
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 0.62rem;
  color: #c0a573;
  text-align: left;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item .money,
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item .money {
  white-space: nowrap;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item .money > span:nth-of-type(1),
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item .money > span:nth-of-type(1) {
  font-size: 0.36rem;
  line-height: 0.48rem;
  font-weight: bolder;
  color: #fdb907;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item .money > span:nth-of-type(2),
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item .money > span:nth-of-type(2) {
  font-size: 0.2rem;
  color: #fdb907;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item .money > span:nth-of-type(3),
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item .money > span:nth-of-type(3) {
  padding-left: 0.14rem;
  font-size: 0.2rem;
  color: #c0a573;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item .money > p,
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item .money > p {
  font-size: 0.3rem;
  color: #fdb907;
  margin-bottom: 0;
  margin-top: 0.05rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item > p,
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item > p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 0.2rem;
  color: #c0a573;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .prize_item > p:nth-of-type(1),
.ART_ST_APP-enroll .Intro-prize .prize-stage .prize_item > p:nth-of-type(1) {
  margin-top: 0.1rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage div.prize_item.first,
.ART_ST_APP-enroll .Intro-prize .prize-stage div.prize_item.first {
  width: 2.2rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .line-shu,
.ART_ST_APP-enroll .Intro-prize .prize-stage .line-shu {
  height: 1.93rem;
  margin-right: 0.2rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage .line-shu > img,
.ART_ST_APP-enroll .Intro-prize .prize-stage .line-shu > img {
  height: 1.93rem;
  width: auto;
}
.ART_ST_APP-intro .Intro-prize .wacom,
.ART_ST_APP-enroll .Intro-prize .wacom {
  text-align: center;
  margin: 0.35rem auto 0;
}
.ART_ST_APP-intro .Intro-prize .wacom > img,
.ART_ST_APP-enroll .Intro-prize .wacom > img {
  width: 3.35rem;
  height: auto;
}
.ART_ST_APP-intro .Intro-prize .wacom > p,
.ART_ST_APP-enroll .Intro-prize .wacom > p {
  font-size: 0.3rem;
  color: #fdb907;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0.2rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage.second .line-shu,
.ART_ST_APP-enroll .Intro-prize .prize-stage.second .line-shu {
  height: 1.37rem;
  margin-right: 0.2rem;
}
.ART_ST_APP-intro .Intro-prize .prize-stage.second .line-shu > img,
.ART_ST_APP-enroll .Intro-prize .prize-stage.second .line-shu > img {
  height: 1.37rem;
  width: auto;
}
.ART_ST_APP-intro .Intro-intro,
.ART_ST_APP-enroll .Intro-intro {
  margin-top: 1rem;
}
.ART_ST_APP-intro .Intro-intro .title,
.ART_ST_APP-enroll .Intro-intro .title {
  text-align: center;
  margin-bottom: 0.5rem;
}
.ART_ST_APP-intro .Intro-intro .title > img,
.ART_ST_APP-enroll .Intro-intro .title > img {
  width: 5.56rem;
  height: auto;
}
.ART_ST_APP-intro .Intro-intro > p,
.ART_ST_APP-enroll .Intro-intro > p {
  width: 6.5rem;
  margin: 0 auto;
  font-size: 0.3rem;
  line-height: 0.54rem;
  color: #c0a573;
  margin-bottom: 0.3rem;
}
.ART_ST_APP-intro .Intro-modal_rule,
.ART_ST_APP-enroll .Intro-modal_rule {
  position: relative;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.ART_ST_APP-intro .Intro-modal_rule .modal_rule-mask,
.ART_ST_APP-enroll .Intro-modal_rule .modal_rule-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.ART_ST_APP-intro .Intro-modal_rule .modal_rule-content,
.ART_ST_APP-enroll .Intro-modal_rule .modal_rule-content {
  width: 6.5rem;
  height: 8.5rem;
  background: #fff;
  border-radius: 0.2rem;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem;
  color: #947f5d;
}
.ART_ST_APP-intro .Intro-modal_rule .modal_rule-content > h3,
.ART_ST_APP-enroll .Intro-modal_rule .modal_rule-content > h3 {
  font-size: 0.3rem;
  text-align: center;
  color: #947f5d;
}
.ART_ST_APP-intro .Intro-modal_rule .modal_rule-content p,
.ART_ST_APP-enroll .Intro-modal_rule .modal_rule-content p {
  font-size: 0.26rem;
  line-height: 0.48rem;
  margin-bottom: 0;
  margin-top: 0.24rem;
}
.ART_ST_APP-intro .Intro-modal_rule .modal_rule-content p.li,
.ART_ST_APP-enroll .Intro-modal_rule .modal_rule-content p.li {
  margin-top: 0;
  margin-bottom: 0;
}
.ART_ST_APP-intro .Intro-modal_rule .modal_rule-content .modal_rule-close,
.ART_ST_APP-enroll .Intro-modal_rule .modal_rule-content .modal_rule-close {
  width: 0.68rem;
  height: 0.68rem;
  background: url('/static/images/activity/art_design/202007/webapp/close.png') no-repeat;
  background-size: 0.68rem auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.15rem;
}
.ART_ST_APP-enroll {
  height: 28rem;
}
.ART_ST_APP-enroll.EnrollSuccess {
  height: 100vh;
  min-height: 17.8rem;
}
.ART_ST_APP-enroll .Enroll {
  padding-top: 5.45rem;
  position: absolute;
  width: 7.5rem;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ART_ST_APP-enroll .Enroll .title {
  width: 5.56rem;
  margin: 0.76rem auto 0.5rem;
  text-align: center;
}
.ART_ST_APP-enroll .Enroll .title > img {
  width: 5.56rem;
  height: auto;
}
.ART_ST_APP-enroll .Enroll-rule {
  width: 6.5rem;
  margin: 0 auto;
}
.ART_ST_APP-enroll .Enroll-rule > p {
  font-size: 0.28rem;
  line-height: 0.54rem;
  color: #c0a573;
  margin-bottom: 0;
}
.ART_ST_APP-enroll .Enroll-rule > p.nowrap {
  white-space: nowrap;
}
.ART_ST_APP-enroll .Enroll-rule .QQ_code {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0.6rem auto 0.8rem;
  background: url('/static/images/activity/art_design/202007/webapp/QQ_code.png') no-repeat;
  background-size: 1.8rem auto;
  padding: 0.1rem;
}
.ART_ST_APP-enroll .Enroll-rule .QQ_code > img {
  width: 100%;
}
.ART_ST_APP-enroll .Enroll-form {
  width: 6.9rem;
  height: 11.45rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/202007/webapp/bg-enroll.png') no-repeat;
  background-size: 6.9rem;
  padding: 0.13rem 0.4rem 0;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.focused > h4 {
  color: #e00606;
}
.ART_ST_APP-enroll .Enroll-form .form-Item > h4 {
  color: #947f5d;
  font-size: 0.28rem;
  line-height: 0.28rem;
  margin: 0.54rem 0 0.2rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-input {
  height: 0.6rem;
  background: transparent;
  border-radius: 0.12rem;
  color: #947f5d;
  font-size: 0.24rem;
  border-color: #947f5d;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-input::-webkit-input-placeholder {
  color: #947f5d;
  font-size: 0.24rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-input.focused {
  border-color: #e00606;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select {
  width: 100%;
  height: 0.6rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select.focused .ant-select-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #e00606;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection--single,
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection__rendered {
  height: 0.6rem;
  background: transparent;
  border-radius: 0.12rem;
  color: #947f5d;
  font-size: 0.24rem;
  border-color: #947f5d;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection--single .ant-select-arrow,
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection__rendered .ant-select-arrow {
  width: 0.24rem;
  height: 0.24rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection--single .ant-select-arrow .ant-select-arrow-icon.anticon-down,
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection__rendered .ant-select-arrow .ant-select-arrow-icon.anticon-down {
  width: 0.24rem;
  height: 0.24rem;
  background: url('/static/images/activity/art_design/202007/icon_bottom.png') no-repeat;
  background-size: 0.24rem 0.24rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection__placeholder {
  color: #947f5d;
  font-size: 0.24rem;
  height: 0.6rem;
  margin-top: -0.3rem;
  line-height: 0.6rem;
  opacity: 0.5;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select .ant-select-selection-selected-value {
  line-height: 0.6rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group span {
  font-size: 0.28rem;
  color: #947f5d;
  -webkit-transform: translateY(-0.02rem);
      -ms-transform: translateY(-0.02rem);
          transform: translateY(-0.02rem);
  margin-right: 0;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-left: 0.3rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group .ant-radio-inner {
  width: 0.24rem;
  height: 0.24rem;
  background-color: transparent;
  border-color: #947f5d;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group .ant-radio-checked::after {
  border: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group .ant-radio-checked .ant-radio-inner {
  background-color: #947f5d;
}
.ART_ST_APP-enroll .Enroll-form .form-Item .ant-radio-group .ant-radio-checked .ant-radio-inner::after {
  background-color: #fff;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments {
  font-weight: bold;
  color: #3e3e3e;
  margin-top: 0.36rem;
  font-size: 0.24rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments .ant-checkbox {
  margin-right: 0.04rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments .ant-checkbox-inner {
  width: 0.24rem;
  height: 0.24rem;
  background: transparent;
  border: 1px solid #947f5d;
  border-radius: 0.04rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments .ant-checkbox-inner::after {
  top: 40%;
  width: 0.08rem;
  height: 0.16rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #9a7f4c;
  border-color: #9a7f4c;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #9a7f4c;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments .ant-checkbox-checked::after {
  border: none;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments span {
  font-size: 0.24rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.arguments span.book {
  background: -webkit-gradient(linear, left top, left bottom, from(#9e3c3b), to(#dc0606));
  background: -o-linear-gradient(top, #9e3c3b, #dc0606);
  background: linear-gradient(to bottom, #9e3c3b, #dc0606);
  -webkit-background-clip: text;
  color: transparent;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.submit {
  height: 0.64rem;
  margin-top: 0.36rem;
}
.ART_ST_APP-enroll .Enroll-form .form-Item.submit > img {
  width: 7.3rem;
  height: auto;
}
.ART_ST_APP-enroll .Enroll-form-success {
  width: 6.9rem;
  margin: 0 auto;
}
.ART_ST_APP-enroll .Enroll-form-success > img {
  width: 100%;
  height: auto;
}
.ART_ST_APP-enroll .Enroll_confirm {
  position: relative;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.ART_ST_APP-enroll .Enroll_confirm-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.ART_ST_APP-enroll .Enroll_confirm-content {
  width: 6.5rem;
  height: 8.5rem;
  background: #fff;
  border-radius: 0.2rem;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem;
  color: #947f5d;
}
.ART_ST_APP-enroll .Enroll_confirm-content .content-scroll {
  height: 6.8rem;
  overflow: auto;
}
.ART_ST_APP-enroll .Enroll_confirm-content .content-scroll > h4 {
  color: #947f5d;
  margin-top: 0.32rem;
  font-weight: bold;
}
.ART_ST_APP-enroll .Enroll_confirm-content > h3 {
  font-size: 0.3rem;
  text-align: center;
  color: #947f5d;
}
.ART_ST_APP-enroll .Enroll_confirm-content p {
  font-size: 0.26rem;
  line-height: 0.48rem;
  margin-bottom: 0;
  margin-top: 0.12rem;
}
.ART_ST_APP-enroll .Enroll_confirm-content p.li {
  margin-top: 0;
  margin-bottom: 0;
}
.ART_ST_APP-enroll .Enroll_confirm-content .modal_rule-close {
  width: 0.68rem;
  height: 0.68rem;
  background: url('/static/images/activity/art_design/202007/webapp/close.png') no-repeat;
  background-size: 0.68rem auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.15rem;
}
.ART_ST_APP-enroll .Enroll .btn-enroll {
  height: 0.96rem;
  width: 6.77rem;
  margin: 0.4rem auto;
  text-align: center;
}
.ART_ST_APP-enroll .Enroll .btn-enroll .enroll-btn {
  width: 6.77rem;
  height: auto;
}
.art_ST-selectGradeMenu {
  background: #ead5ba;
  border-radius: 0.12rem;
  border: 0.02rem solid #947f5d;
  padding: 0.12rem 0;
  -webkit-transform: translateY(0.1rem);
      -ms-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu {
  max-height: 4rem;
  margin-right: 0.06rem;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #dcbe8d;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background-color: transparent;
  /*//背景色*/
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #947f5d;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu-item {
  height: 0.7rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
  color: #947f5d;
}
.ART_ST_APP-enroll .Enroll-form .form-Item-select.ant-select-open .ant-select-selection--single .ant-select-arrow .ant-select-arrow-icon.anticon-down {
  width: 0.24rem;
  height: 0.24rem;
  background: url('/static/images/activity/art_design/202007/icon_top.png') no-repeat;
  background-size: 0.24rem 0.24rem;
}

.yimeng-share-Box {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share-imgBox {
  height: calc(100vh - 2rem);
  overflow-y: auto;
}
.yimeng-share-Box .canvas-Img {
  width: 100%;
  height: auto;
}
.yimeng-share-Box .yimeng-share {
  padding-top: 0.5rem;
  padding-bottom: 0.1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/bg-01.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/bg-02.png") repeat;
  background-size: 7.5rem auto;
  font-family: 'Font-song';
}
.yimeng-share-Box .yimeng-share__alert {
  margin: 0 auto;
  padding-top: 0.84rem;
  width: 6.9rem;
  height: 11.13rem;
  background: url("/static/images/activity/art_design/yimeng/h5/share.png") no-repeat;
  background-size: 6.9rem auto;
}
.yimeng-share-Box .yimeng-share__title {
  margin: 0 auto 0.52rem;
  width: 3.2rem;
  line-height: 0.48rem;
  font-size: 0.4rem;
  color: #618498;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__img {
  margin: 0 auto 0.2rem;
  padding: 0 0.08rem;
  width: 5.6rem;
  height: 3.22rem;
}
.yimeng-share-Box .yimeng-share__img img {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #618498;
}
.yimeng-share-Box .yimeng-share__project-title {
  margin-left: 0.75rem;
  margin-bottom: 0.16rem;
  color: #404652;
  font-size: 0.3rem;
  line-height: 0.33rem;
}
.yimeng-share-Box .yimeng-share__project-info {
  margin-left: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
.yimeng-share-Box .yimeng-share__project-cover {
  margin-right: 0.16rem;
  width: 0.48rem;
  height: 0.48rem;
}
.yimeng-share-Box .yimeng-share__project-cover img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.yimeng-share-Box .yimeng-share__project-author {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #404652;
}
.yimeng-share-Box .yimeng-share__project-content {
  width: 5.6rem;
  margin-left: 0.75rem;
  margin-bottom: 0.6rem;
  text-align: justify;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #404652;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 0.72rem;
  -webkit-box-orient: vertical;
}
.yimeng-share-Box .yimeng-share__project-qr__title {
  margin-bottom: 0.24rem;
  color: #618498;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__project-qr__code {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__project-qr__code canvas {
  width: 100% !important;
  height: 100% !important;
}
.yimeng-share-Box .yimeng-share__btn-box {
  width: 100vw;
  margin: 0 auto;
  position: fixed;
  bottom: 0.16rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share__btn-box .yimeng-share__btn {
  margin: 0.35rem auto 0;
  width: 5.58rem;
  height: 0.88rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png');
  background-size: 5.58rem 0.88rem;
  cursor: pointer;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__btn-box > p {
  font-size: 0.26rem;
  line-height: 0.28rem;
  color: #CAE0E5;
  font-family: 'Font-song';
  margin: 0.18rem auto 0;
  text-align: center;
}
.yimeng-share-Box div.yimeng-share-worksInfo__btn-box {
  bottom: 0.6rem;
}

.yimeng-share-Box {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share-imgBox {
  height: calc(100vh - 2rem);
  overflow-y: auto;
}
.yimeng-share-Box .canvas-Img {
  width: 100%;
  height: auto;
}
.yimeng-share-Box .yimeng-share {
  padding-top: 0.5rem;
  padding-bottom: 0.1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/bg-01.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/bg-02.png") repeat;
  background-size: 7.5rem auto;
  font-family: 'Font-song';
}
.yimeng-share-Box .yimeng-share__alert {
  margin: 0 auto;
  padding-top: 0.84rem;
  width: 6.9rem;
  height: 11.13rem;
  background: url("/static/images/activity/art_design/yimeng/h5/share.png") no-repeat;
  background-size: 6.9rem auto;
}
.yimeng-share-Box .yimeng-share__title {
  margin: 0 auto 0.52rem;
  width: 3.2rem;
  line-height: 0.48rem;
  font-size: 0.4rem;
  color: #618498;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__img {
  margin: 0 auto 0.2rem;
  padding: 0 0.08rem;
  width: 5.6rem;
  height: 3.22rem;
}
.yimeng-share-Box .yimeng-share__img img {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #618498;
}
.yimeng-share-Box .yimeng-share__project-title {
  margin-left: 0.75rem;
  margin-bottom: 0.16rem;
  color: #404652;
  font-size: 0.3rem;
  line-height: 0.33rem;
}
.yimeng-share-Box .yimeng-share__project-info {
  margin-left: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
.yimeng-share-Box .yimeng-share__project-cover {
  margin-right: 0.16rem;
  width: 0.48rem;
  height: 0.48rem;
}
.yimeng-share-Box .yimeng-share__project-cover img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.yimeng-share-Box .yimeng-share__project-author {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #404652;
}
.yimeng-share-Box .yimeng-share__project-content {
  width: 5.6rem;
  margin-left: 0.75rem;
  margin-bottom: 0.6rem;
  text-align: justify;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #404652;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 0.72rem;
  -webkit-box-orient: vertical;
}
.yimeng-share-Box .yimeng-share__project-qr__title {
  margin-bottom: 0.24rem;
  color: #618498;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__project-qr__code {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__project-qr__code canvas {
  width: 100% !important;
  height: 100% !important;
}
.yimeng-share-Box .yimeng-share__btn-box {
  width: 100vw;
  margin: 0 auto;
  position: fixed;
  bottom: 0.16rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share__btn-box .yimeng-share__btn {
  margin: 0.35rem auto 0;
  width: 5.58rem;
  height: 0.88rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png');
  background-size: 5.58rem 0.88rem;
  cursor: pointer;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__btn-box > p {
  font-size: 0.26rem;
  line-height: 0.28rem;
  color: #CAE0E5;
  font-family: 'Font-song';
  margin: 0.18rem auto 0;
  text-align: center;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-app-enroll {
  overflow: hidden;
  position: relative;
  width: 7.5rem;
  padding-bottom: 0.97rem;
}
.activity-2019-app-enroll .page-bg {
  margin-top: -1px;
}
.activity-2019-app-enroll .section {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.activity-2019-app-enroll > img {
  width: 100%;
}
.activity-2019-app-enroll ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-app-enroll p {
  margin: 0;
  padding: 0;
}
.activity-2019-app-enroll h1,
.activity-2019-app-enroll h2,
.activity-2019-app-enroll h3,
.activity-2019-app-enroll h4,
.activity-2019-app-enroll h5,
.activity-2019-app-enroll h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-app-enroll .enroll-intro {
  color: #fff;
  margin-top: 6.5rem;
  width: 7.5rem;
  height: 4.93rem;
  background: url('/static/images/activity/miniGame/2019App/enroll/title-bg.png') no-repeat;
  background-size: 100% 100%;
  padding: 0.14rem 0.5rem 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-app-enroll .enroll-intro .enroll-title {
  height: 0.4rem;
  width: 1.7rem;
  background: url('/static/images/activity/miniGame/2019App/enroll/rule_text.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.activity-2019-app-enroll .enroll-intro p:nth-of-type(1) {
  text-align: center;
  margin-top: 0.66rem;
  font-size: 0.24rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
}
.activity-2019-app-enroll .enroll-intro p:nth-of-type(2) {
  font-size: 0.23rem;
  line-height: 0.36rem;
}
.activity-2019-app-enroll .enroll-intro img {
  height: 1.57rem;
  width: 1.57rem;
  margin-left: 2.37rem;
  margin-top: 0.36rem;
}
.activity-2019-app-enroll .msg-box {
  margin-top: 1.76rem;
  padding: 0 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 2.16rem;
}
.activity-2019-app-enroll .msg-box > p {
  font-size: 0.3rem;
  font-weight: 700;
  display: inline-block;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#973a55), to(#69355b));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-2019-app-enroll .msg-box > p:nth-of-type(2) {
  margin-top: 0.1rem;
  margin-bottom: 0.48rem;
}
.activity-2019-app-enroll .msg-box .msg-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.65rem;
  margin-bottom: 0.4rem;
}
.activity-2019-app-enroll .msg-box .col-1 {
  width: 1.03rem;
  line-height: 0.65rem;
  height: 0.65rem;
  font-size: 0.23rem;
  font-weight: 700;
  white-space: nowrap;
  padding-left: 0.36rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.activity-2019-app-enroll .msg-box .col-team {
  width: 1.4rem;
  padding-left: 0;
}
.activity-2019-app-enroll .msg-box .col-2 {
  width: 5.3rem;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019App/enroll/writing-bg1.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-app-enroll .msg-box .col-2 input {
  width: 5.18rem;
  height: 0.54rem;
  margin-top: 0.08rem;
  margin-left: 0.08rem;
  border: none;
  font-size: 0.23rem;
}
.activity-2019-app-enroll .msg-box .col-1-2 {
  width: 4.35rem;
  background: url('/static/images/activity/miniGame/2019App/enroll/writing-bg2.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select {
  margin-left: 0.08rem;
  margin-top: 0.08rem;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-arrow .ant-select-arrow-icon {
  display: none;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-selection__rendered {
  font-size: 0.23rem;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 0.54rem;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-selection {
  width: 4.25rem;
  border: none;
  height: 0.54rem;
  border-radius: 0;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-selection--single {
  margin-left: 0;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-arrow {
  height: 100%;
  top: 0;
  width: 0.4rem;
  right: 0;
  background: #efd6ae;
  margin-top: 0;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-selection__rendered {
  height: 100%;
}
.activity-2019-app-enroll .msg-box .col-1-2 .ant-select-arrow:before {
  content: '';
  display: block;
  height: 0.54rem;
  width: 0.4rem;
  background: url('/static/images/activity/miniGame/2019/enroll/select_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-app-enroll .msg-box .ant-radio-group label {
  margin: 0 0.42rem;
  line-height: 0.65rem;
  font-weight: 700;
  font-size: 0.22rem;
}
.activity-2019-app-enroll .msg-box .ant-radio-group label .ant-radio {
  vertical-align: middle;
}
.activity-2019-app-enroll .msg-box .ant-radio-checked .ant-radio-inner {
  border-color: #635c71;
}
.activity-2019-app-enroll .msg-box .ant-radio:hover .ant-radio-inner {
  border-color: #635c71;
}
.activity-2019-app-enroll .msg-box .submit-btn {
  height: 0.84rem;
  width: 2.57rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019App/enroll/button.png') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.activity-2019-app-enroll .msg-box .rule {
  margin-top: 0.74rem;
  margin-bottom: 0.45rem;
  text-align: center;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-wrapper {
  position: relative;
  padding-left: 0.3rem;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
}
.activity-2019-app-enroll .msg-box .rule .rule-name {
  color: #e77171;
  font-size: 0.2rem;
  text-decoration: underline;
  padding: 0 0.08rem;
  cursor: pointer;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-wrapper + span,
.activity-2019-app-enroll .msg-box .rule .ant-checkbox + span {
  font-size: 0.23rem;
  line-height: 0.3rem;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox + span {
  padding-right: 0;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-inner {
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.1rem;
  border-color: #6d6576;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-checked::after {
  -webkit-animation: none;
          animation: none;
  border: 0px solid #6d6576;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 0.03rem solid #6d6576;
  position: absolute;
  display: table;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.activity-2019-app-enroll .msg-box .rule .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #6d6576;
}
.activity-2019-app-enroll .msg-box .rule .ant-checkbox-checked .ant-checkbox-inner::after {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 0.08rem;
  height: 0.12rem;
  -webkit-transform: rotate(45deg) scale(1) translate(-45%, -60%);
      -ms-transform: rotate(45deg) scale(1) translate(-45%, -60%);
          transform: rotate(45deg) scale(1) translate(-45%, -60%);
}
.enroll-app-rule .ant-modal {
  width: 6.5rem !important;
}
.enroll-app-rule .ant-modal-footer {
  display: none;
}
.enroll-app-rule .ant-modal-body {
  padding: 0.2rem 0;
}
.enroll-app-rule .ant-modal-content {
  height: 8rem !important;
}
.enroll-app-rule .ant-modal-header {
  padding: 0.16rem 0.24rem;
}
.enroll-app-rule .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.72rem;
}
.enroll-app-rule .ant-modal-content .ant-modal-header {
  border-radius: 0.12rem;
  height: 0.96rem;
  text-align: center;
  border-bottom: none;
  padding: 0.16rem 0.24rem 0px;
}
.enroll-app-rule .rule-content {
  height: 6.5rem;
  overflow: auto;
  text-align: left;
  padding: 0 0.2rem;
  font-size: 0.18rem;
}
.enroll-app-rule .rule-content::-webkit-scrollbar {
  width: 0.04rem;
}
.enroll-app-rule .rule-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.02rem;
}
.enroll-app-rule .rule-content h3,
.enroll-app-rule .rule-content h4 {
  text-align: center;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-app-preach {
  overflow: hidden;
  position: relative;
  width: 7.5rem;
  padding-bottom: 0.91rem;
}
.activity-2019-app-preach .page-bg {
  margin-top: -1px;
}
.activity-2019-app-preach .section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.activity-2019-app-preach > img {
  width: 100%;
}
.activity-2019-app-preach ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-app-preach p {
  margin: 0;
  padding: 0;
}
.activity-2019-app-preach h1,
.activity-2019-app-preach h2,
.activity-2019-app-preach h3,
.activity-2019-app-preach h4,
.activity-2019-app-preach h5,
.activity-2019-app-preach h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-app-preach .title {
  margin: 0 auto;
  height: 0.74rem;
  width: 3.15rem;
  display: block;
}
.activity-2019-app-preach .title-1 {
  margin-top: 6.2rem;
}
.activity-2019-app-preach .title-2 {
  margin-top: 1.48rem;
}
.activity-2019-app-preach .title-3 {
  margin-top: 0;
}
.activity-2019-app-preach .title-4 {
  margin-top: 2.5rem;
}
.activity-2019-app-preach .live-text {
  margin-top: 0.08rem;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #fff;
  padding: 0 0.4rem;
}
.activity-2019-app-preach .live {
  height: 4.27rem;
  width: 100%;
  margin-top: 0.26rem;
  position: relative;
}
.activity-2019-app-preach .live .live-yuyue {
  width: 1.4rem;
  height: 0.45rem;
  background: url('/static/images/activity/miniGame/2019App/preach/video-title-bg.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 0.44rem;
  text-align: center;
  line-height: 0.35rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.07rem;
  color: #7b300e;
  font-size: 0.22rem;
  cursor: pointer;
}
.activity-2019-app-preach .live .enter-live {
  color: #fff;
  font-size: 0.22rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0.4rem;
  line-height: 0.5rem;
  cursor: pointer;
}
.activity-2019-app-preach .live .live-container {
  width: 7.37rem;
  height: 3.56rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019App/preach/video-bg.png') no-repeat;
  background-size: 100% 100%;
  padding-top: 0.16rem;
}
.activity-2019-app-preach .live .live-container .cc-live {
  width: 6.73rem;
  height: 3.18rem;
  border: 0.02rem solid #7b300e;
  border-radius: 0.05rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0.33rem;
}
.activity-2019-app-preach .live .live-container iframe {
  height: 100%;
  width: 100%;
}
.activity-2019-app-preach .live .yun {
  position: absolute;
  height: 0.63rem;
  width: 1.37rem;
  bottom: 0;
  left: 0;
  background: url('/static/images/activity/miniGame/2019App/preach/yun.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-app-preach .live-teacher .live-teac-item {
  background: url('/static/images/activity/miniGame/2019App/preach/news-bg.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 0.48rem;
  position: relative;
  height: 2.56rem;
  width: 6.75rem;
  margin-bottom: 0.3rem;
}
.activity-2019-app-preach .live-teacher .live-teac-item img {
  height: 2.2rem;
  width: 2.86rem;
  position: absolute;
  left: -0.23rem;
  top: 0.18rem;
  border: 0.02rem solid #7b300e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-app-preach .live-teacher .live-teac-item div {
  position: absolute;
  left: 2.8rem;
  top: 0.3rem;
  width: 3.67rem;
}
.activity-2019-app-preach .live-teacher .live-teac-item div p:nth-of-type(1) {
  font-size: 0.24rem;
  line-height: 0.24rem;
  color: #674d2e;
  margin-bottom: 0.22rem;
}
.activity-2019-app-preach .live-teacher .live-teac-item div p:nth-of-type(2) {
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-bottom: 0.2rem;
  color: #974747;
}
.activity-2019-app-preach .live-teacher .live-teac-item div p:nth-of-type(3) {
  font-size: 0.22rem;
  color: #544040;
  line-height: 0.28rem;
}
.activity-2019-app-preach .citys {
  margin: 0.8rem 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.activity-2019-app-preach .citys div {
  width: 2.35rem;
  height: 0.84rem;
  background: url('/static/images/activity/miniGame/2019App/preach/xincheng.png') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 1.11rem;
  font-size: 0.47rem;
  line-height: 0.8rem;
  text-align: center;
  font-weight: 700;
}
.activity-2019-app-preach .class {
  height: 13.62rem;
  width: 7.28rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019App/preach/class-bg.png') no-repeat;
  background-size: 100% 100%;
  margin-top: 0.23rem;
  position: relative;
}
.activity-2019-app-preach .table-box {
  position: absolute;
  width: 7rem;
  height: 13.37rem;
  left: 0.12rem;
  top: 0.13rem;
}
.activity-2019-app-preach .table-box p {
  font-size: 0.23rem;
  line-height: 0.28rem;
}
.activity-2019-app-preach .table-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity-2019-app-preach .table-row > div {
  height: 1.78rem;
  border: 1px solid #7b300e;
  border-top: none;
  border-left: none;
  text-align: center;
  line-height: 0.3rem;
  font-size: 0.2rem;
  color: #674d2e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.activity-2019-app-preach .row-header {
  border-bottom: 0.02rem solid #674d2e;
}
.activity-2019-app-preach .row-header .class-nav {
  position: absolute;
  height: 0.3rem;
  line-height: 0.3rem;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-size: 0.25rem;
  font-weight: 700;
}
.activity-2019-app-preach .row-header .class-nav span {
  position: relative;
  z-index: 8;
}
.activity-2019-app-preach .row-header .class-nav::before {
  content: '';
  display: block;
  position: absolute;
  width: 0.8rem;
  height: 0.18rem;
  border-radius: 0.09rem;
  background: #f0e9d9;
  top: 0.15rem;
  left: 0;
  z-index: 1;
}
.activity-2019-app-preach .row-header > div {
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.26rem;
  color: #8e6b41;
  border-bottom: none;
  position: relative;
  padding: 0;
}
.activity-2019-app-preach .space-item > div {
  height: 0.03rem;
  padding: 0;
}
.activity-2019-app-preach .col-1 {
  width: 1.45rem;
}
.activity-2019-app-preach .col-2 {
  width: 2.18rem;
}
.activity-2019-app-preach .col-3 {
  width: 1.95rem;
}
.activity-2019-app-preach .col-4 {
  width: 1.39rem;
  border-right: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.activity-2019-app-preach .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.5rem;
  margin-top: 0.68rem;
  padding-bottom: 2.55rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-app-preach .banner .swiper-item {
  height: 6.21rem;
  width: 5.65rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url('/static/images/activity/miniGame/2019App/preach/teacher-bg.png') no-repeat;
  background-size: 5.45rem 100%;
  background-position: 0.2rem;
}
.activity-2019-app-preach .banner img {
  height: 2.2rem;
  width: 2.83rem;
  position: absolute;
  left: 0rem;
  top: 0.32rem;
  border: 0.02rem solid #7b300e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-app-preach .banner .user-msg {
  position: absolute;
  left: 3rem;
  top: 0.32rem;
  width: 2.4rem;
}
.activity-2019-app-preach .banner .user-msg p:nth-of-type(1) {
  font-size: 0.26rem;
  line-height: 0.26rem;
  color: #674d2e;
  margin-bottom: 0.17rem;
}
.activity-2019-app-preach .banner .user-msg p:nth-of-type(2) {
  font-size: 0.23rem;
  line-height: 0.3rem;
  margin-bottom: 0.1rem;
  color: #974747;
}
.activity-2019-app-preach .banner .user-msg p:nth-of-type(3) {
  font-size: 0.23rem;
  color: #544040;
  line-height: 0.3rem;
}
.activity-2019-app-preach .banner .article-msg {
  position: absolute;
  top: 3.08rem;
  left: 0.6rem;
  width: 4.76rem;
}
.activity-2019-app-preach .banner .article-msg p:nth-of-type(1) {
  font-size: 0.22rem;
  line-height: 0.22rem;
  color: #674d2e;
  margin-bottom: 12px;
  font-weight: 700;
}
.activity-2019-app-preach .banner .article-msg p:nth-of-type(2) {
  font-size: 0.23rem;
  line-height: 0.36rem;
  color: #674d2e;
  margin-bottom: 0.12rem;
}
.activity-2019-app-preach .banner .left-btn {
  width: 0.75rem;
  height: 0.86rem;
  background: url('/static/images/activity/miniGame/2019App/preach/left.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-app-preach .banner .items-container {
  height: 6.21rem;
  width: 5.88rem;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-app-preach .banner .right-btn {
  width: 0.75rem;
  height: 0.86rem;
  background: url('/static/images/activity/miniGame/2019App/preach/right.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.yuyue-app-model .ant-modal {
  width: 7.5rem !important;
  height: 7rem !important;
}
.yuyue-app-model .ant-modal .ant-modal-content {
  width: 7.5rem !important;
  height: 7rem !important;
  background: transparent;
}
.yuyue-app-model .ant-modal .ant-modal-body {
  width: 7.5rem !important;
  height: 6.5rem !important;
  background: url('/static/images/activity/miniGame/2019App/preach/model/bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 0.67rem;
  padding-left: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.yuyue-app-model .ant-modal .ant-modal-footer {
  border: none;
  padding-top: 0;
}
.yuyue-app-model .ant-modal .ant-modal-footer .close {
  background: url('/static/images/activity/miniGame/2019App/preach/model/close.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  height: 0.6rem;
  width: 0.6rem;
  margin: 0 auto;
}
.yuyue-app-model .ant-modal .ant-modal-close-x {
  display: none;
}
.yuyue-app-model .ant-modal .submit {
  height: 0.84rem;
  width: 2.57rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019App/preach/model/button.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
}
.yuyue-app-model .ant-modal .submit:hover {
  background: url('/static/images/activity/miniGame/2019App/preach/model/button-hover.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-app-model .yuyue-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.83rem;
  margin-bottom: 0.5rem;
}
.yuyue-app-model .col-1 {
  width: 1rem;
  line-height: 0.83rem;
  height: 100%;
  font-size: 0.28rem;
  font-weight: 700;
}
.yuyue-app-model .col-2 {
  width: 4.25rem;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019App/preach/model/writing-bg.png') no-repeat;
  background-size: 100% 100%;
}
.yuyue-app-model .col-2 input {
  width: 4.15rem;
  height: 0.68rem;
  margin-top: 0.12rem;
  margin-left: 0.07rem;
  border: none;
  font-size: 0.28rem;
  line-height: 0.68rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.yuyue-app-suc-model .ant-modal {
  width: 7.5rem !important;
  height: 5rem !important;
}
.yuyue-app-suc-model .ant-modal .ant-modal-content {
  width: 7.5rem !important;
  height: 5rem !important;
  background: transparent;
}
.yuyue-app-suc-model .ant-modal .ant-modal-body {
  width: 7.5rem !important;
  height: 4.66rem !important;
  background: url('/static/images/activity/miniGame/2019App/preach/model/success_bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 1.17rem;
}
.yuyue-app-suc-model .ant-modal .ant-modal-footer {
  border: none;
}
.yuyue-app-suc-model .ant-modal .ant-modal-footer .close {
  background: url('/static/images/activity/miniGame/2019App/preach/model/close.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  height: 0.4rem;
  width: 0.4rem;
  margin: 0 auto;
}
.yuyue-app-suc-model .ant-modal .ant-modal-close-x {
  display: none;
}
.yuyue-app-suc-model .ant-modal .title {
  margin: 0 auto;
  height: 0.85rem;
  width: 4.18rem;
  background: url('/static/images/activity/miniGame/2019App/preach/model/title.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}
.yuyue-app-suc-model .ant-modal .content {
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #7b300e;
  text-align: center;
}
.activity-webapp-results .results-container {
  margin-top: 6.2rem;
  height: 1rem;
}
.activity-webapp-results .results-container .huo-wrap {
  width: 100%;
  overflow: hidden;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 1rem 0.3rem 0.5rem;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .wrap-item > p {
  font-size: 0.28rem;
  color: #635c71;
  font-weight: bold;
  width: 1.8rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-first {
  width: 3.6rem;
  height: 1.6rem;
  background: url('/static/images/activity/miniGame/2019App/results/huo-first.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-first > p {
  margin: 0.9rem 0 0 1.45rem;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-second {
  width: 3rem;
  height: 1.6rem;
  background: url('/static/images/activity/miniGame/2019App/results/huo-second.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-second > p {
  font-size: 0.24rem;
  margin: 0.9rem 0 0 1.1rem;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-second-active {
  background: url('/static/images/activity/miniGame/2019App/results/huo-second-active.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-third {
  width: 2.22rem;
  height: 1.35rem;
  background: url('/static/images/activity/miniGame/2019App/results/huo-third.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-third > p {
  margin: 0.6rem 0 0 0.8rem;
  width: 1.3rem;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.activity-webapp-results .results-container .huo-wrap .title-wrap .item-third-active {
  background: url('/static/images/activity/miniGame/2019App/results/huo-third-active.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .first-title-wrap {
  padding-top: 0;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content {
  width: 6.42rem;
  margin: 0 auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab {
  width: 6.42rem;
  height: 0.55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab .tab-item {
  width: 1.67rem;
  height: 0.55rem;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab .tab-item + .tab-item {
  margin-left: 0.1rem;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab .item-fu {
  background: url('/static/images/activity/miniGame/2019App/results/huo-fusai.png') no-repeat;
  background-size: 1.67rem auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab .item-jue {
  background: url('/static/images/activity/miniGame/2019App/results/huo-juesai-btn.png') no-repeat;
  background-size: 1.67rem auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab .item-fu-active {
  background: url('/static/images/activity/miniGame/2019App/results/huo-fusai-btn-active.png') no-repeat;
  background-size: 1.67rem auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-tab .item-jue-active {
  background: url('/static/images/activity/miniGame/2019App/results/huo-juesai-btn-active.png') no-repeat;
  background-size: 1.67rem auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content {
  margin-top: -0.1rem;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-head {
  width: 100%;
  height: 0.54rem;
  background: url('/static/images/activity/miniGame/2019App/results/content_01.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-center {
  width: 100%;
  height: auto;
  background: url('/static/images/activity/miniGame/2019App/results/content_02.png') repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-center .wrap-con {
  width: 5.7rem;
  margin: 0 auto;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-center .wrap-con > h3 {
  font-size: 0.24rem;
  color: #e77171;
  font-weight: bold;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-center .wrap-con .con-title {
  color: #635c71;
  font-size: 0.24rem;
  font-weight: bold;
  margin-top: 0.2rem;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-center .wrap-con > p {
  font-size: 0.24rem;
  color: #8e6b41;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-center .wrap-con > video {
  width: 100%;
  height: 3.6rem;
  margin-top: 0.1rem;
}
.activity-webapp-results .results-container .huo-wrap .wrap-content .content-content .content-footer {
  width: 100%;
  height: 0.47rem;
  background: url('/static/images/activity/miniGame/2019App/results/content_03.png') no-repeat;
  background-size: 100% auto;
}
.activity-webapp-results .results-container .huo-wrap .single-title {
  width: 7.39rem;
  height: 5.45rem;
  background: url('/static/images/activity/miniGame/2019App/results/single.png') no-repeat;
  background-size: 100% auto;
  margin-top: 1rem;
  padding: 1.27rem 0.9rem 1.1rem;
}
.activity-webapp-results .results-container .huo-wrap .single-title .single-item {
  height: 0.78rem;
  line-height: 0.78rem;
  border-bottom: 1px solid #8e6b41;
  color: #674d2e;
}
.activity-webapp-results .results-container .huo-wrap .single-title .single-item > span {
  display: inline-block;
  width: 50%;
  text-align: right;
}
.activity-webapp-results .results-container .huo-wrap .single-title .single-item:nth-child(2n-1) {
  background: #f4efe8;
}
.activity-webapp-results .activity-tabs {
  padding: 0.9rem 0;
  text-align: center;
}
.activity-webapp-results .tabs-item {
  display: inline-block;
  width: 2rem;
  height: 0.9rem;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.35rem;
  font-weight: bold;
  background-image: url("/static/images/activity/miniGame/2019/results/activity-tab-bg.png");
  background-size: 100% 100%;
  color: #544040;
}
.activity-webapp-results .tabs-item + .tabs-item {
  margin-left: 0.2rem;
}
.activity-webapp-results .tabs-item-active {
  background-image: url("/static/images/activity/miniGame/2019/results/activity-tab-active.png");
}
.activity-webapp-results .results-grid-container {
  background-image: url("/static/images/activity/miniGame/2019App/results/result-grid-bg.png");
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.3rem 0.9rem 0.9rem 0.9rem;
}
.activity-webapp-results .results-grid {
  height: 100%;
}
.activity-webapp-results .grid-row-container {
  /*border:1px solid #7B300E;*/
  border-top-width: 0;
  min-height: 5rem;
}
.activity-webapp-results .result-grid-body {
  margin-bottom: 0.1rem;
}
.activity-webapp-results .result-grid-main {
  border: 1px solid #7F350F;
}
.activity-webapp-results .grid-header {
  height: 1rem;
  /*border:1px solid #7B300E;*/
  border-bottom: 1px solid #C6A796;
  background: #fff;
}
.activity-webapp-results .grid-row {
  border-top: 1px solid #C6A796;
  height: 1rem;
  text-align: center;
}
.activity-webapp-results .grid-row-cell {
  float: left;
  width: 50%;
  height: 100%;
}
.activity-webapp-results .grid-row-cell:first-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #C6A796;
}
.activity-webapp-results .grid-row:nth-child(odd) {
  background: #F4EFE8;
}
.activity-webapp-results .grid-row:nth-child(even) {
  background: #fff;
}
.activity-webapp-results .results-page-container {
  margin: 0.2rem 0;
}
.activity-webapp-results .results-page-container:after {
  content: '';
  display: table;
  clear: both;
}
.activity-webapp-results .results-page-container .prev-page {
  float: left;
  height: 0.6rem;
  line-height: 0.6rem;
  width: 48%;
  text-align: center;
  font-weight: bold;
  background-image: url("/static/images/activity/miniGame/2019App/results/page-btn-hover-bg.png");
  background-size: 100% 100%;
  color: #fff;
}
.activity-webapp-results .results-page-container .next-page {
  float: right;
  height: 0.6rem;
  line-height: 0.6rem;
  width: 48%;
  text-align: center;
  font-weight: bold;
  background-image: url("/static/images/activity/miniGame/2019App/results/page-btn-hover-bg.png");
  background-size: 100% 100%;
  color: #fff;
}
.activity-webapp-results .results-page-container .next-page-disabled,
.activity-webapp-results .results-page-container .prev-page-disabled {
  background-image: url("/static/images/activity/miniGame/2019App/results/page-btn-bg.png");
  color: #5D3A14;
}

.talent-h5-intro {
  position: relative;
  padding: 0 0.4rem 1.6rem;
  min-height: 100vh;
}
.talent-h5-intro-title {
  width: 100%;
  margin: 0 auto 0.24rem;
}
.talent-h5-intro-title > img {
  width: 100%;
  height: auto;
}
.talent-h5-intro-content {
  width: 100%;
  margin: 0 auto 1rem;
}
.talent-h5-intro-content > img {
  width: 100%;
  height: auto;
}
.talent-h5-intro-box-4 .talent-h5-intro-teacher {
  width: 1.47rem;
  margin-right: 0.73rem;
  margin-bottom: 0.34rem;
}
.talent-h5-intro-box-4 .talent-h5-intro-teacher:nth-child(3n) {
  margin-right: 0;
}
.talent-h5-intro-box-4 .talent-h5-intro-teacher-img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto 0.11rem;
}
.talent-h5-intro-box-4 .talent-h5-intro-teacher-img > img {
  width: 100%;
  height: 100%;
}
.talent-h5-intro-box-4 .talent-h5-intro-teacher-name {
  font-weight: 600;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #53F5FF;
  text-align: center;
}
.talent-h5-intro-box-4 .talent-h5-intro-teacher-team {
  text-align: center;
  width: 1.47rem;
  height: 0.68rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #AEDDFF;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-h5-intro-box-4 .talent-h5-intro-content {
  height: auto;
  padding-top: 0.24rem;
}
.talent-h5-intro-box-4 .talent-h5-intro-content .talent-h5-intro-list {
  padding: 0 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.talent-h5-intro-box-5 {
  margin: 0 auto;
}
.talent-h5-intro-box-5 .talent-h5-intro-left {
  width: 6.5rem;
  height: 3.56rem;
  background-image: url("/static/images/activity/talent/h5/log-entry.png");
  background-size: 100% 100%;
}
.talent-h5-intro-box-5 .talent-h5-intro-right {
  width: 6.5rem;
  height: 4rem;
  background: #212D46;
  padding-top: 0.55rem;
}
.talent-h5-intro-box-5 .talent-h5-intro-right-qcode {
  margin: 0 auto 0.28rem;
  width: 2rem;
  height: 2rem;
  background-image: url("/static/images/activity/talent/download.png");
  background-size: 100% 100%;
}
.talent-h5-intro-box-5 .talent-h5-intro-right > div {
  font-weight: 600;
  font-size: 0.24rem;
  text-align: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
.talent-h5-intro .teacher-detail-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 104;
  color: #fff;
}
.talent-h5-intro .teacher-detail-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 14, 27, 0.7);
}
.talent-h5-intro .teacher-detail-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 5.04rem;
  height: 6.08rem;
  background-image: url('/static/images/activity/talent/h5/content4.png');
  background-size: 100% 100%;
  padding: 0.44rem 0.32rem;
  background-color: #0F0E1B;
}
.talent-h5-intro .teacher-detail-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-h5-intro .teacher-detail-img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.27rem;
}
.talent-h5-intro .teacher-detail-img > img {
  width: 1.2rem;
  height: 1.2rem;
}
.talent-h5-intro .teacher-detail-name {
  font-weight: 600;
  font-size: 0.32rem;
  color: #53F5FF;
  margin-bottom: 0.03rem;
}
.talent-h5-intro .teacher-detail-team {
  font-size: 0.26rem;
  color: #AEDDFF;
}
.talent-h5-intro .teacher-detail-word {
  margin-bottom: 0.64rem;
  font-size: 0.26rem;
  color: #AEDDFF;
}
.talent-h5-intro .teacher-detail-intro {
  text-align: justify;
  font-size: 0.28rem;
  color: #D9E8FF;
}

.talent-h5-course {
  margin: 0 auto;
  padding: 0 0.4rem 1.6rem;
  min-height: 100vh;
}
.talent-h5-course-banner {
  width: 100%;
  height: 2.2rem;
  margin-bottom: 0.48rem;
  background-image: url('/static/images/activity/talent/h5/banner.png');
  background-size: contain;
}
.talent-h5-course-intro {
  width: 100%;
  height: 2rem;
  margin-bottom: 0.16rem;
  background-image: url('/static/images/activity/talent/h5/course-intro.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.talent-h5-course-integral {
  text-align: right;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.talent-h5-course-integral .integral {
  width: 1.96rem;
  height: 0.51rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.05rem 0.06rem;
  margin-right: 0.1rem;
  background-image: url('/static/images/activity/talent/h5/integral-box.png');
  background-size: 100% 100%;
  position: relative;
}
.talent-h5-course-integral .integral > span {
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
}
.talent-h5-course-integral .integral-label {
  width: 1.18rem;
  font-size: 0.24rem;
  color: #BEC1FF;
}
.talent-h5-course-integral .integral-data {
  position: absolute;
  right: 0.06rem;
  width: 0.7rem;
  font-weight: 600;
  font-size: 0.26rem;
  color: #FFFFFF;
}
.talent-h5-course-integral img {
  width: 2.24rem;
  height: auto;
}
.talent-h5-course-item {
  width: 100%;
  background-image: url("/static/images/activity/talent/h5/video-box.png");
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
  background: #1D1D30;
  position: relative;
}
.talent-h5-course-item-video {
  width: 100%;
  height: 3.76rem;
  background-color: burlywood;
  position: relative;
}
.talent-h5-course-item-video > img {
  width: 100%;
  height: 100%;
}
.talent-h5-course-item-video .play-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.talent-h5-course-item-video .play-btn::after {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/static/images/activity/talent/h5/play-btn.png");
  background-size: 100% 100%;
}
.talent-h5-course-item-video .course-status {
  position: absolute;
  top: 0.32rem;
  left: 0.32rem;
}
.talent-h5-course-item-video .course-status img {
  width: 1.36rem;
  height: auto;
}
.talent-h5-course-item-bottom {
  padding: 0.3rem 0.32rem 0.32rem;
  background: #1D1D30;
}
.talent-h5-course-item-title {
  margin-bottom: 0.15rem;
  font-weight: 500;
  font-size: 0.36rem;
  color: #fff;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-h5-course-item-info {
  margin-bottom: 0.12rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #A6A8C4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-h5-course-item-info .item-lebal {
  width: 1.47rem;
  word-wrap: break-word;
}
.talent-h5-course-item-info .item-info {
  width: 4.59rem;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-h5-course-item-btn {
  width: 100%;
  height: 1rem;
  margin-top: 0.15rem;
  cursor: pointer;
}
.talent-h5-course-item-btn img {
  width: 100%;
  height: auto;
}

.talent-h5-course2 {
  min-height: 100vh;
  padding: 0 0.4rem 1.6rem;
}
.talent-h5-course2-box {
  width: 6.7rem;
  margin: 0 auto;
}
.talent-h5-course2-box:first-child {
  padding-bottom: 0.57rem;
}
.talent-h5-course2-box:first-child .talent-h5-course2-title {
  background-image: url('/static/images/activity/talent/h5/course2-title2.png');
}
.talent-h5-course2-box:last-child .talent-h5-course2-title {
  background-image: url('/static/images/activity/talent/h5/course2-title1.png');
}
.talent-h5-course2-title {
  width: 100%;
  height: 0.42rem;
  margin: 0 auto 0.28rem;
  background-size: 100% auto;
}
.talent-h5-course2-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.talent-h5-course2-content .talent-h5-course2-videoItem {
  width: 3.2rem;
  height: 3.31rem;
  margin-right: 0.3rem;
  margin-bottom: 0.38rem;
  background-image: url('/static/images/activity/talent/h5/course2-videoBox.png');
  background-size: 100% 100%;
  padding: 0.16rem;
}
.talent-h5-course2-content .talent-h5-course2-videoItem:nth-child(2n) {
  margin-right: 0;
}
.talent-h5-course2-content .talent-h5-course2-videoItem > div {
  font-weight: 500;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #FFFFFF;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-h5-course2-content > div {
  font-weight: 500;
  font-size: 0.16rem;
  line-height: 0.28rem;
  text-align: justify;
}
.talent-h5-course2-content .video-box {
  position: relative;
  width: 2.88rem;
  height: 1.93rem;
  margin-bottom: 0.16rem;
  background-color: #414A6C;
}
.talent-h5-course2-content .video-box > img {
  width: 100%;
  height: 100%;
}
.talent-h5-course2-content .video-box .play-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.talent-h5-course2-content .video-box .play-btn::after {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/static/images/activity/talent/h5/play-btn.png");
  background-size: 100% 100%;
}
.talent-h5-course2-content .talent-h5-course2-contentItem {
  padding-bottom: 0.32rem;
  border-bottom: 1px solid #414A6C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.32rem;
}
.talent-h5-course2-content .talent-h5-course2-contentItem .talent-h5-course2-left {
  width: 2.1rem;
  height: 1.4rem;
  background-color: #eea;
  margin-right: 0.22rem;
}
.talent-h5-course2-content .talent-h5-course2-contentItem .talent-h5-course2-left > img {
  width: 100%;
  height: 100%;
}
.talent-h5-course2-content .talent-h5-course2-contentItem .talent-h5-course2-right {
  width: 4.38rem;
}
.talent-h5-course2-content .talent-h5-course2-contentItem .talent-h5-course2-right a > div[status='name'] {
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.4rem;
  height: 0.8rem;
  color: #FFFFFF;
  margin-bottom: 0.18rem;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-h5-course2-content .talent-h5-course2-contentItem .talent-h5-course2-right > div[status='name'] {
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.4rem;
  height: 0.8rem;
  color: #FFFFFF;
  margin-bottom: 0.18rem;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-h5-course2-content .talent-h5-course2-contentItem .talent-h5-course2-right > div[status='date'] {
  font-weight: 500;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #A6A8C4;
}
.talent-h5-course2 .EM-h5-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 104;
}
.talent-h5-course2 .EM-h5-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.talent-h5-course2 .EM-h5-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 6rem;
  height: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.talent-h5-course2 .EM-h5-video-video {
  width: 100%;
  height: 100%;
}
.talent-h5-course2 .EM-h5-video-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.talent-h5-course2 .EM-h5-video-video video:focus {
  outline: none;
}

.video-h5-js-box-job_practice .video-js {
  width: 6rem;
  height: 3.375rem;
}
.video-h5-js-box-job_practice .video-js button.vjs-big-play-button {
  width: 1rem;
  height: 1rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: url("/static/images/activity/job_practice/video-icon.png") no-repeat;
  background-size: 1rem auto;
  border: none;
}
.video-h5-js-box-job_practice .video-js button.vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}
.video-h5-js-box-job_practice .video-js div.vjs-time-control {
  display: block;
}
.video-h5-js-box-job_practice .video-js div.vjs-remaining-time {
  display: none;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.m-cc-live-page {
  width: 100%;
  height: 100%;
  background: #363636;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m-cc-live-page .m-cc-live {
  height: calc(100% - 0.8rem);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 10;
}
.m-cc-live-page .m-cc-live iframe {
  width: 100%;
  height: 100%;
}
.m-cc-live-page .m-cc-live-barrage {
  height: 0.64rem;
  max-height: 40px;
  margin: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-cc-live-page .m-cc-live-barrage > input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0 8px;
  font-size: 14px;
  background: #666;
  color: #fff;
}
.m-cc-live-page .m-cc-live-barrage > input:focus {
  outline: 0px;
}
.m-cc-live-page .m-cc-live-barrage > input::-webkit-input-placeholder {
  color: #ccc;
}
.m-cc-live-page .m-cc-live-barrage .cc-barrage-send {
  margin-left: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 0 0.4rem;
  border-radius: 0.16rem;
  background: #D83B2F;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.art_design-nav {
  height: 144px;
  width: 1260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 99;
}
.art_design-nav .Item {
  width: 210px;
}
.art_design-nav .Item1 {
  background: url('/static/images/activity/art_design/2019/nav-intro-active.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item1.active {
  background: url('/static/images/activity/art_design/2019/nav-intro.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item2 {
  background: url('/static/images/activity/art_design/2019/nav-prize-active.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item2.active {
  background: url('/static/images/activity/art_design/2019/nav-prize.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item3 {
  background: url('/static/images/activity/art_design/2019/nav-preach-active.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item3.active {
  background: url('/static/images/activity/art_design/2019/nav-preach.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item4 {
  background: url('/static/images/activity/art_design/2019/nav-enroll-active.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item4.active {
  background: url('/static/images/activity/art_design/2019/nav-enroll.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item5 {
  background: url('/static/images/activity/art_design/2019/nav-works.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item5.active {
  background: url('/static/images/activity/art_design/2019/nav-works-active.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item6 {
  background: url('/static/images/activity/art_design/2019/nav-result-active.png') top no-repeat;
  background-size: 248px 144px;
}
.art_design-nav .Item6.active {
  background: url('/static/images/activity/art_design/2019/nav-result.png') top no-repeat;
  background-size: 248px 144px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_enroll {
  min-width: 1260px;
  width: 100%;
  height: 2291px;
  position: relative;
  overflow: hidden;
  background: url('/static/images/activity/art_design/2019/intro-bg.png') top no-repeat;
  background-size: 1920px auto;
  background-position-x: center;
  font-family: Microsoft YaHei, arial, sans-serif;
}
.art_enroll-content {
  width: 1260px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 970px;
}
.art_enroll-content .page-enroll {
  display: block;
  width: 968px;
  height: 239px;
  background: url('/static/images/activity/art_design/2019/page-enroll.png') no-repeat;
  background-size: 968px auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 830px;
}
.art_enroll-enroll {
  width: 1260px;
  height: 1069px;
  background: url('/static/images/activity/art_design/2019/enroll_con.png') top no-repeat;
  background-size: 1162px auto;
  background-position-x: center;
  margin-top: 10px;
  position: relative;
}
.art_enroll-enroll .Qrcode {
  width: 98px;
  height: 122px;
  position: absolute;
  top: 180px;
  right: 240px;
  background: url('/static/images/activity/art_design/2019/qrcode.png') no-repeat;
  background-size: 98px auto;
}
.art_enroll-enroll .enroll_rule {
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-family: '\5B8B\4F53';
  position: absolute;
  top: 860px;
  left: 0;
}
.art_enroll-enroll .enroll_rule .ant-checkbox-wrapper {
  font-size: 20px;
}
.art_enroll-enroll .enroll_rule .ant-checkbox-wrapper .ant-checkbox-inner {
  border-radius: 50%;
  background-color: #fff;
}
.art_enroll-enroll .enroll_rule .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
  display: block;
  width: 8px;
  height: 8px;
  background: #D83B2f;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  border: none;
}
.art_enroll-enroll .enroll_rule .enroll_href {
  text-decoration: underline;
  color: #3e3e3e;
  font-size: 20px;
  font-family: '\5B8B\4F53';
}
.art_enroll-enroll .submitEnroll {
  width: 309px;
  height: 91px;
  background: url('/static/images/activity/art_design/2019/enroll_btn.png') top no-repeat;
  background-size: 309px auto;
  position: absolute;
  top: 900px;
  left: 472px;
  cursor: pointer;
}
.art_enroll-form {
  position: absolute;
  width: 600px;
  height: 400px;
  top: 446px;
  left: 295px;
}
.art_enroll .formBox-Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 58px;
  line-height: 58px;
  margin-bottom: 12px;
}
.art_enroll .formBox-Item .ant-input {
  width: 470px;
  height: 48px;
  line-height: 48px;
  border: 5px solid #9e9da2;
  border-radius: 12px;
}
.art_enroll .formBox-Item .ant-input:hover {
  border-right-width: 5px !important;
}
.art_enroll .formBox-Item .ant-input:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-right-width: 5px !important;
}
.art_enroll .formBox-Item .ant-select {
  width: 300px;
  height: 48px;
}
.art_enroll .formBox-Item .ant-select-selection {
  border: 5px solid #9e9da2;
  border-top-width: 5px;
  height: 48px;
}
.art_enroll .formBox-Item .ant-select-selection:hover,
.art_enroll .formBox-Item .ant-select-selection:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-right-width: 5px !important;
}
.art_enroll .formBox-Item .selectGradeMenu {
  border-radius: 4px;
}
.art_enroll .formBox-Item .ant-radio-group {
  padding-left: 20px;
  font-weight: bold;
  font-family: '\5B8B\4F53';
}
.art_enroll .formBox-Item .ant-radio-wrapper {
  font-size: 20px;
}
.art_enroll .formBox-Item .title {
  min-width: 120px;
  text-align: center;
  font-size: 22px;
  font-family: '\5B8B\4F53';
  font-weight: bold;
}
.ant-radio {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  margin-right: 10px;
}
.art_enroll-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.art_enroll-mask .modal-box {
  width: 1011px;
  height: 742px;
  background: url('/static/images/activity/art_design/2019/mask_con.png') no-repeat;
  background-size: 1011px auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.art_enroll-mask .modal-box .close {
  width: 117px;
  height: 115px;
  position: absolute;
  top: 10px;
  right: 30px;
  background: url('/static/images/activity/art_design/2019/close.png') no-repeat;
  background-size: 117px auto;
}
.art_enroll-mask .modal-box > h2 {
  font-size: 24px;
  text-align: center;
  margin-top: 130px;
  font-family: '\5B8B\4F53';
  font-weight: bold;
}
.art_enroll-mask .modal-box .modal-content {
  width: 670px;
  height: 423px;
  margin: 10px auto 0;
  overflow-y: auto;
}
.art_enroll-mask .modal-box .modal-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.art_enroll-mask .modal-box .modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.art_enroll-mask .modal-box .modal-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.ant-select-dropdown {
  border-radius: 4px;
}
.ant-select-dropdown-menu {
  max-height: 250px;
}
.ant-select-dropdown-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.ant-select-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.ant-select-dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.art_intro {
  min-width: 1260px;
  width: 100%;
  height: 3791px;
  position: relative;
  overflow: hidden;
  background: #2c0b0a url('/static/images/activity/art_design/2019/intro-bg.png') top no-repeat;
  background-size: 1920px auto;
  background-position-x: center;
  font-family: Microsoft YaHei, arial, sans-serif;
}
.art_intro-content {
  width: 1260px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 970px;
}
.art_intro-content .page-enroll {
  display: block;
  width: 968px;
  height: 239px;
  background: url('/static/images/activity/art_design/2019/page-enroll.png') no-repeat;
  background-size: 968px auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 830px;
}
.art_intro-castle {
  width: 1260px;
  height: 1033px;
  background: url('/static/images/activity/art_design/2019/1.png') top no-repeat;
  background-size: 1414px auto;
  background-position-x: center;
}
.art_intro-case {
  width: 1260px;
  height: 900px;
  background: url('/static/images/activity/art_design/2019/case.png') top no-repeat;
  background-size: 1315px auto;
  background-position-x: center;
  margin-top: -120px;
  position: relative;
  font-family: '\5B8B\4F53', Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
}
.art_intro-case .case-01 {
  width: 100px;
  height: 247px;
  position: absolute;
  background: url('/static/images/activity/art_design/2019/case-btn-active.png') top no-repeat;
  background-size: 100px auto;
  left: 10px;
  top: 171px;
  color: #2c0b0a;
  font-size: 36px;
  letter-spacing: 20px;
  padding-left: 46px;
  padding-top: 50px;
}
.art_intro-case .case-01.active {
  background: url('/static/images/activity/art_design/2019/case-btn-bg.png') top no-repeat;
  background-size: 100px auto;
}
.art_intro-case .case-02 {
  width: 100px;
  height: 247px;
  position: absolute;
  background: url('/static/images/activity/art_design/2019/case-btn-active.png') top no-repeat;
  background-size: 100px auto;
  left: 6px;
  top: 382px;
  color: #2c0b0a;
  font-size: 36px;
  letter-spacing: 20px;
  padding-left: 46px;
  padding-top: 50px;
}
.art_intro-case .case-02.active {
  background: url('/static/images/activity/art_design/2019/case-btn-bg.png') top no-repeat;
  background-size: 100px auto;
}
.art_intro-case .upload-intro {
  width: 252px;
  height: 87px;
  position: absolute;
  background: url('/static/images/activity/art_design/2019/upload_intro.png') top no-repeat;
  background-size: 252px auto;
  bottom: 220px;
  right: 210px;
}
.art_intro-case.art_case-fusai {
  background: url('/static/images/activity/art_design/2019/fusai-case.png') top no-repeat;
  background-size: 1314px auto;
}
.art_intro-rule {
  width: 1260px;
  height: 787px;
  background: url('/static/images/activity/art_design/2019/rule.png') top no-repeat;
  background-size: 1032px auto;
  background-position-x: center;
}

.art_preach {
  min-width: 1260px;
  width: 100%;
  height: 3690px;
  position: relative;
  overflow: hidden;
  background: url('/static/images/activity/art_design/2019/preach-bg.png') top no-repeat;
  background-size: 1920px auto;
  background-position-x: center;
  font-family: Microsoft YaHei, arial, sans-serif;
}
.art_preach-content {
  width: 1260px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 970px;
}
.art_preach-content .page-enroll {
  display: block;
  width: 968px;
  height: 239px;
  background: url('/static/images/activity/art_design/2019/page-enroll.png') no-repeat;
  background-size: 968px auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 830px;
}
.art_preach-wrap {
  width: 1260px;
  height: 2374px;
  background: url('/static/images/activity/art_design/2019/preach-wrap.png') top no-repeat;
  background-size: 1149px auto;
  background-position-x: center;
  margin-top: 10px;
  position: relative;
}
.art_preach-wrap .art_preach-con {
  width: 1260px;
  height: 1242px;
  background: url('/static/images/activity/art_design/2019/preach-con.png') top no-repeat;
  background-size: 1008px auto;
  background-position-x: center;
  position: absolute;
  top: 440px;
}
.art_preach-wrap .art_preach-table {
  width: 1260px;
  height: 590px;
  background: url('/static/images/activity/art_design/2019/prach-table.png') top no-repeat;
  background-size: 879px auto;
  background-position-x: center;
  position: absolute;
  top: 1680px;
}

.art_prize {
  min-width: 1260px;
  width: 100%;
  height: 3274px;
  position: relative;
  overflow: hidden;
  background: url('/static/images/activity/art_design/2019/prize-bg.png') top no-repeat;
  background-size: 1920px auto;
  background-position-x: center;
  font-family: Microsoft YaHei, arial, sans-serif;
}
.art_prize-content {
  width: 1260px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 970px;
}
.art_prize-content .page-enroll {
  display: block;
  width: 968px;
  height: 239px;
  background: url('/static/images/activity/art_design/2019/page-enroll.png') no-repeat;
  background-size: 968px auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 830px;
}
.art_prize-intro {
  width: 1260px;
  height: 265px;
  background: url('/static/images/activity/art_design/2019/prize-intro.png') top no-repeat;
  background-size: 1024px auto;
  background-position-x: center;
  margin-top: 10px;
}
.art_prize-prize {
  position: relative;
  width: 1260px;
  height: 1280px;
}
.art_prize-prize .one {
  position: absolute;
  width: 620px;
  height: 542px;
  background: url('/static/images/activity/art_design/2019/one.png') top no-repeat;
  background-size: 620px auto;
  background-position-x: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.art_prize-prize .two {
  position: absolute;
  width: 611px;
  height: 522px;
  background: url('/static/images/activity/art_design/2019/two.png') top no-repeat;
  background-size: 611px auto;
  background-position-x: center;
  left: 20px;
  top: 387px;
}
.art_prize-prize .three {
  position: absolute;
  width: 592px;
  height: 545px;
  background: url('/static/images/activity/art_design/2019/three.png') top no-repeat;
  background-size: 592px auto;
  background-position-x: center;
  right: 20px;
  top: 387px;
}
.art_prize-prize .four {
  position: absolute;
  width: 1260px;
  height: 502px;
  background: url('/static/images/activity/art_design/2019/four.png') top no-repeat;
  background-size: 1312px auto;
  background-position-x: center;
  top: 832px;
}
.art_prize-add {
  width: 620px;
  height: 280px;
  background: url('/static/images/activity/art_design/2019/prize-add.png') top no-repeat;
  background-size: 620px auto;
  background-position-x: center;
  margin: 120px auto;
}

.art_result {
  min-width: 1260px;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background: #2c0b0a url('/static/images/activity/art_design/2019/intro-bg.png') top no-repeat;
  background-size: 1920px auto;
  background-position-x: center;
  font-family: '\5B8B\4F53', Microsoft YaHei, arial, sans-serif;
  font-weight: 600;
}
.art_result-content {
  width: 1260px;
  min-height: 100vh;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 970px;
  padding-bottom: 200px;
}
.art_result-content .result-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 114px;
  margin-top: 60px;
}
.art_result-content .result-tab .tab_Item {
  width: 291px;
  height: 114px;
}
.art_result-content .result-tab .tab_Item.Item1.active {
  background: url('/static/images/activity/art_design/2019/fusai-title_select.png') no-repeat;
  background-size: 291px auto;
}
.art_result-content .result-tab .tab_Item.Item1 {
  background: url('/static/images/activity/art_design/2019/fusai-title.png') no-repeat;
  background-size: 291px auto;
}
.art_result-content .result-tab .tab_Item.Item2.active {
  background: url('/static/images/activity/art_design/2019/huojiang-title_select.png') no-repeat;
  background-size: 291px auto;
}
.art_result-content .result-tab .tab_Item.Item2 {
  background: url('/static/images/activity/art_design/2019/huojiang-title.png') no-repeat;
  background-size: 291px auto;
}
.art_result-content .result-intro {
  margin: 40px auto;
  text-align: center;
}
.art_result-content .result-intro > p {
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 0;
  color: #fff;
}
.art_result-content .result-table {
  width: 1000px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 30px;
}
.art_result-content .result-table > h3 {
  width: 158px;
  height: 119px;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  margin-bottom: 0;
}
.art_result-content .result-table > h3 > div {
  width: 158px;
  height: 119px;
}
.art_result-content .result-table > h3 .renqi {
  background: url('/static/images/activity/art_design/2019/renqi.png') no-repeat;
  background-size: 158px auto;
}
.art_result-content .result-table > h3 .juese {
  background: url('/static/images/activity/art_design/2019/juese.png') no-repeat;
  background-size: 158px auto;
}
.art_result-content .result-table > h3 .chahua {
  background: url('/static/images/activity/art_design/2019/chahua.png') no-repeat;
  background-size: 158px auto;
}
.art_result-content .result-table .table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_result-content .result-table .table-content .table-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 400px;
}
.art_result-content .result-table .table-content .table-tr > p {
  height: 40px;
  margin-bottom: 0;
}
.art_result-content .result-table .table-content .table-tr > p.title {
  width: 300px;
}
.art_result-content .result-table .table-content .table-tr > p.title > span {
  display: inline-block;
  width: 40px;
  padding-right: 10px;
}
.art_result-content .result-table .table-content .table-tr > p.name {
  width: 100px;
}
.art_result-content .result-table .table-content .table-tr:nth-child(2n) {
  margin-left: 200px;
}
.art_result-prize > h3 {
  margin: 104px auto 36px;
  width: 158px;
  height: 119px;
  -webkit-transform: translateX(3px);
      -ms-transform: translateX(3px);
          transform: translateX(3px);
}
.art_result-prize h3.first {
  background: url('/static/images/activity/art_design/2019/first_prize.png') no-repeat;
  background-size: 158px auto;
}
.art_result-prize h3.second {
  background: url('/static/images/activity/art_design/2019/second_prize.png') no-repeat;
  background-size: 158px auto;
}
.art_result-prize h3.third {
  background: url('/static/images/activity/art_design/2019/third_prize.png') no-repeat;
  background-size: 158px auto;
}
.art_result-prize h3.youxiu {
  background: url('/static/images/activity/art_design/2019/youxiu.png') no-repeat;
  background-size: 158px auto;
}
.art_result-prize h3.renqi {
  background: url('/static/images/activity/art_design/2019/renqi.png') no-repeat;
  background-size: 158px auto;
}
.art_result-prize .second_word_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_result-prize .third_word_box .slick-slider .slick-track > div:nth-child(2n) {
  padding-left: 15px;
}
.art_result-prize .third_word_box .slick-slider .slick-track > div:nth-child(2n+1) {
  padding-right: 15px;
}
.art_result-prize .third_word_box .slick-slider .slick-arrow {
  width: 55px;
  height: 80px;
  z-index: 9;
}
.art_result-prize .third_word_box .slick-slider .slick-arrow::before {
  display: none;
}
.art_result-prize .third_word_box .slick-slider .slick-prev {
  left: calc(-1 * (100vw - 1280px)/2);
  background: url('/static/images/activity/art_design/2019/left.png') no-repeat;
  background-size: 55px 80px;
}
.art_result-prize .third_word_box .slick-slider .slick-next {
  right: calc(-1 * (100vw - 1280px)/2);
  background: url('/static/images/activity/art_design/2019/right.png') no-repeat;
  background-size: 55px 80px;
}
.art_result-prize .third_word_box .slick-slider .slick-dots li button:before {
  font-size: 40px;
  color: #472f2d;
}
.art_result-prize .third_word_box .slick-slider .slick-dots li.slick-active button:before {
  color: #fff;
}
.art_result-prize .renqi_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_result-prize .renqi_box .renqi_Item {
  width: 392px;
  height: 274px;
  background: url('/static/images/activity/art_design/2019/renqi_bg.png') no-repeat;
  background-size: 392px auto;
  margin-bottom: 24px;
  margin: 0 15px 24px;
}
.art_result-prize .renqi_box .renqi_Item .renqi_work {
  padding: 10px;
  height: 206px;
  position: relative;
}
.art_result-prize .renqi_box .renqi_Item .renqi_work > a {
  width: 100%;
  height: 100%;
}
.art_result-prize .renqi_box .renqi_Item .renqi_work > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_result-prize .renqi_box .renqi_Item .renqi_work .label {
  position: absolute;
  right: 14px;
  bottom: 20px;
  width: 76px;
  height: 40px;
}
.art_result-prize .renqi_box .renqi_Item .renqi_work .label1 {
  background: url('/static/images/activity/art_design/2019/label_chu.png') no-repeat;
  background-size: 76px 40px;
}
.art_result-prize .renqi_box .renqi_Item .renqi_work .label2 {
  background: url('/static/images/activity/art_design/2019/label_fu.png') no-repeat;
  background-size: 76px 40px;
}
.art_result-prize .renqi_box .renqi_Item .author {
  margin: 0 auto;
  height: 54px;
  line-height: 54px;
  font-size: 22px;
  text-align: center;
  display: block;
  color: #472f2d;
  font-weight: 600;
  width: 360px;
}
.art_result_first_prize {
  width: 1260px;
  height: 358px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-top: 32px;
}
.art_result_first_prize .author {
  position: absolute;
  width: 279px;
  height: 126px;
  background: url('/static/images/activity/art_design/2019/first_prize_bg.png') no-repeat;
  background-size: 279px auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 9;
  display: block;
  color: #472f2d;
}
.art_result_first_prize .author-name {
  height: 68px;
  line-height: 74px;
  font-size: 28px;
  text-align: center;
}
.art_result_first_prize .author-school {
  max-width: 240px;
  line-height: 24px;
  margin: 0 auto;
  font-size: 20px;
  text-align: center;
}
.art_result_first_prize .work_Item {
  width: 620px;
  height: 100%;
  border: 5px solid #472f2d;
  border-radius: 5px;
  position: relative;
}
.art_result_first_prize .work_Item > a {
  width: 100%;
  height: 100%;
}
.art_result_first_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_result_first_prize .work_Item .label {
  position: absolute;
  right: 3px;
  bottom: 10px;
  width: 76px;
  height: 40px;
}
.art_result_first_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/2019/label_chu.png') no-repeat;
  background-size: 76px 40px;
}
.art_result_first_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/2019/label_fu.png') no-repeat;
  background-size: 76px 40px;
}
.art_result_second_prize {
  width: 616px;
  height: 235px;
  background: url('/static/images/activity/art_design/2019/second_prize_bg.png') no-repeat;
  background-color: 616px 235px;
  margin: 0 auto 28px;
  margin-bottom: 28px;
}
.art_result_second_prize .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}
.art_result_second_prize .work_Item {
  margin-top: 10px;
  width: 294px;
  height: 166px;
  position: relative;
}
.art_result_second_prize .work_Item > a {
  width: 100%;
  height: 100%;
}
.art_result_second_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_result_second_prize .work_Item .label {
  position: absolute;
  right: 3px;
  bottom: 10px;
  width: 68px;
  height: 35px;
}
.art_result_second_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/2019/label_chu.png') no-repeat;
  background-size: 68px 35px;
}
.art_result_second_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/2019/label_fu.png') no-repeat;
  background-size: 68px 35px;
}
.art_result_second_prize .sec_author {
  width: 600px;
  margin: 0 auto;
  height: 54px;
  line-height: 54px;
  font-size: 22px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #472f2d;
}
.art_result_second_prize:nth-child(2n) {
  margin-left: 28px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.author {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
  color: #6A6D7A;
}
.author-avatar {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 6px;
}
.author-avatar img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.author-name {
  margin-right: 6px;
  max-width: 280px;
  line-height: 26px;
}
.author-title {
  max-width: 100px;
  line-height: 26px;
}
.author .nshow-cate {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  padding: 0 5px;
  background: #F5F6F9;
  border-radius: 8px;
  font-size: 14px;
  margin-left: 16px;
}

.schoolShow_list {
  background: #fcfcfd;
}
.schoolShows-slider-box {
  width: 100%;
  height: 290px;
  padding-bottom: 80px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.modular_schoolShow {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  background: rgba(255, 255, 255, 0);
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modular_schoolShow .modular-list {
  width: 100%;
  margin: 0 auto;
}
.modular_schoolShow .modular-list .modular-image-box {
  overflow: hidden;
  border-radius: 8px;
  height: 166px;
  position: relative;
}
.modular_schoolShow .modular-list .modular-image-box .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modular_schoolShow .modular-list h2 {
  text-align: left;
  line-height: 26px;
  height: 26px;
  margin-top: 12px;
  color: #2E2E33;
  font-size: 16px;
  padding: 0;
  font-weight: bold;
}
.modular_schoolShow .modular-list p {
  font-size: 14px;
  color: #9296A3;
  line-height: 22px;
  margin-top: -6px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  margin-bottom: 0;
}
.modular_schoolShow .modular-list .slide-news-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9296A3;
  font-size: 14px;
  line-height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modular_schoolShow .modular-list .slide-news-time img {
  width: 18px;
  height: 18px;
  margin: 0 4px 0 0px;
}
.modular_schoolShow .time_addr {
  line-height: 22px;
  padding-left: 22px;
  text-align: left;
  color: #6a6a7d;
}
.modular_schoolShow .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.modular_schoolShow .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
  margin-top: 4px;
}
.modular_schoolShow .more {
  font-size: 12px;
  padding: 0 0 0 12px;
  line-height: 24px;
}
.modular_schoolShow .more > a {
  color: #2e2e33;
}
.modular_schoolShow .more .more_arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/static/images/rightArrow.png') no-repeat;
  background-size: 24px 14px;
  background-position: 0 1px;
  margin-top: 4px;
}
.modular_schoolShow .more:hover {
  font-size: 12px;
  padding: 0 0 0 12px;
}
.modular_schoolShow .more:hover > a {
  color: #d83b2f;
}
.modular_schoolShow .more:hover .more_arrow {
  background-position: -12px 1px;
}
.modular_schoolShow:hover {
  border-radius: 12px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
  opacity: 1;
}
.modular_schoolShow:hover .modular-image {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.fontSize {
  color: #3e3e3e;
  padding-left: 5px;
}
.swiper-schoolShow:hover .swiper-schoolShow-prev {
  background-position: 160 0;
  left: 0px;
}
.swiper-schoolShow:hover .swiper-schoolShow-next {
  background-position: 160 0;
  right: 0px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.collection {
  width: 1000px;
  margin: 0 auto;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.collection-left {
  min-width: 138px;
}
.collection-left ul {
  width: 100%;
  border-left: 1px solid #F5F5F9;
}
.collection-left ul li {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  position: relative;
  cursor: pointer;
}
.collection-left ul .collection-icon {
  background: url('/static/images/Group@2x.png') no-repeat;
  background-size: 32px 5px;
  display: inline-block;
  width: 32px;
  height: 5px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  left: -13px;
  top: 21px;
}
.collection-left ul .selected {
  color: #D83B2F;
}
.collection-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 862px;
}
.collection-right .collectionItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 113px;
  margin-bottom: 32px;
  width: 100%;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activityItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 32px;
  cursor: pointer;
}
.activityItem-logo {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.activityItem-logo img {
  width: 180px;
  height: 113px;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.activityItem-logo .status {
  width: 48px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.activityItem-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f9;
}
.activityItem-detail-title {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e33;
  margin-top: 8px;
  font-weight: 600;
}
.activityItem-detail-address {
  width: 100%;
  height: 30px;
  padding: 4px 0;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.activityItem-detail-address .activityItem-addr_time {
  padding-left: 25px;
  color: #2e2e33;
  margin-right: 18px;
  margin-top: 0;
}
.activityItem-detail-address .activityItem-addr_time span {
  color: #6A6D7A;
  margin-right: 4px;
}
.activityItem-detail-address .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.activityItem-detail-address .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.activityItem-detail-progress {
  font-size: 14px;
  color: #6A6D7A;
}
.activityItem:hover .activityItem-logo img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.myActivity {
  width: 1000px;
  padding-top: 32px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.number {
  width: 1000px;
}
.number-item {
  width: 1000px;
  height: 115px;
  padding: 32px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #F5F5F9;
}
.number-item-left {
  width: 130px;
  text-align: right;
  margin-right: 24px;
  font-size: 16px;
  color: #333;
}
.number-item-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.number-item-right p {
  font-size: 16px;
  color: #333;
  margin-bottom: 0;
}
.number-item-right span {
  color: #6A6D7A;
  font-size: 14px;
}
.number-item-right .bindEmail {
  display: block;
  color: #5697e4;
  line-height: 50px;
}
.number-item-right .bindEmail:hover {
  color: #5697e4;
}
.number .paddingTop {
  padding-top: 18px;
}
.number .marginTop {
  margin-top: 10px;
  display: block;
}
.number .third_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.number .third_number img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  margin-right: 12px;
}
.number .third_number span {
  display: block;
  margin-right: 36px;
}
.number .third_number a {
  display: block;
  margin-right: 36px;
  color: #5697e4;
}
.number .borderNone {
  border-bottom: none;
  margin-bottom: 108px;
}

.job-compus {
  min-width: 1206px;
  width: 100%;
}
.job-compus .banner {
  width: 100%;
}
.job-compus .banner > img {
  width: 100%;
}
.job-compus .nav {
  width: 1206px;
  margin: 0 auto;
  height: 100px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.job-compus .nav .border {
  width: 1px;
  height: 40px;
  border-right: 1px dotted #c4c4c4;
  margin: 10px 90px 0;
}
.job-compus .nav-item {
  width: 260px;
  height: 86px;
  padding-top: 26px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  color: #535252;
}
.job-compus .nav-item > a {
  color: #535252;
}
.job-compus .nav-item > a p {
  margin-bottom: 0 ;
}
.job-compus .nav-item:nth-child(1) {
  position: relative;
}
.job-compus .nav-item:nth-child(1) > a {
  color: #D83B2F;
}
.job-compus .nav-item:nth-child(1) .border-active {
  height: 3px;
  background: #D83B2F;
  width: 48px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.job-compus .activity-intro {
  width: 100%;
  height: 320px;
  margin: 0 auto;
  background-image: url('/static/images/activity/job-compus/bg2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.job-compus .activity-intro .intro-box {
  width: 1206px;
  height: 320px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.job-compus .activity-intro .intro-box > img {
  width: 970px;
  height: 204px;
  margin: 58px auto;
}
.job-compus .live {
  width: 100%;
  overflow: hidden;
  height: 900px;
  background: url('/static/images/activity/job-compus/bg3.png') no-repeat;
  background-size: 100% 900px;
}
.job-compus .live .title {
  margin: 64px auto 0;
  width: 1206px;
  text-align: center;
}
.job-compus .live .title > img {
  margin: 0 auto;
}
.job-compus .live .live-video {
  width: 1248px;
  height: 600px;
  margin: 0px auto 0;
  background: url('/static/images/activity/job-compus/live-bg.png') no-repeat;
  background-size: 100% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.job-compus .live .live-video .left {
  min-width: 256px;
  height: 492px;
  padding: 120px 0 0 79px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.job-compus .live .live-video .left > a {
  display: inline-block;
  overflow: hidden;
  margin-top: 20px;
}
.job-compus .live .live-video .right {
  min-width: 873px;
  min-height: 495px;
  padding: 93px 10px 10px 0px;
}
.job-compus .live .live-video .right iframe {
  width: 100%;
  height: 100%;
}
.job-compus .footer {
  width: 100%;
}
.job-compus .footer > img {
  width: 100%;
}
@media screen and (max-width: 1450px) {
  .game-compus .nav .border {
    margin: 10px 50px 0;
  }
}
@media screen and (min-width: 1450px) {
  .game-compus .nav .border {
    margin: 10px 70px 0;
  }
}
@media screen and (min-width: 1750px) {
  .game-compus .nav .border {
    margin: 10px 90px 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #e66557;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #D83B2F;
  background-color: #fff3f0;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #fff3f0;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #D83B2F;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #D83B2F;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #D83B2F;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #D83B2F;
  border-radius: 100%;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #D83B2F;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #fff3f0;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #D83B2F;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > .ant-badge > a:hover {
  color: #D83B2F;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #D83B2F;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #D83B2F;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #D83B2F;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff3f0;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 0px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 0px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2px);
      -ms-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2px);
      -ms-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(#D83B2F), to(#D83B2F));
  background: linear-gradient(to right, #D83B2F, #D83B2F);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
      -ms-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
      -ms-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
      -ms-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
      -ms-transform: rotate(45deg) translateX(2px);
          transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #D83B2F;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #D83B2F;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #D83B2F;
  border-bottom: 2px solid #D83B2F;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #D83B2F;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #D83B2F;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #D83B2F;
  -webkit-transform: scaleY(0.0001);
      -ms-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #D83B2F;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.students-container {
  width: 1000px;
  margin: 0 auto;
  color: #2E2E33;
  background: #fff;
  padding: 24px 0 0;
}
.students-container .page-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.students-container .page-action .action-item .next-select-search {
  height: 32px;
}
.students-container .page-action .action-item .ant-select-selection__rendered {
  line-height: 32px;
}
.students-container .page-action .action-item .ant-select-selection--single {
  height: 32px;
  border: none;
  background: #F5F6F9;
  border-radius: 6px;
}
.students-container .page-action .action-item .ant-cascader-picker .ant-cascader-input {
  border-radius: 8px;
}
.students-container .page-action .action-item > label {
  font-size: 14px;
  margin-right: 16px;
}
.students-container .page-action .action-item:nth-of-type(2) {
  margin-left: 40px;
}
.students-container .page-action .action-item:nth-of-type(3) {
  margin-left: 16px;
}
.students-container .student-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.students-container .error {
  color: #C43336;
}
.students-container .ant-table-body .ant-table-thead th {
  background-color: #fff;
  padding: 32px 0 16px 0;
  font-size: 16px;
  line-height: 22px;
  color: #A1A5B3;
  font-weight: normal;
  border-color: #F5F5F9;
}
.students-container .ant-table-body .ant-table-tbody td {
  padding: 24px 0 24px 0;
  border-color: #F5F5F9;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f5f6f9;
  padding-right: 40px;
}
.students-container .ant-table-body .ant-table-tbody tr td:first-child,
.students-container .ant-table-body .ant-table-tbody tr td:last-child {
  padding-right: 0;
}
.students-container .ant-table-body .ant-table-tbody > tr:nth-of-type(odd) {
  background: transparent;
}
.students-container .ant-table-body .ant-table-tbody > tr:hover td {
  background: #FAFAFC;
}
.students-container .student-items {
  width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 300px;
}
.students-container .student-items .item {
  width: 230px;
  height: 295px;
  background: #FFFFFF;
  border: 1px solid #F5F6F9;
  -webkit-box-shadow: 0 0 16px 0 rgba(37, 38, 94, 0.01);
          box-shadow: 0 0 16px 0 rgba(37, 38, 94, 0.01);
  border-radius: 8px;
  margin-right: 26px;
  margin-top: 26px;
}
.students-container .student-items .item:nth-child(4n) {
  margin-right: 0;
}
.students-container .StudenItem {
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0 0 6px rgba(239, 61, 37, 0.04);
          box-shadow: 0 0 6px rgba(239, 61, 37, 0.04);
}
.students-container .StudenItem .avatar-bg {
  width: 100%;
  height: 96px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background-size: 460px auto !important;
  background-position: -115px -115px !important;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
.students-container .StudenItem .avatar-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.7);
}
.students-container .StudenItem-info {
  width: 230px;
  height: 96px;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.students-container .StudenItem-info .avatar {
  text-align: center;
  margin: -1px 15px 15px;
}
.students-container .StudenItem-info .avatar > img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 3px solid rgba(255, 255, 255, 0.24);
}
.students-container .StudenItem-info .right {
  color: #fff;
  height: 67px;
}
.students-container .StudenItem-info .right > h3 {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 6px;
}
.students-container .StudenItem-info .right > p {
  font-size: 12px;
  margin-bottom: 0;
}
.students-container .StudenItem .wrap {
  width: 100%;
  padding: 0px 16px 16px;
  text-align: center;
  overflow: hidden;
}
.students-container .StudenItem .wrap .line-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  line-height: 20px;
  margin-top: 12px;
}
.students-container .StudenItem .wrap .line-box:nth-child(1) {
  margin-top: 14px;
}
.students-container .StudenItem .wrap .line-box > p {
  margin-bottom: 0;
  color: #A9ABB3;
}
.students-container .StudenItem .wrap .line-box > p:nth-of-type(2) {
  font-size: 14px;
  color: #2E2E33;
}
.students-container .StudenItem .wrap .line-box > p.communicate_time {
  font-size: 14px;
}
.students-container .StudenItem .wrap .line-box > p.degree {
  width: 40px;
}
.students-container .StudenItem .wrap .line-box > p.degree .degree-Item {
  height: 13px;
}
.students-container .StudenItem .wrap .btn {
  margin-top: 20px;
  line-height: 32px;
  display: block;
  font-size: 14px;
  color: #2E2E33;
  text-align: center;
  width: 100%;
  height: 32px;
  border-radius: 6px;
  background: #F5F6F9;
}
.students-container .StudenItem .wrap .btn:hover {
  color: #D83B2F;
}
.communicate_record-container {
  width: 1000px;
  margin: 0 auto;
}
.communicate_record-container .communicate_record-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.communicate_record-container .communicate_record-wrap .box-shadow {
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
          box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
  border-radius: 8px;
}
.communicate_record-container .communicate_record-wrap .authorInfo {
  width: 260px;
  font-size: 12px;
  padding: 24px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
          box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
  border-radius: 8px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 60px;
  margin-bottom: 30px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 16px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .avatar > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .author-name > h3 {
  height: 28px;
  font-size: 20px;
  color: #2E2E33;
  font-weight: 600;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .author-name > p {
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 7px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item {
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.school > span {
  background: url('/static/images/train/cat.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.professionName > span {
  background: url('/static/images/train/job.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.phone > span {
  background: url('/static/images/train/phone.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.mail > span {
  background: url('/static/images/train/mail.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.location > span {
  background: url('/static/images/train/addr.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .wrap-detail {
  width: 720px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
          box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
  border-radius: 8px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 32px;
  border-bottom: 1px solid #F5F6F9;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab .nav_Item {
  font-size: 16px;
  font-weight: 600;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab .nav_Item + .nav_Item {
  margin-left: 40px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab .nav_Item.active {
  color: #D83B2F;
  border-bottom: 1px solid #D83B2F;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail {
  padding-bottom: 40px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate_empty {
  margin: 80px auto;
  text-align: center;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate_empty > img {
  width: 160px;
  height: auto;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate_empty > p {
  margin-top: 24px;
}
.communicate_record-container .history-communicate_record {
  padding: 0 32px 40px;
}
.communicate_record-container .communicate_record {
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #F5f6f9;
}
.communicate_record-container .communicate_record .title {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
}
.communicate_record-container .communicate_record .title-shadow {
  width: 100%;
  height: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F8F9FC), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, #F8F9FC 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(-180deg, #F8F9FC 0%, rgba(255, 255, 255, 0) 100%);
}
.communicate_record-container .communicate_record .basic-info {
  padding: 0 32px 40px;
  border-bottom: 1px solid #F5F5F9;
  overflow: hidden;
}
.communicate_record-container .communicate_record .basic-info > h3 {
  margin-top: 24px;
  font-size: 16px;
  color: #2E2E33;
  font-weight: 600;
}
.communicate_record-container .communicate_record .basic-info .form-radio {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.communicate_record-container .communicate_record .basic-info .form-radio > span {
  font-size: 14px;
  color: #8A8A99;
  width: 56px;
  margin-right: 23px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .form-textArea {
  display: inline-block;
  width: 576px;
  height: 134px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .form-textArea .ant-input {
  width: 576px;
  height: 134px;
  border: none;
  background: #F9F9FC;
  border-radius: 8px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .form-textArea .textArea-box-count {
  background: #F9F9FC;
  width: 571px;
  padding-right: 10px;
  -webkit-transform: translateX(19px);
      -ms-transform: translateX(19px);
          transform: translateX(19px);
  border-radius: 0 0 4px 4px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .ant-radio-wrapper {
  margin-right: 100px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .desireLevel {
  width: 200px;
}
.communicate_record-container .communicate_record .basic-info .info-col {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.communicate_record-container .communicate_record .basic-info .info-col > p {
  font-size: 14px;
  color: #8A8A99;
  line-height: 20px;
  margin-bottom: 0;
}
.communicate_record-container .communicate_record .basic-info .info-col > p > span {
  color: #2e2e33;
  margin-left: 4px;
}
.communicate_record-container .communicate_record .basic-info .info-col > p:nth-child(1) {
  min-width: 408px;
}
.communicate_record-container .communicate_record .basic-info .info-col > p:nth-child(2) {
  min-width: 390px;
}
.communicate_record-container .communicate_record .basic-info .add-communicate {
  display: block;
  width: 80px;
  line-height: 32px;
  height: 32px;
  text-align: center;
  border-radius: 6px;
  margin-top: 24px;
  margin-right: 4px;
  margin-left: 80px;
}
.communicate_record-container .communicate_record .basic-info .add-communicate:hover {
  color: #fff;
}
.communicate_record-container .communicate_record .no-border {
  border-bottom: none;
}
.communicate_record-container .comunicate_history {
  font-size: 16px;
  color: #2E2E33;
  font-weight: 600;
  height: 22px;
  margin-top: 40px;
  margin-bottom: 22px;
}
.communicate_record-container .comunicate_box {
  width: 100%;
  overflow: hidden;
}
.communicate_record-container .comunicate_box .entries {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.communicate_record-container .comunicate_box .entries-line {
  width: 1px;
  background: #E8E9ED;
  margin-left: 2px;
  margin-right: 8px;
  position: relative;
  -webkit-transform: translateY(7px);
      -ms-transform: translateY(7px);
          transform: translateY(7px);
}
.communicate_record-container .comunicate_box .entries-line > span {
  display: block;
  width: 5px;
  height: 11px;
  background: #D83B2F;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -2px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.communicate_record-container .comunicate_box .entries-wrap {
  width: calc(100% - 12px);
}
.communicate_record-container .comunicate_box .entries-wrap .create_time {
  font-weight: 400;
  font-size: 14px;
  color: #2e2e33;
  line-height: 20px;
  padding-left: 2px;
}
.communicate_record-container .comunicate_box .entries-wrap .Record {
  font-size: 14px;
  white-space: pre;
  width: 100%;
}
.communicate_record-container .comunicate_box .entries-wrap .Record > span {
  display: none;
}
.communicate_record-container .comunicate_box .entries-wrap .content_better {
  max-height: 64px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.communicate_record-container .comunicate_box .entries-wrap .content_better > span {
  cursor: pointer;
  display: block;
  text-align: center;
  padding-left: 12px;
  position: absolute;
  width: 54px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(249, 249, 252, 0)), color-stop(30%, #f9f9fc), to(#f9f9fc));
  background: -o-linear-gradient(left, rgba(249, 249, 252, 0) 0%, #f9f9fc 30%, #f9f9fc 100%);
  background: linear-gradient(to right, rgba(249, 249, 252, 0) 0%, #f9f9fc 30%, #f9f9fc 100%);
  color: #D83B2F;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.communicate_record-container .comunicate_box .entries-detail {
  width: calc(100% - 10px);
  margin: 10px 0 20px 2px;
  background: #F9F9FC;
  border-radius: 8px;
  padding: 12px 23px 5px 14px;
}
.communicate_record-container .comunicate_box .entries-detail .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 10px;
  color: #2e2e33;
}
.communicate_record-container .comunicate_box .entries-detail .col > span {
  min-width: 66px;
  display: block;
  width: 66px;
  text-align: right;
  font-size: 14px;
  color: #8A8A99;
  margin-right: 10px;
  line-height: 21px;
}
.communicate_record-container .comunicate_box .entries-detail .col > div {
  font-size: 14px;
}
.communicate_record-container .comunicate_box .entries-detail .col .degree {
  width: 40px;
}
.communicate_record-container .comunicate_box .entries-detail .col .degree .degree-Item {
  height: 13px;
}
.communicate_record-container .comunicate_box > div:nth-last-of-type(2) .entries-line {
  width: 0;
}
.ant-cascader-menus-placement-bottomLeft {
  border-radius: 8px;
  overflow: hidden;
}
.ant-cascader-menu-item {
  width: 140px;
}
.ant-cascader-menu {
  -webkit-box-shadow: 0 2px 16px 0 rgba(134, 137, 154, 0.24);
          box-shadow: 0 2px 16px 0 rgba(134, 137, 154, 0.24);
  border-radius: 8px !important;
}
.train-noMore {
  margin: 50px auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row + .ant-row::before {
  clear: both;
}
.ant-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-row-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ant-row-flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-row-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-row-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-row-flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ant-row-flex-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ant-row-flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-row-flex-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.qa-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 24px;
}
.qa-container p {
  margin: 0;
}
.qa-container > div {
  background: #fff;
}
.qa-container .qa-nav {
  height: 40px;
  margin: 20px 0 0;
  line-height: 40px;
}
.qa-container .qa-nav > span {
  line-height: 40px;
  padding: 6px 10px;
  cursor: pointer;
  color: #6A6D7A;
}
.qa-container .qa-nav > span:nth-of-type(2) {
  margin-left: 16px;
}
.qa-container .qa-nav > span:hover {
  color: #2E2E33;
}
.qa-container .qa-nav .nav-active {
  background: #F5F6F9;
  border-radius: 6px;
  margin: 0;
  color: #2E2E33;
}
.qa-container .qa-nav > div {
  float: right;
}
.qa-container .qa-nav > div button {
  border-radius: 8px;
  margin: 0 0 0 16px;
  border: 1px solid #a1a5b3;
  width: 80px;
  padding: 0;
}
.qa-container .qa-nav > div button:hover {
  border: 1px solid #D83B2F;
  color: #D83B2F;
}
.qa-container .list-item {
  padding: 20px 0;
  border-bottom: 1px solid #f5f6f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.qa-container .list-item .list-check {
  width: 24px;
  margin-right: 24px;
  margin-top: 2px;
}
.qa-container .list-item .list-img {
  min-width: 32px;
}
.qa-container .list-item .list-img div {
  height: 32px;
  width: 33px;
  margin: 0 auto;
  overflow: hidden;
}
.qa-container .list-item .list-img img {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
.qa-container .list-item .list-contant {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 815px;
  word-break: break-word;
}
.qa-container .list-item .list-contant .list-resource {
  display: inline-block;
  width: auto;
  height: 26px;
  line-height: 26px;
  margin-top: 10px;
  background: #F9F9FC;
  border-radius: 6px;
  font-size: 12px;
  color: #6A6D7A;
  padding: 0 14px;
  cursor: pointer;
}
.qa-container .list-item .list-contant .list-resource:hover {
  color: #2E2E33;
  background: #F9F9FC;
}
.qa-container .list-item .list-contant p {
  line-height: 20px;
  margin-top: 2px;
  color: #6A6D7A;
}
.qa-container .list-item .list-contant p > span:nth-of-type(1) {
  font-size: 14px;
  margin-right: 8px;
  font-weight: 600;
}
.qa-container .list-item .list-contant p > span:nth-of-type(2) {
  font-weight: 200;
  font-size: 14px;
  margin-left: 16px;
  color: #A1A5B3;
}
.qa-container .list-item .list-contant p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: #2E2E33;
}
.qa-container .list-item .list-contant > .list-reply {
  margin-top: 8px;
  background: #F9F9FC;
  padding: 8px 14px 12px;
  border-radius: 8px;
}
.qa-container .list-item .list-contant > .list-reply .list-reply-answer {
  width: 938px;
  color: #2E2E33;
  word-break: break-word;
  white-space: pre-line;
}
.qa-container .list-item .list-contant > .list-reply .edit-answer {
  display: block;
  margin-top: 8px;
  color: #6A6D7A;
}
.qa-container .list-item .list-contant > .list-reply .edit-answer > span {
  width: 16px;
  height: 16px;
}
.qa-container .list-item .list-contant > .list-reply .edit-answer > span > img {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
.qa-container .list-item .list-contant > .list-reply > span {
  margin-top: 10px;
  color: #6A6D7A;
}
.qa-container .list-item .list-contant > .list-btn {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.qa-container .list-item .list-contant > .list-btn > div {
  width: 80px;
  height: 32px;
  line-height: 32px;
  border-radius: 8px;
  border: 1px solid #a1a5b3;
  text-align: center;
  cursor: pointer;
}
.qa-container .list-item .list-contant > .list-btn > div:hover {
  border-color: #D83B2F;
  color: #D83B2F;
}
.qa-container .list-item .list-contant .ant-col-3 {
  width: 6%;
}
.qa-container .list-item .list-contant .ant-col-3 span {
  display: inline-block;
  height: 24px;
  border-radius: 5px;
  background: #e4e8ff;
  color: #5d76ff;
  padding: 0 8px;
}
.qa-container .list-item .list-contant .ant-col-21 {
  width: 94%;
}
.qa-container .list-item .list-contant .ant-col-21 p {
  line-height: 24px;
  word-wrap: break-word;
}
.qa-container .list-item .list-contant .ant-col-21 span {
  cursor: pointer;
}
.qa-container .list-item .list-contant2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 970px;
  word-break: break-word;
}
.qa-container .list-item .list-contant2 > p:nth-of-type(2) {
  margin-top: 10px;
  color: #2E2E33;
  max-width: 807px;
  word-break: break-word;
  white-space: pre-line;
}
.qa-container .ant-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #a1a5b3;
}
.qa-container .ant-checkbox-inner::after {
  left: 35%;
}
.qa-container .ant-checkbox-checked .ant-checkbox-inner {
  background-color: transparent;
  border-color: #a1a5b3;
}
.qa-container .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #D83B2F;
}
.qa-model p {
  margin: 0;
}
.qa-model .ant-row {
  margin-bottom: 20px;
}
.qa-model .title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
}
.qa-model .answer {
  padding-top: 3px;
}
.qa-model .ant-col-3 {
  width: 52px;
}
.qa-model .ant-col-18 {
  width: 400px;
}
.qa-model .ant-col-21 p {
  text-align: right;
}
.qa-model .ant-modal-content {
  width: 576px;
  height: auto;
  border-radius: 10px;
}
.qa-model .ant-modal-body {
  width: 576px;
  padding: 24px 62px;
}
.qa-model .ant-modal-footer {
  text-align: center;
  border-top: none;
  padding: 4px 16px 1px;
}
.qa-model .ant-modal-footer > div {
  margin: 0 auto;
  margin-bottom: 48px;
}
.qa-model .ant-modal-footer > div .ant-btn {
  width: 112px;
  height: 40px;
  border-radius: 8px;
  margin: 0 12px;
}
.train-noMore {
  margin: 50px auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 0px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #D83B2F;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 0px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #b3231e;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #e66557;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #e66557;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #fff3f0;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  -webkit-animation-name: uploadAnimateIn;
          animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  -webkit-animation-name: uploadAnimateOut;
          animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  -webkit-animation-name: uploadAnimateInlineIn;
          animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-name: uploadAnimateInlineOut;
          animation-name: uploadAnimateInlineOut;
}
@-webkit-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 0px 0px 0 0;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #D83B2F;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #D83B2F;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 45px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #D83B2F;
  border-color: #D83B2F;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 56px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 37px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 0px 0 0 0px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 0px 0px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 0px 0px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #D83B2F;
}
.ant-tabs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #D83B2F;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  -webkit-filter: none;
          filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 0px 0px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #e66557;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #b3231e;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #D83B2F;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.ymInput {
  position: relative;
}
.ymInput-errorText {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
  position: absolute;
  color: #d73b2e;
  right: 0;
  top: -0.36rem;
}
.ymInput .input-box {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ymInput .input-box-count {
  position: absolute;
  font-size: 0.16rem;
  line-height: 0.24rem;
  right: 0.16rem;
  vertical-align: center;
  top: 50%;
  color: #9fb8c7;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ymInput .input-box-left {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-left.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.ymInput .input-box-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.54rem;
  margin-left: -1px;
}
.ymInput .input-box-right {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-right.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.ymInput .input-box.focus .input-box-left {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-focus-left.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.ymInput .input-box.focus .input-box-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-focus-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.54rem;
}
.ymInput .input-box.focus .input-box-right {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-focus-right.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.ymInput .input-box.error .input-box-left {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-error-left.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.ymInput .input-box.error .input-box-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-error-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.54rem;
}
.ymInput .input-box.error .input-box-right {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-error-right.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.ymInput .input-box-input {
  border: none;
  height: 0.54rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background: transparent;
  font-size: 0.16rem;
  padding: 0;
  padding-right: 30px;
  color: #1e2443;
}
.ymInput .input-box-input:-webkit-autofill,
.ymInput .input-box-input:-webkit-autofill:hover,
.ymInput .input-box-input:-webkit-autofill:focus,
.ymInput .input-box-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.ymInput .input-box-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.ymInput .input-box-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ymInput .input-box-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.YM_phone-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0.54rem;
}
.YM_phone-input__left {
  width: 0.2rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-left.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.YM_phone-input__center {
  width: 100%;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.54rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM_phone-input__center .ant-input {
  border: none;
  height: 0.54rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background: transparent;
  font-size: 0.16rem;
  padding: 0;
  padding-right: 30px;
  padding-left: 0.08rem;
}
.YM_phone-input__center .ant-input:-webkit-autofill,
.YM_phone-input__center .ant-input:-webkit-autofill:hover,
.YM_phone-input__center .ant-input:-webkit-autofill:focus,
.YM_phone-input__center .ant-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.YM_phone-input__center .ant-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.YM_phone-input__center .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_phone-input__center .ant-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_phone-input__right {
  width: 0.24rem;
  height: 0.54rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-right.png") no-repeat;
  background-size: cover;
  background-size: auto 0.54rem;
}
.YM_phone-input .ym_select {
  position: relative;
  width: 1.2rem;
  min-width: 0.9rem;
  height: 100%;
  background: url("/static/images/activity/art_design/yimeng/enroll/phone-center.png") no-repeat;
  background-size: cover;
  background-position: right;
  background-size: auto 0.52rem;
}
.YM_phone-input .ym_select.show > span {
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-top.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: 0.65rem 0.18rem;
}
.YM_phone-input .ym_select .phone-icon-show {
  width: auto;
  height: 0.58rem;
  position: absolute;
  right: -0.04rem;
}
.YM_phone-input .ym_select > span {
  display: inline-block;
  width: 1rem;
  line-height: 0.52rem;
  text-align: center;
  font-size: 0.16rem;
  padding-right: 0.36rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-bottom.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: 0.65rem 0.18rem;
}
.YM_phone-input .ym_select .ym_select_menu {
  width: 1.5rem;
  max-height: 2.2rem;
  height: 0;
  overflow: auto;
  position: absolute;
  bottom: -2.25rem;
  border-radius: 2px;
  background: #fff;
  z-index: 9;
  -webkit-transition: all 1 linear;
  -o-transition: all 1 linear;
  transition: all 1 linear;
  -webkit-transform: translateX(-0.2rem);
      -ms-transform: translateX(-0.2rem);
          transform: translateX(-0.2rem);
}
.YM_phone-input .ym_select .ym_select_menu.show {
  height: 2.2rem;
  border: 1px solid #DADDE8;
}
.YM_phone-input .ym_select .ym_select_menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.YM_phone-input .ym_select .ym_select_menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.YM_phone-input .ym_select .ym_select_menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.YM_phone-input .ym_select .ym_select_menu .Item {
  width: 100%;
  padding: 0 0.16rem;
  height: 0.48rem;
  line-height: 0.48rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 10;
}
.YM_phone-input .ym_select .ym_select_menu .Item.active {
  background: #618498;
  color: #fff;
}
.YM_phone-input .ym_select .phone-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9;
}
.YM_phone-input .mg_input {
  width: 100%;
}
.YM_phone-input .phone-input-input {
  width: 100%;
}
.YM_phone-input .phone-input-input .mg_input {
  width: 100%;
}

.modal-YM-Info {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.modal-YM-Info .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-YM-Info .content-border {
  width: 6.84rem;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 0.12rem;
  background: #CAE0E5;
  z-index: 99;
}
.modal-YM-Info .content-border .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-YM-Info .content {
  width: 100%;
  height: 100%;
  border-radius: 0.11rem;
  min-height: 8rem;
  max-height: 60vh;
  height: 60vh;
  padding: 0.6rem 0.2rem 0.6rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-YM-Info .content > h3 {
  font-size: 0.24rem;
  line-height: 1.2;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.modal-YM-Info .content .enroll-form {
  width: 100%;
  margin: 0 auto;
  overflow-y: auto;
  padding-right: 0.3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-YM-Info .content .enroll-form::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #eaeaea;
  border-radius: 3px;
}
.modal-YM-Info .content .enroll-form .form-item {
  margin-top: 0.24rem;
}
.modal-YM-Info .content .enroll-form .form-item .form-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #404652;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.2rem;
  margin-bottom: 0.12rem;
}
.modal-YM-Info .content .enroll-form .form-item .form-title.required {
  background: url("/static/images/activity/art_design/yimeng/enroll/start.png") no-repeat;
  background-size: cover;
  background-size: 0.12rem 0.12rem;
  background-position: 0 0.04rem;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper {
  font-size: 0.16rem;
  line-height: 1.2;
  color: 0.16rem;
  text-align: justify;
  font-family: 'Font-song';
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper > span {
  color: 0.16rem;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.modal-YM-Info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper {
  margin-bottom: 0.12rem;
}
.modal-YM-Info .content .enroll-form .form-item.agreement {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #404652;
  margin-top: 0.24rem;
}
.modal-YM-Info .content .enroll-form .form-item.agreement > a {
  color: #4a90e2;
}
.modal-YM-Info .content .enroll-form .form-item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.modal-YM-Info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
  margin-right: 0.08rem;
}
.modal-YM-Info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox-active.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
}
.modal-YM-Info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.modal-YM-Info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.modal-YM-Info .content .enroll-form .form-item.agreement {
  display: none;
}
.modal-YM-Info .content .enroll-form .form-item.phone {
  margin-top: 0.12rem;
}
.modal-YM-Info .content .ym-enroll-submit {
  width: 2.72rem;
  height: 0.78rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/bg-btn.png") no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 0.72rem;
  margin: 0.4rem auto 0;
  cursor: pointer;
}

.YMEnroll {
  width: 12.56rem;
  overflow: hidden;
  margin: 0 auto;
}
.YMEnroll-Enroll-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-rule.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 1.4rem auto 0;
}
.YMEnroll-Enroll-rule-content {
  width: 11.2rem;
  height: 4.08rem;
  margin: 0.3rem auto 0;
  background: url("/static/images/activity/art_design/yimeng/enroll/bg-enroll-rule.png") no-repeat;
  background-size: cover;
}
.YMEnroll-Enroll-rule-text {
  padding: 0.86rem 2.38rem;
  margin-top: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMEnroll-enrollForm {
  width: 11.65rem;
  height: 12.41rem;
  margin: 0.96rem auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/enroll/bg-enroll.png") no-repeat;
  background-size: cover;
}
.YMEnroll-enrollForm-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-info.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.8rem auto 0;
}
.YMEnroll-enrollForm .enroll-form {
  width: 7.8rem;
  height: 0.54rem;
  margin: 0 auto;
  padding-top: 0.36rem;
}
.YMEnroll-enrollForm .enroll-form .form-item {
  margin-top: 0.24rem;
}
.YMEnroll-enrollForm .enroll-form .form-item .form-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #404652;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.2rem;
  margin-bottom: 0.12rem;
}
.YMEnroll-enrollForm .enroll-form .form-item .form-title.required {
  background: url("/static/images/activity/art_design/yimeng/enroll/start.png") no-repeat;
  background-size: cover;
  background-size: 0.12rem 0.12rem;
  background-position: 0 0.04rem;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper {
  font-size: 0.16rem;
  line-height: 1.2;
  color: 0.16rem;
  text-align: justify;
  font-family: 'Font-song';
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper > span {
  color: 0.16rem;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.YMEnroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #404652;
  margin-top: 0.24rem;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement > a {
  color: #4a90e2;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
  margin-right: 0.08rem;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox-active.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.YMEnroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.YMEnroll-enrollForm .enroll-form .ym-enroll-submit {
  width: 2.72rem;
  height: 0.78rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/bg-btn.png") no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 0.72rem;
  margin: 0.64rem auto;
  cursor: pointer;
}
.YMEnroll-works-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-works-rule.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 1.4rem auto 0;
}
.YMEnroll-works-rule-text {
  margin-top: 0.6rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YMEnroll-works-rule-text > p {
  text-indent: 1.5em;
  margin-bottom: 0;
}
.YMEnroll-works .btn-upload-works {
  width: 2.72rem;
  height: 0.78rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/bg-btn.png") no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 0.72rem;
  margin: 0.48rem auto 1.6rem;
  cursor: pointer;
}
.YMEnroll-enrollInfo {
  width: 11.65rem;
  height: 6.525rem;
  margin: 1.2rem auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/enroll/btn-enroll-info.png") no-repeat;
  background-size: cover;
}
.YMEnroll-enrollInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-enroll-info.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.8rem auto 0;
}
.YMEnroll-enrollInfo-detail {
  padding: 0 2rem;
  margin-top: 0.64rem;
  position: relative;
}
.YMEnroll-enrollInfo-detail > p {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  margin-bottom: 0.24rem;
}
.YMEnroll-enrollInfo-detail > p > span {
  display: inline-block;
  width: 1.4rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YMEnroll-enrollInfo-detail .btn-enrollInfo {
  width: 1.36rem;
  height: 0.48rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/btn-updateInfo.png") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 2rem;
}
.YMEnroll-worksInfo {
  width: 11.22rem;
  height: auto;
  margin: 0.8rem auto 0;
  overflow: hidden;
  position: relative;
  background: url('/static/images/activity/art_design/yimeng/enroll/bg-works-center.png');
  background-size: 11.22rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 3.7rem;
  padding-bottom: 0.9rem;
}
.YMEnroll-worksInfo::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 11.22rem;
  height: 3.7rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/bg-works-top.png');
  background-size: 11.22rem auto;
}
.YMEnroll-worksInfo::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 11.22rem;
  height: 6.11rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/bg-works-bottom.png');
  background-size: 11.22rem auto;
  background-position: left bottom ;
  z-index: 9;
}
.YMEnroll-worksInfo-wrap {
  margin-top: -3.7rem;
  position: relative;
  z-index: 10;
}
.YMEnroll-worksInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-works.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.8rem auto 0;
  position: relative;
  z-index: 9;
}
.YMEnroll-worksInfo-detail {
  padding: 0 1.55rem;
  margin-top: 0.64rem;
  position: relative;
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMEnroll-worksInfo-detail .detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMEnroll-worksInfo-detail .detail-item__title {
  min-width: 1.4rem;
  width: 1.4rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YMEnroll-worksInfo-detail .detail-item + .detail-item {
  margin-top: 0.24rem;
}
.YMEnroll-worksInfo-detail .detail-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YMEnroll-worksInfo-detail .detail-item__detail .detail-coverUrl {
  width: 2.07rem;
  height: 1.38rem;
  border-radius: 4px;
  margin-bottom: 0.24rem;
}
.YMEnroll-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMEnroll-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  border-radius: 4px;
}
.YMEnroll-worksInfo-detail .detail-item__detail .detail-coverUrl + .detail-coverUrl {
  margin-left: 0.24rem;
}
.YMEnroll-worksInfo-detail .detail-item__detail .detail-coverUrl:nth-child(3n+1) {
  margin-left: 0;
}
.YMEnroll-worksInfo-detail .detail-item__detail.attachmentList {
  height: auto;
}
.YMEnroll-worksInfo--actions {
  padding: 0 1.75rem;
  margin: 0.4rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMEnroll-worksInfo--actions > div {
  width: 1.36rem;
  height: 0.48rem;
}
.YMEnroll-worksInfo--actions .share-works {
  background: url("/static/images/activity/art_design/yimeng/enroll/btn-share.png") no-repeat;
  background-size: cover;
}
.YMEnroll-worksInfo--actions .edit-worksInfo {
  background: url("/static/images/activity/art_design/yimeng/enroll/btn_updateWorks.png") no-repeat;
  background-size: cover;
  margin-left: 0.24rem;
}
.modal-YM-share {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.modal-YM-share .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-YM-share .content-border {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 0.12rem;
  background: #CAE0E5;
  z-index: 99;
}
.modal-YM-share .content-border .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-YM-share .content {
  padding: 0.6rem 0.48rem 0.6rem;
}
.modal-YM-share .content > h3 {
  margin-bottom: 0.34rem;
  font-size: 0.24rem;
  line-height: 1.2;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.modal-YM-share .content .qrcode {
  width: 2.24rem;
  height: 2.24rem;
  margin: 0 auto 0.16rem;
  text-align: center;
}
.modal-YM-share .content .qrcode img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.modal-YM-share .content .qrcode canvas {
  width: 100% !important;
  height: 100% !important;
}
.modal-YM-share .content .tips {
  margin-bottom: 0.32rem;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #618498;
}
.modal-YM-share .content .tips span {
  color: #ec4945;
}
.modal-YM-share .content .button {
  width: 2.4rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  background: #ADA28C;
  font-size: 0.2rem;
  line-height: 0.48rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin: 0 auto;
  color: #FFFCBB;
  cursor: pointer;
}
.modal-argreement {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.modal-argreement__mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}
.modal-argreement-border {
  width: 60vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-argreement-content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.12rem;
  position: relative;
  padding: 0.48rem;
}
.modal-argreement-content .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-argreement-content > h3 {
  text-align: center;
}
.modal-argreement-content .content {
  max-height: 49vh;
  overflow-y: auto;
}
.modal-argreement-content .content > h4 {
  margin-top: 0.36rem;
}
.modal-ym-confirm {
  width: 4.32rem !important;
  min-height: 2.46rem;
  border-radius: 12px;
}
.modal-ym-confirm .ant-modal-body {
  padding: 0.48rem;
}
.modal-ym-confirm .ant-modal-confirm-content {
  text-align: center;
}
.modal-ym-confirm .anticon.anticon-question-circle {
  display: none;
}
.modal-ym-confirm .ant-modal-confirm-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.modal-ym-confirm .ant-modal-confirm-btns .ant-btn {
  width: 1.58rem;
  height: 0.48rem;
  border-radius: 0.48rem;
  color: #ADA28C;
  border-color: #ADA28C;
}
.modal-ym-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary {
  color: #fff;
  background-color: #ADA28C !important;
}
.modal-ym-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary:hover {
  background: #ADA28C !important;
}
.modal-ym-confirm .ant-modal-confirm-btns .ant-btn-primary {
  background: #ADA28C;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationLeftFadeIn;
          animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationFadeIn;
          animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
          animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

@font-face {
  font-family: 'fangzhenglanting';
  src: url('/static/images/activity/job_compus/FZLTCHJW.ttf');
}
.job-compus-2020 {
  padding-bottom: 200px;
  width: 100%;
  min-width: calc(1000 / 1920 * 100vw);
  background: rgba(253, 192, 128, 0.93);
}
.job-compus-2020--banner {
  width: 100%;
  min-height: calc(2120 / 3840 * 100vw);
  background: url('/static/images/activity/job-compus/2020/web/banner.png') no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.job-compus-2020--content {
  width: calc(1000 / 1920 * 100vw);
  margin: -280px auto 0;
  margin-top: calc(-280 / 1920 * 100vw);
}
.job-compus-2020--intro {
  padding: calc(22 / 1920 * 100vw);
  width: calc(1000 / 1920 * 100vw);
  height: calc(216 / 1920 * 100vw);
  background: url('/static/images/activity/job-compus/2020/web/intro-bg.png') no-repeat;
  background-size: 100% 100%;
  font-size: calc(18 / 1920 * 100vw);
  color: #720417;
  line-height: calc(28 / 1920 * 100vw);
}
.job-compus-2020--intro-bottom {
  margin-top: calc(30 / 1920 * 100vw);
}
.job-compus-2020--title {
  margin: calc(60 / 1920 * 100vw) auto 0;
  width: calc(303 / 1920 * 100vw);
  height: calc(59 / 1920 * 100vw);
  background: url('/static/images/activity/job-compus/2020/web/title.png') no-repeat;
  background-size: 100% 100%;
  font-size: calc(26 / 1920 * 100vw);
  color: #93003F;
  letter-spacing: calc(2.6 / 1920 * 100vw);
  line-height: calc(59 / 1920 * 100vw);
  font-family: 'fangzhenglanting', 'STHeiti';
  font-weight: bold;
  text-align: center;
}
.job-compus-2020--live {
  position: relative;
}
.job-compus-2020--live:before {
  position: absolute;
  left: calc(-45 / 1920 * 100vw);
  top: calc(6 / 1920 * 100vw);
  z-index: 1;
  content: '';
  display: block;
  width: calc(28 / 1920 * 100vw);
  height: calc(28 / 1920 * 100vw);
  background: url('/static/images/activity/job-compus/2020/web/time-icon.png') no-repeat;
  background-size: calc(28 / 1920 * 100vw) calc(28 / 1920 * 100vw);
}
.job-compus-2020--live:after {
  position: absolute;
  left: calc(-33 / 1920 * 100vw);
  top: calc(20 / 1920 * 100vw);
  z-index: 0;
  content: '';
  display: block;
  width: calc(2 / 1920 * 100vw);
  height: calc(310 / 1920 * 100vw);
  background: #E0321B;
}
.job-compus-2020--live:last-child:after {
  height: calc(240 / 1920 * 100vw);
  background: -webkit-gradient(linear, left top, left bottom, from(#E0321B), to(rgba(224, 50, 27, 0)));
  background: -o-linear-gradient(top, #E0321B 0%, rgba(224, 50, 27, 0) 100%);
  background: linear-gradient(180deg, #E0321B 0%, rgba(224, 50, 27, 0) 100%);
}
.job-compus-2020--live.replay {
  margin-top: calc(44 / 1920 * 100vw);
}
.job-compus-2020--live.replay::before {
  display: none;
}
.job-compus-2020--live.replay::after {
  display: none;
}
.job-compus-2020--live-time {
  margin-left: calc(5 / 1920 * 100vw);
  margin-top: calc(34 / 1920 * 100vw);
  margin-bottom: calc(20 / 1920 * 100vw);
  font-size: calc(26 / 1920 * 100vw);
  color: #C62510;
  line-height: calc(37 / 1920 * 100vw);
  font-family: PingFangSC-Semibold;
}
.job-compus-2020--live-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: url('/static/images/activity/job-compus/2020/web/block-bg.png') no-repeat;
  background-size: 100%;
  padding: calc(24 / 1920 * 100vw) 0px calc(24 / 1920 * 100vw) calc(18 / 1920 * 100vw);
}
.job-compus-2020--live-poster {
  margin-right: calc(18 / 1920 * 100vw);
  width: calc(268 / 1920 * 100vw);
  height: calc(164 / 1920 * 100vw);
  border: calc(4 / 1920 * 100vw) solid #FEC98D;
  border-radius: calc(4 / 1920 * 100vw);
  background: #FEC98D;
  cursor: pointer;
}
.job-compus-2020--live-poster img {
  vertical-align: top;
  width: calc(260 / 1920 * 100vw);
  height: calc(156 / 1920 * 100vw);
  border-radius: calc(4 / 1920 * 100vw);
}
.job-compus-2020--live-right {
  width: calc(672 / 1920 * 100vw);
}
.job-compus-2020--live-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  position: relative;
  margin-bottom: calc(11 / 1920 * 100vw);
  text-indent: 0;
  font-size: calc(20 / 1920 * 100vw);
  color: #333333;
  letter-spacing: 0;
  line-height: calc(24 / 1920 * 100vw);
  cursor: pointer;
}
.job-compus-2020--live-title.no-tag {
  text-indent: calc(-11 / 1920 * 100vw);
}
.job-compus-2020--live-title-text {
  width: calc(604 / 1920 * 100vw);
  white-space: nowrap;
}
.job-compus-2020--live-tag {
  top: calc(2 / 1920 * 100vw);
  left: 0;
  width: calc(68 / 1920 * 100vw);
  min-width: 50px;
  height: calc(22 / 1920 * 100vw);
  text-indent: 0;
  background: #CACACA;
  border-radius: calc(3 / 1920 * 100vw);
  font-size: calc(14 / 1920 * 100vw);
  line-height: calc(22 / 1920 * 100vw);
  font-weight: normal;
  color: #555555;
  text-align: center;
}
.job-compus-2020--live-tag.notice {
  background-image: -o-linear-gradient(315deg, #FBCA5C 0%, #FFB048 50%, #FA8540 100%);
  background-image: linear-gradient(135deg, #FBCA5C 0%, #FFB048 50%, #FA8540 100%);
  color: #fff;
}
.job-compus-2020--live-tag.live {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: -o-linear-gradient(315deg, #FA7435 0%, #F85D27 44%, #E0321B 100%);
  background-image: linear-gradient(135deg, #FA7435 0%, #F85D27 44%, #E0321B 100%);
  color: #fff;
}
.job-compus-2020--live-tag.live::before {
  display: block;
  content: '';
  margin-right: calc(6 / 1920 * 100vw);
  width: calc(8 / 1920 * 100vw);
  height: calc(8 / 1920 * 100vw);
  border-radius: 50%;
  background-color: #fff;
}
.job-compus-2020--live-tag.no-tag {
  display: none;
}
.job-compus-2020--live-intro {
  height: calc(88 / 1920 * 100vw);
  width: 100%;
  font-size: calc(14 / 1920 * 100vw);
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: calc(22 / 1920 * 100vw);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.job-compus-2020--live-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.job-compus-2020--live-endtime {
  font-size: calc(14 / 1920 * 100vw);
  color: #999999;
  letter-spacing: 0;
  line-height: calc(24 / 1920 * 100vw);
}
.job-compus-2020--live-btn {
  width: calc(102 / 1920 * 100vw);
  height: calc(36 / 1920 * 100vw);
  line-height: calc(36 / 1920 * 100vw);
  background: #74748A;
  border-radius: calc(4 / 1920 * 100vw);
  font-size: calc(16 / 1920 * 100vw);
  color: #FFFCFA;
  text-align: center;
  cursor: pointer;
}
.job-compus-2020--live-btn.notice {
  background: #FFAF49;
  color: #FFFFFF;
}
.job-compus-2020--live-btn.live {
  background: #B3200D;
  color: #fff;
}
.job-compus-2020-modal .ant-modal-content {
  background-image: url('/static/images/activity/job-compus/2020/web/modal-bg.png');
  background-size: 527px 200px;
  background-position: top;
  background-repeat: no-repeat;
}
.job-compus-2020-modal .ant-modal-body {
  padding-left: 50px;
  padding-right: 24px;
}
.job-compus-2020-modal .ant-radio-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  margin-right: 16px;
  line-height: 20px;
}
.job-compus-2020-modal .ant-radio {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin-right: 0;
}
.job-compus-2020-modal .ant-radio-inner {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.job-compus-2020-modal .ant-radio-inner:after {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.job-compus-2020-modal .ant-radio-checked .ant-radio-inner {
  background: url('/static/images/activity/job-compus/2020/web/radio-checked.png');
  background-size: 16px 16px;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: none;
}
.job-compus-2020-modal .ant-radio-checked .ant-radio-inner:after {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background: #fff;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
}
.job-compus-2020-modal .ant-input {
  border-radius: 0;
  max-width: 426px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 48px;
  border: none;
  background: url('/static/images/activity/job-compus/2020/web/input-border.png') no-repeat;
  background-size: 426px 48px;
}
.job-compus-2020-modal .ant-input:focus {
  background: url('/static/images/activity/job-compus/2020/web/input-border-checked.png') no-repeat;
  background-size: 426px 48px;
}
.job-compus-2020-modal .ant-input::-webkit-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-modal .ant-input::-moz-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-modal .ant-input:-ms-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-modal .ant-input::-ms-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-modal .ant-input::placeholder {
  color: #A5A7B5;
}
.job-compus-2020-modal-title {
  margin-right: 26px;
  margin-top: 22px;
  margin-bottom: 32px;
  text-align: center;
  line-height: 28px;
  font-weight: bold;
  font-size: 20px;
  color: #2B2B2B;
}
.job-compus-2020-modal-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  color: #2E2E33;
  line-height: 24px;
}
.job-compus-2020-modal-label:before {
  display: block;
  content: '';
  margin-right: 5px;
  width: 8px;
  height: 8px;
  background: url('/static/images/activity/job-compus/2020/web/star.png') no-repeat;
  background-size: 8px;
}
.job-compus-2020-modal-content {
  margin-bottom: 24px;
}
.job-compus-2020-modal-content.radio {
  margin-bottom: 12px;
}
.job-compus-2020-modal-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 60px;
  margin-bottom: 24px;
  width: 426px;
  height: 48px;
  background-image: -o-linear-gradient(307deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  border-radius: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: not-allowed;
  opacity: 0.5;
}
.job-compus-2020-modal-btn.sure {
  background-image: -o-linear-gradient(307deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  cursor: pointer;
  opacity: 1;
}
.job-compus-2020 .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.job-compus-2020 .ant-notification .job-compus-2020-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.job-compus-2020 .ant-notification .job-compus-2020-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  background: url('/static/images/activity/job-compus/2020/web/toast_error.png') no-repeat;
  background-size: 14px;
}
.job-compus-2020 .ant-notification .job-compus-2020-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.job-compus-2020 .ant-notification .job-compus-2020-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  background: url('/static/images/activity/job-compus/2020/web/toast_success.png') no-repeat;
  background-size: 14px;
}
.job-compus-2020 .ant-notification-notice-close {
  display: none;
}
.job-compus-2020 .ant-notification-notice-message {
  display: none;
}
@media screen and (max-width: 1200px) {
  .job-compus-2020--content {
    margin-top: -175px;
    width: 626px;
  }
  .job-compus-2020--banner {
    height: 661px;
    background-size: cover;
    background-position: center;
  }
  .job-compus-2020--intro {
    padding: 13.75px;
    width: 597.5px;
    height: 135px;
    font-size: 12px;
    line-height: 17.5px;
  }
  .job-compus-2020--intro-bottom {
    margin-top: 18.75px;
  }
  .job-compus-2020--title {
    width: 189px;
    height: 36.8px;
    font-size: 16.25px;
    letter-spacing: 1.625px;
    line-height: 36.875px;
  }
  .job-compus-2020--live:before {
    left: -28.125px;
    top: 3.75px;
    width: 17.5px;
    height: 17.5px;
    background-size: 17.5px 17.5px;
  }
  .job-compus-2020--live:after {
    left: -20.625px;
    top: 12.5px;
    width: 1.25px;
    height: 193.75px;
  }
  .job-compus-2020--live:last-child:after {
    height: 150px;
  }
  .job-compus-2020--live.replay {
    margin-top: 27.5px;
  }
  .job-compus-2020--live-time {
    margin-left: 3.125px;
    margin-top: 21.25px;
    margin-bottom: 12.5px;
    font-size: 16.25px;
    line-height: 23.125px;
  }
  .job-compus-2020--live-content {
    padding: 15px 0px 15px 11.25px;
  }
  .job-compus-2020--live-poster {
    margin-right: 11.25px;
    width: 167.5px;
    height: 102.5px;
    border: 2.5px solid #FEC98D;
    border-radius: 2.5px;
  }
  .job-compus-2020--live-poster img {
    width: 162.5px;
    height: 97.5px;
    border-radius: 2.5px;
  }
  .job-compus-2020--live-right {
    width: 420px;
  }
  .job-compus-2020--live-title {
    margin-bottom: 6.875px;
    font-size: 12.5px;
    line-height: 15px;
  }
  .job-compus-2020--live-title.no-tag {
    text-indent: -6.875px;
  }
  .job-compus-2020--live-title-text {
    width: 377.5px;
  }
  .job-compus-2020--live-tag {
    top: 1.25px;
    width: 50px;
    height: 13.75px;
    border-radius: 1.875px;
    font-size: 12px;
    line-height: 13.75px;
  }
  .job-compus-2020--live-tag.live::before {
    margin-right: calc(6 / 1920 * 100vw);
    width: calc(8 / 1920 * 100vw);
    height: calc(8 / 1920 * 100vw);
  }
  .job-compus-2020--live-intro {
    height: 55px;
    font-size: 12px;
    line-height: 14px;
  }
  .job-compus-2020--live-endtime {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
  .job-compus-2020--live-btn {
    width: 63.75px;
    height: 22.5px;
    line-height: 22.5px;
    border-radius: 2.5px;
    font-size: 12px;
  }
}

.game-academy-activity-footer {
  padding-top: 23px;
  padding-bottom: 23px;
  background-color: #2E2E33;
  width: 100%;
  height: 461px;
}
.game-academy-activity-footer .qr-img {
  width: 128px;
  height: 134px;
  margin: auto;
}
.game-academy-activity-footer .qr-img > div {
  width: 128px;
  height: 128px;
  background-size: 100%;
}
.game-academy-activity-footer .qr-img > div.weibo {
  background-image: url('/static/images/activity/job-compus/2020/web/qr-wb.png');
}
.game-academy-activity-footer .qr-img > div.gzh {
  background-image: url('/static/images/activity/job-compus/2020/web/qr-gzh.png');
}
.game-academy-activity-footer .qr-img > div.zhaopin {
  background-image: url('/static/images/activity/job-compus/2020/web/qr-zhaopin.png');
  border-radius: 8px;
}
.game-academy-activity-footer .nie-copyright-new-inner {
  width: 1300px;
  text-align: left;
  margin: 0 auto;
  padding: 15px 0 10px;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 20px;
  display: block;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 22%;
  margin-top: 165px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part1 .logo,
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part1 .nie-cn-logo,
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part1 .nie-cn-nav {
  vertical-align: top;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part1 .attention {
  text-align: center;
  color: #a06d61;
  margin-left: 50px;
  display: inline-block;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  font-size: 13px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .logo-details {
  display: inline-block;
  width: 518px;
  margin-right: 57px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .logo-details .logo-content {
  height: 60px;
  color: #999797;
  line-height: 24px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x {
  display: inline-block;
  width: 240px;
  text-align: center;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x img {
  display: block;
  margin: 0 auto;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x span {
  margin-top: 15px;
  display: inline-block;
  font-size: 14px;
  color: #A1A5B3;
  font-weight: bold;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x span a {
  color: #cccccc;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part0 .divider {
  display: inline-block;
  height: 100px;
  margin: auto 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  top: -40px;
}
.game-academy-activity-footer .nie-copyright-new-inner .divider-0-1 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 72px auto 50px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-logo {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  min-width: 240px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-logo a {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  padding-right: 10px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-logo img {
  margin-right: 15px;
  margin-top: 5px;
  border: 0;
  vertical-align: middle;
  width: 105px;
  height: 32px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav {
  display: inline-block;
  vertical-align: top;
  padding-left: 6px;
  position: relative;
  z-index: 1;
  color: #808080;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav a {
  color: #808080;
  text-decoration: none;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav a:hover {
  color: #a06d61;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav i {
  display: block;
  font-style: normal;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav i.nie-cn-nav-i2 {
  height: 28px;
  line-height: 28px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav a {
  text-decoration: none;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav a:hover {
  text-decoration: underline;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav .nie-cn-reportcenter {
  padding-left: 18px;
  font-style: normal;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-nav a.nie-cn-guardianship {
  display: inline-block;
  color: #fff;
  background-color: #610000;
  position: absolute;
  z-index: 2;
  right: 20px;
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  top: 21px;
}
.game-academy-activity-footer #NIE-copyRight a.nie-cn-guardianship {
  color: #fff;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part2 {
  padding-top: 10px;
  line-height: 24px;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part2 p {
  margin: 0;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part2 a {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part2 a:hover {
  text-decoration: underline;
}
.game-academy-activity-footer .nie-copyright-new-inner .nie-cn-part2 span {
  display: inline-block;
  vertical-align: top;
}
.game-academy-activity-footer .nie-cn-part2 a img {
  vertical-align: top;
}
.game-academy-activity-footer .logo {
  margin-right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 205px;
}

.page-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 758px;
  padding-top: 110px;
}
.page-empty__image {
  height: 160px;
  width: 160px;
  margin-bottom: 16px;
  background: url('/static/images/empty/res_not_found.png') no-repeat;
  background-size: 100%;
}
.page-empty__txt {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  color: #333333;
  margin-bottom: 32px;
}
.page-empty__btn {
  width: 139px;
  height: 37px;
  background-color: #fff;
  border: 0.5px solid #D1D6E6;
  border-radius: 44px;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 15px;
  color: #2E2E33;
  text-align: center;
  line-height: 35px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.topic-datail-container {
  width: 1000px;
  margin: 0 auto;
  line-height: 1.75;
  letter-spacing: 0.062em;
}
.topic-datail-container .topic-title {
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEF2;
  position: relative;
  overflow: hidden;
}
.topic-datail-container .topic-title .topic-left {
  width: 320px;
  height: 200px;
  border-radius: 8px;
  overflow: hidden;
  float: left;
  margin-right: 24px;
  position: relative;
}
.topic-datail-container .topic-title .topic-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.topic-datail-container .topic-title .topic-right {
  margin-left: 344px;
}
.topic-datail-container .topic-title .topic-right .collection-1 {
  float: right;
  text-align: center;
}
.topic-datail-container .topic-title .topic-right .collection-1 i {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url('/static/icons/collect@2x.png') no-repeat;
  background-size: 72px 24px;
  vertical-align: top;
  cursor: pointer;
}
.topic-datail-container .topic-title .topic-right .collection-1 i:hover {
  background-position: -24px 0;
}
.topic-datail-container .topic-title .topic-right .collection-1 .icon-colected {
  background-position: -48px 0;
}
.topic-datail-container .topic-title .topic-right .collection-1 .icon-colected:hover {
  background-position: -48px 0;
}
.topic-datail-container .topic-title .topic-right h2 {
  font-size: 26px;
  color: #2E2E33;
  text-align: justify;
  line-height: 37px;
  font-weight: 700;
}
.topic-datail-container .topic-title .topic-right h4 {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  margin-top: 12px;
}
.topic-datail-container .topic-title .topic-right > div {
  position: absolute;
  left: 344px;
  bottom: 32px;
  height: 24px;
  line-height: 24px;
  width: 650px;
}
.topic-datail-container .topic-title .topic-right > div > span:nth-of-type(1) {
  margin-right: 16px;
}
.topic-datail-container .topic-title .topic-right > div span {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 4px;
}
.topic-datail-container .topic-title:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.topic-datail-container .topic-detail-group {
  margin-top: 24px;
}
.topic-datail-container .topic-detail-group .group-title {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 24px;
}
.topic-datail-container .course-list-item {
  display: block;
  overflow: hidden;
  margin-bottom: 48px;
  cursor: pointer;
}
.topic-datail-container .course-list-item > div {
  float: left;
}
.topic-datail-container .course-list-item .item-left {
  width: 260px;
  height: 163px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.topic-datail-container .course-list-item .item-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.topic-datail-container .course-list-item .item-left div {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url('/static/nshow-image/small@2x.png') no-repeat;
  background-size: 48px 48px;
  background-position: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.topic-datail-container .course-list-item .item-right {
  margin-left: 24px;
  width: 716px;
  height: 163px;
  border-bottom: 1px solid #f5f5f9;
  position: relative;
}
.topic-datail-container .course-list-item .item-right h4 {
  line-height: 24px;
  font-size: 18px;
  margin: 10px 0;
  font-weight: 700;
  color: #2E2E33;
}
.topic-datail-container .course-list-item .item-right h4 span {
  padding: 4px 5px;
  background: #C3AB86;
  border-radius: 8px;
  margin-right: 8px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  font-weight: 100;
}
.topic-datail-container .course-list-item .item-right h4 .master-span {
  background: #8C7EA8;
}
.topic-datail-container .course-list-item .item-right div {
  width: 100%;
  font-size: 14px;
  color: #2E2E33;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.topic-datail-container .course-list-item .item-right p {
  margin: 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #6A6D7A;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.topic-datail-container .course-list-item .item-auther em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #6A6D7A;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 5px;
}
.topic-datail-container .course-list-item .item-auther img {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  margin-right: 6px;
  vertical-align: top;
}
.topic-datail-container .course-list-item .item-auther > span:nth-of-type(1) {
  margin-right: 6px;
}
.topic-datail-container .course-list-item .item-auther > span:nth-of-type(2) {
  margin-right: 16px;
}
.topic-datail-container .course-list-item .item-auther > span:nth-of-type(3) {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  padding: 0 5px;
  background: #F5F6F9;
  border-radius: 8px;
  font-size: 14px;
}
.topic-datail-container .course-list-item:hover .item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.Counts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Counts .Counts-item {
  width: 25%;
  height: 100%;
  padding: 3px 0 10px;
  text-align: center;
  cursor: pointer;
}
.Counts .Counts-item > div {
  height: 24px;
  width: 24px;
  margin: auto;
  margin-bottom: 4px;
}
.Counts .Counts-item > div:hover {
  background-position: -24px 0;
}
.Counts .Counts-item-reply {
  background: url('/static/icons/comment copy@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0 0;
}
.Counts .Counts-item-favCount {
  background: url('/static/icons/collect@2x.png') no-repeat;
  background-size: 72px 24px;
  background-position: 0 0;
}
.Counts .Counts-item-likeCount {
  background: url('/static/icons/like copy@2x.png') no-repeat;
  background-size: 72px 24px;
  background-position: 0 0;
}
.Counts .Counts-item-share {
  background: url('/static/icons/share@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0 0;
}
.Counts .Counts-item-favCounted {
  background-position: -48px 0 !important;
}
.Counts .Counts-item-likeCounted {
  background-position: -48px 0 !important;
}
.Counts p {
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  margin: 0;
  line-height: 20px;
  margin-top: 4px;
}
.Counts .Counts-item-4 {
  position: relative;
}
.Counts .Counts-item-4 .share-container {
  position: absolute;
  display: none;
  top: 53px;
  left: -68px;
  right: 0;
  height: 72px;
  width: 198px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 16px 0 rgba(134, 154, 137, 0.24);
          box-shadow: 0 2px 16px 0 rgba(134, 154, 137, 0.24);
  border-radius: 8px;
}
.Counts .Counts-item-4 .share-container em {
  height: 10px;
  width: 10px;
  -webkit-box-shadow: 0 2px 16px 0 rgba(134, 154, 137, 0.24);
          box-shadow: 0 2px 16px 0 rgba(134, 154, 137, 0.24);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: -5px;
  left: 95px;
  background: #FFFFFF;
}
.Counts .Counts-item-4 .share-container .mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 72px;
  width: 198px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px 23px;
}
.Counts .Counts-item-4 .share-container .mask div:nth-of-type(1) {
  background: url('/static/icons/wechat@2x.png') no-repeat;
  background-position: 0 0;
  background-size: 80px 40px;
}
.Counts .Counts-item-4 .share-container .mask div:nth-of-type(2) {
  background: url('/static/icons/QQ@2x.png') no-repeat;
  background-position: 0 0;
  background-size: 80px 40px;
}
.Counts .Counts-item-4 .share-container .mask div:nth-of-type(3) {
  margin-right: 0;
  background: url('/static/icons/weibo @2x.png') no-repeat;
  background-position: 0 0;
  background-size: 80px 40px;
}
.Counts .Counts-item-4 .share-container .mask > div {
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 16px;
}
.Counts .Counts-item-4 .share-container .mask > div:hover {
  background-position: -40px 0;
}
.Counts .Counts-item-4:hover .share-container {
  display: block;
}
.shareCode .ant-modal-content {
  width: 580px;
}
.shareCode .ant-modal-body {
  padding: 0;
  height: 380px;
  text-align: center;
  padding-top: 46px;
}
.shareCode .ant-modal-body h2 {
  font-size: 24px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}
.shareCode .ant-modal-body canvas {
  height: 147px !important;
  width: 152px !important;
  margin-top: 46px;
}
.shareCode .ant-modal-body p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  margin-top: 22px;
}
.shareCode .ant-modal-footer {
  padding: 0;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.train .train-nav-container {
  width: 100%;
  background: #fff;
}
.train_navBg {
  background-image: url('https://gameacademy.v.netease.com/2019/0516/bf9534459f8aacd65633185affd00641.png') !important;
}
.acticity_count {
  font-size: 14px;
  display: inline-block;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 64px;
}
.activity {
  width: 100%;
}
.activity-head {
  width: 100%;
  height: 324px;
  background: url('/static/images/activity/head-bg.png') no-repeat center;
  background-size: auto 324px;
}
.activity-nav {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #EEEEF2;
}
.activity-nav-Item {
  height: 64px;
  line-height: 78px;
  padding: 0 26px;
  font-size: 18px;
  cursor: pointer;
  color: #2E2E33;
}
.activity-nav .selected {
  background: url('/static/images/Group@2x.png') no-repeat;
  background-size: 32px 5px;
  background-position: bottom;
  color: #D83B2F;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.tr_plans {
  width: 1000px;
  margin: 0 auto;
  padding-top: 32px;
}
.tr_plans-wrap .items {
  width: 100%;
}
.tr_plans-wrap .items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 16px;
}
.tr_plans-wrap .items .item .line {
  min-width: 14px;
  position: relative;
}
.tr_plans-wrap .items .item .line .circle {
  display: block;
  width: 6px;
  height: 6px;
  background: #B8B8CC;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 37px;
}
.tr_plans-wrap .items .item .line .circle::after {
  content: '';
  width: 1px;
  height: 80px;
  background: #EEEEF2;
  position: absolute;
  left: 2px;
  top: 10px;
}
.tr_plans-wrap .items .item .content {
  width: 972px;
  height: 80px;
  padding: 18px 20px;
  -webkit-box-shadow: 0 0 6px rgba(37, 38, 94, 0.09);
          box-shadow: 0 0 6px rgba(37, 38, 94, 0.09);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tr_plans-wrap .items .item .content .icon {
  width: 36px;
  height: 36px;
  margin-right: 16px;
}
.tr_plans-wrap .items .item .content .icon > img {
  width: 100%;
  height: 100%;
}
.tr_plans-wrap .items .item .content .detail > h3 {
  line-height: 24px;
  margin-bottom: 0;
  font-size: 16px;
  color: #2E2E33;
}
.tr_plans-wrap .items .item .content .detail > h3 > span {
  display: inline-block;
  background: #edeef2;
  height: 18px;
  color: #6a6d7a;
  line-height: 18px;
  margin-right: 6px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 14px;
}
.tr_plans-wrap .items .item .content .detail > p {
  margin-bottom: 0;
  line-height: 20px;
  font-size: 14px;
  color: #6a6d7a;
}
.tr_plans-wrap .items .item .content .detail > p .error {
  color: #D83B2F !important;
  margin-left: 16px;
}
.tr_plans-wrap .items .item:last-child .line .circle::after {
  display: none;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.train_live {
  width: 1000px;
  margin: 0 auto;
  padding-top: 32px;
}
.train_live .live-module .title {
  font-size: 20px;
  color: #2E2E33;
  line-height: 1;
  margin-bottom: 24px;
}
.train_live-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.train_live-detail .live {
  width: 100%;
  height: 529px;
  background: #262627;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.train_live-detail .live-video {
  min-width: 760px;
}
.train_live-detail .live-video .title {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  background: #363636;
  color: #fff;
  font-size: 16px;
}
.train_live-detail .live-video .live-box .noStart {
  text-align: center;
}
.train_live-detail .live-video .live-box .noStart > p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-top: 165px;
  margin-bottom: 0;
}
.train_live-detail .live-video .live-box .noStart > a {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  padding: 0 20px;
  border-radius: 20px;
  display: inline-block;
  background: #D83B2F;
  margin: 32px auto;
}
.train_live-detail .live-video .live-box--video {
  width: 760px;
  height: 479px;
  overflow: hidden;
}
.train_live-detail .live-video .live-box--video .video-container {
  width: 760px;
  height: 479px;
}
.train_live-detail .live-video .live-box--video .video-container .video-mask {
  width: 760px;
  height: 479px;
}
.train_live-detail .live-question {
  min-width: 240px;
  background: #19191A;
}
.train_live-detail .live-question .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #252525;
}
.train_live-detail .live-question .wrap {
  position: relative;
  overflow: hidden;
}
.train_live-detail .live-question .wrap .content {
  width: 220px;
  margin: 12px 12px 50px 12px;
  height: 420px;
  overflow-y: auto;
}
.train_live-detail .live-question .wrap .content::-webkit-scrollbar {
  width: 8px;
  height: 100%;
  background: transparent;
}
.train_live-detail .live-question .wrap .content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 6px;
  border-radius: 3px;
  border: 1px solid #262626;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #363636;
}
.train_live-detail .live-question .wrap .content::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.train_live-detail .live-question .wrap .content .board {
  width: 204px;
  padding: 12px;
  border-radius: 8px;
  background: #212121;
  color: #ccc;
  font-size: 12px;
  margin-bottom: 16px;
}
.train_live-detail .live-question .wrap .content .question {
  width: 204px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 9px;
}
.train_live-detail .live-question .wrap .content .question .label {
  min-width: 42px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #D83B2F;
  color: #D83B2F;
  text-align: center;
  padding-top: 2px;
  cursor: pointer;
}
.train_live-detail .live-question .wrap .content .question .label > p {
  margin-bottom: 0;
  line-height: 14px;
  font-size: 12px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.train_live-detail .live-question .wrap .content .question .label .qu_count {
  color: #fff;
  font-size: 12px;
  -webkit-transform: scale(1) translateY(-2px);
      -ms-transform: scale(1) translateY(-2px);
          transform: scale(1) translateY(-2px);
  line-height: 32px;
}
.train_live-detail .live-question .wrap .content .question .label:hover {
  background: #D83B2F;
}
.train_live-detail .live-question .wrap .content .question .label:hover .ques_count {
  color: #fff;
  font-size: 12px;
  -webkit-transform: scale(1) translateY(-17px);
      -ms-transform: scale(1) translateY(-17px);
          transform: scale(1) translateY(-17px);
  line-height: 32px;
}
.train_live-detail .live-question .wrap .content .question .label_agreed {
  background: #D83B2F;
}
.train_live-detail .live-question .wrap .content .question .q_con {
  color: #fff;
  word-break: break-all;
}
.train_live-detail .live-question .wrap .moreQuestion {
  cursor: pointer;
  width: 100%;
  font-size: 12px;
  line-height: 40px;
  color: #ccc;
  text-align: center;
}
.train_live-detail .live-question .wrap .submitQuestion {
  position: absolute;
  width: 218px;
  height: 28px;
  bottom: 13px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.train_live-detail .live-question .wrap .submitQuestion .ant-input {
  height: 28px;
  width: 176px;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 4px 0px 0px 4px;
}
.train_live-detail .live-question .wrap .submitQuestion .ant-input:focus {
  border-color: #D83B2F;
}
.train_live-detail .live-question .wrap .submitQuestion .ant-input:hover {
  border-color: #D83B2F;
}
.train_live-detail .live-question .wrap .submitQuestion .submit-text {
  width: 42px;
  height: 28px;
  background: #D83B2F;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 0 4px 4px 0;
  line-height: 28px;
}
.train_live-detail .live-title {
  padding: 24px 0;
  border-bottom: 1px solid #EEEEF2;
}
.train_live-detail .live-title > h2 {
  font-size: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  line-height: 38px;
}
.train_live-detail .live-title > p {
  margin-bottom: 0;
}
.train_live-detail .live-detail {
  padding-top: 24px;
  margin-bottom: 48px;
}
.train_live-detail .live-detail > p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
}
.train_live-detail .live-detail h3 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.train_live-detail .live-detail .live-author {
  margin-bottom: 48px;
  overflow: hidden;
}
.train_live-detail .live-detail .live-author > div:nth-of-type(1) {
  float: left;
  width: 72px;
  height: 72px;
  margin-right: 16px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.train_live-detail .live-detail .live-author > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.train_live-detail .live-detail .live-author > div:nth-of-type(2) {
  margin-left: 88px;
  overflow: hidden;
}
.train_live-detail .live-detail .live-author > div:nth-of-type(2) h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 4px;
  margin-top: 10px;
}
.train_live-detail .live-detail .live-author > div:nth-of-type(2) p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.train_live_Item .list-Item {
  width: 1000px;
  height: 163px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.train_live_Item .list-Item-left {
  min-width: 260px;
  margin-right: 24px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.train_live_Item .list-Item-left .item-cover {
  width: 260px;
  height: 163px;
  -o-object-fit: cover;
     object-fit: cover;
}
.train_live_Item .list-Item-left img {
  width: 260px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.train_live_Item .list-Item-left > div {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url('/static/nshow-image/small@2x.png') no-repeat;
  background-position: center;
  background-size: 48px 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.train_live_Item .list-Item-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  border-bottom: 1px solid #F5F5F9;
  padding: 0px 0 10px;
  color: #6A6D7A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.train_live_Item .list-Item-right .record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.train_live_Item .list-Item-right .record > p {
  margin-left: 12px;
  line-height: 26px;
  margin-bottom: 0;
}
.train_live_Item .list-Item-right .record > p .videoSpan em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #A1A5B3;
  vertical-align: middle;
  margin: 0 2px;
  margin-top: -4px;
}
.train_live_Item .list-Item-right .record > i {
  width: 18px;
  height: 18px;
  background: url('/static/images/icons/clock.png') no-repeat;
  background-size: 18px 18px;
  margin-right: 5px;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.train_live_Item .list-Item-right-top .info {
  word-break: break-word;
}
.train_live_Item .list-Item-right h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.train_live_Item .list-Item-right h3 > span {
  padding: 3px 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  border-radius: 6px;
  margin-right: 8px;
}
.train_live_Item .list-Item-right .time_addr {
  line-height: 22px;
  margin-top: 6px;
  padding-left: 22px;
}
.train_live_Item .list-Item-right .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
}
.train_live_Item .list-Item-right .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: 0px;
  margin-bottom: 14px;
}
.train_live_Item .list-Item-right .fontSize {
  color: #3e3e3e;
  padding-left: 5px;
}
.train_live_Item .list-Item .liveEnd h3,
.train_live_Item .list-Item .liveEnd .info,
.train_live_Item .list-Item .liveEnd .record {
  color: #CFD1DA;
}
.train_live_Item .list-Item:hover .list-Item-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.q_naire {
  width: 1000px;
  margin: 0 auto;
  padding-top: 32px;
}
.q_naire-item {
  width: 100%;
  height: 163px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.q_naire-item .left {
  width: 260px;
  min-width: 260px;
  height: 163px;
  margin-right: 24px;
  border-radius: 10px;
  overflow: hidden;
}
.q_naire-item .left > a > img {
  width: 100%;
  height: auto;
  min-height: 163px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.q_naire-item .right {
  width: 100%;
  border-bottom: 1px solid #f5f5f9;
  position: relative;
}
.q_naire-item .right .title {
  overflow: hidden;
  font-size: 16px;
  line-height: 30px;
  color: #2E2E33;
  font-weight: bold;
  margin-top: 6px;
}
.q_naire-item .right .intro {
  width: 100%;
  height: 44px;
  line-height: 22px;
  margin-top: 6px;
  font-size: 14px;
  color: #6a6d7a;
  margin-bottom: 0;
}
.q_naire-item .right .action {
  font-size: 14px;
  color: #6A6D7A;
  line-height: 22px;
  margin-top: 13px;
  position: absolute;
  bottom: 10px;
}
.q_naire-item .right .action > div {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
}
.q_naire-item .right .action > div > img {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  width: 18px;
  height: 18px;
}
.q_naire-item .right .action .time {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.q_naire-item .right .action .date {
  color: #2E2E33;
}
.q_naire-item .right .action .error {
  color: #D83B2F !important;
  margin-left: 16px;
}
.q_naire-item .right .yellow {
  background: #EAC54E;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
.q_naire-item .right .green {
  background: #85c285;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
.q_naire-item:hover .left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.q_naire-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.q_naire-detail .header {
  padding-bottom: 24px;
  border-bottom: 1px solid #eeeef2;
}
.q_naire-detail .header .title {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 12px;
  font-weight: bold;
  margin-top: 16px;
}
.q_naire-detail .header .error {
  color: #D83B2F !important;
  margin-left: 16px;
}
.q_naire-detail .wrap {
  padding-top: 24px;
}
.q_naire-detail .investigation-item {
  padding-bottom: 24px;
}
.q_naire-detail .investigation-item + .investigation-item {
  margin-top: 40px;
}
.q_naire-detail .investigation-item__title {
  font-size: 20px;
  font-weight: bold;
}
.q_naire-detail .investigation-item__title .number {
  margin-right: 4px;
}
.q_naire-detail .investigation-item__title .required {
  color: #D83B2F;
  margin-right: 4px;
}
.q_naire-detail .investigation-item__title .hint {
  color: #666;
  font-size: 14px;
  font-weight: normal;
}
.q_naire-detail .investigation-item__input {
  margin-top: 16px;
  color: #666;
}
.q_naire-detail .investigation-item__input .option-item:not(:first-child) {
  margin-top: 16px;
}
.q_naire-detail .investigation-item__input .option-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
}
.q_naire-detail .investigation-item__input .option-item input[type=radio],
.q_naire-detail .investigation-item__input .option-item input[type=checkbox] {
  display: none;
}
.q_naire-detail .investigation-item__input .option-item .content {
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.q_naire-detail .investigation-item__input .option-item .custom-input {
  margin-top: 8px;
  margin-left: 32px;
}
.q_naire-detail .investigation-item__input .option-item .custom-input > input {
  width: 100%;
  height: 40px;
  padding: 8px;
  border: 1px solid #CFD1DA;
  border-radius: 8px;
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
}
.q_naire-detail .investigation-item__input .option-item .custom-input > input:disabled,
.q_naire-detail .investigation-item__input .option-item .custom-input > input[disabled] {
  background: #F5F6F9;
}
.q_naire-detail .investigation-item__input .radio-label input + span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border: 1px solid #a1a5b3;
  border-radius: 50%;
}
.q_naire-detail .investigation-item__input .radio-label input:checked + span:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  top: 5px;
  left: 5px;
  background: #d83b2f;
  border-radius: 50%;
}
.q_naire-detail .investigation-item__input .radio-label input:disabled + span {
  background: #F5F6F9;
}
.q_naire-detail .investigation-item__input .radio-label input:disabled + span:after {
  background: #a1a5b3;
}
.q_naire-detail .investigation-item__input .checkbox-label input + span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border: 1px solid #a1a5b3;
  border-radius: 4px;
}
.q_naire-detail .investigation-item__input .checkbox-label input:checked + span:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  margin-right: 12px;
  border: solid #d83b2f;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.q_naire-detail .investigation-item__input .checkbox-label input:disabled + span {
  background: #F5F6F9;
}
.q_naire-detail .investigation-item__input .checkbox-label input:disabled + span:after {
  border-color: #a1a5b3;
}
.q_naire-detail .investigation-item__input textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #CFD1DA;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 16px;
  outline: none;
  resize: none;
  -webkit-appearance: none;
}
.q_naire-detail .investigation-item__input textarea:disabled,
.q_naire-detail .investigation-item__input textarea[disabled] {
  background: #F5F6F9;
}
.q_naire-detail .investigation-submit {
  width: 112px;
  height: 40px;
  margin-top: 40px;
}
.q_naire-detail .investigation-submit button {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 8px;
}
.q_naire-detail .investigation-submit button:disabled,
.q_naire-detail .investigation-submit button[disabled] {
  opacity: 0.3;
}
.train-noMore {
  margin: 50px auto;
}

.next-degree {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.next-degree .desireText {
  display: block;
  position: absolute;
  width: 50px;
  right: -60px;
  font-size: 14px;
  color: #2e2e33;
}
.next-degree .degree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.next-degree .degree-Item {
  height: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  background: #ECEDF0;
  border-radius: 1px;
  border-radius: 3px;
  -webkit-transform: skew(-30deg);
      -ms-transform: skew(-30deg);
          transform: skew(-30deg);
  height: 20px;
}
.next-degree .degree-Item + .degree-Item {
  margin-left: 4px;
}
.next-degree .degree.direction {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-home {
  width: 100%;
  min-width: 1280px;
  min-height: 1px;
}
.activity-2019-home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-home p {
  margin: 0;
  padding: 0;
}
.activity-2019-home > div {
  position: relative;
}
.activity-2019-home > div > img {
  width: 100%;
}
.activity-2019-home .section-2 {
  overflow: hidden;
  height: 2%;
}
.activity-2019-home .section-2 ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-home .section-2 li {
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-home .section-2 li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
  padding-right: 16px;
}
.activity-2019-home .section-2 li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-home .section-2 li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-home .section-2 li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-home .section-2 li:hover p {
  color: #32163f;
}
.activity-2019-home .section-2 .active-nav p {
  color: #32163f;
}
.activity-2019-home .section-2 > div {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  color: #fff;
}
.activity-2019-home .live {
  width: 62.6%;
  height: 17.5%;
  margin: 0 auto;
}
.activity-2019-home .live .live-title {
  margin: 4% auto 0;
  width: 27.4%;
  padding-left: 12px;
}
.activity-2019-home .live .live-title > img {
  width: 100%;
}
.activity-2019-home .live .live-intro {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 2% auto 0;
}
.activity-2019-home .live .live-box {
  width: 1130px;
  height: 656px;
  margin-top: 30px;
  background: url('/static/images/activity/miniGame/2019/home/live_bg.png') no-repeat;
  background-size: 1130px 656px;
  position: relative;
  margin-left: 30px;
  padding: 29px 0 0 44px;
}
.activity-2019-home .live .live-box .live-btn {
  position: absolute;
  width: 54px;
  height: 151px;
  top: 34px;
  right: -43px;
  background: url("/static/images/activity/miniGame/2019/home/live_btn.png");
  background-size: 54px 151px;
}
.activity-2019-home .game-intro {
  position: relative;
  width: 62.6%;
  height: 9.02%;
  margin: 0 auto;
}
.activity-2019-home .game-intro .intro-title {
  margin: 0 auto;
  width: 27.4%;
  font-size: 40px;
  line-height: 40px;
  padding-top: 6%;
  padding-left: 12px;
  text-align: center;
}
.activity-2019-home .game-intro .intro-title > img {
  width: 100%;
}
.activity-2019-home .game-intro .intro-text {
  position: absolute;
  top: 16%;
  left: 7%;
  width: 86%;
  height: 80%;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019/game_text.png') no-repeat;
  background-size: 100% 100%;
  font-size: 18px;
  color: #fff;
}
.activity-2019-home .game-intro .intro-text > div:nth-of-type(1) {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 17%;
  left: -1%;
  font-weight: 700;
}
.activity-2019-home .game-intro .intro-text > div:nth-of-type(2) {
  position: absolute;
  width: 88%;
  left: 6%;
  top: 35%;
}
.activity-2019-home .game-intro .intro-text > div:nth-of-type(2) p {
  margin-bottom: 8px;
}
.activity-2019-home .process {
  position: relative;
  width: 62.6%;
  height: 16%;
  margin: 0 auto;
  overflow: hidden;
}
.activity-2019-home .process .process-title {
  margin: 6% auto 0;
  width: 27.4%;
  padding-left: 12px;
}
.activity-2019-home .process .process-title > img {
  width: 100%;
}
.activity-2019-home .process .process-content {
  top: 53%;
  width: 56.5vw;
  margin: 0 auto;
  width: 100%;
  height: 67%;
}
.activity-2019-home .process .process-content p {
  margin-top: 15px;
  color: #524040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: center;
}
.activity-2019-home .process .process-content > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 93.6%;
  height: 90%;
}
.activity-2019-home .process .process-content .process-line {
  width: 100%;
  height: 9%;
  background: url('/static/images/activity/miniGame/2019/Process_line.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
}
.activity-2019-home .process .process-content .process-item {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.activity-2019-home .process .process-content .process-item > span {
  color: #7c320f;
  display: block;
  height: 15%;
  width: 45%;
  background: url('/static/images/activity/miniGame/2019/Process_num_bg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 350%;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
}
.activity-2019-home .process .process-content .process-item > div {
  color: #534141;
  width: 77.4%;
  height: 88.89%;
  background: url('/static/images/activity/miniGame/2019/Process_item.png') no-repeat;
  background-size: 100% 100%;
  font-size: 26px;
  font-weight: 700;
  position: relative;
  margin: -10% auto 0;
}
.activity-2019-home .process .process-content .process-item > div > span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.activity-2019-home .process .process-content .process-item > div > span:nth-of-type(1) {
  top: 64%;
}
.activity-2019-home .process .process-content .process-item > div > span:nth-of-type(2) {
  top: 74.5%;
}
.activity-2019-home .process .process-content .process-item > div div {
  position: absolute;
  height: 65%;
  width: 100%;
}
.activity-2019-home .process .process-content .process-item > div b {
  width: 35px;
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 30px;
  text-align: center;
  margin-left: -5px;
}
.activity-2019-home .process .process-content .process-item .single-data {
  background: url('/static/images/activity/miniGame/2019/Process_item_no_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-home .process .process-content .process-item .single-data > span:nth-of-type(1) {
  top: 64%;
}
.activity-2019-home .process .process-content .process-item .single-data > span:nth-of-type(2) {
  top: 70%;
  width: 30px;
  line-height: 17px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.activity-2019-home .section-3 {
  position: relative;
  overflow: hidden;
  height: 19%;
  margin-top: 2%;
}
.activity-2019-home .section-3 > div {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.activity-2019-home .section-3 .Description-box {
  height: 643px;
  width: 1394px;
  top: 70px;
  background: url('/static/images/activity/miniGame/2019/mt-bg.png') no-repeat center;
  background-size: 100%;
  margin-left: 40px;
}
.activity-2019-home .section-3 .Description-box div {
  position: absolute;
}
.activity-2019-home .section-3 .text-line {
  display: block;
  height: 0;
  width: 100%;
  border-bottom: 1px solid #cfcfcf;
  margin: 10px 0;
  position: relative;
}
.activity-2019-home .section-3 .text-line i {
  position: absolute;
  display: block;
  left: 16px;
  bottom: 0;
  height: 2px;
  width: 16px;
  border: 1px solid #cfcfcf;
}
.activity-2019-home .section-3 .left {
  width: 588px;
  height: 400px;
  left: 116px;
  top: 140px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #615d6e;
}
.activity-2019-home .section-3 .left p {
  margin-bottom: 20px;
}
.activity-2019-home .section-3 .left h4 {
  color: #782014;
  font-weight: 700;
  line-height: 12px;
  margin-bottom: 26px;
}
.activity-2019-home .section-3 .left h5 {
  color: #646464;
  font-size: 12px;
  line-height: 18px;
}
.activity-2019-home .section-3 .right {
  left: 740px;
  top: 140px;
  height: 445px;
  width: 450px;
}
.activity-2019-home .section-3 .right-1 {
  width: 444px;
  height: 388px;
  left: 6px;
  top: 6px;
  border: 3px solid #7b310a;
  background: #91d0e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-home .section-3 .right-2 {
  width: 444px;
  height: 388px;
  left: 0;
  top: 0;
  border: 3px solid #7b310a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-home .section-3 .right-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-home .section-3 .img-title {
  bottom: 13px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 18px;
  color: #55403d;
  font-weight: 700;
}
.activity-2019-home .section-3 .master-title {
  width: 329px;
  height: 102px;
  background: url('/static/images/activity/miniGame/2019/title3.png') no-repeat center;
  background-size: 100%;
  font-size: 40px;
  line-height: 40px;
  padding-top: 18px;
  padding-left: 12px;
  text-align: center;
  font-weight: 700;
}
.activity-2019-home .section-4 {
  position: relative;
  overflow: hidden;
  height: 17%;
}
.activity-2019-home .section-4 > div {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.activity-2019-home .section-4 ul {
  position: absolute;
  top: 24%;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 1380px;
  height: 510px;
}
.activity-2019-home .section-4 li {
  height: 510px;
  width: 273px;
  background: url('/static/images/activity/miniGame/2019/masterbg.png') no-repeat center;
  background-size: 100%;
  padding: 0 40px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.activity-2019-home .section-4 li h2 {
  position: relative;
  text-align: center;
  margin-bottom: 0;
  margin-top: 25px;
}
.activity-2019-home .section-4 li h2 span {
  color: #544041;
  font-size: 28px;
  font-weight: 700;
  position: relative;
  z-index: 5;
}
.activity-2019-home .section-4 li h2 i {
  position: absolute;
  display: inline-block;
  height: 16px;
  width: 112px;
  top: 28px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  background: #eee1db;
  border-radius: 8px;
  z-index: 1;
}
.activity-2019-home .section-4 li p {
  color: #544041;
  font-size: 16px;
  border-bottom: 1px solid #544041;
  line-height: 48px;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
}
.activity-2019-home .section-4 li div:nth-of-type(2) {
  font-size: 16px;
  color: #544041;
  line-height: 22px;
  height: 155px;
  margin-top: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.activity-2019-home .section-4 li .yemeng {
  width: 150px;
  margin: 0 auto;
}
.activity-2019-home .section-4 li .master-avatar {
  height: 286px;
  width: 188px;
  overflow: hidden;
  margin: 33px auto 0;
}
.activity-2019-home .section-4 li .master-avatar > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-home .section-4 li:hover {
  width: 273px;
  height: 529px;
  background: url('/static/images/activity/miniGame/2019/master_hover.png') no-repeat center;
  background-size: 100% 100%;
  margin-top: -19px;
}
.activity-2019-home .section-4 .master-title {
  width: 329px;
  height: 102px;
  background: url('/static/images/activity/miniGame/2019/title4.png') no-repeat center;
  background-size: 100% 100%;
  font-size: 40px;
  line-height: 40px;
  padding-top: 18px;
  padding-left: 12px;
  text-align: center;
  font-weight: 700;
}
.activity-2019-home .section-4 .master-text {
  position: absolute;
  top: 12%;
  text-align: center;
  width: 40vw;
  line-height: 18px;
  color: #534141;
  font-size: 16px;
  font-weight: 700;
}
.activity-2019-home .section-5 {
  position: relative;
  overflow: hidden;
  height: 15%;
}
.activity-2019-home .section-5 .org-title {
  position: absolute;
  top: 11%;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  width: 329px;
  height: 102px;
  background: url('/static/images/activity/miniGame/2019/title5.png') no-repeat center;
  background-size: 100% 100%;
  font-size: 40px;
  line-height: 40px;
  padding-top: 72px;
  padding-left: 12px;
  text-align: center;
}
.activity-2019-home .section-5 ul {
  position: absolute;
  top: 23%;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  width: 1248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.activity-2019-home .section-5 li {
  background: url('/static/images/activity/miniGame/2019/lianhe_logo-bg.png');
  background-size: 100% 100%;
  width: 300px;
  height: 137px;
  margin: 8px 0;
}
.activity-2019-home .section-5 li > div {
  width: 277px;
  height: 124px;
  margin-top: 5px;
  margin-left: 9px;
  border-radius: 4px;
  overflow: hidden;
}
.activity-2019-home .section-5 li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-home-small .section-2 {
  overflow: hidden;
  height: 2%;
}
.activity-2019-home-small .section-2 ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-home-small .section-2 li {
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 16px;
}
.activity-2019-home-small .section-2 li p {
  line-height: 22px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
  padding-right: 16px;
}
.activity-2019-home-small .section-2 li p:nth-of-type(1) {
  line-height: 22px;
}
.activity-2019-home-small .section-2 li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-home-small .section-2 li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-home-small .section-2 li:hover p {
  color: #32163f;
}
.activity-2019-home-small .section-2 .active-nav p {
  color: #32163f;
}
.activity-2019-home-small .section-2 > div {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  color: #fff;
}
.activity-2019-home-small .game-intro .intro-text {
  font-size: 14px;
  color: #fff;
}
.activity-2019-home-small .process {
  position: relative;
  width: 62.6%;
  height: 16%;
  margin: 0 auto;
  overflow: hidden;
}
.activity-2019-home-small .process .process-title {
  margin: 6% auto 0;
  width: 27.4%;
  padding-left: 12px;
}
.activity-2019-home-small .process .process-title > img {
  width: 100%;
}
.activity-2019-home-small .process .process-content {
  top: 53%;
  width: 56.5vw;
  margin: 0 auto;
  width: 100%;
  height: 67%;
}
.activity-2019-home-small .process .process-content p {
  margin-top: 1%;
  color: #524040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4%;
  text-align: center;
}
.activity-2019-home-small .process .process-content > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 93.6%;
  height: 90%;
}
.activity-2019-home-small .process .process-content .process-line {
  width: 100%;
  height: 9%;
  background: url('/static/images/activity/miniGame/2019/Process_line.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
}
.activity-2019-home-small .process .process-content .process-item {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.activity-2019-home-small .process .process-content .process-item > span {
  color: #7c320f;
  display: block;
  height: 15%;
  width: 45%;
  background: url('/static/images/activity/miniGame/2019/Process_num_bg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 280%;
  font-size: 18px;
  font-weight: 700;
  margin: 0 auto;
}
.activity-2019-home-small .process .process-content .process-item > div {
  color: #534141;
  width: 77.4%;
  height: 88.89%;
  background: url('/static/images/activity/miniGame/2019/Process_item.png') no-repeat;
  background-size: 100% 100%;
  font-size: 26px;
  font-weight: 700;
  position: relative;
  margin: -10% auto 0;
}
.activity-2019-home-small .process .process-content .process-item > div > span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.activity-2019-home-small .process .process-content .process-item > div > span:nth-of-type(1) {
  top: 64%;
}
.activity-2019-home-small .process .process-content .process-item > div > span:nth-of-type(2) {
  top: 74.5%;
}
.activity-2019-home-small .process .process-content .process-item > div div {
  position: absolute;
  height: 65%;
  width: 100%;
}
.activity-2019-home-small .process .process-content .process-item > div b {
  width: 35px;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 20px;
  text-align: center;
  margin-left: -5px;
}
.activity-2019-home-small .process .process-content .process-item .single-data {
  background: url('/static/images/activity/miniGame/2019/Process_item_no_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-home-small .process .process-content .process-item .single-data > span:nth-of-type(1) {
  top: 64%;
}
.activity-2019-home-small .process .process-content .process-item .single-data > span:nth-of-type(2) {
  top: 70%;
  width: 30px;
  line-height: 17px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.activity-2019-home-small .live {
  width: 62.6%;
  height: 17.5%;
  margin: 0 auto;
}
.activity-2019-home-small .live .live-title {
  margin: 4% auto 0;
  width: 27.4%;
  padding-left: 12px;
}
.activity-2019-home-small .live .live-title > img {
  width: 100%;
}
.activity-2019-home-small .live .live-intro {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 2% auto 0;
}
.activity-2019-home-small .live .live-box {
  width: 791px;
  height: 460px;
  margin: 25px auto 0;
  background: url('/static/images/activity/miniGame/2019/home/live_bg.png') no-repeat;
  background-size: 791px 460px;
  position: relative;
  padding: 20px 0 0 31px;
}
.activity-2019-home-small .live .live-box .live-btn {
  position: absolute;
  width: 54px;
  height: 151px;
  top: 28px;
  right: -43px;
  background: url("/static/images/activity/miniGame/2019/home/live_btn.png");
  background-size: 54px 151px;
}
.activity-2019-home-small .section-3 {
  position: relative;
  height: 19%;
  overflow: hidden;
  margin-top: 2%;
}
.activity-2019-home-small .section-3 .Description-box {
  height: 514px;
  width: 1115px;
  top: 50px;
  margin-left: 26px;
}
.activity-2019-home-small .section-3 .text-line {
  margin: 8px 0;
}
.activity-2019-home-small .section-3 .text-line i {
  left: 14px;
  height: 2px;
  width: 14px;
}
.activity-2019-home-small .section-3 .left {
  width: 470px;
  height: 320px;
  left: 93px;
  top: 112px;
  font-size: 12px;
  line-height: 14px;
}
.activity-2019-home-small .section-3 .left p {
  margin-bottom: 16px;
}
.activity-2019-home-small .section-3 .left h4 {
  line-height: 12px;
  margin-bottom: 20px;
}
.activity-2019-home-small .section-3 .left h5 {
  font-size: 12px;
  line-height: 14px;
}
.activity-2019-home-small .section-3 .right {
  left: 592px;
  top: 112px;
  height: 356px;
  width: 360px;
}
.activity-2019-home-small .section-3 .right-1 {
  width: 355px;
  height: 310px;
}
.activity-2019-home-small .section-3 .right-2 {
  width: 355px;
  height: 310px;
}
.activity-2019-home-small .section-3 .img-title {
  bottom: 10px;
  font-size: 16px;
}
.activity-2019-home-small .section-3 .master-title {
  font-size: 28px;
  width: 211px;
  height: 64px;
  line-height: 35px;
  padding-top: 14px;
  padding-left: 12px;
}
.activity-2019-home-small .section-4 {
  position: relative;
}
.activity-2019-home-small .section-4 ul {
  width: 1104px;
  height: 408px;
}
.activity-2019-home-small .section-4 li {
  height: 408px;
  width: 218px;
  padding: 0 30px;
}
.activity-2019-home-small .section-4 li h2 {
  margin-top: 15px;
}
.activity-2019-home-small .section-4 li h2 span {
  font-size: 26px;
}
.activity-2019-home-small .section-4 li h2 i {
  height: 14px;
  width: 100px;
  top: 26px;
  background: #eee1db;
  border-radius: 7px;
}
.activity-2019-home-small .section-4 li p {
  font-size: 14px;
  line-height: 30px;
}
.activity-2019-home-small .section-4 li div:nth-of-type(2) {
  font-size: 14px;
  line-height: 20px;
  height: 140px;
  margin-top: 8px;
}
.activity-2019-home-small .section-4 li .yemeng {
  width: 130px;
  margin: 0 auto;
}
.activity-2019-home-small .section-4 li .master-avatar {
  height: 229px;
  width: 151px;
  margin-top: 26px;
}
.activity-2019-home-small .section-4 li:hover {
  width: 218px;
  height: 423px;
  margin-top: -15px;
}
.activity-2019-home-small .section-4 .master-title {
  font-size: 30px;
  width: 211px;
  height: 64px;
  line-height: 40px;
  padding-top: 13px;
  padding-left: 12px;
}
.activity-2019-home-small .section-4 .master-text {
  top: 12%;
  font-size: 16px;
  line-height: 18px;
  color: #534141;
}
.activity-2019-home-small .section-5 .org-title {
  width: 211px;
  height: 64px;
  font-size: 28px;
  line-height: 20px;
  padding-top: 50px;
  padding-left: 8px;
}
.activity-2019-home-small .section-5 ul {
  width: 800px;
}
.activity-2019-home-small .section-5 li {
  width: 192px;
  height: 88px;
  margin: 14px 0;
}
.activity-2019-home-small .section-5 li > div {
  width: 176px;
  height: 80px;
  margin-top: 3px;
  margin-left: 6px;
  border-radius: 2px;
}
.activity-2019-home-small .section-5 li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-home-medium .section-2 li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-home-medium .section-2 li p {
  padding-right: 13px;
}
.activity-2019-home-medium .section-2 li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-home-medium .section-2 .intro-title {
  width: 264px;
  height: 81px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 68px;
  padding-left: 10px;
}
.activity-2019-home-medium .section-2 .intro-text {
  width: 760px;
  height: 223px;
  font-size: 14px;
}
.activity-2019-home-medium .section-2 .intro-text > div:nth-of-type(2) {
  top: 32%;
}
.activity-2019-home-medium .section-2 .process-title {
  font-size: 30px;
  width: 264px;
  height: 81px;
}
.activity-2019-home-medium .section-2 .process-content .process-line {
  height: 56px;
}
.activity-2019-home-medium .section-2 .process-content .process-item > div {
  height: 320px;
  width: 96px;
  margin-bottom: -18px;
}
.activity-2019-home-medium .section-2 .process-content .process-item > div b {
  font-size: 24px;
  line-height: 25px;
  width: 29px;
  margin-left: -3px;
}
.activity-2019-home-medium .section-2 .process-content .process-item > span {
  height: 56px;
  width: 61px;
  line-height: 56px;
  font-size: 18px;
}
.activity-2019-home-medium .game-intro .intro-text {
  font-size: 16px;
}
.activity-2019-home-medium .process {
  position: relative;
  width: 62.6%;
  height: 16%;
  margin: 0 auto;
  overflow: hidden;
}
.activity-2019-home-medium .process .process-title {
  margin: 6% auto 0;
  width: 27.4%;
  padding-left: 12px;
}
.activity-2019-home-medium .process .process-title > img {
  width: 100%;
}
.activity-2019-home-medium .process .process-content {
  top: 53%;
  width: 56.5vw;
  margin: 0 auto;
  width: 100%;
  height: 67%;
}
.activity-2019-home-medium .process .process-content p {
  margin-top: 1%;
  color: #524040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4%;
  text-align: center;
}
.activity-2019-home-medium .process .process-content > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 93.6%;
  height: 90%;
}
.activity-2019-home-medium .process .process-content .process-line {
  width: 100%;
  height: 9%;
  background: url('/static/images/activity/miniGame/2019/Process_line.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
}
.activity-2019-home-medium .process .process-content .process-item {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.activity-2019-home-medium .process .process-content .process-item > span {
  color: #7c320f;
  display: block;
  height: 15%;
  width: 45%;
  background: url('/static/images/activity/miniGame/2019/Process_num_bg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 300%;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
}
.activity-2019-home-medium .process .process-content .process-item > div {
  color: #534141;
  width: 77.4%;
  height: 88.89%;
  background: url('/static/images/activity/miniGame/2019/Process_item.png') no-repeat;
  background-size: 100% 100%;
  font-size: 26px;
  font-weight: 700;
  position: relative;
  margin: -10% auto 0;
}
.activity-2019-home-medium .process .process-content .process-item > div > span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.activity-2019-home-medium .process .process-content .process-item > div > span:nth-of-type(1) {
  top: 64%;
}
.activity-2019-home-medium .process .process-content .process-item > div > span:nth-of-type(2) {
  top: 74.5%;
}
.activity-2019-home-medium .process .process-content .process-item > div div {
  position: absolute;
  height: 65%;
  width: 100%;
}
.activity-2019-home-medium .process .process-content .process-item > div b {
  width: 35px;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 24px;
  text-align: center;
  margin-left: -5px;
}
.activity-2019-home-medium .process .process-content .process-item .single-data {
  background: url('/static/images/activity/miniGame/2019/Process_item_no_icon.png') no-repeat;
  background-size: 100% 100%;
}
.activity-2019-home-medium .process .process-content .process-item .single-data > span:nth-of-type(1) {
  top: 64%;
}
.activity-2019-home-medium .process .process-content .process-item .single-data > span:nth-of-type(2) {
  top: 70%;
  width: 30px;
  line-height: 17px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.activity-2019-home-medium .live {
  width: 62.6%;
  height: 17.5%;
  margin: 0 auto;
}
.activity-2019-home-medium .live .live-title {
  margin: 4% auto 0;
  width: 27.4%;
  padding-left: 12px;
}
.activity-2019-home-medium .live .live-title > img {
  width: 100%;
}
.activity-2019-home-medium .live .live-intro {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 2% auto 0;
}
.activity-2019-home-medium .live .live-box {
  width: 904px;
  height: 525px;
  margin: 30px auto 0;
  background: url('/static/images/activity/miniGame/2019/home/live_bg.png') no-repeat;
  background-size: 904px 525px;
  position: relative;
  padding: 23px 0 0 35px;
}
.activity-2019-home-medium .live .live-box .live-btn {
  position: absolute;
  width: 54px;
  height: 151px;
  top: 28px;
  right: -43px;
  background: url("/static/images/activity/miniGame/2019/home/live_btn.png");
  background-size: 54px 151px;
}
.activity-2019-home-medium .section-3 {
  position: relative;
  height: 19%;
  overflow: hidden;
  margin-top: 2%;
}
.activity-2019-home-medium .section-3 .Description-box {
  height: 565px;
  width: 1226px;
  top: 60px;
  margin-left: 32px;
}
.activity-2019-home-medium .section-3 .text-line {
  margin: 8px 0;
}
.activity-2019-home-medium .section-3 .text-line i {
  left: 14px;
  height: 2px;
  width: 14px;
}
.activity-2019-home-medium .section-3 .left {
  width: 517px;
  height: 352px;
  left: 102px;
  top: 123px;
  font-size: 12px;
  line-height: 18px;
}
.activity-2019-home-medium .section-3 .left p {
  margin-bottom: 17px;
}
.activity-2019-home-medium .section-3 .left h4 {
  line-height: 12px;
  margin-bottom: 18px;
}
.activity-2019-home-medium .section-3 .left h5 {
  font-size: 12px;
  line-height: 16px;
}
.activity-2019-home-medium .section-3 .right {
  left: 651px;
  top: 123px;
  height: 392px;
  width: 396px;
}
.activity-2019-home-medium .section-3 .right-1 {
  width: 390px;
  height: 341px;
}
.activity-2019-home-medium .section-3 .right-2 {
  width: 390px;
  height: 341px;
}
.activity-2019-home-medium .section-3 .img-title {
  bottom: 10px;
  font-size: 16px;
}
.activity-2019-home-medium .section-3 .master-title {
  font-size: 30px;
  width: 264px;
  height: 81px;
  line-height: 40px;
  padding-top: 13px;
  padding-left: 12px;
}
.activity-2019-home-medium .section-4 ul {
  width: 1104px;
  height: 408px;
}
.activity-2019-home-medium .section-4 li {
  height: 408px;
  width: 218px;
  padding: 0 30px;
}
.activity-2019-home-medium .section-4 li h2 {
  margin-top: 20px;
}
.activity-2019-home-medium .section-4 li h2 span {
  font-size: 26px;
}
.activity-2019-home-medium .section-4 li h2 i {
  height: 14px;
  width: 100px;
  top: 26px;
  background: #eee1db;
  border-radius: 7px;
}
.activity-2019-home-medium .section-4 li p {
  font-size: 14px;
  line-height: 30px;
}
.activity-2019-home-medium .section-4 li div:nth-of-type(2) {
  font-size: 14px;
  line-height: 20px;
  height: 140px;
  margin-top: 8px;
}
.activity-2019-home-medium .section-4 li .yemeng {
  width: 130px;
  margin: 0 auto;
}
.activity-2019-home-medium .section-4 li .master-avatar {
  height: 229px;
  width: 151px;
  margin-top: 26px;
}
.activity-2019-home-medium .section-4 li:hover {
  width: 218px;
  height: 423px;
  margin-top: -15px;
}
.activity-2019-home-medium .section-4 .master-title {
  font-size: 30px;
  width: 264px;
  height: 81px;
  line-height: 40px;
  padding-top: 13px;
  padding-left: 12px;
}
.activity-2019-home-medium .section-4 .master-text {
  top: 12%;
  font-size: 16px;
  line-height: 18px;
  color: #534141;
}
.activity-2019-home-medium .section-5 .org-title {
  width: 264px;
  height: 81px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 60px;
  padding-left: 10px;
}
.activity-2019-home-medium .section-5 ul {
  width: 1000px;
}
.activity-2019-home-medium .section-5 li {
  background: url('/static/images/activity/miniGame/2019/lianhe_logo-bg.png');
  background-size: 100% 100%;
  width: 240px;
  height: 109px;
  margin: 12px 0;
}
.activity-2019-home-medium .section-5 li > div {
  width: 221px;
  height: 99px;
  margin-top: 4px;
  margin-left: 7px;
  border-radius: 3px;
}
.activity-2019-home-medium .section-5 li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.yuyue-model .ant-modal {
  width: 1190px !important;
  height: 700px !important;
}
.yuyue-model .ant-modal .ant-modal-content {
  width: 1190px !important;
  height: 700px !important;
  background: url('/static/images/activity/miniGame/2019/preach/model/bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-model .ant-modal .ant-modal-body {
  padding-top: 147px;
  padding-left: 162px;
  padding-bottom: 0;
}
.yuyue-model .ant-modal .ant-modal-footer {
  border: none;
  padding-top: 0;
}
.yuyue-model .ant-modal .ant-modal-close-x {
  height: 42px;
  width: 42px;
  margin: 25px;
}
.yuyue-model .ant-modal .ant-modal-close-x:before {
  display: block;
  content: '';
  height: 42px;
  width: 42px;
  background: url('/static/images/activity/miniGame/2019/preach/model/close1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-model .ant-modal svg {
  display: none;
}
.yuyue-model .ant-modal .submit {
  height: 202px;
  width: 332px;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019/preach/model/button.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-top: -30px;
  cursor: pointer;
}
.yuyue-model .ant-modal .submit:hover {
  background: url('/static/images/activity/miniGame/2019/preach/model/button-hover.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-model .yuyue-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
}
.yuyue-model .col-1 {
  width: 80px;
  line-height: 100px;
  height: 100%;
  font-size: 20px;
  font-weight: 700;
}
.yuyue-model .col-2 {
  width: 678px;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019/preach/model/kuang-normal.png') no-repeat;
  background-size: 100% 100%;
}
.yuyue-model .col-2 input {
  width: 632px;
  height: 54px;
  margin-top: 23px;
  margin-left: 19px;
  border: none;
  font-size: 20px;
}
.yuyue-suc-model .ant-modal {
  width: 714px !important;
  height: 420px !important;
}
.yuyue-suc-model .ant-modal .ant-modal-content {
  width: 714px !important;
  height: 420px !important;
  background: url('/static/images/activity/miniGame/2019/preach/model/bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-suc-model .ant-modal .ant-modal-body {
  padding-top: 121px;
  padding-left: 70px;
  padding-right: 100px;
}
.yuyue-suc-model .ant-modal .ant-modal-close-x {
  height: 42px;
  width: 42px;
  margin: 0;
}
.yuyue-suc-model .ant-modal .ant-modal-close-x:before {
  height: 42px;
  width: 42px;
  background: url('/static/images/activity/miniGame/2019/preach/model/close1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-suc-model .ant-modal .title {
  margin: 0 auto;
  height: 74px;
  width: 382px;
  background: url('/static/images/activity/miniGame/2019/preach/model/success.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 27px;
}
.yuyue-suc-model .ant-modal .content {
  font-size: 20px;
  line-height: 36px;
  color: #7b300e;
  text-align: center;
}
.yuyue-model-medium .ant-modal {
  width: 952px !important;
  height: 560px !important;
}
.yuyue-model-medium .ant-modal .ant-modal-content {
  width: 952px !important;
  height: 560px !important;
}
.yuyue-model-medium .ant-modal .ant-modal-body {
  padding-top: 118px;
  padding-left: 130px;
}
.yuyue-model-medium .ant-modal .ant-modal-close-x {
  height: 34px;
  width: 34px;
  margin: 20px;
}
.yuyue-model-medium .ant-modal .ant-modal-close-x:before {
  height: 34px;
  width: 34px;
}
.yuyue-model-medium .ant-modal .submit {
  height: 162px;
  width: 267px;
  margin-top: -24px;
}
.yuyue-model-medium .yuyue-item {
  height: 80px;
}
.yuyue-model-medium .col-1 {
  width: 64px;
  line-height: 80px;
  font-size: 16px;
}
.yuyue-model-medium .col-2 {
  width: 543px;
}
.yuyue-model-medium .col-2 input {
  width: 507px;
  height: 44px;
  margin-top: 19px;
  margin-left: 16px;
  font-size: 16px;
}
.yuyue-suc-model-medium .ant-modal {
  width: 571px !important;
  height: 336px !important;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-content {
  width: 571px !important;
  height: 336px !important;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-body {
  padding-top: 97px;
  padding-left: 56px;
  padding-right: 80px;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-close-x {
  height: 34px;
  width: 34px;
}
.yuyue-suc-model-medium .ant-modal .ant-modal-close-x:before {
  height: 34px;
  width: 34px;
}
.yuyue-suc-model-medium .ant-modal .title {
  height: 59px;
  width: 306px;
  margin-bottom: 22px;
}
.yuyue-suc-model-medium .ant-modal .content {
  font-size: 16px;
  line-height: 29px;
}
.yuyue-model-small .ant-modal {
  width: 762px !important;
  height: 448px !important;
}
.yuyue-model-small .ant-modal .ant-modal-content {
  width: 762px !important;
  height: 448px !important;
}
.yuyue-model-small .ant-modal .ant-modal-body {
  padding-top: 94px;
  padding-left: 104px;
}
.yuyue-model-small .ant-modal .ant-modal-close-x {
  height: 27px;
  width: 27px;
  margin: 16px;
}
.yuyue-model-small .ant-modal .ant-modal-close-x:before {
  height: 27px;
  width: 27px;
}
.yuyue-model-small .ant-modal .submit {
  height: 130px;
  width: 214px;
  margin-top: -20px;
}
.yuyue-model-small .yuyue-item {
  height: 64px;
}
.yuyue-model-small .col-1 {
  width: 51px;
  line-height: 64px;
  font-size: 14px;
}
.yuyue-model-small .col-2 {
  width: 435px;
}
.yuyue-model-small .col-2 input {
  width: 403px;
  height: 34px;
  margin-top: 16px;
  margin-left: 14px;
  font-size: 14px;
}
.yuyue-suc-model-small .ant-modal {
  width: 457px !important;
  height: 267px !important;
}
.yuyue-suc-model-small .ant-modal .ant-modal-content {
  width: 457px !important;
  height: 267px !important;
}
.yuyue-suc-model-small .ant-modal .ant-modal-body {
  padding-top: 78px;
  padding-left: 45px;
  padding-right: 64px;
}
.yuyue-suc-model-small .ant-modal .ant-modal-close-x {
  height: 27px;
  width: 27px;
}
.yuyue-suc-model-small .ant-modal .ant-modal-close-x:before {
  height: 27px;
  width: 27px;
}
.yuyue-suc-model-small .ant-modal .title {
  height: 48px;
  width: 245px;
  margin-bottom: 18px;
}
.yuyue-suc-model-small .ant-modal .content {
  font-size: 14px;
  line-height: 24px;
}

.art_ST {
  width: 100vw;
  position: relative;
}
.art_ST-intro {
  height: 44.3rem;
  overflow: hidden;
}
.art_ST > img {
  width: 100%;
  height: auto;
}
.art_ST p {
  margin-bottom: 0;
}
.art_ST-wrap {
  width: 100vw;
  position: absolute;
  margin-top: 6.44rem;
  color: #fff;
  top: 0;
}
.art_ST .module-enroll {
  width: 100%;
  height: 1.54rem;
  text-align: center;
}
.art_ST .module-enroll > img {
  width: 1.8rem;
}
.art_ST .module-enroll > p {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  color: #7c89a0;
}
.art_ST .module-1 {
  width: 100%;
  height: 8.7rem;
  text-align: center;
  overflow: hidden;
}
.art_ST .module-1 > p {
  color: #c0a473;
  font-size: 0.26rem;
  line-height: 0.28rem;
}
.art_ST .module-1 > p:nth-of-type(1) {
  margin-top: 0.6rem;
  margin-bottom: 0.2rem;
}
.art_ST .module-1 .tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.4rem;
  position: relative;
  z-index: 9;
}
.art_ST .module-1 .tab-container .tab-chu,
.art_ST .module-1 .tab-container .tab-fu {
  width: 2.14rem;
  height: 0.84rem;
  cursor: pointer;
}
.art_ST .module-1 .tab-container .tab-chu {
  background: url('/static/images/activity/art_design/202007/tab-chu.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .tab-container .tab-chu.active {
  background: url('/static/images/activity/art_design/202007/tab-chu-active.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .tab-container .tab-fu {
  background: url('/static/images/activity/art_design/202007/tab-fu.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .tab-container .tab-fu.active {
  background: url('/static/images/activity/art_design/202007/tab-fu-active.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .recruit {
  width: 100%;
  height: 7rem;
  margin-top: -0.34rem;
  background: url('/static/images/activity/art_design/202007/bg_recruit.png') no-repeat;
  background-size: 19.2rem auto;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.art_ST .module-1 .recruit.tab2 {
  background: url('/static/images/activity/art_design/202007/bg_recruit-tab.png') no-repeat;
  background-size: 19.2rem auto;
}
.art_ST .module-1 .recruit .title {
  margin: 1rem auto 0;
}
.art_ST .module-1 .recruit .title > img {
  width: 5.6rem;
  height: auto;
}
.art_ST .module-1 .recruit .title > p {
  line-height: 0.48rem;
  font-size: 0.26rem;
  font-size: 600;
  color: #947f5d;
}
.art_ST .module-1 .recruit .title > p:nth-of-type(1) {
  margin-top: 0.32rem;
}
.art_ST .module-1 .recruit .title > p.line {
  width: 2rem;
  height: 0.03rem;
  background: #947f5d;
  margin: 0.24rem auto;
}
.art_ST .module-1 .recruit .title > h4 {
  line-height: 0.42rem;
  color: #fdb907;
  font-size: 600;
  font-size: 0.26rem;
}
.art_ST .module-1 .recruit .title > h4.people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
  width: 9rem;
}
.art_ST .module-1 .recruit .title div.cursor,
.art_ST .module-1 .recruit .title a.cursor {
  display: block;
  width: 2.08rem;
  margin: 0.3rem auto 0;
}
.art_ST .module-1 .recruit .title div.cursor > img,
.art_ST .module-1 .recruit .title a.cursor > img {
  width: 100%;
}
.art_ST .module-2 {
  width: 100%;
  height: 5.72rem;
  overflow: hidden;
  text-align: center;
}
.art_ST .module-2 .title {
  margin: 1rem auto 0;
}
.art_ST .module-2 .title > img {
  width: 5.11rem;
}
.art_ST .module-2 .content {
  width: 12.78rem;
  height: 2.62rem;
  background: url('/static/images/activity/art_design/202007/bg-progress.png') no-repeat;
  background-size: 12.78rem auto;
  background-position: 0 0.2rem;
  margin: 0.5rem auto 0;
  position: relative;
}
.art_ST .module-2 .content .stage {
  width: 2.7rem;
  font-size: 0.22rem;
  color: #947f5d;
  float: left;
  text-align: center;
}
.art_ST .module-2 .content .stage1 {
  margin-left: 0.96rem;
}
.art_ST .module-2 .content .stage4 {
  margin-top: -0.3rem;
}
.art_ST .module-2 .content .time_2020 {
  width: 1.9rem;
  height: 1.29rem;
  float: left;
  margin-top: 0.8rem;
}
.art_ST .module-2 .content .time_2020 + .time_2020 {
  margin-left: 0.78rem;
}
.art_ST .module-2 .content .time_2020 > p {
  line-height: 0.54rem;
  color: #fdb907;
  font-size: 0.26rem;
  font-weight: 600;
}
.art_ST .module-2 .content .time_2020 > div {
  color: #947f5d;
  font-size: 0.22rem;
}
.art_ST .module-2 .content div.time_2020:nth-of-type(1) {
  margin-left: 0.06rem;
}
.art_ST .module-2 .remarks {
  height: 0.48rem;
  line-height: 0.48rem;
  border-top: 1px solid #748391;
  border-bottom: 1px solid #748391;
  color: #748391;
  font-size: 0.2rem;
  width: 3.6rem;
  white-space: nowrap;
  margin: 0.6rem auto 0;
}
.art_ST .module-3 {
  width: 100%;
  height: 11.64rem;
  overflow: hidden;
  text-align: center;
}
.art_ST .module-3 .title {
  margin: 1rem auto 0;
  width: 5.12rem;
}
.art_ST .module-3 .title > img {
  width: 100%;
}
.art_ST .module-3 .remarks {
  height: 0.48rem;
  line-height: 0.48rem;
  border-top: 1px solid #748391;
  border-bottom: 1px solid #748391;
  color: #748391;
  font-size: 0.2rem;
  width: 7.84rem;
  white-space: nowrap;
  margin: 0.2rem auto 0;
}
.art_ST .module-3 .remarks-intro {
  padding-top: 0.54rem;
  font-size: 0.24rem;
  color: #947f5d;
  margin: 0 auto;
}
.art_ST .module-3 .prize {
  width: 12.62rem;
  margin: 0.5rem auto 0;
}
.art_ST .module-3 .prize > img {
  width: 100%;
}
.art_ST .module-3 .prize-prize {
  width: 12.62rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.art_ST .module-3 .prize-prize .prize-Item {
  width: 2.51rem;
  height: 3.66rem;
  margin-top: 0.4rem;
  margin-left: 0.49rem;
}
.art_ST .module-3 .prize-prize .prize-Item > img {
  width: 2.49rem;
  height: auto;
  margin-top: 0.16rem;
}
.art_ST .module-3 .prize-prize .prize-Item > p {
  font-size: 0.22rem;
  color: #947f5d;
  text-align: center;
  margin-top: 0.1rem;
}
.art_ST .module-3 .prize-prize .prize-Item > .head {
  width: 2.51rem;
  height: 0.53rem;
}
.art_ST .module-3 .prize-prize .prize-Item > .fine {
  background: url('/static/images/activity/art_design/202007/web_youxiu.png') no-repeat;
  background-size: 2.51rem auto;
}
.art_ST .module-3 .prize-prize .prize-Item > .fusai {
  background: url('/static/images/activity/art_design/202007/web_fusai.png') no-repeat;
  background-size: 2.51rem auto;
}
.art_ST .module-3 .prize-prize .arrow_2020 {
  margin-top: 0.6rem;
  width: 2.94rem;
}
.art_ST .module-3 .prize-prize .arrow_2020 > img {
  width: 100%;
  height: auto;
}
.art_ST .module-3 .prize-prize .web_prize_03 {
  margin-top: 0.4rem;
  width: 3.61rem;
}
.art_ST .module-4 .title {
  margin: 1rem auto 0.5rem;
  width: 5.12rem;
}
.art_ST .module-4 .title > img {
  width: 100%;
}
.art_ST .module-4 .rule {
  width: 12.62rem;
  margin: 0 auto;
}
.art_ST .module-4 .rule > p {
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #947f5d;
  margin-bottom: 0.1rem;
}
.art_ST-title {
  width: 5.1rem;
  margin: 0 auto;
}
.art_ST-title > img {
  width: 100%;
  height: auto;
}
.art_ST-enroll {
  height: 27.6rem;
  overflow: hidden;
  width: 19.2rem;
  position: relative;
}
.art_ST-enroll.enrollSuccess {
  height: 20.7rem;
}
.art_ST-enroll .enroll-title {
  margin-top: 0.8rem;
}
.art_ST-enroll .enroll-rule {
  width: 12.61rem;
  margin: 0.2rem auto 0;
  padding: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_ST-enroll .enroll-rule .rule > p {
  line-height: 2;
  color: #947f5d;
  font-size: 0.24rem;
}
.art_ST-enroll .enroll-rule .rule > p > img {
  width: 100%;
}
.art_ST-enroll .enroll-rule .QQ_Cord {
  width: 1.78rem;
  height: 1.78rem;
  background: url('/static/images/activity/art_design/202007/qrcode_bg.png') no-repeat;
  background-size: 1.78rem auto;
  padding: 0.1rem;
}
.art_ST-enroll .enroll-rule .QQ_Cord > img {
  width: 100%;
}
.art_ST-enroll .enroll-form {
  width: 9.3rem;
  height: 12rem;
  background: url('/static/images/activity/art_design/202007/enroll-bg.png') no-repeat;
  background-size: 9.3rem auto;
  margin: 1rem auto 0;
  padding: 0.4rem 1rem 1.6rem;
}
.art_ST-enroll .enroll-form .form-Item.focused > h4 {
  color: #e00606;
}
.art_ST-enroll .enroll-form .form-Item > h4 {
  color: #947f5d;
  font-size: 0.28rem;
  line-height: 0.28rem;
  margin: 0.32rem 0 0.2rem;
}
.art_ST-enroll .enroll-form .form-Item-input {
  height: 0.6rem;
  background: transparent;
  border-radius: 0.12rem;
  color: #947f5d;
  font-size: 0.24rem;
  border-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item-input::-webkit-input-placeholder {
  color: #947f5d;
  font-size: 0.24rem;
}
.art_ST-enroll .enroll-form .form-Item-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-enroll .enroll-form .form-Item-input.focused {
  border-color: #e00606;
}
.art_ST-enroll .enroll-form .form-Item-select {
  width: 100%;
  height: 0.6rem;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection--single,
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__rendered {
  height: 0.6rem;
  background: transparent;
  border-radius: 0.12rem;
  color: #947f5d;
  font-size: 0.24rem;
  border-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection--single .ant-select-arrow,
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__rendered .ant-select-arrow {
  width: 0.24rem;
  height: 0.24rem;
  right: 0.2rem;
  margin-top: -0.12rem;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection--single .ant-select-arrow .ant-select-arrow-icon.anticon-down,
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__rendered .ant-select-arrow .ant-select-arrow-icon.anticon-down {
  width: 0.24rem;
  height: 0.24rem;
  background: url('/static/images/activity/art_design/202007/icon_bottom.png') no-repeat;
  background-size: 0.24rem 0.24rem;
}
.art_ST-enroll .enroll-form .form-Item-select.focused .ant-select-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #e00606;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__placeholder {
  color: #947f5d;
  font-size: 0.24rem;
  height: 0.6rem;
  margin-top: -0.3rem;
  line-height: 0.6rem;
  opacity: 0.5;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection-selected-value {
  line-height: 0.56rem;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group span {
  font-size: 0.28rem;
  color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-left: 0.5rem;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-inner {
  width: 0.24rem;
  height: 0.24rem;
  background-color: transparent;
  border-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-checked .ant-radio-inner {
  background-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-checked .ant-radio-inner::after {
  background-color: #fff;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.art_ST-enroll .enroll-form .form-Item.arguments {
  font-weight: bold;
  color: #3e3e3e;
  margin-top: 0.36rem;
  font-size: 0.24rem;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox {
  margin-right: 0.08rem;
  -webkit-transform: translateY(-0.03rem);
      -ms-transform: translateY(-0.03rem);
          transform: translateY(-0.03rem);
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox-inner {
  width: 0.24rem;
  height: 0.24rem;
  background: transparent;
  border: 1px solid #947f5d;
  border-radius: 0.04rem;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox-inner::after {
  top: 40%;
  width: 0.08rem;
  height: 0.16rem;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #9a7f4c;
  border-color: #9a7f4c;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #9a7f4c;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox.ant-checkbox-checked::after {
  border: none;
}
.art_ST-enroll .enroll-form .form-Item.arguments span {
  font-size: 0.24rem;
  cursor: pointer;
}
.art_ST-enroll .enroll-form .form-Item.arguments span.book {
  background: -webkit-gradient(linear, left top, left bottom, from(#9e3c3b), to(#dc0606));
  background: -o-linear-gradient(top, #9e3c3b, #dc0606);
  background: linear-gradient(to bottom, #9e3c3b, #dc0606);
  -webkit-background-clip: text;
  color: transparent;
}
.art_ST-enroll .enroll-form .form-Item.submit {
  height: 0.64rem;
  margin-top: 0.36rem;
}
.art_ST-enroll .enroll-form .form-Item.submit > img {
  width: 7.3rem;
  height: auto;
}
.art_ST-enroll .art_ST-enrollSuccess {
  width: 9.3rem;
  height: 4.85rem;
  margin: 1rem auto;
  background: url('/static/images/activity/art_design/202007/bg-enroll_success.png') no-repeat;
  background-size: 9.3rem auto;
}
.art_ST-enroll .art_ST-enrollSuccess > p {
  font-size: 0.42rem;
  line-height: 4.25rem;
  text-align: center;
  color: #947f5d;
}
.art_ST-enroll .Enroll_confirm {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.art_ST-enroll .Enroll_confirm-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.art_ST-enroll .Enroll_confirm-content {
  width: 10.7rem;
  height: 7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem 0.4rem;
  color: #947f5d;
  background: #fff;
  line-height: 0.24rem;
}
.art_ST-enroll .Enroll_confirm-content > h3 {
  text-align: center;
  color: #947f5d;
  font-weight: 600;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll {
  overflow: auto;
  height: 6rem;
  color: #947f5d;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll > h4 {
  color: #947f5d;
  line-height: 0.32rem;
  margin-top: 0.2rem;
  font-weight: bold;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll > p {
  margin-bottom: 0.08rem;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll a {
  color: #ed3940;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background-color: transparent;
  /*//背景色*/
}
.art_ST-enroll .Enroll_confirm-content .content-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}
.art_ST-nav {
  height: 1.3rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: 19.2rem auto;
  background: #111725;
}
.art_ST-nav .nav-Item {
  width: 2.08rem;
  height: 1.28rem;
  text-align: center;
}
.art_ST-nav .nav-Item > img {
  width: 100%;
  height: auto;
}
.art_ST-nav .nav-Item + .nav-Item {
  margin-left: 0.8rem;
}
.art_ST .modal-submit-rule {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.art_ST .modal-submit-rule .modal-submit-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.art_ST .modal-submit-rule .modal-submit-wrap {
  width: 10.7rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem 0.4rem;
  color: #947f5d;
  background: #fff;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content {
  padding: 0 0.3rem;
  width: 100%;
  height: 100%;
  background: url('/static/images/activity/art_design/202007/bg_rule-left.png') no-repeat 0 0, url('/static/images/activity/art_design/202007/bg_rule-right.png') no-repeat 9.7rem 0;
  background-size: auto 4.39rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content > h3 {
  font-size: 0.28rem;
  text-align: center;
  color: #947f5d;
  -webkit-transform: translateY(-0.05rem);
      -ms-transform: translateY(-0.05rem);
          transform: translateY(-0.05rem);
  margin-bottom: 0.22rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p {
  font-size: 0.18rem;
  line-height: 0.3rem;
  margin-bottom: 0.2rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p:nth-of-type(1) {
  margin-bottom: 0;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p.li {
  margin-bottom: 0;
  margin-left: 0.2rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p.li:nth-of-type(4) {
  margin-bottom: 0.2rem;
}
.art_ST-selectGradeMenu {
  background: #ead5ba;
  border-radius: 0.12rem;
  border: 0.02rem solid #947f5d;
  padding: 0.12rem 0;
  -webkit-transform: translateY(0.1rem);
      -ms-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu {
  max-height: 4rem;
  margin-right: 0.06rem;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #dcbe8d;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background-color: transparent;
  /*//背景色*/
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #947f5d;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu-item {
  height: 0.7rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
  color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item-select.ant-select-open .ant-select-selection--single .ant-select-arrow .ant-select-arrow-icon.anticon-down {
  width: 0.24rem;
  height: 0.24rem;
  background: url('/static/images/activity/art_design/202007/icon_top.png') no-repeat;
  background-size: 0.24rem 0.24rem;
}

.art_ST-result {
  position: unset;
  background: url('/static/images/activity/art_design/202007/BG.png') no-repeat;
  background-size: 100vw auto;
  padding-bottom: 1.15rem;
  zoom: 1;
  overflow: hidden;
}
.art_ST-result div.art_ST-result::after {
  content: ' ';
  display: block;
  clear: both;
}
.art_ST-result .art_ST-wrap {
  position: relative;
}
.art_ST-result .module-wrap {
  text-align: center;
  overflow: hidden;
}
.art_ST-result .module-wrap-title {
  height: 0.45rem;
  margin: 1.12rem auto 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center ;
      -ms-flex-pack: center ;
          justify-content: center ;
}
.art_ST-result .module-wrap-title-item {
  width: 2.99rem;
  height: 0.45rem;
  cursor: pointer;
}
.art_ST-result .module-wrap-title-item + .module-wrap-title-item {
  margin-left: 0.45rem;
}
.art_ST-result .module-wrap-title-item.first {
  background: url('/static/images/activity/art_design/202007/result/web/title-second.png') no-repeat;
  background-size: 2.99rem auto;
}
.art_ST-result .module-wrap-title-item.first.active {
  background: url('/static/images/activity/art_design/202007/result/web/title-second-active.png') no-repeat;
  background-size: 2.99rem auto;
}
.art_ST-result .module-wrap-title-item.second {
  background: url('/static/images/activity/art_design/202007/result/web/title-winner.png') no-repeat;
  background-size: 2.99rem auto;
}
.art_ST-result .module-wrap-title-item.second.active {
  background: url('/static/images/activity/art_design/202007/result/web/title-winner-active.png') no-repeat;
  background-size: 2.99rem auto;
}
.art_ST-result .module-wrap-title > img {
  width: 100%;
  height: auto;
}
.art_ST-result .module-wrap-desc {
  color: #947f5d;
  font-size: 0.18rem;
}
.art_ST-result .module-wrap-list {
  width: 12.8rem;
  margin: 0.88rem auto 2rem;
}
.art_ST-result .module-wrap-list .table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_ST-result .module-wrap-list .table-content .table-tr {
  min-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 0.54rem;
  color: #947f5d;
  padding-left: 0.9rem;
  padding-right: 0.4rem;
  font-size: 0.18rem;
}
.art_ST-result .module-wrap-list .table-content .table-tr > p.title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  width: 2rem;
  min-width: 2rem;
  font-family: 'DIN-Medium';
}
.art_ST-result .module-wrap-list .table-content .table-tr > p.title > span {
  margin-right: 0.24rem;
}
.art_ST-result .module-wrap-list .table-content .table-tr > p.name {
  text-align: left;
  min-width: 1.8rem;
}
.art_ST-result .module-wrap-list .table-content .table-tr:nth-child(2n+1) {
  border-right: 1px solid #362d1c;
}
.art_ST-result .module-wrap-list .table-content .table-tr:nth-last-child(1),
.art_ST-result .module-wrap-list .table-content .table-tr:nth-last-child(2) {
  height: auto;
}
.art_ST-result-prize > h3 {
  margin: 1.2rem auto 0.4rem;
  width: 1.28rem;
  height: 0.78rem;
  -webkit-transform: translateX(3px);
      -ms-transform: translateX(3px);
          transform: translateX(3px);
}
.art_ST-result-prize h3.first {
  background: url('/static/images/activity/art_design/202007/result/web/first.png') no-repeat;
  background-size: 1.28rem auto;
}
.art_ST-result-prize h3.second {
  background: url('/static/images/activity/art_design/202007/result/web/second.png') no-repeat;
  background-size: 1.28rem auto;
}
.art_ST-result-prize h3.second.margin-bottom {
  margin-bottom: 0.08rem;
}
.art_ST-result-prize h3.third {
  background: url('/static/images/activity/art_design/202007/result/web/three.png') no-repeat;
  background-size: 1.28rem auto;
}
.art_ST-result-prize h3.youxiu {
  background: url('/static/images/activity/art_design/202007/result/web/youxiu.png') no-repeat;
  background-size: 1.28rem auto;
}
.art_ST-result-prize h3.renqi {
  background: url('/static/images/activity/art_design/202007/result/web/renqi.png') no-repeat;
  background-size: 1.28rem auto;
}
.art_ST-result-prize .second_word_box {
  width: 12.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
.art_ST-result-prize .third_word_box .slick-slider .slick-list {
  width: 12.6rem;
  margin: 0 auto;
}
.art_ST-result-prize .third_word_box .slick-slider .slick-arrow {
  width: 0.6rem;
  height: 0.8rem;
  z-index: 9;
}
.art_ST-result-prize .third_word_box .slick-slider .slick-arrow::before {
  display: none;
}
.art_ST-result-prize .third_word_box .slick-slider .slick-prev {
  left: 0;
  background: url('/static/images/activity/art_design/202007/result/web/last.png') no-repeat;
  background-size: 0.6rem 0.8rem;
  -webkit-transform: translateY(-0.7rem);
      -ms-transform: translateY(-0.7rem);
          transform: translateY(-0.7rem);
}
.art_ST-result-prize .third_word_box .slick-slider .slick-next {
  right: 0;
  background: url('/static/images/activity/art_design/202007/result/web/next.png') no-repeat;
  background-size: 0.6rem 0.8rem;
  -webkit-transform: translateY(-0.7rem);
      -ms-transform: translateY(-0.7rem);
          transform: translateY(-0.7rem);
}
.art_ST-result-prize .third_word_box .slick-slider .slick-dots li button:before {
  font-size: 0.4rem;
  color: #664400;
}
.art_ST-result-prize .third_word_box .slick-slider .slick-dots li.slick-active button:before {
  color: #fff;
}
.art_ST-result-prize .renqi_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_ST-result-prize .renqi_box .renqi_Item {
  width: 4rem;
  height: 2.93rem;
  background: url('/static/images/activity/art_design/202007/result/web/bg-you.png') no-repeat;
  background-size: 4rem auto;
  margin: 0 0.15rem 0.24rem;
}
.art_ST-result-prize .renqi_box .renqi_Item .renqi_work {
  width: 100%;
  padding: 0.2rem;
  height: 2.06rem;
  position: relative;
}
.art_ST-result-prize .renqi_box .renqi_Item .renqi_work > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 2px solid #32240b;
}
.art_ST-result-prize .renqi_box .renqi_Item .renqi_work > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST-result-prize .renqi_box .renqi_Item .renqi_work .label {
  position: absolute;
  right: 0.24rem;
  bottom: 0.3rem;
  width: 0.64rem;
  height: 0.34rem;
}
.art_ST-result-prize .renqi_box .renqi_Item .renqi_work .label1 {
  background: url('/static/images/activity/art_design/202007/result/web/label-first-sm.png') no-repeat;
  background-size: 0.64rem auto;
}
.art_ST-result-prize .renqi_box .renqi_Item .renqi_work .label2 {
  background: url('/static/images/activity/art_design/202007/result/web/label-second-sm.png') no-repeat;
  background-size: 0.64rem auto;
}
.art_ST-result-prize .renqi_box .renqi_Item .author {
  margin: 0 auto;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.22rem;
  text-align: center;
  display: block;
  color: #664400;
  font-weight: 600;
  width: 3.6rem;
}
.art_ST-result_first_prize {
  width: 12.6rem;
  height: 3.58rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin: 0.32rem auto 0;
}
.art_ST-result_first_prize .author {
  position: absolute;
  width: 2.64rem;
  height: 1.26rem;
  background: url('/static/images/activity/art_design/202007/result/web/bg-first.png') no-repeat;
  background-size: 2.64rem auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 9;
  display: block;
  color: #664400;
}
.art_ST-result_first_prize .author-name {
  height: 0.68rem;
  line-height: 0.74rem;
  font-size: 0.28rem;
  text-align: center;
}
.art_ST-result_first_prize .author-school {
  max-width: 2.4rem;
  line-height: 0.24rem;
  margin: 0 auto;
  font-size: 0.2rem;
  text-align: center;
}
.art_ST-result_first_prize .work_Item {
  width: 6.2rem;
  height: 100%;
  border: 0.05rem solid #665840;
  border-radius: 0.05rem;
  position: relative;
}
.art_ST-result_first_prize .work_Item + .work_Item {
  margin-left: 0.15rem;
}
.art_ST-result_first_prize .work_Item > a {
  width: 100%;
  height: 100%;
}
.art_ST-result_first_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST-result_first_prize .work_Item .label {
  position: absolute;
  right: 0.03rem;
  bottom: 0.1rem;
  width: 0.76rem;
  height: 0.4rem;
}
.art_ST-result_first_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/202007/result/web/label-first-lg.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.art_ST-result_first_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/202007/result/web/label-second-lg.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.art_ST-result_second_prize {
  width: 6.24rem;
  height: 2.48rem;
  background: url('/static/images/activity/art_design/202007/result/web/bg-second.png') no-repeat;
  background-size: 6.24rem 2.48rem;
  margin: 0 auto 0.4rem;
}
.art_ST-result_second_prize .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.16rem;
}
.art_ST-result_second_prize .work_Item {
  margin-top: 10px;
  width: 2.94rem;
  height: 1.67rem;
  background: #070a0e;
  position: relative;
}
.art_ST-result_second_prize .work_Item + .work_Item {
  margin-left: 0.12rem;
}
.art_ST-result_second_prize .work_Item > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 2px solid #32240b;
}
.art_ST-result_second_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST-result_second_prize .work_Item .label {
  position: absolute;
  right: 0.03rem;
  bottom: 0.1rem;
  width: 0.64rem;
  height: 0.34rem;
}
.art_ST-result_second_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/202007/result/web/label-first-sm.png') no-repeat;
  background-size: 0.64rem auto;
}
.art_ST-result_second_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/202007/result/web/label-second-sm.png') no-repeat;
  background-size: 0.64rem auto;
}
.art_ST-result_second_prize .sec_author {
  width: 6rem;
  margin: 0.02rem auto 0;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.22rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #664400;
}
.art_ST-result_third_prize {
  width: 4rem;
  height: 2.93rem;
  background: url('/static/images/activity/art_design/202007/result/web/bg-you.png') no-repeat;
  background-size: 4rem auto;
  margin: 0 auto 0.4rem;
  overflow: hidden;
}
.art_ST-result_third_prize .work {
  margin: 10px auto 0;
  width: 3.65rem;
  height: 2.07rem;
  position: relative;
}
.art_ST-result_third_prize .work > a {
  width: 100%;
  height: 100%;
}
.art_ST-result_third_prize .work > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST-result_third_prize .work .label {
  position: absolute;
  right: 0.03rem;
  bottom: 0.1rem;
  width: 0.64rem;
  height: 0.34rem;
}
.art_ST-result_third_prize .work .label1 {
  background: url('/static/images/activity/art_design/202007/result/web/label-first-sm.png') no-repeat;
  background-size: 0.64rem auto;
}
.art_ST-result_third_prize .work .label2 {
  background: url('/static/images/activity/art_design/202007/result/web/label-second-sm.png') no-repeat;
  background-size: 0.64rem auto;
}
.art_ST-result_third_prize .third_author {
  width: 3.6rem;
  margin: 0 auto;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.22rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #664400;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment-container .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.comment-container h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 16px;
  line-height: 20px;
}
.comment-container h3 span {
  font-size: 14px;
  color: #a1a5B3;
  font-weight: 600;
}
.comment-container textarea {
  border-radius: 8px;
  outline: none;
}
.comment-container button {
  border-radius: 8px;
  height: 40px;
  width: 112px;
  margin-top: 16px;
  margin-bottom: 18px;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.question-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 32px;
  line-height: 32px;
}
.question-head > h3 {
  font-size: 20px;
  color: #2E2E33;
  font-weight: bold;
  line-height: 20px;
}
.question-head > h3 > span {
  display: inline-block;
  font-weight: 400;
  line-height: 32px;
  height: 32px;
  color: #6A6D7A;
  font-size: 14px;
  margin-left: 4px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.question-head .question-asking {
  width: 80px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #a1a5b3;
  font-size: 14px;
  margin-right: 24px;
  line-height: 30px;
  color: #2E2E33;
  cursor: pointer;
}
.question-head .question-asking:hover {
  color: #D83B2F;
  border-color: #D83B2F;
}
.question-list {
  padding-top: 14px;
}
.question-list .empty_status {
  text-align: center;
  padding-bottom: 40px;
}
.question-list .empty_status > img {
  width: 160px;
  height: 160px;
}
.question-list .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.question-list-Item > div {
  font-size: 16px;
  line-height: 24px;
  color: #2E2E33;
  word-wrap: break-word;
  white-space: pre-line;
  cursor: pointer;
}
.question-list-Item > div > span {
  padding: 1px 6px;
  background: #85C285;
  color: #fff;
  margin-right: 2px;
  border-radius: 6px;
  font-size: 14px;
}
.question-list-Item > p {
  margin-top: 8px;
  margin-bottom: 0px;
  color: #a1a5b3;
}
.question-list-Item > p > span {
  margin-right: 16px;
}
.question-list-Item:hover > div {
  color: #D83B2F;
}
.question-list .openListBtn {
  font-size: 12px;
  line-height: 17px;
  color: #333333;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 45px;
  padding-right: 13px;
  background: url('/static/images/icons/bottom-arrow-black.png') no-repeat;
  background-size: 12px 12px;
  background-position: right;
  margin-top: 16px;
}
.question-list .closeListBtn {
  font-size: 12px;
  line-height: 17px;
  color: #333333;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 45px;
  padding-right: 13px;
  background: url('/static/images/icons/top-arrow-black.png') no-repeat;
  background-size: 12px 12px;
  background-position: right;
  margin-top: 16px;
}
.question-list-video {
  overflow: auto;
  height: 430px;
  margin-top: 10px;
  padding-top: 0px;
}
.question-list-video::-webkit-scrollbar {
  height: 430px;
  margin-top: 10px;
  width: 8px;
  background-color: #f5f5f9;
  border-radius: 4px;
  margin-left: 10px;
  padding-top: 10px;
}
.question-list-video::-webkit-scrollbar-thumb {
  background: #CFD1DA;
  border-radius: 4px;
}
.quiz-model .ant-modal-content {
  width: 576px;
  height: auto;
  border-radius: 10px;
}
.quiz-model .ant-modal-body {
  width: 576px;
  padding: 24px 62px;
}
.quiz-model .ant-modal-footer {
  text-align: center;
  border: none;
  padding: 4px 16px 1px;
}
.quiz-model .ant-modal-title {
  text-align: center;
  border: none;
  font-weight: bold;
  font-size: 24px;
}
.quiz-model .ant-modal-header {
  text-align: center;
  border: none;
  padding: 46px 16px 24px;
  border-radius: 10px 10px 0 0;
}
.question-detail > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 24px;
}
.question-detail > label > span {
  min-width: 52px;
  font-size: 14px;
  text-align: left;
  line-height: 40px;
}
.question-detail > label:nth-of-type(2) span {
  line-height: 30px;
}
.dropdown-select {
  background: #fff;
}
.question-footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.question-footer .button {
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px 12px 48px;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.question-footer .submit {
  color: #fff;
}
.question-footer .cancel {
  border: 1px solid #a1a5b3;
}

.textArea-box {
  position: relative;
}
.textArea-box-count {
  height: 30px;
  position: absolute;
  right: 20px;
  vertical-align: center;
  bottom: 1px;
  width: calc(100% - 4px);
  background: #fff;
  text-align: right;
  color: #ccc;
  padding-right: 20px;
  margin-right: -18px;
  border-radius: 0 0 6px 6px;
}
.textArea-box-input {
  padding-bottom: 30px;
}

@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\F101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\F10C";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\F10D";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\F111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F122";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  -o-transition: left 0s;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}

.talent-h5-course {
  margin: 0 auto;
  padding: 0 0.4rem 1.6rem;
  min-height: 100vh;
}
.talent-h5-course-exch {
  height: 100vh;
  width: 100vw;
  background-size: 100%;
  background-size: 100% auto;
  --ac-tab-color: #A397EE;
  --ac-tab-active-color: #fff;
}
.talent-h5-course-exch .ac-tabs {
  position: relative;
}
.talent-h5-course-exch .ac-tabs-nav {
  margin-bottom: 0.52rem;
  border-bottom: 1px solid #3D3F6F;
}
.talent-h5-course-exch .ac-tabs-nav > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-h5-course-exch .ac-tabs-nav > div > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.talent-h5-course-exch .ac-tabs-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-h5-course-exch .ac-tabs-center .talent-h5-course-exch .ac-tabs-nav-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.talent-h5-course-exch .ac-tabs-tab {
  font-size: 0.26rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--ac-tab-color);
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.talent-h5-course-exch .ac-tabs-tab-btn-disabled {
  display: none;
}
.talent-h5-course-exch .ac-tabs-tab-active {
  color: var(--ac-tab-active-color);
  font-weight: 500;
  background-image: url('/static/images/activity/talent/h5/tab1-active.png');
}
.talent-h5-course-exch .ac-tabs-tab-active:not(.talent-h5-course-exch .ac-tabs-tab-active:first-child) {
  background-image: url('/static/images/activity/talent/h5/tab2-active.png');
}
.talent-h5-course-exch .ac-tabs-tab-btn:focus {
  border: none;
  outline: none;
}
.talent-h5-course-exch .ac-tabs-nav-operations {
  display: none;
}
.talent-h5-course-exch .ac-tabs-ink-bar {
  position: absolute;
  top: 115%;
  height: var(--ac-tab-ink-bar-height);
  background-image: var(--ac-tab-ink-bar-image);
  background-size: 100%;
  -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
  -o-transition: width 0.3s, left 0.3s, right 0.3s;
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.talent-h5-course-exch-score {
  height: 0.48rem;
  width: 1.3rem;
  background-size: 100% 100%;
  background-image: url('/static/images/activity/talent/h5/point-exchange.png');
  position: absolute;
  right: 0;
  top: 1.28rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #BEC1FF;
  padding-left: 0.2rem;
}
.talent-h5-course-exch-tip {
  margin: 0 auto 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.talent-h5-course-exch-tip .integral {
  width: 1.95rem;
  height: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.05rem 0.06rem;
  background-image: url('/static/images/activity/talent/h5/integral-box.png');
  background-size: 100% 100%;
  position: relative;
}
.talent-h5-course-exch-tip .integral > span {
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
}
.talent-h5-course-exch-tip .integral-label {
  width: 1.18rem;
  font-size: 0.24rem;
  color: #BEC1FF;
}
.talent-h5-course-exch-tip .integral-data {
  position: absolute;
  right: 0.06rem;
  width: 0.7rem;
  font-weight: 600;
  font-size: 0.26rem;
  color: #FFFFFF;
}
.talent-h5-course-exch-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0.56rem;
  overflow: auto;
  max-height: calc(100vh - 2.5rem);
}
.talent-h5-course-exch-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.talent-h5-course-exch-item {
  height: 4.74rem;
  width: 2.94rem;
  margin-right: 0.5rem;
  margin-bottom: 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.talent-h5-course-exch-item:nth-child(2n) {
  margin-right: 0;
}
.talent-h5-course-exch-item-img {
  height: 1.54rem;
  width: 2.3rem;
  position: relative;
  margin-bottom: 1.1rem;
}
.talent-h5-course-exch-item-img::after {
  content: '';
  position: absolute;
  top: 0.46rem;
  left: -0.32rem;
  display: block;
  width: 2.94rem;
  height: 2.1rem;
  background-image: url('/static/images/activity/talent/h5/prize-base.png');
  background-size: 2.94rem 2.1rem;
}
.talent-h5-course-exch-item-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.talent-h5-course-exch-item-name {
  font-size: 0.28rem;
  text-align: center;
  font-weight: 500;
  width: 100%;
  color: #fff;
  margin-top: 0.24rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.talent-h5-course-exch-item-tip {
  font-size: 0.24rem;
  color: #A6A8C4;
  margin-top: 0.08rem;
  font-weight: 500;
}
.talent-h5-course-exch-item-btn {
  height: 0.64rem;
  width: 2rem;
  background-size: 100% 100%;
  margin: 0.2rem auto 0;
  cursor: pointer;
  font-size: 0.28rem;
  color: #fff;
  background-image: url('/static/images/activity/talent/h5/exchange-btn.png');
  text-align: center;
  line-height: 0.64rem;
  font-weight: 500;
}
.talent-h5-course-exch-item-btn.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.talent-h5-course-exch-mine-got {
  width: 100%;
  padding: 0 0.56rem 0.2rem;
  max-height: calc(100vh - 3.7rem);
}
.talent-h5-course-exch-mine .empty {
  padding-top: 3rem;
}
.talent-h5-course-exch-mine .empty-text > div:first-child {
  background-image: url('/static/images/activity/talent/mine-empty.png');
  margin: 0 auto;
  background-size: 2rem 1.92rem;
  background-repeat: no-repeat;
  width: 2rem;
  height: 1.92rem;
}
.talent-h5-course-exch-mine .empty-text > div:last-child {
  padding-top: 0.36rem;
  font-size: 0.28rem;
  color: #BEC1FF;
  text-align: center;
}
.talent-h5-course-exch-mine-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding-bottom: 0.1rem;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: calc(100vh - 5rem);
}
.talent-h5-course-exch-mine-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.talent-h5-course-exch-mine-item {
  height: 3.78rem;
  width: 2.98rem;
  padding: 0.34rem;
  margin-right: 0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(/static/images/activity/talent/h5/my-prize-box.png);
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}
.talent-h5-course-exch-mine-item:nth-child(2n) {
  margin-right: 0;
}
.talent-h5-course-exch-mine-item-img {
  height: auto;
  width: 2.3rem;
}
.talent-h5-course-exch-mine-item-name {
  font-size: 0.28rem;
  text-align: center;
  color: #fff;
  width: 100%;
  font-weight: 500;
  margin: 0.36rem auto 0;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.talent-h5-course-exch-mine-footer {
  margin-top: 0.2rem;
}
.talent-h5-course-exch-mine-tip {
  font-size: 0.16rem;
  color: #BEC1FF;
  margin: 0 auto 0.37rem;
  text-align: center;
}
.talent-h5-course-exch-mine-btn {
  height: 0.8rem;
  width: 6.38rem;
  background-size: 100% 100%;
  cursor: pointer;
  margin: auto;
  text-align: center;
  line-height: 0.8rem;
  background-image: url('/static/images/activity/talent/h5/write-address-btn1.png');
  font-size: 0.28rem;
  color: #fff;
  font-weight: 500;
}
.talent-h5-course-exch-address {
  width: 6rem;
  margin: auto;
  /* 输入框的样式 */
  --ac-input-normal-bcolor: #D5D8E6;
  --ac-input-focus-bcolor: #2EB6E5;
  --ac-input-error-bcolor: #E52B23;
}
.talent-h5-course-exch-address .ac-modal-close-x {
  display: none;
}
.talent-h5-course-exch-address .ac-modal-title {
  font-weight: 500;
  color: #162943;
  font-size: 0.36rem;
}
.talent-h5-course-exch-address .ac-modal-content {
  padding-top: 0.48rem;
}
.talent-h5-course-exch-address-content {
  padding: 0.44rem 0.4rem 0;
}
.talent-h5-course-exch-address-item {
  margin-bottom: 0.48rem;
  position: relative;
}
.talent-h5-course-exch-address .ant-input {
  width: 100%;
  border: 2px solid #D5D8E5;
  outline: none;
  height: 0.72rem;
  padding: 0 0.17rem;
  color: #162943;
  border-radius: 0;
}
.talent-h5-course-exch-address .ant-input:focus,
.talent-h5-course-exch-address .ant-input:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.talent-h5-course-exch-address .name-input {
  padding: 0 0.5rem 0 0.17rem;
}
.talent-h5-course-exch-address .name-data {
  position: absolute;
  color: #A5A7B5;
  height: 0.72rem;
  right: 0.24rem;
  top: 0;
  font-size: 0.28rem;
  line-height: 0.72rem;
}
.talent-h5-course-exch-address-title {
  font-size: 0.26rem;
  color: #162943;
  margin-bottom: 0.24rem;
  position: relative;
  margin-left: 0.24rem;
  line-height: 0.24rem;
}
.talent-h5-course-exch-address-title::before {
  content: '*';
  position: absolute;
  left: -0.24rem;
  color: #D73B2E;
  font-size: 0.26rem;
}
.talent-h5-course-exch-address-input {
  height: 0.72rem;
  width: 100%;
  position: relative;
}
.talent-h5-course-exch-address-input .ant-select-dropdown {
  width: 5.2rem !important;
  text-align: left;
  height: 0.72rem;
}
.talent-h5-course-exch-address-input .ant-select,
.talent-h5-course-exch-address-input .ant-select-selection,
.talent-h5-course-exch-address-input .ant-select-selection__rendered {
  width: 1rem !important;
  height: 0.72rem;
  border-radius: 0;
  line-height: 0.72rem;
}
.talent-h5-course-exch-address-input .ant-select-selection-selected-value {
  line-height: 0.68rem;
}
.talent-h5-course-exch-address-input .ant-select-selection {
  border: 2px solid #D5D8E5;
  outline: none;
  border-right: none;
  height: 0.72rem !important;
}
.talent-h5-course-exch-address-input .ant-select-selection:focus,
.talent-h5-course-exch-address-input .ant-select-selection:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.talent-h5-course-exch-address-btn {
  height: 0.8rem;
  width: 5.2rem;
  background-size: 100% 100%;
  margin: 0.56rem auto 0.44rem;
  cursor: pointer;
  background-image: url('/static/images/activity/talent/h5/write-address-btn.png');
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.8rem;
  color: #fff;
  text-align: center;
}
.talent-h5-course-exch-rules {
  width: 6rem;
  margin: auto;
}
.talent-h5-course-exch-rules .ac-modal-close-x {
  display: none;
}
.talent-h5-course-exch-rules .ac-modal-title {
  font-weight: 500;
  color: #162943;
  font-size: 0.36rem;
}
.talent-h5-course-exch-rules .ac-modal-content {
  padding-top: 0.52rem;
}
.talent-h5-course-exch-rules-box {
  font-size: 0.28rem;
  color: #162943;
  padding: 0.4rem 0.4rem 0.6rem;
}
.talent-modal-cf {
  width: 6.5rem !important;
  margin: 0 auto;
}
.talent-modal-cf .ac-modal-content {
  padding-top: 0.6rem !important;
}
.talent-modal-cf .ac-modal-cf-btns {
  margin: 0.5rem 0;
  padding: 0 0.8rem;
}
.talent-modal-cf .ac-modal-cf-btns > div {
  width: 2rem;
  height: 0.8rem;
  border-radius: 0.24rem;
  line-height: 0.78rem;
}

.ac-modal,
.h5mode .ac-modal {
  background: #fff;
  border-radius: 12px;
}
.ac-modal-root,
.h5mode .ac-modal-root {
  position: relative;
  z-index: 10;
}
.ac-modal-mask,
.h5mode .ac-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.ac-modal-wrap,
.h5mode .ac-modal-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ac-modal-content,
.h5mode .ac-modal-content {
  position: relative;
  padding-top: 60px;
}
.ac-modal-title,
.h5mode .ac-modal-title {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #2b2b2b;
}
.ac-modal-close,
.h5mode .ac-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  padding: 0;
  border: none;
  cursor: pointer;
  background: transparent;
}
.ac-modal-close-x,
.h5mode .ac-modal-close-x {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANeSURBVHgB7Zg9T9tAGIBf25Q5qCJu0qHpFiEFGVEkuoWt3eAXlG7dULdupL+A9heQjkzAVDGFbpWqEpdAxMDgShUkhMEiHao09vG+diIS+/xxJhFLHimKc2ffPTnf13sAEyY8LJI3oVBYWpckewsvTfyUjo9/foExElWf7H0Ab97ErxR+cvgpz8+/KMGYoLKxvu2B+j5575E5z6WGf7LNcUi6ZbJNT12m9z6fIGPsPfgYrSRfDsCypJI3TfEmXF1d6rOzGXzVUtGTVUynsznM34d7yS2W8WvDm27brHR6evQZogR7kt94kpIEGkpq2ax60Gg0/oEAmlZMqerjr3i5ypM7OTn6yHtOCSowRDLPmPQqk3mGkn9MiCln238reLksIufUBxEUCotllHrDyTJk+dGKrn83IFRuOWfb/0ku583D/l6u1Y7ehj0fKdiTrKBkEQQlw+XsvVqtugYRyBADRbGwIKZzshwBEgGf3JIWJEdltdsstOX6xGpBt0IN+5FcxUdynGyz25VX6vUf+p2cTXIpjpzR6dgrZ2e6AaMUJPJ5LTc9LVcCJIl1xmSpt3TdW05YMKZkAOJyhLAgMTe3pE1NBb1CHsxEuQVROSLWIPFCfY36HLg7kEi6XfGW66NAQlqti0Y6nWlih1sNu8+yYL1erx5AQhK14B3R/09J3AQuifog0ZtKqjFuHZqCREnUgu4K4QySOKRoQNHAggQICw4sXzFHsANJ7vJWnCiEBMPWVppKaEDgBiBoCQtcFsMQWOrC5Wgqqdd1p59FzJO4wbAWdF2PNUXFakF3P9fdDZAzBuUIGhCdjrVAeZzi8I/KFVrbYVSCjLUx8mIaT46Wr0G5PjQxUx5fUtIsS9mFUQhSDMEYrAbJha0QYZK0v8R95jZEoITLOZHchj+H6Tc39svzc70BEVxfN8yZGXVfUSh0kJ7AsKSmqk+lZvPiEEQFg0JDbM3Ddtt+bRjxOnlfMpNRd7Dv5Smm8WQXwyQVMTknhlgzTbGIjqAoEAOxHYwKn1PLQUxJn6B7VsK2vOm96IsT1IuBkntBcbeqZo1m8/LXYGLQ2QxPLjA0FIXKojI5WeJnM6OW68OX9J/N+F6xu8dz+wielbzjHUeMCjocwPp+D9T3odUafsUTJjw0t2ue7X/fcGFTAAAAAElFTkSuQmCC');
  background-size: 20px;
}
.ac-modal-cf .ac-modal-content,
.h5mode .ac-modal-cf .h5mode .ac-modal-content {
  padding-top: 56px;
}
.ac-modal-cf,
.h5mode .ac-modal-cf {
  width: 432px;
  margin: auto;
}
.ac-modal-cf-content,
.h5mode .ac-modal-cf-content {
  margin-top: 24px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  padding: 0 48px;
}
.ac-modal-cf-btns,
.h5mode .ac-modal-cf-btns {
  margin: 68px 0 44px;
  padding: 0 48px;
  font-size: 18px;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ac-modal-cf-btn,
.h5mode .ac-modal-cf-btn {
  width: 158px;
  height: 48px;
  border-radius: 24px;
  cursor: pointer;
  border: 1px solid var(--ac-confirm-btn-color, #2EB6E5);
  font-weight: bold;
  text-align: center;
  line-height: 46px;
  color: #fff;
  background: var(--ac-confirm-btn-color, #2EB6E5);
}
.ac-modal-cf-btn-cancel,
.h5mode .ac-modal-cf-btn-cancel {
  color: var(--ac-confirm-btn-color, #2EB6E5);
  background: #fff;
  width: 158px;
  height: 48px;
  border-radius: 24px;
  cursor: pointer;
  border: 1px solid var(--ac-confirm-btn-color, #2EB6E5);
  font-weight: bold;
  text-align: center;
  line-height: 46px;
}
.h5mode .ac-modal-wrap,
.h5mode .h5mode .ac-modal-wrap {
  top: 0;
  max-height: 80vh;
}
.h5mode .ac-modal-close-x,
.h5mode .h5mode .ac-modal-close-x {
  width: 32px;
  height: 32px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.input-box {
  position: relative;
}
.input-box-count {
  position: absolute;
  right: 15px;
  vertical-align: center;
  top: 5px;
  color: #ccc;
}
.input-box-input:-webkit-autofill,
.input-box-input:-webkit-autofill:hover,
.input-box-input:-webkit-autofill:focus,
.input-box-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.input-box-input.maxLength {
  padding-right: 60px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.phone-input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0.58rem;
}
.phone-input-box .phone-input-select {
  position: relative;
  width: 1.3rem;
  min-width: 0.9rem;
  height: 100%;
  background: #fff;
  background-size: auto 0.58rem;
}
.phone-input-box .phone-input-select.show {
  background: #fff;
  background-size: auto 0.58rem;
}
.phone-input-box .phone-input-select.show > span {
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-top.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: right;
}
.phone-input-box .phone-input-select.error {
  background: #fff;
  background-size: auto 0.58rem;
}
.phone-input-box .phone-input-select .phone-icon-show {
  width: auto;
  height: 0.58rem;
  position: absolute;
  right: -0.04rem;
}
.phone-input-box .phone-input-select > span {
  display: inline-block;
  width: 1rem;
  line-height: 0.58rem;
  text-align: center;
  font-size: 0.16rem;
  padding-right: 0.2rem;
  padding-left: 0.16rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-bottom.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: right;
}
.phone-input-box .phone-input-select .phone-input-select_menu {
  width: 1.5rem;
  max-height: 2.2rem;
  height: 0;
  overflow: auto;
  position: absolute;
  bottom: -2.25rem;
  border-radius: 2px;
  background: #fff;
  z-index: 9;
  border-color: transparent;
  -webkit-transition: all 1 linear;
  -o-transition: all 1 linear;
  transition: all 1 linear;
}
.phone-input-box .phone-input-select .phone-input-select_menu.show {
  height: 2.2rem;
  border: 1px solid #DADDE8;
}
.phone-input-box .phone-input-select .phone-input-select_menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.phone-input-box .phone-input-select .phone-input-select_menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.phone-input-box .phone-input-select .phone-input-select_menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.phone-input-box .phone-input-select .phone-input-select_menu .Item {
  width: 100%;
  padding: 0 0.16rem;
  height: 0.48rem;
  line-height: 0.48rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 10;
}
.phone-input-box .phone-input-select .phone-input-select_menu .Item.active {
  background: #ddd;
  color: #fff;
}
.phone-input-box .phone-input-select .phone-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9;
}
.phone-input-box .mg_input {
  width: 100%;
}
.phone-input-box .phone-input-input {
  width: 100%;
}
.phone-input-box .phone-input-input .mg_input {
  width: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #fcfdff;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #fcfdff;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #fcfdff;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #fcfdff;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.NGEnroll-form-detail .form-Item {
  padding-bottom: 1px;
  padding-right: 1px;
}
.NGEnroll-form-detail .form-Item .form-title {
  margin-top: 0.32rem;
  margin-bottom: 0.12rem;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  color: #fcfdff;
}
.NGEnroll-form-detail .form-Item .form-title.required {
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/require.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: left;
}
.NGEnroll-form-detail .form-Item .input-box {
  position: relative;
}
.NGEnroll-form-detail .form-Item .input-box .input-box-input {
  height: 0.54rem;
  line-height: 0.54rem;
  border-radius: 0.32rem;
  border: 1px solid #1367B2;
  background: rgba(24, 131, 227, 0.2);
  font-size: 0.16rem;
  color: #fcfdff;
  padding-left: 0.2rem;
}
.NGEnroll-form-detail .form-Item .input-box .input-box-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #fcfdff;
  opacity: 0.5;
}
.NGEnroll-form-detail .form-Item .input-box .input-box-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.NGEnroll-form-detail .form-Item .input-box .input-box-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.NGEnroll-form-detail .form-Item .input-box .input-box-count {
  color: #fcfdff;
  right: 0.18rem;
  font-size: 0.16rem;
  top: 0.14rem;
  opacity: 0.5;
}
.NGEnroll-form-detail .form-Item .phone-input-box {
  height: 0.54rem;
}
.NGEnroll-form-detail .form-Item .phone-input-select {
  width: 1.09rem;
  background: rgba(24, 131, 227, 0.2);
  color: #fcfdff;
  border-radius: 0.32rem 0 0 0.32rem;
  border: 1px solid #1367B2;
  border-right: 0;
}
.NGEnroll-form-detail .form-Item .phone-input-select > span {
  padding-right: 0.3rem;
  padding-left: 0.16rem;
  width: 0.9rem;
  line-height: 0.54rem;
  background-position: 0.66rem 0.2rem;
}
.NGEnroll-form-detail .form-Item .phone-input-input .input-box-input {
  border-radius: 0 0.32rem 0.32rem 0;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu {
  width: 1.5rem;
  max-height: 2.2rem;
  background: #06235A;
  border-radius: 0.08rem;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #BCD1E4;
  cursor: pointer;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu::-webkit-scrollbar-thumb:hover {
  background-color: #BCD1E4;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu.show {
  border: 1px solid #1367B2;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu .Item {
  background: #06235A;
  color: #fcfdff;
  font-size: 0.16rem;
}
.NGEnroll-form-detail .form-Item .phone-input-select_menu .Item.active {
  background: #0074FD;
}
.NGEnroll-form-detail .form-Item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper {
  font-size: 0.16rem;
  height: 0.3rem;
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper > span {
  color: #fcfdff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper .radio-function {
  display: inline-block;
  width: 0.8rem;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper .radio-function .input-box-input {
  background: transparent;
  border-radius: 0;
  border: none;
  height: 0.2rem;
  line-height: 0.32rem;
  padding: 0 0 0 0.1rem;
  border-bottom: 0.02rem solid #fff;
  color: #fcfdff;
  margin-left: 0.04rem;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper + .ant-radio-wrapper {
  margin-bottom: 0.06rem;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 0.16rem;
  min-height: 0.16rem;
  overflow: hidden;
  border: none;
  text-shadow: none;
  background: transparent;
  border-radius: 50%;
  background: url("/static/images/activity/N-Game/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/N-Game/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background: url("/static/images/activity/N-Game/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.NGEnroll-form-detail .form-Item .radio_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.16rem;
}
.NGEnroll-form-detail .form-Item .radio_box .radio-Item {
  width: 0.64rem;
  white-space: nowrap;
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox.png') no-repeat;
  background-size: 0.16rem;
  background-position: left;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #023a4d;
}
.NGEnroll-form-detail .form-Item .radio_box .radio-Item + .radio-Item {
  margin-left: 0.32rem;
}
.NGEnroll-form-detail .form-Item .radio_box .radio-Item.active {
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox-check.png') no-repeat;
  background-size: 0.16rem;
  background-position: left;
}
.NGEnroll-form-detail .form-Item .btn-submit {
  margin: 0.48rem auto 0;
  width: 2.4rem;
  height: 0.54rem;
  display: block;
  background: url('/static/images/activity/N-Game/btn_submit.png') no-repeat;
  background-size: 2.4rem auto;
  color: #fff;
  line-height: 0.54rem;
  text-align: center;
  font-size: 0.2rem;
}
.NGEnroll-form-detail .form-Item .btn-submit.disabled {
  opacity: 0.5;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.NG2021-enroll {
  width: 10.08rem;
  height: 6.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.32rem;
}
.NG2021-enroll-rule {
  width: 3.2rem;
  height: 100%;
  font-size: 0.16rem;
  line-height: 1.6;
  color: #FCFDFF;
}
.NG2021-enroll-rule .title {
  font-size: 0.24rem;
  height: 0.24rem;
  text-align: center;
  background: url('/static/images/activity/N-Game/title-rule.png') no-repeat;
  background-size: 1.01rem auto;
  background-position: top;
}
.NG2021-enroll-rule .rule-wrap {
  width: 3.2rem;
  height: 4.92rem;
  margin: 0.24rem auto 0;
  overflow: auto;
  padding: 0.12rem;
}
.NG2021-enroll-rule .rule-wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 2px;
}
.NG2021-enroll-rule .rule-wrap::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-rule .rule-wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-rule .rule-wrap > p {
  margin-bottom: 0.2rem;
}
.NG2021-enroll-wrap {
  width: 5.4rem;
  height: 4.96rem;
  margin: 0.2rem 0.17rem;
  overflow: auto;
  padding: 0 0.3rem;
}
.NG2021-enroll-wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 2px;
}
.NG2021-enroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-wrap .wrap-form {
  overflow: auto;
}
.NG2021-enroll-wrap .wrap-form-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 0.1rem;
}
.NG2021-enroll-wrap .wrap-form-tab-Item {
  width: 2.4rem;
  height: 0.54rem;
  border-radius: 0 0.27rem 0.27rem 0;
  color: #fcFDFF;
  background: rgba(24, 131, 227, 0.2);
  border: 1px solid #1367B2;
  letter-spacing: 0.2em;
  font-size: 0.24rem;
  line-height: 0.54rem;
  text-align: center;
}
.NG2021-enroll-wrap .wrap-form-tab-Item.active {
  background: #0074FD;
}
.NG2021-enroll-wrap .wrap-form-tab-Item:nth-child(1) {
  border-radius: 0.27rem 0 0 0.27rem;
}
.NG2021-enroll-wrap .wrap-form-tab .tab-active {
  width: 0.6rem;
  height: 0.6rem;
  background: url('/static/images/activity/N-Game/bg-circle.png') no-repeat;
  background-size: 0.6rem;
  position: absolute;
  top: -0.03rem;
}
.NG2021-enroll-wrap .wrap-form-tab .tab-active::before {
  content: ' ';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url('/static/images/activity/N-Game/tab-circle.png') no-repeat;
  background-size: 0.6rem;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.NG2021-enroll-wrap .wrap-form-tab .tab-active.tab-A::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.NG2021-enroll-wrap .wrap-form-tab .tab-active.tab-B::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.mg2020-head {
  width: 19.2rem;
  height: 7rem;
}
.mg2020-head > img {
  width: 19.2rem;
  height: 7.01rem;
  vertical-align: baseline;
}
.mg2020-nav {
  width: 19.2rem;
  height: 0.95rem;
  background: url("/static/images/activity/MG2020/bg-nav.png");
  background-size: 19.2rem 0.96rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-nav .nav-Item {
  width: 2.26rem;
  text-align: center;
  height: 1.14rem;
  line-height: 0.95rem;
  font-size: 0.32rem;
  color: #fff;
  padding: 0.06rem 0 0;
  margin-top: -0.06rem;
  cursor: pointer;
}
.mg2020-nav .nav-Item + .nav-Item {
  margin-left: 0.8rem;
}
.mg2020-nav .nav-Item.active {
  background: url("/static/images/activity/MG2020/nav-active.png") no-repeat;
  background-size: 2.26rem 1.14rem;
  color: #144f62;
}
.mg2020-wrap {
  width: 19.2rem;
  height: auto;
  background: url("/static/images/activity/MG2020/common-bg.png") repeat;
  background-size: 19.2rem auto;
  padding-bottom: 1rem;
}
.mg2020-wrap-intro {
  background: url('/static/images/activity/MG2020/Intro/bg-intro-1.png') no-repeat, url("/static/images/activity/MG2020/bg.png") no-repeat 0 9.4rem;
  background-size: 19.2rem auto;
}
.mg2020 .modal-topic {
  width: 1.8rem;
  position: fixed;
  top: 120px;
  right: 0.2rem;
  z-index: 99;
  cursor: pointer;
}
.mg2020 .modal-topic .head {
  width: 1.8rem;
  height: 1.57rem;
  background: url('/static/images/activity/MG2020/works/web/modal-topic.png') no-repeat;
  background-size: 1.8rem auto;
}
.mg2020 .modal-topic .arrow-top {
  width: 0.96rem;
  height: 0.96rem;
  background: url('/static/images/activity/MG2020/works/web/arrow-topic.gif') no-repeat;
  background-size: 0.96rem;
  margin: 0 auto;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\F101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C";
}
.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10D";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}
.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: -1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
.h5-share-video-container {
  height: 4.215rem;
  height: 56.2vw;
  max-height: 4.2rem;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  /* 
    Only show the title bar after playback has begun (so as not to hide
    the big play button) and only when paused or when the user is 
    interacting with the player.
    */
}
.h5-share-video-container .full-screen-show {
  display: none;
}
.h5-share-video-container.full-screen {
  -o-object-fit: contain;
     object-fit: contain;
  position: fixed !important;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  z-index: 1000;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  min-width: 0px !important;
  max-width: none !important;
  min-height: 0px !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: 0px !important;
  background: #000;
}
.h5-share-video-container .share-video-mock {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 6;
}
.h5-share-video-container .share-video-mock::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(/static/images/share/video-play.png) no-repeat center center;
  background-size: 0.96rem 0.96rem;
}
.h5-share-video-container .bottom-mask {
  position: absolute;
  width: 100%;
  height: 3.2rem;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 3 ;
}
.h5-share-video-container .video-js {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.h5-share-video-container > img {
  width: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.h5-share-video-container .video-play {
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1.6rem;
  background: url('/static/icons/play_big@2x.png') no-repeat;
  background-size: 100% 100%;
  z-index: 5;
  cursor: pointer;
}
.h5-share-video-container .video-mask {
  position: absolute;
  height: 4.215rem;
  height: 56.2vw;
  width: 1000px;
  background: #000;
  opacity: 0.32;
}
.h5-share-video-container .video-js .vjs-play-control {
  width: 24px;
  margin-right: 16px;
  height: 0.6rem;
  margin-top: 0.26rem;
}
.h5-share-video-container .video-js .vjs-play-control .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/static/images/share/play.png') no-repeat;
  background-size: 24px 24px;
  background-position: 0;
}
.h5-share-video-container .video-js .vjs-play-control .vjs-icon-placeholder:hover {
  background-position: -24px;
}
.h5-share-video-container .video-js .vjs-play-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.h5-share-video-container .video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 0.28rem;
  line-height: 1.1rem;
  text-align: center;
  min-width: 0.2rem;
  padding-left: 0;
  padding-right: 0;
}
.h5-share-video-container .video-js .vjs-volume-panel {
  position: absolute;
  right: 0.88rem;
  height: 0.6rem;
  margin-top: 0.4rem;
}
.h5-share-video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level:before {
  left: -0.35em;
}
.h5-share-video-container .video-js .vjs-volume-panel .vjs-slider-vertical {
  height: 64%;
  margin-top: 34%;
}
.h5-share-video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
}
.h5-share-video-container .video-js .vjs-volume-panel .vjs-volume-control {
  height: 2.64rem;
  width: 1.64rem;
  background: url('/static/images/2@2x.png') no-repeat;
  background-size: 1.64rem 2.64rem;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  bottom: 19em;
  opacity: 0;
}
.h5-share-video-container .video-js .vjs-volume-panel .vjs-icon-placeholder {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  background: url('/static/icons/sound@2x.png') no-repeat;
  background-size: 0.96rem 0.48rem;
  background-position: 0;
  margin-right: 0px;
  margin-left: 0.48rem;
}
.h5-share-video-container .video-js .vjs-volume-panel .vjs-icon-placeholder::before {
  content: '' !important;
}
.h5-share-video-container .video-js .vjs-volume-panel:hover .vjs-icon-placeholder {
  background-position: -0.48rem;
}
.h5-share-video-container .video-js .vjs-volume-panel:hover .vjs-volume-control {
  left: -0.5rem !important;
  bottom: 3.3rem;
  opacity: 1;
}
.h5-share-video-container .video-js .vjs-poster {
  background-size: cover;
  z-index: 4;
}
.h5-share-video-container .video-js .vjs-poster:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(/static/images/share/video-play.png) no-repeat center center;
  background-size: 0.96rem 0.96rem;
}
.h5-share-video-container .video-js .vjs-fullscreen-control {
  position: absolute;
  right: 0;
  width: 0.48rem;
  height: 0.6rem;
  margin-top: 0.24rem;
}
.h5-share-video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/static/images/share/all-screen.png') no-repeat;
  background-size: 24px 24px;
  background-position: 0;
}
.h5-share-video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.h5-share-video-container .video-js .vjs-fullscreen-control:hover .vjs-icon-placeholder {
  background-position: -24px !important;
}
.h5-share-video-container .video-js .vjs-progress-control {
  cursor: pointer;
  position: relative;
  margin-right: 0.3rem;
  top: 50%;
  width: 3.5rem !important;
  left: 0;
  -webkit-transform: 3.8rem !important;
      -ms-transform: 3.8rem !important;
          transform: 3.8rem !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0 !important;
  -ms-touch-action: none;
      touch-action: none;
  height: 0.5em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.h5-share-video-container .video-js .vjs-progress-control .vjs-time-tooltip {
  display: none !important;
}
.h5-share-video-container .video-js .vjs-progress-control .vjs-mouse-display {
  display: none !important;
}
.h5-share-video-container .video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
  font-size: 0.1rem !important;
}
.h5-share-video-container .video-js .vjs-progress-control .vjs-play-progress {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  border-radius: 0.04rem;
}
.h5-share-video-container .video-js .vjs-progress-control .vjs-play-progress::before {
  font-size: 0.4rem !important;
}
.h5-share-video-container .video-js .vjs-control-bar {
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  width: 95%;
  margin: 0 auto;
  background: none;
}
.h5-share-video-container .video-js .vjs-control-bar > div {
  display: block;
}
.h5-share-video-container .video-js .vjs-control-bar button {
  outline: none;
}
.h5-share-video-container .video-js .vjs-control-bar .sharpness {
  position: absolute;
  right: 0.6rem;
  background: none;
  width: 0.96rem;
  height: 0.6rem;
  margin-top: 0.24rem;
}
.h5-share-video-container .video-js .vjs-control-bar .sharpness span {
  position: absolute;
  height: 0.52rem;
  width: 0.96rem;
  background: #282029;
  border-radius: 0.26rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.52rem;
  text-align: center;
}
.h5-share-video-container .video-js .vjs-control-bar .sharpness ul {
  position: absolute;
  list-style: none;
  display: none;
  width: 2.84rem;
  height: 3.44rem;
  background: url('/static/images/1@2x.png') no-repeat;
  background-size: 2.84rem 3.44rem;
  top: -3.1rem;
  left: -0.94rem;
  border-radius: 0.1rem;
  overflow: hidden;
  padding-top: 0.48rem;
}
.h5-share-video-container .video-js .vjs-control-bar .sharpness ul li {
  float: left;
  width: 100%;
  height: 0.8rem;
  font-size: 0.28rem;
  line-height: 0.8rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.h5-share-video-container .video-js .vjs-control-bar .sharpness ul li:hover {
  color: #D0021B;
}
.h5-share-video-container .video-js .vjs-control-bar .sharpness:hover ul {
  display: block;
}
.h5-share-video-container .video-js .vjs-control-bar .next {
  width: 0.48rem;
  height: 0.6rem;
  margin-top: 0.4rem;
  background: url('/static/icons/next copy@2x.png') no-repeat;
  background-size: 0.48rem 0.48rem;
  background-position: 0;
  margin-right: 0.48rem;
  cursor: pointer;
}
.h5-share-video-container .video-js .vjs-control-bar .next:hover {
  background-position: -0.48rem;
}
.h5-share-video-container .video-js .vjs-control-bar .vjs-icon-placeholder::before {
  font-size: 0.48rem !important;
  line-height: 2.67;
}
.h5-share-video-container .video-js .vjs-control-bar .vjs-volume-panel-vertical {
  display: none;
}
.h5-share-video-container .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: 3.8em;
}
.h5-share-video-container .video-js .vjs-title-bar {
  color: white;
  font-size: 18px;
  /*
              By default, do not show the title bar.
            */
  display: none;
  padding: 0 0.34rem 0 0;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 100%;
  text-align: left;
}
.h5-share-video-container .video-js .vjs-bar-back {
  color: white;
  font-size: 14px;
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  padding-top: 0.32rem;
  left: 10px;
  text-align: left;
  background: url('/static/images/live/h5/back@2x.png') no-repeat;
  background-size: 24px 24px;
  top: 13px;
}
.h5-share-video-container .video-js .vjs-bullet-btn {
  width: 60px;
  height: 0.6rem;
  margin-top: 0.26rem;
}
.h5-share-video-container .video-js .vjs-bullet-btn .vjs-icon-placeholder {
  width: 64px;
  height: 24px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  background-size: 24px 24px;
  background-position: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  padding-left: 26px;
  position: relative;
}
.h5-share-video-container .video-js .vjs-bullet-btn .vjs-icon-placeholder::before {
  content: '\5F39\5E55' !important;
  font-size: 14px !important;
  line-height: 24px;
  width: 30px;
  top: 0;
  left: 24px;
}
.h5-share-video-container .video-js .vjs-bullet-btn .vjs-icon-placeholder:after {
  position: absolute;
  top: 5px;
  left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  border: 2px solid transparent;
  border-radius: 50%;
  border-width: 0;
  background: url('https://gameacademy.v.netease.com/live/break-checked.png') no-repeat;
  background-size: 14px;
}
.h5-share-video-container .video-js .vjs-bullet-btn.hidden .vjs-icon-placeholder:after {
  border-color: #C1C1CB;
  border-width: 1px;
  background: none;
  border-radius: 50%;
}
.h5-share-video-container .video-js.vjs-paused.vjs-has-started .vjs-title-bar,
.h5-share-video-container .video-js.vjs-user-active.vjs-has-started .vjs-title-bar {
  display: block;
}
.h5-share-video-container .vjs-playing .vjs-play-control {
  margin-top: 0.26rem;
}
.h5-share-video-container .vjs-playing .vjs-play-control .vjs-icon-placeholder {
  background: url('/static/images/share/pause.png') no-repeat;
  background-size: 24px 24px;
  background-position: 0;
}
.h5-share-video-container .vjs-playing .vjs-play-control:hover {
  background-position: -24px;
}
.h5-share-video-container .h5-live-video-error {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.72);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.h5-share-video-container .h5-live-video-error:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.72);
}
.h5-share-video-container .h5-live-video-error-center {
  position: absolute;
  width: 100%;
  height: 1.6rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.h5-share-video-container .h5-live-video-error-message {
  text-align: center;
  color: #fff;
  font-size: 0.3rem;
}
.h5-share-video-container .h5-live-video-error-reset {
  margin: 0.44rem auto 0;
  width: 1.8rem;
  height: 0.64rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  border-radius: 0.32rem;
  color: #fff;
  font-size: 0.24rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h5-share-video-container .h5-live-video-error-reset-icon {
  margin-right: 0.04rem;
  display: block;
  width: 0.22rem;
  height: 0.22rem;
  background: url('/static/images/live/h5/refresh.png') no-repeat;
  background-size: 0.22rem 0.22rem;
}
.h5-share-video-container.full-screen-css .full-screen-show {
  display: block;
}
.h5-share-video-container.full-screen-css .vjs-title-bar {
  left: 33px;
}
.h5-share-video-container.full-screen-css .video-js.vjs-paused.vjs-has-started .vjs-bar-back,
.h5-share-video-container.full-screen-css .video-js.vjs-user-active.vjs-has-started .vjs-bar-back {
  display: block;
}
.h5-share-video-container.full-screen-css .vjs-fullscreen-control {
  display: none;
}

.style-bullet {
  padding: 0 0.7em;
  height: 1.8em;
  word-break: keep-all;
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.style-bullet .barrage-border-bg {
  display: none;
}
.style-bullet.isme {
  background-color: rgba(0, 0, 0, 0.32);
  border: 1px solid #fff;
  border-radius: 16px;
}
.style-bullet.hover {
  background: rgba(28, 28, 30, 0.96);
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 41px;
}
.style-bullet.hover:after {
  margin-left: 10px;
  display: inline-block;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background: url(https://gameacademy.v.netease.com/live/zan-icon.png) no-repeat;
  background-size: 1.2em 1.2em;
}
.style-bullet-head {
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  margin-right: 0.3em;
}
.style-bullet-head .style-bullet-head-img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.style-bullet.danmu {
  border: none;
  position: relative;
  background: none;
  padding: 0;
}
.style-bullet.danmu .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/static/images/live/h5/danmu-king-border-center.png") repeat;
  background-size: 100% 1.8em;
  z-index: -1;
}
.style-bullet.danmu::before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0;
  left: -1em;
  width: 1em;
  height: 1.8em;
  background: url("/static/images/live/h5/danmu-king-border-before.png") no-repeat;
  background-size: 1em 1.8em;
  border: none;
}
.style-bullet.danmu::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1em;
  width: 1em;
  height: 1.8em;
  background: url("/static/images/live/h5/danmu-king-border-end.png") no-repeat;
  background-size: 1em 1.8em;
}
.style-bullet.danmu.hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.7em;
  background: rgba(28, 28, 30, 0.96);
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 41px;
}
.style-bullet.danmu.hover .barrage-border-bg {
  display: none;
}
.style-bullet.danmu.hover:after {
  margin-left: 10px;
  display: inline-block;
  position: static;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background: url(https://gameacademy.v.netease.com/live/zan-icon.png) no-repeat;
  background-size: 1.2em 1.2em;
}
.style-bullet.danmu.hover::before {
  display: none;
}
.style-bullet.danmu-title {
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.32) url("https://gameacademy.v.netease.com/live/danmu-radius-border.png") no-repeat;
  background-size: 100% 100%;
}
.style-bullet.daming {
  border: none;
  position: relative;
  background: none;
  padding: 0;
}
.style-bullet.daming .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/static/images/live/h5/daming-king-border-center.png") repeat;
  background-size: 100% 1.8em;
  z-index: -1;
}
.style-bullet.daming::before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0;
  left: -1em;
  width: 1em;
  height: 1.8em;
  background: url("/static/images/live/h5/daming-king-border-before.png") no-repeat;
  background-size: 1em 1.8em;
  border: none;
}
.style-bullet.daming::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1em;
  width: 1em;
  height: 1.8em;
  background: url("/static/images/live/h5/daming-king-border-end.png") no-repeat;
  background-size: 1em 1.8em;
}
.style-bullet.daming.hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.7em;
  background: rgba(28, 28, 30, 0.96);
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 41px;
}
.style-bullet.daming.hover .barrage-border-bg {
  display: none;
}
.style-bullet.daming.hover:after {
  margin-left: 10px;
  display: inline-block;
  position: static;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background: url(https://gameacademy.v.netease.com/live/zan-icon.png) no-repeat;
  background-size: 1.2em 1.2em;
}
.style-bullet.daming.hover::before {
  display: none;
}
.style-bullet.daming-title {
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.32) url("https://gameacademy.v.netease.com/live/daming-radius-border.png") no-repeat;
  background-size: 100% 100%;
}
.style-bullet.gonggao {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3em 0.8em 0.3em 0.6em;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(1%, #ff4061), color-stop(49%, #fd5454), to(#ff6d48));
  background-image: -o-linear-gradient(right, #ff4061 1%, #fd5454 49%, #ff6d48 100%);
  background-image: linear-gradient(270deg, #ff4061 1%, #fd5454 49%, #ff6d48 100%);
  border-radius: 0.9em;
  font-size: 14px;
  color: #ffffff;
  white-space: nowrap;
}
.style-bullet.gonggao:before {
  display: block;
  margin-right: 0.02em;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background: url("https://gameacademy.v.netease.com/live/gonggao.png") no-repeat;
  background-size: 1.2em 1.2em;
}
.style-bullet.gonggao.hover {
  max-width: 600px;
  height: auto;
  word-break: normal;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.style-bullet.gonggao.hover:before {
  margin-right: 0.04em;
  margin-top: 6px;
}
.style-bullet.gonggao.hover:after {
  display: none;
}
.style-bullet.gonggao.hover > div {
  max-width: 500px;
}
.style-bullet.hover.checked {
  padding: 0 0.7rem;
}
.style-bullet.hover.checked:after {
  margin-left: 10px;
  display: inline-block;
  position: normal;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background-image: url(https://gameacademy.v.netease.com/live/like/like.png);
  background-repeat: no-repeat;
  background-size: calc(1.2em * 46) 1.2em;
  background-position: calc(-1.2em * 45) 0;
  -webkit-animation: like 1.5s steps(1, end) forwards;
          animation: like 1.5s steps(1, end) forwards;
}
@-webkit-keyframes like {
  0% {
    background-position: 0 0;
  }
  2% {
    background-position: calc(-1.2em * 1) 0;
  }
  4% {
    background-position: calc(-1.2em * 2) 0;
  }
  6% {
    background-position: calc(-1.2em * 3) 0;
  }
  8% {
    background-position: calc(-1.2em * 4) 0;
  }
  10% {
    background-position: calc(-1.2em * 5) 0;
  }
  12% {
    background-position: calc(-1.2em * 6) 0;
  }
  14% {
    background-position: calc(-1.2em * 7) 0;
  }
  16% {
    background-position: calc(-1.2em * 8) 0;
  }
  18% {
    background-position: calc(-1.2em * 9) 0;
  }
  20% {
    background-position: calc(-1.2em * 10) 0;
  }
  22% {
    background-position: calc(-1.2em * 11) 0;
  }
  24% {
    background-position: calc(-1.2em * 12) 0;
  }
  26% {
    background-position: calc(-1.2em * 13) 0;
  }
  28% {
    background-position: calc(-1.2em * 14) 0;
  }
  30% {
    background-position: calc(-1.2em * 15) 0;
  }
  32% {
    background-position: calc(-1.2em * 16) 0;
  }
  34% {
    background-position: calc(-1.2em * 17) 0;
  }
  36% {
    background-position: calc(-1.2em * 18) 0;
  }
  38% {
    background-position: calc(-1.2em * 19) 0;
  }
  40% {
    background-position: calc(-1.2em * 20) 0;
  }
  42% {
    background-position: calc(-1.2em * 21) 0;
  }
  44% {
    background-position: calc(-1.2em * 22) 0;
  }
  46% {
    background-position: calc(-1.2em * 23) 0;
  }
  48% {
    background-position: calc(-1.2em * 24) 0;
  }
  50% {
    background-position: calc(-1.2em * 25) 0;
  }
  52% {
    background-position: calc(-1.2em * 26) 0;
  }
  54% {
    background-position: calc(-1.2em * 27) 0;
  }
  56% {
    background-position: calc(-1.2em * 28) 0;
  }
  58% {
    background-position: calc(-1.2em * 29) 0;
  }
  60% {
    background-position: calc(-1.2em * 30) 0;
  }
  62% {
    background-position: calc(-1.2em * 31) 0;
  }
  64% {
    background-position: calc(-1.2em * 32) 0;
  }
  66% {
    background-position: calc(-1.2em * 33) 0;
  }
  68% {
    background-position: calc(-1.2em * 34) 0;
  }
  70% {
    background-position: calc(-1.2em * 35) 0;
  }
  72% {
    background-position: calc(-1.2em * 36) 0;
  }
  74% {
    background-position: calc(-1.2em * 37) 0;
  }
  76% {
    background-position: calc(-1.2em * 38) 0;
  }
  78% {
    background-position: calc(-1.2em * 39) 0;
  }
  80% {
    background-position: calc(-1.2em * 40) 0;
  }
  82% {
    background-position: calc(-1.2em * 41) 0;
  }
  84% {
    background-position: calc(-1.2em * 42) 0;
  }
  86% {
    background-position: calc(-1.2em * 43) 0;
  }
  88% {
    background-position: calc(-1.2em * 45) 0;
  }
  90% {
    background-position: calc(-1.2em * 45) 0;
  }
  100% {
    background-position: calc(-1.2em * 45) 0;
  }
}
@keyframes like {
  0% {
    background-position: 0 0;
  }
  2% {
    background-position: calc(-1.2em * 1) 0;
  }
  4% {
    background-position: calc(-1.2em * 2) 0;
  }
  6% {
    background-position: calc(-1.2em * 3) 0;
  }
  8% {
    background-position: calc(-1.2em * 4) 0;
  }
  10% {
    background-position: calc(-1.2em * 5) 0;
  }
  12% {
    background-position: calc(-1.2em * 6) 0;
  }
  14% {
    background-position: calc(-1.2em * 7) 0;
  }
  16% {
    background-position: calc(-1.2em * 8) 0;
  }
  18% {
    background-position: calc(-1.2em * 9) 0;
  }
  20% {
    background-position: calc(-1.2em * 10) 0;
  }
  22% {
    background-position: calc(-1.2em * 11) 0;
  }
  24% {
    background-position: calc(-1.2em * 12) 0;
  }
  26% {
    background-position: calc(-1.2em * 13) 0;
  }
  28% {
    background-position: calc(-1.2em * 14) 0;
  }
  30% {
    background-position: calc(-1.2em * 15) 0;
  }
  32% {
    background-position: calc(-1.2em * 16) 0;
  }
  34% {
    background-position: calc(-1.2em * 17) 0;
  }
  36% {
    background-position: calc(-1.2em * 18) 0;
  }
  38% {
    background-position: calc(-1.2em * 19) 0;
  }
  40% {
    background-position: calc(-1.2em * 20) 0;
  }
  42% {
    background-position: calc(-1.2em * 21) 0;
  }
  44% {
    background-position: calc(-1.2em * 22) 0;
  }
  46% {
    background-position: calc(-1.2em * 23) 0;
  }
  48% {
    background-position: calc(-1.2em * 24) 0;
  }
  50% {
    background-position: calc(-1.2em * 25) 0;
  }
  52% {
    background-position: calc(-1.2em * 26) 0;
  }
  54% {
    background-position: calc(-1.2em * 27) 0;
  }
  56% {
    background-position: calc(-1.2em * 28) 0;
  }
  58% {
    background-position: calc(-1.2em * 29) 0;
  }
  60% {
    background-position: calc(-1.2em * 30) 0;
  }
  62% {
    background-position: calc(-1.2em * 31) 0;
  }
  64% {
    background-position: calc(-1.2em * 32) 0;
  }
  66% {
    background-position: calc(-1.2em * 33) 0;
  }
  68% {
    background-position: calc(-1.2em * 34) 0;
  }
  70% {
    background-position: calc(-1.2em * 35) 0;
  }
  72% {
    background-position: calc(-1.2em * 36) 0;
  }
  74% {
    background-position: calc(-1.2em * 37) 0;
  }
  76% {
    background-position: calc(-1.2em * 38) 0;
  }
  78% {
    background-position: calc(-1.2em * 39) 0;
  }
  80% {
    background-position: calc(-1.2em * 40) 0;
  }
  82% {
    background-position: calc(-1.2em * 41) 0;
  }
  84% {
    background-position: calc(-1.2em * 42) 0;
  }
  86% {
    background-position: calc(-1.2em * 43) 0;
  }
  88% {
    background-position: calc(-1.2em * 45) 0;
  }
  90% {
    background-position: calc(-1.2em * 45) 0;
  }
  100% {
    background-position: calc(-1.2em * 45) 0;
  }
}
.style-bullet--danmu {
  line-height: 1.4;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 0px 1px, rgba(0, 0, 0, 0.8) 0px 1px 1px, rgba(0, 0, 0, 0.8) 0px -1px 1px, rgba(0, 0, 0, 0.8) -1px 0px 1px;
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff8c5d), to(#fffab1));
  background-image: -o-linear-gradient(right, #ff8c5d 0%, #fffab1 100%);
  background-image: linear-gradient(270deg, #ff8c5d 0%, #fffab1 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.style-bullet--daming {
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#5cf0da), to(#b4ffb2));
  background-image: -o-linear-gradient(right, #5cf0da 0%, #b4ffb2 100%);
  background-image: linear-gradient(270deg, #5cf0da 0%, #b4ffb2 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.style-bullet-annument {
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff8c5d), to(#fffab1));
  background-image: -o-linear-gradient(right, #ff8c5d 0%, #fffab1 100%);
  background-image: linear-gradient(270deg, #ff8c5d 0%, #fffab1 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}
.style-bullet-annument.daming {
  background-image: -webkit-gradient(linear, right top, left top, from(#5cf0da), to(#b4ffb2));
  background-image: -o-linear-gradient(right, #5cf0da 0%, #b4ffb2 100%);
  background-image: linear-gradient(270deg, #5cf0da 0%, #b4ffb2 100%);
}
.style-bullet.h5-bullet {
  height: 1.45em;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.style-bullet.h5-bullet.isme {
  border-radius: 0.72em;
}
.style-bullet.h5-bullet.danmu-title,
.style-bullet.h5-bullet.daming-title {
  border-radius: 0.72em;
}
.style-bullet.h5-bullet.gonggao {
  padding: 0 0.8em 0 0.6em;
}
.style-bullet.h5-bullet .style-bullet-head {
  width: 1.1em;
  height: 1.1em;
}
.style-bullet.h5-bullet.danmu {
  position: relative;
  background: none;
  padding: 0;
}
.style-bullet.h5-bullet.danmu .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/static/images/live/h5/danmu-king-border-center.png") repeat;
  background-size: 100% 1.45em;
}
.style-bullet.h5-bullet.danmu::before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0;
  left: -0.89em;
  width: 0.89em;
  height: 1.45em;
  background: url("/static/images/live/h5/danmu-king-border-before.png") no-repeat;
  background-size: 0.89em 1.45em;
  border: none;
}
.style-bullet.h5-bullet.danmu::after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.89em;
  width: 0.89em;
  height: 1.45em;
  background: url("/static/images/live/h5/danmu-king-border-end.png") no-repeat;
  background-size: 0.89em 1.45em;
}
.style-bullet.h5-bullet.daming {
  position: relative;
  background: none;
  padding: 0;
}
.style-bullet.h5-bullet.daming .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/static/images/live/h5/daming-king-border-center.png") repeat;
  background-size: 100% 1.45em;
}
.style-bullet.h5-bullet.daming::before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0;
  left: -0.89em;
  width: 0.89em;
  height: 1.45em;
  background: url("/static/images/live/h5/daming-king-border-before.png") no-repeat;
  background-size: 0.89em 1.45em;
  border: none;
}
.style-bullet.h5-bullet.daming::after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.89em;
  width: 0.89em;
  height: 1.45em;
  background: url("/static/images/live/h5/daming-king-border-end.png") no-repeat;
  background-size: 0.89em 1.45em;
}

.barrage-video--click-item {
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.h5-share-video-container .barrage-wrap {
  position: absolute;
  top: 30px;
  padding-top: 5px;
  width: 100%;
  height: calc(100% - 0.4rem);
  overflow: hidden;
}

.web-share-alert {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  margin: auto;
  width: 6.78rem;
  height: 5.67rem;
  border-radius: 0.2rem;
}
.web-share-alert-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.web-share-alert-mock {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.web-share-alert-close {
  position: absolute;
  top: 0.4rem;
  right: 0;
  z-index: 999;
  text-align: center;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
  background-color: #ffffff;
  border-radius: 50%;
  background-image: url('/static/images/icons/close.png');
  background-repeat: no-repeat;
  background-size: 0.375rem 0.375rem;
  background-position: center;
}
.web-share-alert-title {
  font-size: 0.38rem;
  height: 3rem;
  color: #2E2E33;
  text-align: center;
  line-height: 5.5rem;
  background: url('/static/images/alert-bcg.png') no-repeat;
  background-size: 100% 3rem;
  font-weight: 500;
}
.web-share-alert-content {
  padding-top: 0.4rem;
  padding-bottom: 0.53rem;
  font-size: 0.28rem;
  color: #2E2E33;
  text-align: center;
  line-height: 0.42rem;
  background-color: #ffffff;
}
.web-share-alert-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 0.2rem 0.2rem;
  padding-bottom: 0.32rem;
}
.web-share-alert-bottom-close {
  width: 2.86rem;
  height: 0.8rem;
  font-size: 0.36rem;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.8rem;
  background-color: #F2F4FA;
  border-radius: 0.08rem;
  margin-left: 0.36rem;
}
.web-share-alert-bottom-ok {
  width: 2.86rem;
  height: 0.8rem;
  font-size: 0.36rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.8rem;
  background: #E24037;
  border-radius: 0.08rem;
  margin-left: 0.34rem;
}

.h5-question {
  height: calc(100% - 1.28rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h5-question-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.24rem;
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  height: calc(100% - 0.14rem);
  max-height: calc(100% - 0.14rem);
}
.h5-question-content::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background: transparent;
}
.h5-question-content::-webkit-scrollbar-thumb {
  background: transparent;
}
.h5-question-list {
  position: relative;
  bottom: 0;
  width: 100%;
  min-height: 100%;
}
.h5-question-item {
  margin-top: 0.2rem;
  margin-bottom: 0.32rem;
  padding: 0 0.32rem;
}
.h5-question-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.28rem;
  color: #9A9DAB;
}
.h5-question-text {
  display: inline-block;
  word-wrap: break-all;
  max-width: 5.44rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-image-slice: 2;
  font-size: 0.28rem;
  color: #FFFFFF;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: justify;
}
.h5-question-text--all {
  display: block;
  -o-text-overflow: unset;
     text-overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.h5-question-text-wrap {
  position: relative;
  display: inline-block;
  max-width: 5.4rem;
  margin-top: 0.12rem;
  padding: 0.08rem 0.14rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0 0.08rem 0.08rem 0.08rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.h5-question-text-wrap::before {
  position: absolute;
  z-index: -1;
  top: 0;
  margin-top: -0.12rem;
  left: 0;
  content: '';
  border-left: 0.06rem solid rgba(255, 255, 255, 0.06);
  border-right: 0.06rem solid transparent;
  border-top: 0.06rem solid transparent;
  border-bottom: 0.06rem solid rgba(255, 255, 255, 0.06);
  border-radius: 0.2rem 0.6rem 0 0;
}
.h5-question-hover {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(28, 28, 30);
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.16rem;
  padding: 0.24rem 1.36rem 0.24rem 0.32rem;
  margin-left: -0.64rem;
  width: 336px;
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.44rem;
  z-index: 1;
  background: rgba(28, 28, 30) url('https://gameacademy.v.netease.com/live/delete.png') no-repeat 280px center;
  background-size: 0.72rem;
  cursor: pointer;
}
.h5-question-more {
  position: relative;
  font-size: 0.28rem;
  color: #4A90E2;
  line-height: 0.46rem;
  text-align: right;
  padding: 0 0.2rem;
  display: inline-block;
  left: 4.2rem;
  cursor: pointer;
}
.h5-question-setting {
  padding: 0 0.32rem 0.28rem;
  border-top: 0.02rem solid rgba(237, 239, 243, 0.06);
}
.h5-question-send {
  margin-top: 0.24rem;
  padding-top: 0.16rem;
  padding-left: 0.24rem;
  padding-right: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 0.8rem;
  border-radius: 0.2rem;
  border: 0.02rem solid rgba(237, 239, 243, 0.4);
  height: 2.34rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.h5-question-send .ant-input {
  padding: 0;
  background: transparent;
  max-width: 3.66rem;
  outline: none;
  border: none;
  resize: none;
  color: #fff;
  max-width: 100%;
  height: 1.44rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  min-height: auto;
}
.h5-question-send .ant-input::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background: transparent;
}
.h5-question-send .ant-input::-webkit-scrollbar-thumb {
  background: transparent;
}
.h5-question-send .ant-input:focus {
  border: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-question-send-btn {
  margin-left: auto;
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
  width: 1.2rem;
  height: 0.56rem;
  border-radius: 0.28rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  line-height: 0.56rem;
  font-size: 0.28rem;
  color: #FFFFFF;
  text-align: center;
}
.h5-question .barrage-action {
  margin-bottom: 0.14rem;
  height: 1rem;
  width: 100%;
  padding: 0 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-question .barrage-action .vest {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 0.36rem;
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/h5/skin.png') no-repeat center center;
  background-size: 0.48rem auto;
}
.h5-question .barrage-action .vest.like {
  margin-left: 0.28rem;
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/h5/like.png') no-repeat center center;
  background-size: 0.48rem auto;
  position: relative;
  z-index: 5;
}
.h5-question .barrage-action .vest.like .like-number {
  position: absolute;
  margin-top: -0.2rem;
  width: 0.72rem;
  height: 0.28rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  border-radius: 0.04rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.28rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.h5-question .barrage-action .send-barrage {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(0, 0, 0, 0.32);
  border: 0.02rem solid transparent;
  color: #9B9DAA;
  line-height: 0.72rem;
  padding-left: 0.3rem;
}
.h5-question .barrage-action .send-barrage.disabled {
  background: rgba(128, 128, 128, 0.32);
  color: #9A9DAB;
}
.h5-question .barrage-action .send-barrage--not-login {
  color: #4A90E2;
}
.h5-question .barrage-action .quick-barrage {
  background: rgba(27, 27, 32, 0.32) url('/static/images/live/h5/quick-barrage.png') no-repeat center center;
  background-size: 0.48rem auto;
}
.h5-question-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(24, 24, 26, 0.84);
  padding: 0.16rem 0.32rem;
  z-index: 7;
}
.h5-question-bottom-mock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.h5-question-bottom-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.16);
  border: 0.02rem solid rgba(255, 255, 255, 0.5);
  border-radius: 0.32rem;
  width: 5.7rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-question-bottom-input .ant-input {
  border: none;
  color: #fff;
  background: transparent;
  width: 4.9rem;
  resize: none;
}
.h5-question-bottom-input .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: none;
}
.h5-question-bottom-input--clear {
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  width: 0.74rem;
  height: 0.36rem;
  background: url('/static/images/live/h5/clear-input.png') no-repeat center center;
  background-size: 0.36rem 0.36rem;
}
.h5-question-bottom-input--send {
  margin-left: 0.2rem;
  color: #fff;
  border-radius: 0.32rem;
  width: 1.04rem;
  height: 0.64rem;
  text-align: center;
  line-height: 0.64rem;
  font-size: 0.28rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
}

.live-toast .ant-modal {
  top: 40%;
}
.live-toast .ant-modal-content {
  width: auto;
  background: transparent;
  margin: 0 auto;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.live-toast .ant-modal-body {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.16rem 0.36rem 0.2rem;
  font-size: 0.26rem;
  display: inline-block;
  line-height: 0.36rem;
  border-radius: 0.12rem;
}

.h5-click-like {
  position: absolute;
  right: 0.4rem;
  width: 0px !important;
  height: 0px !important;
}
.h5-click-like-item {
  margin-top: -1rem;
  margin-left: -0.4rem;
}
.h5-click-like-item-1 {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background: url('https://gameacademy.v.netease.com/live/love-1.png');
  background-size: 0.8rem;
  -webkit-animation: loveMove1 4s linear infinite forwards;
          animation: loveMove1 4s linear infinite forwards;
  opacity: 0;
  z-index: -1;
}
.h5-click-like-item-2 {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background: url('https://gameacademy.v.netease.com/live/love-2.png');
  background-size: 0.8rem;
  opacity: 0;
  -webkit-animation: loveMove2 4s linear infinite forwards;
          animation: loveMove2 4s linear infinite forwards;
  z-index: -1;
}
.h5-click-like-item-3 {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background: url('https://gameacademy.v.netease.com/live/love-3.png');
  background-size: 0.8rem;
  opacity: 0;
  -webkit-animation: loveMove3 4s linear infinite forwards;
          animation: loveMove3 4s linear infinite forwards;
  z-index: -1;
}
.h5-click-like-item-4 {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background: url('https://gameacademy.v.netease.com/live/love-4.png');
  background-size: 0.8rem;
  opacity: 0;
  -webkit-animation: loveMove4 4s linear infinite forwards;
          animation: loveMove4 4s linear infinite forwards;
  z-index: -1;
}
.h5-click-like-item-stop {
  -webkit-animation-iteration-count: inherit;
          animation-iteration-count: inherit;
}
@-webkit-keyframes loveMove5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(-0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(-0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(-0.2rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(-0.2rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(-0.3rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(-0.3rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-0.1rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(-0.1rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@keyframes loveMove5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(-0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(-0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(-0.2rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(-0.2rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(-0.3rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(-0.3rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-0.1rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(-0.1rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@-webkit-keyframes loveMove6 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(0.2rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(0.2rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(0.3rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(0.3rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(0.2rem) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(0.2rem) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(0.1rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(0.1rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(0.05rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(0.05rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@keyframes loveMove6 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(0.1rem) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(0.2rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(0.2rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(0.3rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(0.3rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(0.2rem) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(0.2rem) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(0.1rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(0.1rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(0.05rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(0.05rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@-webkit-keyframes loveMove7 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(0px) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(0px) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(0.1rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(0.1rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(0.2rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(0.2rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(15px) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(15px) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(0.05rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(0.05rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(-0.05rem) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(-0.05rem) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(-0.1rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(-0.1rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@keyframes loveMove7 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(0px) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(0px) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(0.1rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(0.1rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(0.2rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(0.2rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(15px) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(15px) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(0.05rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(0.05rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(-0.05rem) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(-0.05rem) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(-0.1rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(-0.1rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(0.1rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@-webkit-keyframes loveMove8 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(0.05rem) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(0.05rem) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(-0.05rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(-0.05rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(-0.1rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(-0.1rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.05rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(0.05rem) translateY(-2.4rem) rotate(-30deg);
  }
}
@keyframes loveMove8 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  7% {
    -webkit-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg);
  }
  15% {
    -webkit-transform: scale(0.95) rotate(-20deg);
            transform: scale(0.95) rotate(-20deg);
  }
  30% {
    -webkit-transform: translateX(0.05rem) translateY(-0.35rem) scale(1) rotate(-10deg);
            transform: translateX(0.05rem) translateY(-0.35rem) scale(1) rotate(-10deg);
  }
  40% {
    -webkit-transform: translateX(-0.05rem) translateY(-0.7rem) rotate(-10deg);
            transform: translateX(-0.05rem) translateY(-0.7rem) rotate(-10deg);
  }
  50% {
    -webkit-transform: translateX(-0.1rem) translateY(-1.05rem) rotate(0deg);
            transform: translateX(-0.1rem) translateY(-1.05rem) rotate(0deg);
  }
  60% {
    -webkit-transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
            transform: translateX(-0.2rem) translateY(-1.4rem) rotate(-5deg);
  }
  70% {
    -webkit-transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
            transform: translateX(-0.1rem) translateY(-1.75rem) rotate(-10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
            transform: translateX(0px) translateY(-2.1rem) rotate(-15deg);
    opacity: 0.9;
  }
  90% {
    -webkit-transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
            transform: translateX(-0.05rem) translateY(-2.2rem) rotate(-25deg);
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.05rem) translateY(-2.4rem) rotate(-30deg);
            transform: translateX(0.05rem) translateY(-2.4rem) rotate(-30deg);
  }
}

.live-barrage {
  width: 100%;
  padding: 0 0.32rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.live-barrage .notice {
  border-radius: 0.16rem;
  padding: 0.16rem 0.2rem;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  position: relative;
}
.live-barrage .notice .close {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  top: -0.16rem;
  right: -0.16rem;
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/h5/close.png') no-repeat center center / 0.44rem 0.44rem;
  border-radius: 50%;
}
.live-barrage .h5-live-barrage {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 1.14rem);
  height: 100%;
}
.live-barrage .h5-live-page-announcement {
  padding-top: 0.2rem;
  left: 0;
  z-index: 1;
  margin-left: -0.32rem;
  width: 7.5rem;
  padding-bottom: 0.4rem;
  background: rgba(0, 0, 0, 0);
  background-position: bottom;
}
.live-barrage .h5-live-page-announcement-nomal {
  position: relative;
  margin: 0 auto;
  width: 6.86rem;
  padding: 0.2rem 0.24rem;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.44rem;
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.06);
  background: url('/static/images/live/h5-announcement_1_bg.png') no-repeat;
  background-size: 100% 100%;
}
.live-barrage .h5-live-page-announcement-nomal.list-2 {
  background: url('/static/images/live/h5-announcement_2_bg.png') no-repeat;
  background-size: 100% 100%;
}
.live-barrage .h5-live-page-announcement-nomal-close {
  position: absolute;
  right: -0.12rem;
  top: -0.12rem;
  width: 0.44rem;
  height: 0.44rem;
  background: url('https://gameacademy.v.netease.com/live/h5-close@2x.png') no-repeat;
  background: url('/static/images/live/close.png') no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.live-barrage .h5-live-page-announcement-nomal-show {
  color: #4A90E2;
}
.live-barrage .h5-live-page-announcement-danmu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0 auto;
  width: 6.86rem;
  height: 0.8rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0.16rem;
  text-align: center;
}
.live-barrage .h5-live-page-announcement-danmu:before {
  display: block;
  content: '';
  width: 0.96rem;
  height: 0.48rem;
  background: url('https://gameacademy.v.netease.com/live/danmu-king.png') no-repeat;
  background-size: 0.96rem 0.48rem;
}
.live-barrage .h5-live-page-announcement-danmu-text {
  margin-right: 0.12rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-barrage .h5-live-page-announcement-danmu-name {
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF8C5D), to(#FFFAB1));
  background-image: -o-linear-gradient(right, #FF8C5D 0%, #FFFAB1 100%);
  background-image: linear-gradient(270deg, #FF8C5D 0%, #FFFAB1 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.live-barrage .h5-live-page-announcement-daming {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0 auto;
  width: 6.86rem;
  height: 0.8rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0.16rem;
  text-align: center;
}
.live-barrage .h5-live-page-announcement-daming:before {
  display: block;
  content: '';
  width: 0.96rem;
  height: 0.48rem;
  background: url('https://gameacademy.v.netease.com/live/daming-king.png') no-repeat;
  background-size: 0.96rem 0.48rem;
}
.live-barrage .h5-live-page-announcement-daming-text {
  margin-right: 0.12rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-barrage .h5-live-page-announcement-daming-name {
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#5CF0DA), to(#B4FFB2));
  background-image: -o-linear-gradient(right, #5CF0DA 0%, #B4FFB2 100%);
  background-image: linear-gradient(270deg, #5CF0DA 0%, #B4FFB2 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.live-barrage .barrage-action {
  height: 1rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-barrage .barrage-action .vest {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 0.36rem;
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/h5/skin.png') no-repeat center center;
  background-size: 0.48rem auto;
}
.live-barrage .barrage-action .vest.like {
  margin-left: 0.28rem;
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/h5/like.png') no-repeat center center;
  background-size: 0.48rem auto;
  position: relative;
  z-index: 5;
}
.live-barrage .barrage-action .vest.like .like-number {
  position: absolute;
  margin-top: -0.2rem;
  width: 0.72rem;
  height: 0.28rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  border-radius: 0.04rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.28rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.live-barrage .barrage-action .send-barrage {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 5rem;
  background: rgba(0, 0, 0, 0.32);
  border: 0.02rem solid transparent;
  color: #9A9DAB;
  line-height: 0.72rem;
  padding-left: 0.3rem;
}
.live-barrage .barrage-action .send-barrage.disabled {
  background: rgba(128, 128, 128, 0.32);
  color: #9A9DAB;
}
.live-barrage .barrage-action .send-barrage--not-login {
  color: #4A90E2;
}
.live-barrage .barrage-action .barrage-input-clear {
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  width: 0.84rem;
  height: 100%;
  background: url('/static/images/live/h5/clear-input.png') no-repeat center center;
  background-size: 0.36rem 0.36rem;
}
.live-barrage .barrage-action .barrage-input-send {
  margin-left: 0.2rem;
  color: #fff;
  border-radius: 0.32rem;
  width: 1.04rem;
  height: 0.64rem;
  text-align: center;
  line-height: 0.64rem;
  font-size: 0.28rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
}
.live-barrage .barrage-action .quick-barrage {
  margin-left: 0.16rem;
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/h5/quick-barrage.png') no-repeat center center;
  background-size: 0.48rem auto;
}
.live-barrage .barrage-action .quick-barrage.disabled {
  background: rgba(0, 0, 0, 0.32) url('/static/images/live/quick-disabled.png') no-repeat center center;
  background-size: 0.48rem auto;
}
.live-barrage .barrage-bottom {
  width: 100%;
  padding: 0 0.32rem;
  position: fixed;
  bottom: 0.14rem;
  left: 0;
  z-index: 7;
}
.live-barrage .barrage-bottom.inner {
  position: static;
  padding: 0 0 0.14rem;
}
.live-barrage .barrage-bottom.quick-show {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: rgba(24, 24, 26, 0.84);
}
.live-barrage .barrage-bottom.quick-show .send-barrage {
  border: 0.02rem solid rgba(255, 255, 255, 0.72);
  background: transparent;
}
.live-barrage .barrage-bottom.keyup {
  background: rgba(24, 24, 26, 0.84);
  bottom: 0;
}
.live-barrage .barrage-bottom.keyup .send-barrage {
  border: 0.02rem solid rgba(255, 255, 255, 0.72);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-barrage .barrage-bottom .ant-input {
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  width: 5.9rem;
}
.live-barrage .barrage-bottom .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.live-barrage .barrage-bottom-mock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.live-barrage .barrage-quick-barrage {
  height: 5rem;
  overflow-y: scroll;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 1;
  margin-bottom: -5rem;
}
.live-barrage .barrage-quick-barrage.show {
  margin-bottom: 0;
  opacity: 1;
}
.live-barrage .barrage-quick-barrage--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 1.12rem;
}
.live-barrage .barrage-quick-barrage--title {
  font-family: PingFangSC-Regular;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.4rem;
}
.live-barrage .barrage-quick-barrage--close {
  width: 0.48rem;
  height: 0.48rem;
  background: url('/static/images/live/h5/close-quick-barrage.png') no-repeat;
  background-position: center center;
  background-size: 0.48rem 0.48rem;
}
.live-barrage .barrage-quick-barrage--content {
  height: 3.8rem;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.live-barrage .barrage-quick-barrage--item {
  margin-right: 0.2rem;
  margin-top: 0.32rem;
  border-radius: 0.36rem;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.24rem 0.16rem;
  font-size: 0.28rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.72rem;
  color: #fff;
}
.live-barrage .barrage-quick-barrage--item.click > span {
  color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F75E35), to(#E70148));
  background-image: -o-linear-gradient(top, #F75E35 0%, #E70148 100%);
  background-image: linear-gradient(180deg, #F75E35 0%, #E70148 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.live-barrage .h5-barrage-content {
  position: relative;
  height: calc(100% - 2.08rem);
  max-height: calc(100% - 2.08rem);
  font-size: 0.24rem;
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: scroll-position;
  overflow: hidden;
}
.live-barrage .h5-barrage-content-scroll-vertical-track {
  background-color: transparent;
  width: 0.08rem;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.live-barrage .h5-barrage-content-scroll-horizontal-track {
  background-color: transparent;
  height: 0.08rem;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.live-barrage .h5-barrage-content-scroll-vertical-handler {
  width: 0.08rem;
  right: 0.02rem;
  border-radius: 0.08rem;
  background-color: rgba(255, 255, 255, 0.16);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.live-barrage .h5-barrage-content-scroll-vertical-handler:hover {
  background-color: rgba(255, 255, 255, 0.16);
}
.live-barrage .h5-barrage-content-scroll-horizontal-handler {
  height: 0.08rem;
  bottom: 0.02rem;
  border-radius: 0.08rem;
  background-color: rgba(255, 255, 255, 0.16);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.live-barrage .h5-barrage-content-scroll-horizontal-handler:hover {
  background-color: rgba(255, 255, 255, 0.16);
}
.live-barrage .h5-barrage-content.more-input {
  height: calc(100% - 2.08rem - 1.04rem);
  max-height: calc(100% - 2.08rem - 1.04rem);
}
.live-barrage .h5-barrage-content__announcement {
  margin: 0 auto 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 0.64rem;
  width: 5.54rem;
  background: url('https://gameacademy.v.netease.com/live/danmu-radius-border.png') no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: 0.32rem;
  font-size: 0.28rem;
  color: #9A9DAB;
}
.live-barrage .h5-barrage-content__announcement:before {
  margin-right: 0.12rem;
  display: block;
  content: '';
  width: 0.96rem;
  height: 0.48rem;
  background: url('https://gameacademy.v.netease.com/live/danmu-king.png') no-repeat;
  background-size: 0.96rem 0.48rem;
}
.live-barrage .h5-barrage-content__announcement-name {
  color: #fff;
  max-width: 1.7rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.live-barrage .h5-barrage-content__announcement-color {
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF8C5D), to(#FFFAB1));
  background-image: -o-linear-gradient(right, #FF8C5D 0%, #FFFAB1 100%);
  background-image: linear-gradient(270deg, #FF8C5D 0%, #FFFAB1 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.live-barrage .h5-barrage-content__announcement.daming {
  background: url('https://gameacademy.v.netease.com/live/daming-radius-border.png') no-repeat;
  background-size: 100% 100%;
}
.live-barrage .h5-barrage-content__announcement.daming:before {
  margin-right: 0.12rem;
  display: block;
  content: '';
  width: 0.96rem;
  height: 0.48rem;
  background: url('https://gameacademy.v.netease.com/live/daming-king.png') no-repeat;
  background-size: 0.96rem 0.48rem;
}
.live-barrage .h5-barrage-content__announcement.daming .h5-barrage-content__announcement-color {
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#5CF0DA), to(#B4FFB2));
  background-image: -o-linear-gradient(right, #5CF0DA 0%, #B4FFB2 100%);
  background-image: linear-gradient(270deg, #5CF0DA 0%, #B4FFB2 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.live-barrage .h5-barrage-content__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0.32rem 0;
  padding: 0.12rem 0.32rem 0.12rem 0.24rem;
  max-width: 5.44rem;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(1%, #FF4061), color-stop(49%, #FD5454), to(#FF6D48));
  background-image: -o-linear-gradient(right, #FF4061 1%, #FD5454 49%, #FF6D48 100%);
  background-image: linear-gradient(270deg, #FF4061 1%, #FD5454 49%, #FF6D48 100%);
  border-radius: 0.32rem;
  min-height: 0.64rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}
.live-barrage .h5-barrage-content__title.two-line {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 0.16rem;
}
.live-barrage .h5-barrage-content__title:before {
  display: block;
  margin-right: 0.08rem;
  content: '';
  width: 0.48rem;
  height: 0.48rem;
  background: url('https://gameacademy.v.netease.com/live/gonggao.png') no-repeat;
  background-size: 0.48rem 0.48rem;
}
.live-barrage .h5-barrage-content__title > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 4.2rem;
}
.live-barrage .h5-barrage-content__title__bottom {
  width: 100%;
  height: 1px;
}
.live-barrage .h5-barrage-content__title-nickname {
  display: block;
  max-width: 1.64rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.live-barrage .h5-barrage-content__item {
  margin-top: 0.2rem;
  margin-bottom: 0.32rem;
}
.live-barrage .h5-barrage-content__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-barrage .h5-barrage-content__user-head {
  margin-right: 0.08rem;
  width: 0.48rem;
  height: 0.48rem;
}
.live-barrage .h5-barrage-content__user-head > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.live-barrage .h5-barrage-content__user-name {
  font-size: 0.26rem;
  color: #9A9DAB;
}
.live-barrage .h5-barrage-content__text {
  position: relative;
  display: inline-block;
  word-wrap: break-all;
  max-width: 5.54rem;
  margin-top: 0.12rem;
  padding: 0.1rem 0.14rem 0;
  border: none;
  background-position: top;
  line-height: 0.6rem;
  background-size: 100% 0.68rem;
  -webkit-box-sizing: 100% 0.68rem;
          box-sizing: 100% 0.68rem;
  padding: 0.08rem 0;
  margin-left: 0.14rem;
}
.live-barrage .h5-barrage-content__text .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/static/images/live/h5/danmu-border-center-1.png') repeat;
  background-size: 100% 0.68rem;
  height: 0.68rem;
}
.live-barrage .h5-barrage-content__text::before {
  content: '';
  position: absolute;
  top: 0;
  margin: 0;
  left: -0.14rem;
  width: 0.14rem;
  height: 0.68rem;
  background: url('/static/images/live/h5/danmu-border-head-1.png') no-repeat;
  background-size: 0.14rem 0.68rem;
  border: none;
}
.live-barrage .h5-barrage-content__text::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.14rem;
  width: 0.14rem;
  height: 0.68rem;
  background: url('/static/images/live/h5/danmu-border-footer-1.png') no-repeat;
  background-size: 0.14rem 0.68rem;
}
.live-barrage .h5-barrage-content__text.tow-line {
  position: relative;
  background-position: top;
  line-height: 0.4rem;
  background-size: 100% 1.08rem;
  padding: 0.08rem 0;
  margin-left: 0.14rem;
  height: 1.2rem;
  padding-top: 0.2rem;
}
.live-barrage .h5-barrage-content__text.tow-line .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/static/images/live/h5/danmu-border-center-2.png') repeat;
  background-size: 100% 1.08rem;
  height: 1.08rem;
}
.live-barrage .h5-barrage-content__text.tow-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: -0.14rem;
  width: 0.14rem;
  height: 1.08rem;
  background: url('/static/images/live/h5/danmu-border-head-2.png') no-repeat;
  background-size: 0.14rem 1.08rem;
  border: none;
}
.live-barrage .h5-barrage-content__text.tow-line::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.14rem;
  width: 0.14rem;
  height: 1.08rem;
  background: url('/static/images/live/h5/danmu-border-footer-2.png') no-repeat;
  background-size: 0.14rem 1.08rem;
}
.live-barrage .h5-barrage-content__text.danmu {
  position: relative;
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF8C5D), to(#FFFAB1));
  background-image: -o-linear-gradient(right, #FF8C5D 0%, #FFFAB1 100%);
  background-image: linear-gradient(270deg, #FF8C5D 0%, #FFFAB1 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  border: none;
  background-position: top;
  line-height: 0.6rem;
  background-size: 100% 0.68rem;
  -webkit-box-sizing: 100% 0.68rem;
          box-sizing: 100% 0.68rem;
  padding: 0.08rem 0;
  margin-left: 0.14rem;
}
.live-barrage .h5-barrage-content__text.danmu .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/static/images/live/danmu-border-center.png') repeat;
  background-size: 100% 0.68rem;
  height: 0.68rem;
}
.live-barrage .h5-barrage-content__text.danmu::before {
  content: '';
  position: absolute;
  top: 0;
  margin: 0;
  left: -0.14rem;
  width: 0.14rem;
  height: 0.68rem;
  background: url('/static/images/live/danmu-border-before.png') no-repeat;
  background-size: 0.14rem 0.68rem;
  border: none;
}
.live-barrage .h5-barrage-content__text.danmu::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.14rem;
  width: 0.14rem;
  height: 0.68rem;
  background: url('/static/images/live/danmu-border-end.png') no-repeat;
  background-size: 0.14rem 0.68rem;
}
.live-barrage .h5-barrage-content__text.danmu.tow-line {
  position: relative;
  background-position: top;
  line-height: 0.4rem;
  background-size: 100% 1.08rem;
  padding: 0.08rem 0;
  margin-left: 0.14rem;
  height: 1.2rem;
  padding-top: 0.2rem;
}
.live-barrage .h5-barrage-content__text.danmu.tow-line .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/static/images/live/danmu-border-center-2.png') repeat;
  background-size: 100% 1.08rem;
  height: 1.08rem;
}
.live-barrage .h5-barrage-content__text.danmu.tow-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: -0.14rem;
  width: 0.14rem;
  height: 1.08rem;
  background: url('/static/images/live/danmu-border-before-2.png') no-repeat;
  background-size: 0.14rem 1.08rem;
  border: none;
}
.live-barrage .h5-barrage-content__text.danmu.tow-line::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.14rem;
  width: 0.14rem;
  height: 1.08rem;
  background: url('/static/images/live/danmu-border-end-2.png') no-repeat;
  background-size: 0.14rem 1.08rem;
}
.live-barrage .h5-barrage-content__text.daming {
  position: relative;
  border: none;
  color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#5CF0DA), to(#B4FFB2));
  background-image: -o-linear-gradient(right, #5CF0DA 0%, #B4FFB2 100%);
  background-image: linear-gradient(270deg, #5CF0DA 0%, #B4FFB2 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.6rem;
  background-size: 100% 0.68rem;
  -webkit-box-sizing: 100% 0.68rem;
          box-sizing: 100% 0.68rem;
  padding: 0.08rem 0;
  margin-left: 0.14rem;
}
.live-barrage .h5-barrage-content__text.daming .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/static/images/live/daming-border-center.png') repeat;
  background-size: 100% 0.68rem;
  height: 0.68rem;
}
.live-barrage .h5-barrage-content__text.daming::before {
  content: '';
  position: absolute;
  margin: 0;
  top: 0;
  left: -0.14rem;
  width: 0.14rem;
  height: 0.68rem;
  background: url('/static/images/live/daming-border-before.png') no-repeat;
  background-size: 0.14rem 0.68rem;
  border: none;
}
.live-barrage .h5-barrage-content__text.daming::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.14rem;
  width: 0.14rem;
  height: 0.68rem;
  background: url('/static/images/live/daming-border-end.png') no-repeat;
  background-size: 0.14rem 0.68rem;
}
.live-barrage .h5-barrage-content__text.daming.tow-line {
  background-position: top;
  line-height: 0.4rem;
  background-size: 100% 1.08rem;
  padding: 0.08rem 0;
  margin-left: 0.14rem;
  height: 1.2rem;
  padding-top: 0.2rem;
}
.live-barrage .h5-barrage-content__text.daming.tow-line .barrage-border-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/static/images/live/daming-border-center-2.png') repeat;
  background-size: 100% 1.08rem;
  height: 1.08rem;
}
.live-barrage .h5-barrage-content__text.daming.tow-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: -0.14rem;
  width: 0.14rem;
  height: 1.08rem;
  background: url('/static/images/live/daming-border-before-2.png') no-repeat;
  background-size: 0.14rem 1.08rem;
  border: none;
}
.live-barrage .h5-barrage-content__text.daming.tow-line::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.14rem;
  width: 0.14rem;
  height: 1.08rem;
  background: url('/static/images/live/daming-border-end-2.png') no-repeat;
  background-size: 0.14rem 1.08rem;
}
.h5-full-announcement {
  width: 6rem;
  margin: auto;
}
.h5-full-announcement .ant-modal {
  width: auto !important;
}
.h5-full-announcement .ant-modal-title {
  text-align: center;
}
.h5-full-announcement .ant-modal-header {
  border: none;
  border-radius: 0.08rem;
  padding-bottom: 0;
}
.h5-full-announcement .ant-modal-body {
  min-height: 4rem;
  padding: 0.2rem 0.48rem 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-full-announcement-content {
  line-height: 0.48rem;
}
.h5-full-announcement-btn {
  padding: 0.16rem 0.24rem;
  width: 2.4rem;
  margin: 0.2rem auto 0;
  text-align: center;
  background: #FF4a21;
  cursor: pointer;
  border-radius: 0.16rem;
  color: #fff;
  font-size: 0.28rem;
}

.h5_live {
  width: calc(100vw + 1px);
  height: calc(100vh + 1px);
  background: url('/static/images/live/h5-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: 0;
  top: 0;
}
.h5_live h2,
.h5_live p,
.h5_live h3,
.h5_live h4 {
  margin-bottom: 0;
}
.h5_live .flexBetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_live .flexStart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_live .flexCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_live .link-app {
  width: 100%;
  height: 0.96rem;
  background: #272D31;
  top: 0;
  left: 0;
  padding: 0 0.32rem;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_live .link-app .logo {
  width: 2.46rem;
}
.h5_live .link-app .logo > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.h5_live .link-app .open-app {
  width: 1.68rem;
  height: 0.6rem;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#E9653F), color-stop(52%, #D83A34), to(#D52E4c));
  background: -o-linear-gradient(left, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  font-size: 0.26rem;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 0.3rem;
}
.h5_live .link-app.theme-dark {
  background: #272D31;
}
.h5_live .live-notice {
  width: 100%;
  height: calc(100% - 0.96rem);
  background: #f7f8fa;
  overflow: hidden;
}
.h5_live .live-notice.poster {
  overflow-y: auto;
}
.h5_live .live-notice .notice-box {
  width: 100%;
  padding-bottom: 1.36rem;
}
.h5_live .live-notice .poster {
  width: 100%;
}
.h5_live .live-notice .poster > img {
  width: 100%;
}
.h5_live .live-notice .video_detail {
  height: 4.2rem;
}
.h5_live .live-notice .pic-video_detail {
  height: 5.08rem;
  width: 100%;
}
.h5_live .live-notice .pic-video_detail .pic_slider {
  width: 100%;
  height: 5.08rem;
}
.h5_live .live-notice .pic-video_detail .pic_slider > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.h5_live .live-notice .pic-video_detail .slick-dots {
  bottom: 40px;
  background: rgba(255, 255, 255, 0.3);
  width: auto;
  margin: auto;
  left: 0;
  right: 0;
  padding: 4px 5px;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 10px;
}
.h5_live .live-notice .pic-video_detail .slick-dots li {
  width: 8px;
  height: 8px;
}
.h5_live .live-notice .pic-video_detail .slick-dots li button {
  width: 8px;
  height: 8px;
}
.h5_live .live-notice .pic-video_detail .slick-dots li button:before {
  width: 8px;
  height: 8px;
  border: 0.02rem solid #fff;
  content: '';
  border-radius: 50%;
  opacity: 1;
}
.h5_live .live-notice .pic-video_detail .slick-dots li.slick-active button:before {
  background: #F1363F;
  opacity: 1;
}
.h5_live .live-notice .pic-video_info {
  background: #FFFFFF;
  border-radius: 0.32rem 0.32rem 0 0;
  width: 100%;
  margin-top: -0.32rem;
  padding: 0.44rem 0.32rem 0.24rem;
  position: relative;
  z-index: 10;
}
.h5_live .live-notice .pic-video_info .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.h5_live .live-notice .pic-video_info .base-info > span {
  min-width: 0.68rem;
  width: 0.68rem;
  margin-right: 0.16rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #9A9DAB;
  letter-spacing: 0;
}
.h5_live .live-notice .pic-video_info .base-info > p {
  font-family: PingFangSC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  margin-bottom: 0;
  word-break: break-all;
}
.h5_live .live-notice .pic-video_info .base-info > p.intro {
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}
.h5_live .live-notice .pic-video_info .base-info > span.label {
  margin-top: 0.1rem;
  background: -webkit-gradient(linear, left top, right top, from(#54BEFF), to(#38A1F2));
  background: -o-linear-gradient(left, #54BEFF 0%, #38A1F2 100%);
  background: linear-gradient(90deg, #54BEFF 0%, #38A1F2 100%);
  border-radius: 0.08rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.26rem;
  color: #FFFFFF;
  text-align: center;
}
.h5_live .live-notice .pic-video_info .base-info > h2 {
  font-family: PingFangSC-Semibold;
  font-size: 0.44rem;
  color: #2E2E33;
  letter-spacing: 0;
}
.h5_live .live-notice .pic-video_scroll {
  padding: 0 0.32rem 0.4rem;
  background: #FFFFFF;
}
.h5_live .live-notice .pic-video_scroll--wrap {
  height: 5.4rem;
  height: calc(100vh - 0.96rem - 4.2rem - 1.34rem - 1rem);
  padding-bottom: 0.66rem;
  background: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.h5_live .live-notice .pic-video_scroll .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.24rem;
}
.h5_live .live-notice .pic-video_scroll .base-info > span {
  min-width: 0.68rem;
  width: 0.68rem;
  margin-right: 0.16rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #9A9DAB;
  letter-spacing: 0;
}
.h5_live .live-notice .pic-video_scroll .base-info > p {
  font-family: PingFangSC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  margin-bottom: 0;
  word-break: break-all;
}
.h5_live .live-notice .pic-video_scroll .base-info > p.intro {
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}
.h5_live .live-notice .pic-video_scroll .base-info .intro-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: justify;
}
.h5_live .live-notice .pic-video_scroll .base-info .intro-title--all {
  display: block;
  -o-text-overflow: unset;
     text-overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.h5_live .live-notice .pic-video_scroll .base-info .intro-more {
  position: relative;
  font-size: 0.28rem;
  color: #4A90E2;
  line-height: 0.46rem;
  text-align: right;
  padding: 0 0.3rem;
  display: inline-block;
  left: 4.86rem;
  cursor: pointer;
  background: url('/static/images/live/h5/title-show.png') no-repeat;
  background-size: 0.28rem 0.28rem;
  background-position: right center;
}
.h5_live .live-notice .pic-video_scroll .base-info .intro-more.close {
  background: url('/static/images/live/h5/title-close.png') no-repeat;
  background-size: 0.28rem 0.28rem;
  background-position: right center;
}
.h5_live .live-notice .pic-video_scroll .base-info > span.label {
  margin-top: 0.1rem;
  background: -webkit-gradient(linear, left top, right top, from(#54BEFF), to(#38A1F2));
  background: -o-linear-gradient(left, #54BEFF 0%, #38A1F2 100%);
  background: linear-gradient(90deg, #54BEFF 0%, #38A1F2 100%);
  border-radius: 0.08rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.26rem;
  color: #FFFFFF;
  text-align: center;
}
.h5_live .live-notice .pic-video_scroll .base-info > h2 {
  font-family: PingFangSC-Semibold;
  font-size: 0.44rem;
  color: #2E2E33;
  letter-spacing: 0;
}
.h5_live .live-notice .pic-video_anchor {
  border-top: 0.16rem solid #F7F8FA;
  background: #fff;
  overflow: hidden;
}
.h5_live .live-notice .pic-video_anchor > h3 {
  height: 1.12rem;
  text-align: center;
  line-height: 1.12rem;
}
.h5_live .live-notice .pic-video_anchor .anchor {
  width: 6.86rem;
  margin: 0 auto;
  background: #F7F7FC;
  border-radius: 0.24rem;
  padding: 0.4rem;
  margin-bottom: 0.4rem;
}
.h5_live .live-notice .pic-video_anchor .anchor .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_live .live-notice .pic-video_anchor .anchor .base-info .avatar {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.6rem;
  background: -webkit-gradient(linear, left top, right top, from(#FC5A31), to(#E70248));
  background: -o-linear-gradient(left, #FC5A31 0%, #E70248 100%);
  background: linear-gradient(90deg, #FC5A31 0%, #E70248 100%);
  padding: 0.02rem;
  margin-right: 0.32rem;
}
.h5_live .live-notice .pic-video_anchor .anchor .base-info .avatar > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  vertical-align: top;
  border: 0.06rem solid #fff;
}
.h5_live .live-notice .pic-video_anchor .anchor .base-info .name {
  margin-top: 0.12rem;
  font-family: PingFangSC-Medium;
  font-size: 0.32rem;
  color: #2E2E33;
  letter-spacing: 0;
}
.h5_live .live-notice .pic-video_anchor .anchor .base-info-left {
  width: 4.48rem;
}
.h5_live .live-notice .pic-video_anchor .anchor .intro {
  margin-top: 0.24rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.28rem;
  color: #2E2E33;
  line-height: 0.44rem;
}
.h5_live .live-notice .notice-btn {
  position: absolute;
  position: fixed;
  bottom: 0;
  height: 1.36rem;
  width: 100%;
  background: #fff;
  text-align: center;
}
.h5_live .live-notice .notice-btn .btn {
  margin: 0.24rem auto;
  width: 6.86rem;
  height: 0.86rem;
  line-height: 0.86rem;
  color: #fff;
  text-align: center;
  background-image: url('/static/images/live/h5/notice-btn.png');
  background-size: 6.86rem 0.86rem;
  border-radius: 0.43rem;
}
.h5_live .live-notice .notice-btn .btn.is-notice {
  background: #F5F6FA;
  color: #333;
  font-weight: 500;
}
.h5_live .live-notice .notice-btn .next-button-countdown {
  margin-right: 0.2rem;
}
.h5_live .live_live {
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.96rem);
}
.h5_live .live_live .live-studio {
  width: 100%;
  height: 4.22rem;
  background: #333;
  color: #E70248;
  text-align: center;
  font-size: 32px;
}
.h5_live .live_live .live-detail {
  width: 100%;
  height: calc(100vh - 5.18rem);
  overflow: hidden;
  position: relative;
}
.h5_live .live_live .live-detail .live-nav {
  width: 100%;
  height: 1.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.h5_live .live_live .live-detail .live-nav .nav-item {
  padding-top: 0.32rem;
  font-size: 18px;
  color: #FFFFFF;
  height: 0.98rem;
}
.h5_live .live_live .live-detail .live-nav .nav-item + .nav-item {
  margin-left: 1.4rem;
}
.h5_live .live_live .live-detail .live-nav .nav-item.active::after {
  content: '';
  display: block;
  width: 0.24rem;
  height: 0.08rem;
  background: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  border-radius: 0.04rem;
  margin: 0 auto;
}
.h5_live .live_live .live-detail .live-barrage {
  width: 100%;
  height: calc(100% - 1.28rem);
}
.h5_live .live_live .live-ad {
  position: absolute;
  z-index: 8;
  right: 0.2rem;
  bottom: 2rem;
  border-radius: 0.12rem;
  border: 0.06rem solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.3);
  background-clip: content-box;
}
.h5_live .live_live .live-ad-item {
  display: block;
  width: 1.4rem;
  height: 2.4rem;
}
.h5_live .live_live .live-ad-img {
  width: 100%;
  height: 100%;
  border-radius: 0.08rem;
}
.h5_live .live-replay {
  width: 100%;
  height: calc(100% - 0.96rem);
  background: #f7f8fa;
  overflow: hidden;
}
.h5_live .live-replay .replay-box {
  width: 100%;
}
.h5_live .live-replay .poster {
  width: 100%;
}
.h5_live .live-replay .poster > img {
  width: 100%;
}
.h5_live .live-replay .pic-video_detail {
  position: relative;
  width: 100%;
}
.h5_live .live-replay .pic-video_detail .pic_slider {
  width: 100%;
  height: 5.08rem;
}
.h5_live .live-replay .pic-video_detail .pic_slider > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.h5_live .live-replay .pic-video_info {
  background: #FFFFFF;
  border-radius: 0.32rem 0.32rem 0 0;
  width: 100%;
  padding: 0.44rem 0.32rem 0.24rem;
  position: relative;
  margin-top: -0.32rem;
  z-index: 53;
}
.h5_live .live-replay .pic-video_info .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.h5_live .live-replay .pic-video_info .base-info > span {
  min-width: 0.68rem;
  width: 0.68rem;
  margin-right: 0.16rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #9A9DAB;
  letter-spacing: 0;
}
.h5_live .live-replay .pic-video_info .base-info > p {
  font-family: PingFangSC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  margin-bottom: 0;
  word-break: break-all;
}
.h5_live .live-replay .pic-video_info .base-info > p.intro {
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}
.h5_live .live-replay .pic-video_info .base-info > span.label {
  margin-top: 0.1rem;
  background: -webkit-gradient(linear, left top, right top, from(#54BEFF), to(#38A1F2));
  background: -o-linear-gradient(left, #54BEFF 0%, #38A1F2 100%);
  background: linear-gradient(90deg, #54BEFF 0%, #38A1F2 100%);
  border-radius: 0.08rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.26rem;
  color: #FFFFFF;
  text-align: center;
}
.h5_live .live-replay .pic-video_info .base-info > span.label--live {
  margin-top: 0.1rem;
  background: -webkit-gradient(linear, left top, right top, from(#FAE26B), to(#F4C239));
  background: -o-linear-gradient(left, #FAE26B 0%, #F4C239 100%);
  background: linear-gradient(90deg, #FAE26B 0%, #F4C239 100%);
  border-radius: 0.08rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.26rem;
  color: #9E5700;
  text-align: center;
}
.h5_live .live-replay .pic-video_info .base-info > h2 {
  font-family: PingFangSC-Semibold;
  font-size: 0.44rem;
  color: #2E2E33;
  letter-spacing: 0;
}
.h5_live .live-replay .pic-video_scroll {
  padding: 0 0.32rem 0.4rem;
  background: #FFFFFF;
}
.h5_live .live-replay .pic-video_scroll--wrap {
  height: 5.4rem;
  height: calc(100vh - 0.96rem - 4.2rem - 0.96rem);
  padding-bottom: 0.66rem;
  background: #FFFFFF;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.h5_live .live-replay .pic-video_scroll .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.24rem;
}
.h5_live .live-replay .pic-video_scroll .base-info > span {
  min-width: 0.68rem;
  width: 0.68rem;
  margin-right: 0.16rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #9A9DAB;
  letter-spacing: 0;
}
.h5_live .live-replay .pic-video_scroll .base-info > p {
  font-family: PingFangSC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  margin-bottom: 0;
  word-break: break-all;
}
.h5_live .live-replay .pic-video_scroll .base-info > p.intro {
  font-family: PingFang-SC-Medium;
  font-size: 0.3rem;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.48rem;
}
.h5_live .live-replay .pic-video_scroll .base-info .intro-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: justify;
}
.h5_live .live-replay .pic-video_scroll .base-info .intro-title--all {
  display: block;
  -o-text-overflow: unset;
     text-overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.h5_live .live-replay .pic-video_scroll .base-info .intro-more {
  position: relative;
  font-size: 0.28rem;
  color: #4A90E2;
  line-height: 0.46rem;
  text-align: right;
  padding: 0 0.3rem;
  display: inline-block;
  left: 4.86rem;
  cursor: pointer;
  background: url('/static/images/live/h5/title-show.png') no-repeat;
  background-size: 0.28rem 0.28rem;
  background-position: right center;
}
.h5_live .live-replay .pic-video_scroll .base-info .intro-more.close {
  background: url('/static/images/live/h5/title-close.png') no-repeat;
  background-size: 0.28rem 0.28rem;
  background-position: right center;
}
.h5_live .live-replay .pic-video_scroll .base-info > span.label {
  margin-top: 0.1rem;
  background: -webkit-gradient(linear, left top, right top, from(#54BEFF), to(#38A1F2));
  background: -o-linear-gradient(left, #54BEFF 0%, #38A1F2 100%);
  background: linear-gradient(90deg, #54BEFF 0%, #38A1F2 100%);
  border-radius: 0.08rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.26rem;
  color: #FFFFFF;
  text-align: center;
}
.h5_live .live-replay .pic-video_scroll .base-info > h2 {
  font-family: PingFangSC-Semibold;
  font-size: 0.44rem;
  color: #2E2E33;
  letter-spacing: 0;
}
.h5_live .live-replay .pic-video_anchor {
  border-top: 0.16rem solid #F7F8FA;
  background: #fff;
  overflow: hidden;
}
.h5_live .live-replay .pic-video_anchor > h3 {
  height: 1.12rem;
  text-align: center;
  line-height: 1.12rem;
}
.h5_live .live-replay .pic-video_anchor .anchor {
  width: 6.86rem;
  margin: 0 auto;
  background: #F7F7FC;
  border-radius: 0.24rem;
  padding: 0.4rem;
  margin-bottom: 0.4rem;
}
.h5_live .live-replay .pic-video_anchor .anchor .base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_live .live-replay .pic-video_anchor .anchor .base-info .avatar {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.6rem;
  background: -webkit-gradient(linear, left top, right top, from(#FC5A31), to(#E70248));
  background: -o-linear-gradient(left, #FC5A31 0%, #E70248 100%);
  background: linear-gradient(90deg, #FC5A31 0%, #E70248 100%);
  padding: 0.02rem;
  margin-right: 0.32rem;
}
.h5_live .live-replay .pic-video_anchor .anchor .base-info .avatar > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  vertical-align: top;
  border: 0.06rem solid #fff;
}
.h5_live .live-replay .pic-video_anchor .anchor .base-info .name {
  margin-top: 0.12rem;
  font-family: PingFangSC-Medium;
  font-size: 0.32rem;
  color: #2E2E33;
  letter-spacing: 0;
}
.h5_live .live-replay .pic-video_anchor .anchor .base-info-left {
  width: 4.48rem;
}
.h5_live .live-replay .pic-video_anchor .anchor .intro {
  margin-top: 0.24rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.28rem;
  color: #2E2E33;
  line-height: 0.44rem;
}
.h5_live .live-replay .pic-video_error {
  height: 56.2vw;
  max-height: 4.2rem;
  width: 100%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 54;
  font-size: 0.3rem;
  color: #fff;
}
.h5_live .live-replay .pic-video_error:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.72);
}
.h5_live .h5-rotate {
  position: absolute;
  top: calc(50% - 40px);
  left: 0;
  right: 0;
  margin: auto;
}
.h5_live .h5-rotate-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #1b1b1b;
}
.h5_live .h5-rotate-icon {
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background: url('/static/images/live/h5/no-rotate.png') no-repeat;
  background-size: 48px 48px;
  margin: auto;
}
.h5_live .h5-rotate-title {
  margin: 15px auto 0;
  width: 192px;
  height: 17px;
  background: url('/static/images/live/h5/no-rotate-title.png') no-repeat;
  background-size: 192px 17px;
}

.react-code-input-container {
  position: relative;
}
.react-code-input > input {
  border: solid 1px #a8adb7;
  border-right: none;
  font-family: 'Lato';
  font-size: 20px;
  color: #525461;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: initial;
}
.react-code-input > input:last-child {
  border-right: solid 1px #a8adb7;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.react-code-input > input:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.react-code-input > input:focus {
  outline: none;
  border: 1px solid #006fff;
  caret-color: #006fff;
}
.react-code-input > input:focus + input {
  border-left: none;
}

.h5-room__code-input {
  padding: 0 0.35rem;
}
.h5-room__code-input .react-code-input input {
  margin: 0 0.158rem;
  border: none;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
.h5-room__code-input .react-code-input input:focus {
  border: none;
  border-bottom: 1px solid #333;
  caret-color: auto;
}
.h5-room__code-input .react-code-input input.is_value {
  border-bottom: 1px solid #333;
}
.h5-room__code-input .react-code-input input:first-child {
  border-radius: 0;
}
.h5-room__code-input .react-code-input input:last-child {
  border-right: none;
  border-radius: 0;
}
.h5-room-password {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 60;
  margin: auto;
}
.h5-room-password-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 6.2rem;
  height: 4rem;
  background: #fff;
  border-radius: 0.2rem;
  padding-top: 0.4rem;
}
.h5-room-password-mock {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  z-index: 54;
  width: 100%;
  height: 100%;
}
.h5-room-password-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 14px;
  height: 14px;
  background: url('https://gameacademy.v.netease.com/live/password-close.png') no-repeat;
  background-size: 14px;
}
.h5-room-password-title {
  margin-bottom: 0.2rem;
  font-size: 0.4rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.54rem;
  text-align: center;
}
.h5-room-password-tips {
  margin-bottom: 0.26rem;
  font-size: 0.26rem;
  color: #B4B4B4;
  text-align: center;
  line-height: 1;
}
.h5-room-password-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 5.2rem;
}
.h5-room-password-input-item {
  height: 0.68rem;
  padding-bottom: 0.12rem;
  margin-right: 0.32rem;
  width: 0.6rem;
  border-bottom: 1px solid #333;
}
.h5-room-password-input-item:last-child {
  margin-right: 0;
}
.h5-room-password-input-item .ant-input {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  padding-bottom: 0.12rem;
  width: 0.6rem;
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.56rem;
}
.h5-room-password-input-item .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-room-password-error {
  margin-top: 0.22rem;
  height: 0.26rem;
  margin-bottom: 0.16rem;
  font-size: 0.26rem;
  color: #FF3B30;
  line-height: 0.26rem;
  text-align: center;
}
.h5-room-password-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-room-password-button--close {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1rem;
  font-size: 0.36rem;
  color: #333333;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #edeff3;
}
.h5-room-password-button--sure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1rem;
  font-size: 0.36rem;
  text-align: center;
  color: #4A90E2;
  cursor: pointer;
}
.h5-room-password-button--sure.disabled {
  color: #edeff3;
  cursor: not-allowed;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\F101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C";
}
.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10D";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}
.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: -1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
.share-video-container {
  height: 4.215rem;
  height: 56.2vw;
  max-height: 4.2rem;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  /* 
    Only show the title bar after playback has begun (so as not to hide
    the big play button) and only when paused or when the user is 
    interacting with the player.
    */
}
.share-video-container .full-screen-show {
  display: none;
}
.share-video-container.full-screen {
  -o-object-fit: contain;
     object-fit: contain;
  position: fixed !important;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  z-index: 1000;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  min-width: 0px !important;
  max-width: none !important;
  min-height: 0px !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: 0px !important;
}
.share-video-container .share-video-mock {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 53;
}
.share-video-container .share-video-mock::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(/static/images/share/video-play.png) no-repeat center center;
  background-size: 0.96rem 0.96rem;
}
.share-video-container .bottom-mask {
  position: absolute;
  width: 100%;
  height: 3.2rem;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 50;
}
.share-video-container .video-js {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.share-video-container > img {
  width: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.share-video-container .video-play {
  height: 1.6rem;
  width: 1.6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1.6rem;
  background: url('/static/icons/play_big@2x.png') no-repeat;
  background-size: 100% 100%;
  z-index: 11;
  cursor: pointer;
}
.share-video-container .video-mask {
  position: absolute;
  height: 4.215rem;
  height: 56.2vw;
  width: 1000px;
  background: #000;
  opacity: 0.32;
}
.share-video-container .video-js .vjs-big-play-button {
  display: none;
}
.share-video-container .video-js .vjs-play-control {
  width: 0.48rem;
  margin-right: 0.48rem;
  height: 0.6rem;
  margin-top: 0.26rem;
}
.share-video-container .video-js .vjs-play-control .vjs-icon-placeholder {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  background: url('/static/images/share/play.png') no-repeat;
  background-size: 0.48rem 0.48rem;
  background-position: 0;
}
.share-video-container .video-js .vjs-play-control .vjs-icon-placeholder:hover {
  background-position: -0.48rem;
}
.share-video-container .video-js .vjs-play-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.share-video-container .video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 0.28rem;
  line-height: 1.1rem;
  text-align: center;
  min-width: 0.2rem;
  padding-left: 0;
  padding-right: 0;
}
.share-video-container .video-js .vjs-volume-panel {
  position: absolute;
  right: 0.88rem;
  height: 0.6rem;
  margin-top: 0.4rem;
}
.share-video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level:before {
  left: -0.35em;
}
.share-video-container .video-js .vjs-volume-panel .vjs-slider-vertical {
  height: 64%;
  margin-top: 34%;
}
.share-video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
}
.share-video-container .video-js .vjs-volume-panel .vjs-volume-control {
  height: 2.64rem;
  width: 1.64rem;
  background: url('/static/images/2@2x.png') no-repeat;
  background-size: 1.64rem 2.64rem;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  bottom: 19em;
  opacity: 0;
}
.share-video-container .video-js .vjs-volume-panel .vjs-icon-placeholder {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  background: url('/static/icons/sound@2x.png') no-repeat;
  background-size: 0.96rem 0.48rem;
  background-position: 0;
  margin-right: 0px;
  margin-left: 0.48rem;
}
.share-video-container .video-js .vjs-volume-panel .vjs-icon-placeholder::before {
  content: '' !important;
}
.share-video-container .video-js .vjs-volume-panel:hover .vjs-icon-placeholder {
  background-position: -0.48rem;
}
.share-video-container .video-js .vjs-volume-panel:hover .vjs-volume-control {
  left: -0.5rem !important;
  bottom: 3.3rem;
  opacity: 1;
}
.share-video-container .video-js .vjs-poster {
  background-size: cover;
}
.share-video-container .video-js .vjs-fullscreen-control {
  position: absolute;
  right: 0;
  width: 0.48rem;
  height: 0.6rem;
  margin-top: 0.24rem;
}
.share-video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  background: url('/static/images/share/all-screen.png') no-repeat;
  background-size: 0.48rem 0.48rem;
  background-position: 0;
}
.share-video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.share-video-container .video-js .vjs-fullscreen-control:hover .vjs-icon-placeholder {
  background-position: -0.48rem !important;
}
.share-video-container .video-js .vjs-progress-control {
  cursor: pointer;
  position: relative;
  margin-right: 0.1rem;
  top: 50%;
  width: 4rem !important;
  left: 0;
  -webkit-transform: 3.8rem !important;
      -ms-transform: 3.8rem !important;
          transform: 3.8rem !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0 !important;
  -ms-touch-action: none;
      touch-action: none;
  height: 0.5em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.share-video-container .video-js .vjs-progress-control .vjs-time-tooltip {
  display: none !important;
}
.share-video-container .video-js .vjs-progress-control .vjs-mouse-display {
  display: none !important;
}
.share-video-container .video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
  font-size: 0.1rem !important;
}
.share-video-container .video-js .vjs-progress-control .vjs-play-progress {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  border-radius: 0.04rem;
}
.share-video-container .video-js .vjs-progress-control .vjs-play-progress::before {
  font-size: 0.4rem !important;
  top: -0.18rem;
}
.share-video-container .video-js .vjs-control-bar {
  z-index: 51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  width: 95%;
  margin: 0 auto;
  background: none;
}
.share-video-container .video-js .vjs-control-bar > div {
  display: block;
}
.share-video-container .video-js .vjs-control-bar button {
  outline: none;
}
.share-video-container .video-js .vjs-control-bar .sharpness {
  position: absolute;
  right: 0.6rem;
  background: none;
  width: 0.96rem;
  height: 0.6rem;
  margin-top: 0.24rem;
}
.share-video-container .video-js .vjs-control-bar .sharpness span {
  position: absolute;
  height: 0.52rem;
  width: 0.96rem;
  background: #282029;
  border-radius: 0.26rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.52rem;
  text-align: center;
}
.share-video-container .video-js .vjs-control-bar .sharpness ul {
  position: absolute;
  list-style: none;
  display: none;
  width: 2.84rem;
  height: 3.44rem;
  background: url('/static/images/1@2x.png') no-repeat;
  background-size: 2.84rem 3.44rem;
  top: -3.1rem;
  left: -0.94rem;
  border-radius: 0.1rem;
  overflow: hidden;
  padding-top: 0.48rem;
  padding-left: 0;
}
.share-video-container .video-js .vjs-control-bar .sharpness ul li {
  float: left;
  width: 100%;
  height: 0.8rem;
  font-size: 0.28rem;
  line-height: 0.8rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.share-video-container .video-js .vjs-control-bar .sharpness ul li:hover {
  color: #D0021B;
}
.share-video-container .video-js .vjs-control-bar .sharpness:hover ul {
  display: block;
}
.share-video-container .video-js .vjs-control-bar .next {
  width: 0.48rem;
  height: 0.6rem;
  margin-top: 0.4rem;
  background: url('/static/icons/next copy@2x.png') no-repeat;
  background-size: 0.48rem 0.48rem;
  background-position: 0;
  margin-right: 0.48rem;
  cursor: pointer;
}
.share-video-container .video-js .vjs-control-bar .next:hover {
  background-position: -0.48rem;
}
.share-video-container .video-js .vjs-control-bar .vjs-icon-placeholder::before {
  font-size: 0.48rem !important;
  line-height: 2.67;
}
.share-video-container .video-js .vjs-control-bar .vjs-volume-panel-vertical {
  display: none;
}
.share-video-container .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: 3.8em;
}
.share-video-container .video-js .vjs-title-bar {
  color: white;
  font-size: 18px;
  /*
              By default, do not show the title bar.
            */
  display: none;
  padding: 0 0.34rem 0 0;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 100%;
  text-align: left;
}
.share-video-container .video-js .vjs-bar-back {
  color: white;
  font-size: 14px;
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  padding-top: 0.32rem;
  left: 10px;
  text-align: left;
  background: url('/static/images/live/h5/back@2x.png') no-repeat;
  background-size: 24px 24px;
  top: 13px;
}
.share-video-container .video-js.vjs-paused.vjs-has-started .vjs-title-bar,
.share-video-container .video-js.vjs-user-active.vjs-has-started .vjs-title-bar {
  display: block;
}
.share-video-container .vjs-playing .vjs-play-control {
  margin-top: 0.26rem;
}
.share-video-container .vjs-playing .vjs-play-control .vjs-icon-placeholder {
  background: url('/static/images/share/pause.png') no-repeat;
  background-size: 0.48rem 0.48rem;
  background-position: 0;
}
.share-video-container .vjs-playing .vjs-play-control:hover {
  background-position: -0.48rem;
}
.share-video-container .h5-live-video-error {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.72);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.share-video-container .h5-live-video-error:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.72);
}
.share-video-container .h5-live-video-error-center {
  position: absolute;
  width: 100%;
  height: 1.6rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.share-video-container .h5-live-video-error-message {
  text-align: center;
  color: #fff;
  font-size: 0.3rem;
}
.share-video-container .h5-live-video-error-reset {
  margin: 0.44rem auto 0;
  width: 1.8rem;
  height: 0.64rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  border-radius: 0.32rem;
  color: #fff;
  font-size: 0.24rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.share-video-container .h5-live-video-error-reset-icon {
  margin-right: 0.04rem;
  display: block;
  width: 0.22rem;
  height: 0.22rem;
  background: url('/static/images/live/h5/refresh.png') no-repeat;
  background-size: 0.22rem 0.22rem;
}
.share-video-container.full-screen-css .full-screen-show {
  display: block;
}
.share-video-container.full-screen-css .vjs-title-bar {
  left: 33px;
}
.share-video-container.full-screen-css .video-js.vjs-paused.vjs-has-started .vjs-bar-back,
.share-video-container.full-screen-css .video-js.vjs-user-active.vjs-has-started .vjs-bar-back {
  display: block;
}
.share-video-container.full-screen-css .vjs-fullscreen-control {
  display: none;
}

.art_worksdetail .web-share-middle,
.art_worksDetail_share .web-share-middle {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.art_worksdetail .web-share-middle div:nth-of-type(1),
.art_worksDetail_share .web-share-middle div:nth-of-type(1) {
  background: url("/static/images/activity/art_design/2019/worksdetail_wx.png") no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.art_worksdetail .web-share-middle div:nth-of-type(2),
.art_worksDetail_share .web-share-middle div:nth-of-type(2) {
  background: url("/static/images/activity/art_design/2019/worksdetail_qq.png") no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.art_worksdetail .web-share-middle div:nth-of-type(3),
.art_worksDetail_share .web-share-middle div:nth-of-type(3) {
  margin-right: 0;
  background: url("/static/images/activity/art_design/2019/worksdetail_weibo.png") no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.art_worksdetail .web-share-middle > div,
.art_worksDetail_share .web-share-middle > div {
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 4px;
}
.art_worksdetail .web-share-small,
.art_worksDetail_share .web-share-small {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.art_worksdetail .web-share-small div:nth-of-type(1),
.art_worksDetail_share .web-share-small div:nth-of-type(1) {
  background: url("/static/images/activity/art_design/2019/worksdetail_wx.png") no-repeat;
  background-position: 0 0;
  background-size: 25px 25px;
}
.art_worksdetail .web-share-small div:nth-of-type(2),
.art_worksDetail_share .web-share-small div:nth-of-type(2) {
  background: url("/static/images/activity/art_design/2019/worksdetail_qq.png") no-repeat;
  background-position: 0 0;
  background-size: 25px 25px;
}
.art_worksdetail .web-share-small div:nth-of-type(3),
.art_worksDetail_share .web-share-small div:nth-of-type(3) {
  margin-right: 0;
  background: url("/static/images/activity/art_design/2019/worksdetail_weibo.png") no-repeat;
  background-position: 0 0;
  background-size: 25px 25px;
}
.art_worksdetail .web-share-small > div,
.art_worksDetail_share .web-share-small > div {
  height: 25px;
  width: 25px;
  float: left;
  margin-right: 8px;
}
.share .ant-modal-content {
  width: 580px;
}
.share .ant-modal-body {
  padding: 0;
  height: 380px;
  text-align: center;
  padding-top: 46px;
}
.share .ant-modal-body h2 {
  font-size: 24px;
  color: #2e2e33;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}
.share .ant-modal-body canvas {
  height: 147px !important;
  width: 152px !important;
  margin-top: 46px;
}
.share .ant-modal-body p {
  font-size: 14px;
  color: #6a6d7a;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  margin-top: 22px;
}
.share .ant-modal-footer {
  padding: 0;
}

.art_worksdetail .comment-container-pc .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_worksdetail .comment-container-pc .textArea-box {
  position: relative;
  border: none;
  width: 100%;
  background: url("/static/images/activity/art_design/2019/works_fgf.png") no-repeat;
  background-size: 100%;
}
.art_worksdetail .comment-container-pc .textArea-box > img {
  width: 100%;
}
.art_worksdetail .comment-container-pc .textArea-box .commet-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.art_worksdetail .comment-container-pc .textArea-box-submit {
  display: inline-block;
  text-align: right;
  position: relative;
  right: 0px;
  width: 100%;
  height: 67px;
}
.art_worksdetail .comment-container-pc .textArea-box-submit > img {
  width: 118px;
  height: 67px;
}
.art_worksdetail .comment-container-pc .textArea-box-count {
  height: 30px;
  position: absolute;
  left: 11px;
  vertical-align: center;
  bottom: 93px;
  width: 98%;
  padding-left: 8px;
  line-height: 2;
  text-align: left;
  color: #ccc;
  background: transparent;
}
.art_worksdetail .comment-container-pc .textArea-box-input {
  width: 100%;
  padding: 10px 20px 30px 20px;
  min-height: 130px;
  color: #fff;
}
.art_worksdetail .comment-container-pc button {
  border-radius: 8px;
  height: 40px;
  width: 112px;
  margin-top: 16px;
  margin-bottom: 18px;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_worksdetail .comment-list-pc .empty_status {
  text-align: center;
}
.art_worksdetail .comment-list-pc .empty_status > img {
  width: 160px;
  height: 160px;
}
.art_worksdetail .comment-list-pc .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.art_worksdetail .comment-list-pc > div {
  padding-top: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(245, 245, 249, 0.6);
}
.art_worksdetail .comment-list-pc > div:last-of-type {
  border-bottom: none;
}
.art_worksdetail .comment-list-pc .item-left {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 24px;
  overflow: hidden;
}
.art_worksdetail .comment-list-pc .item-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_worksdetail .comment-list-pc .item-right {
  margin-left: 64px;
}
.art_worksdetail .comment-list-pc .item-right > div {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 8px;
  word-wrap: break-word;
  white-space: break-spaces;
}
.art_worksdetail .comment-list-pc .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.art_worksdetail .comment-list-pc .item-right h5 span {
  font-size: 16px;
  line-height: 20px;
  color: #999999;
}
.art_worksdetail .comment-list-pc .item-right h5 > span:nth-of-type(1) {
  margin-right: 16px;
  color: #999999;
  font-weight: 600;
}
.art_worksdetail .comment-list-pc .item-right .item-action {
  margin-top: 10px;
  margin-bottom: 0;
}
.art_worksdetail .comment-list-pc .item-right .item-action > span {
  margin-right: 24px;
  font-size: 14px;
  color: #a1a5b3;
  letter-spacing: 0;
  line-height: 24px;
  cursor: pointer;
}
.art_worksdetail .comment-list-pc .item-right .item-action .item-like i {
  background: url("/static/icons/like_small@2x.png") no-repeat;
  background-size: 72px 24px;
}
.art_worksdetail .comment-list-pc .item-right .item-action .item-like .has-liked {
  background-position: -48px 0;
}
.art_worksdetail .comment-list-pc .item-right .item-action .item-answer i {
  background: url("/static/icons/comment_small@2x.png") no-repeat;
  background-size: 48px 24px;
}
.art_worksdetail .comment-list-pc .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.art_worksdetail .comment-list-pc .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 4px;
}
.art_worksdetail .comment-list-pc .item-right .item-action > span:hover i {
  background-position: -24px 0;
}
.art_worksdetail .comment-list-pc .child-comments {
  padding: 16px 27px 16px 16px;
  background: #f1f1f1;
  border-radius: 8px;
  opacity: 0.6;
}
.art_worksdetail .comment-list-pc .child-comments .child-more {
  font-size: 14px;
  color: #4a90e2;
  margin-top: 10px;
  cursor: pointer;
}
.art_worksdetail .comment-list-pc .child-comments .child-item {
  margin-bottom: 12px;
}
.art_worksdetail .comment-list-pc .child-comments .child-item .child-item-left {
  float: left;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  overflow: hidden;
}
.art_worksdetail .comment-list-pc .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 24px;
  width: 24px;
}
.art_worksdetail .comment-list-pc .child-comments .child-item .child-item-right {
  margin-left: 30px;
  font-size: 14px;
  color: #2e2e33;
  letter-spacing: 0;
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
  text-align: left;
}
.art_worksdetail .comment-list-pc .child-comments .child-item .child-item-right span {
  color: #6a6d7a;
  font-weight: 600;
}
.art_worksdetail .comment-list-pc .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.art_worksdetail .comment-list-pc button {
  height: 32px;
  width: 80px;
  outline: none;
  border: none;
  cursor: pointer;
  background-image: -o-linear-gradient(322deg, #e9653f 0%, #d83a34 52%, #d52e4c 100%);
  background-image: linear-gradient(128deg, #e9653f 0%, #d83a34 52%, #d52e4c 100%);
  border-radius: 8px;
  margin-top: 12px;
  color: #fff;
}
.art_worksdetail .comment-list-pc textarea {
  height: 80px;
  border-radius: 8px;
}
.art_worksdetail .comment-list-pc .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.art_worksdetail .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.art_worksdetail .swiper-container .swiper-wrapper {
  -webkit-transform: translate3d(-1127px, 0px, 0px);
          transform: translate3d(-1127px, 0px, 0px);
  -webkit-transition-duration: 0ms;
       -o-transition-duration: 0ms;
          transition-duration: 0ms;
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  transition-property: transform, -webkit-transform;
}
.art_worksdetail .swiper-container .swiper-slide {
  position: relative;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.art_worksdetail .swiper-wrap {
  position: relative;
}
.art_worksdetail .swiper-wrap::before,
.art_worksdetail .swiper-wrap::after {
  background-size: 100% 100%;
  content: ' ';
  display: block;
  position: absolute;
}
.art_worksdetail .swiper-wrap::before {
  background: url(https://gameacademy.v.netease.com/2018/0816/68401e362c7f007d638d9578f83ca884.png) center top no-repeat;
  width: 133px;
  height: 213px;
  left: -117px;
  top: 150px;
  z-index: 2;
}
.art_worksdetail .swiper-wrap::after {
  background: url(https://gameacademy.v.netease.com/2018/0816/8ac47bd8af6aec47e6b292ef9baf5f09.png) center top no-repeat;
  width: 99px;
  height: 88px;
  right: -70px;
  bottom: 40px;
  z-index: 2;
}
.art_worksdetail .swiper-button-prev {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/2019/worksdetail_left.png") top no-repeat;
}
.art_worksdetail .swiper-button-next {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/2019/worksdetail_right.png") top no-repeat;
}
.art_worksdetail .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  bottom: 22px;
  position: absolute;
  text-align: center;
  z-index: 10;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 8px;
  display: inline-block;
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet-active {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #c78287;
  border: solid 3px #c78287;
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet-active .swiper-pagination-bullet-inner {
  display: inline-block;
  width: 26px;
  height: 6px;
  border-radius: 3px;
  background-color: #c78287;
  border: solid 2px #c78287;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: transparent;
  border: solid 3px #c78287;
}
.art_worksdetail .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .swiper-pagination-bullet-inner {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #958ea3;
  border: solid 2px #958ea3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.art_worksdetail .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid #fff;
  border-radius: 50%;
  border-top-color: transparent;
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.art_worksdetail {
  min-width: 1260px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 891px;
  overflow: hidden;
  background: url("/static/images/activity/art_design/2019/intro-bg.png") top no-repeat;
  background-size: 1920px auto;
  background-color: #2c0b0a;
  background-position-x: center;
  font-family: STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
}
.art_worksdetail p {
  margin: 0;
  padding: 0;
}
.art_worksdetail-content {
  width: 1260px;
  padding: 888px 0px 18px 0px;
}
.art_worksdetail-content .art_worksdetail-guid {
  font-size: 20px;
  color: #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0px;
  padding: 0px 38px;
}
.art_worksdetail-content .art_worksdetail-guid p {
  margin-right: 5px;
  cursor: pointer;
}
.art_worksdetail-content .art_worksdetail-describe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.art_worksdetail-content .art_worksdetail-describe .art_worksdetail-divider {
  width: 274px;
  height: 32px;
  background-size: 274px 32px;
  background: url("/static/images/activity/art_design/2019/works_divider.png") top no-repeat;
}
.art_worksdetail-content .art_worksdetail-describe p {
  font-size: 18px;
  color: #d8d8d8;
  text-align: center;
  margin-bottom: 10px;
}
.art_worksdetail-content .art_worksdetail-describe p.title {
  font-size: 48px;
  margin-bottom: 20px;
}
.art_worksdetail-content .art_worksdetail-describe .liked {
  width: 146px;
  height: 146px;
  margin: 0px auto 34px auto;
  cursor: pointer;
  background-size: contain;
  background: url("/static/images/activity/art_design/2019/webapp/worksdetail_like_bg.png") 0 0 / contain no-repeat;
}
.art_worksdetail-content .art_worksdetail-describe .liked .liked_heart {
  width: 95px;
  height: 95px;
  margin: 13px auto 0 auto;
  background-size: contain;
  background: url("/static/images/activity/art_design/2019/webapp/worksdetail_unlike_big.png") 0 0 / contain no-repeat;
}
.art_worksdetail-content .art_worksdetail-describe .liked .liked_heart.active {
  background: url("/static/images/activity/art_design/2019/webapp/worksdetail_like_big.png") 0 0 / contain no-repeat;
}
.art_worksdetail-content .art_worksdetail-describe .liked > p {
  font-size: 28px;
  color: #c47b7f;
  text-align: center;
  margin: -10px;
}
.art_worksdetail-content .pc-comment-box {
  max-height: 860px;
  overflow: auto;
}
.art_worksdetail-content .pc-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 25px;
  font-size: 20px;
  color: #d8d8d8;
}
.art_worksdetail-content .pc-share .share {
  display: inline-block;
}
.art_worksdetail-content .art_worksdetail-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper {
  width: 1184px;
  height: 681px;
  background-size: 1184px 681px;
  background: url("/static/images/activity/art_design/2019/worksdetail_bg.png") 0 0 / cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-button-prev {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-button-next {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper:hover .swiper-button-prev,
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper:hover .swiper-button-next {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-container {
  width: 1083px;
  height: 607px;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-container .swiper-slide .art_works-worksList-item-coverImage {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-swiper .swiper-lazy-loaded {
  -webkit-animation: 1s beVivid ease-in-out;
          animation: 1s beVivid ease-in-out;
}
@-webkit-keyframes beVivid {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@keyframes beVivid {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
.art_worksdetail-content .art_worksdetail-wrap .line {
  width: 100%;
  height: 2px;
  background: rgba(128, 128, 128, 0.3);
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail {
  width: 100%;
  padding: 38px 38px 72px 38px;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  width: 100%;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-title .title {
  text-align: left;
  font-size: 48px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-title .id {
  text-align: right;
  font-size: 24px;
  width: 300px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  width: 100%;
  margin: 20px 0 30px 0;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson .header {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #513c3b;
  margin-right: 16px;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson img[src=""],
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson img:not([src]) {
  background: aliceblue;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson .info {
  text-align: left;
  width: 300px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson .info p {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson .info .name {
  font-size: 24px;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-preson .info .school {
  font-size: 18px;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-describe {
  font-size: 18px;
  color: #bdbdbd;
  text-align: left;
  word-break: break-all;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-like {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 72px;
  line-height: 72px;
  border: 2px solid #563835;
  border-radius: 16px;
  padding: 0 22px;
  margin: 90px auto 34px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-like .art_worksdetail-detail-doLike {
  width: 56px;
  height: 56px;
  margin: 0px 6px;
  background-size: 56px 56px;
  background: url("/static/images/activity/art_design/2019/worksdetail_unlike_mal.png") 0 0 / cover no-repeat;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-like .art_worksdetail-detail-doLike.active {
  background: url("/static/images/activity/art_design/2019/worksdetail_like_mal.png") 0 0 / cover no-repeat;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-like-1 {
  font-size: 24px;
  color: #d8d8d8;
  margin-right: 5px;
}
.art_worksdetail-content .art_worksdetail-wrap .art_worksdetail-detail-like-2 {
  font-size: 28px;
  color: #c47b7f;
  margin-right: 5px;
}
.art_worksdetail-content .art_worksdetail-wrap .pc-comment {
  margin: 50px 0px;
}
.art_worksdetail-content .art_worksdetail-wrap .pc-comment .pc-Item-title {
  font-size: 32px;
  color: #d8d8d8;
  text-align: left;
}

.app-container {
  width: 100%;
  height: 100%;
}
.app-container .login-popup {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}
.app-container .login-popup .login-popup__types {
  display: none;
}
.app-container .bind-popup,
.app-container .register-popup {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}

.m-2020618 {
  position: relative;
  width: 7.5rem;
  margin: 0 auto;
}
.m-2020618 > img {
  width: 100%;
  height: 100%;
}
.m-2020618-wrap {
  position: absolute;
  width: 7.5rem;
  height: 100%;
  left: 0;
  top: 0;
}
.m-2020618-wrap .wrap-Item {
  margin: 0 auto;
}
.m-2020618-wrap .wrap-Item > a > img,
.m-2020618-wrap .wrap-Item > img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.m-2020618-wrap .wrap-Item.qr-code {
  width: 2.8rem;
  margin-top: 4.7rem;
}
.m-2020618-wrap .wrap-Item.text-1 {
  width: 4.12rem;
  margin-top: 0.24rem;
}
.m-2020618-wrap .wrap-Item.text-2 {
  margin-top: 0.08rem;
  width: 2.56rem;
}
.m-2020618-wrap .wrap-Item.module {
  width: 6.7rem;
  height: 20.42rem;
  margin-top: 0.56rem;
  background: #fff;
  border-radius: 0.24rem;
}
.m-2020618-wrap .wrap-Item.module .title-img {
  margin-top: 0.6rem;
  margin-left: 0.28rem;
  width: 3.89rem;
  height: auto;
}
.m-2020618-wrap .wrap-Item.module .module-text {
  font-size: 0.28rem;
  color: #525763;
  letter-spacing: -1px;
  margin-left: 0.28rem;
  margin-top: -1.65rem;
}
.m-2020618-wrap .wrap-Item.module .bg {
  top: -0.22rem;
  width: 7.5rem;
  position: relative;
  height: auto;
  margin-left: -0.4rem;
}
.m-2020618-wrap .wrap-Item.module .text-intro {
  padding: 0 0.4rem;
  margin-top: 0.18rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #2E2E33;
  letter-spacing: 0.007rem;
  line-height: 0.48rem;
}
.m-2020618-wrap .wrap-Item.module .btn {
  width: 5.9rem;
  height: auto;
  margin-top: 0.4rem;
}
.m-2020618-wrap .wrap-Item.module .btn > a > img {
  width: 5.9rem;
  height: auto;
}
.m-2020618-wrap .wrap-Item.module .picture {
  width: 6.02rem;
  margin-top: 0.28rem;
}
.m-2020618-wrap .wrap-Item.module .pic-box {
  width: 5.9rem;
  height: auto;
  margin-top: 0.28rem;
}
.m-2020618-wrap .wrap-Item.module .pic-box > img:nth-of-type(1) {
  width: 100%;
  height: auto;
  margin-bottom: 0.04rem;
}
.m-2020618-wrap .wrap-Item.module .pic-box > img:not(:nth-of-type(1)) {
  width: 1.94rem;
  margin-right: 0.04rem;
}
.m-2020618-wrap .wrap-Item.module .pic-box > img:nth-of-type(4) {
  margin-right: 0;
}
.m-2020618-wrap .wrap-Item.module .share-QRCode {
  width: 5.9rem;
  margin-top: 0.4rem;
}
.m-2020618-wrap .wrap-Item.module .activity-time {
  font-family: PingFangSC-Medium;
  font-size: 0.28rem;
  color: #525763;
  margin-top: 0.56rem;
}
.m-2020618-wrap .wrap-Item.module .activity-time > p {
  margin-bottom: 0.08rem;
  text-align: center;
}
.m-2020618-wrap .footer {
  color: #FFFFFF;
  text-align: center;
  margin-top: 0.28rem;
  font-size: 0.24rem;
}
.m-2020618-wrap .footer > p {
  margin-bottom: 0.03rem;
}
.m-2020618-wrap .footer > p:nth-of-type(2) {
  font-size: 0.2rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_app-intro {
  width: 7.5rem;
  height: 46.49rem;
  background: url('/static/images/activity/art_design/2019/webapp/art_intro_bg.png') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
  z-index: 1;
}
.art_app-intro .Intro {
  position: absolute;
  width: 7.5rem;
  height: 46.49rem;
  left: 0;
  top: 0;
  padding-top: 5.4rem;
}
.art_app-intro .Intro .enroll-btn {
  display: block;
  width: 7.5rem;
  height: 1.7rem;
  background: url('/static/images/activity/art_design/2019/webapp/enroll-btn.png') no-repeat;
  background-size: 7.5rem auto;
}
.art_app-intro .Intro-Item1 {
  width: 7.4rem;
  height: 10.66rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/intro.png') no-repeat;
  background-size: 7.4rem;
  margin-top: 1rem;
}
.art_app-intro .Intro-Item2 {
  width: 7.5rem;
  height: 9rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/book1.png') no-repeat;
  background-size: 7.5rem;
  position: relative;
}
.art_app-intro .Intro-Item2 .Item2-btn {
  position: absolute;
  width: 0.81rem;
  height: 1.91rem;
  background: url('/static/images/activity/art_design/2019/case-btn-active.png') no-repeat;
  background-size: 0.81rem;
  top: 1.6rem;
  left: 0.78rem;
  color: #2c0b0a;
  font-size: 0.32rem;
  letter-spacing: 0.2rem;
  padding-left: 0.3rem;
  padding-top: 0.34rem;
  font-weight: 600;
  font-family: '\5B8B\4F53', Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
}
.art_app-intro .Intro-Item2 .Item2-btn.active {
  background: url('/static/images/activity/art_design/2019/case-btn-bg.png') no-repeat;
  background-size: 0.81rem;
}
.art_app-intro .Intro-Item2 .Item2-btn-fusai {
  position: absolute;
  width: 0.81rem;
  height: 1.91rem;
  background: url('/static/images/activity/art_design/2019/case-btn-active.png') no-repeat;
  background-size: 0.81rem;
  top: 3.4rem;
  left: 0.7rem;
  color: #2c0b0a;
}
.art_app-intro .Intro-Item2 .Item2-btn-fusai.active {
  background: url('/static/images/activity/art_design/2019/case-btn-bg.png') no-repeat;
  background-size: 0.81rem;
}
.art_app-intro .Intro-Item2.Intro-fusai {
  background: url('/static/images/activity/art_design/2019/webapp/book1-2.png') no-repeat;
  background-size: 7.5rem;
}
.art_app-intro .Intro-Item3 {
  width: 7.5rem;
  height: 8.34rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/book2.png') no-repeat;
  background-size: 7.5rem;
  margin-top: -0.6rem;
  position: relative;
}
.art_app-intro .Intro-Item3 .upload-intro {
  width: 3.48rem;
  height: 1rem;
  position: absolute;
  background: url('/static/images/activity/art_design/2019/webapp/download.png') top no-repeat;
  background-size: 3.48rem auto;
  bottom: 1.7rem;
  left: 2rem;
}
.art_app-intro .Intro-Item3.Intro-fusai {
  background: url('/static/images/activity/art_design/2019/webapp/book2-2.png') no-repeat;
  background-size: 7.5rem;
}
.art_app-intro .Intro-Item4 {
  width: 7.09rem;
  height: 8.64rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/rule.png') no-repeat;
  background-size: 7.09rem;
  margin-top: 0.3rem;
}
.art_app-intro .Intro-Item5 {
  width: 4.06rem;
  height: 0.82rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/logo.png') no-repeat;
  background-size: 4.06rem;
  margin-top: 0.3rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_app-result {
  width: 7.5rem;
  height: auto;
  background: url(/static/images/activity/art_design/2019/webapp/prize-bg.png) no-repeat;
  background-size: 7.5rem auto;
  background-color: #2c0b0a;
  position: relative;
  z-index: 1;
  font-family: '\5B8B\4F53', STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
  padding-bottom: 2rem;
}
.art_app-result .Result {
  position: relative;
  width: 7.5rem;
  min-height: 100vh;
  padding-top: 5.5rem;
}
.art_app-result .Result-tab {
  width: 7.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.2rem;
}
.art_app-result .Result-tab > .tab-title {
  width: 2.91rem;
  height: 1.41rem;
  margin-top: 0.4rem;
}
.art_app-result .Result-tab > .tab-title.fusai.active {
  background: url('/static/images/activity/art_design/2019/fusai-title_select.png') no-repeat;
  background-size: 2.91rem auto;
}
.art_app-result .Result-tab > .tab-title.fusai {
  background: url('/static/images/activity/art_design/2019/fusai-title.png') no-repeat;
  background-size: 2.91rem auto;
}
.art_app-result .Result-tab > .tab-title.huojiang.active {
  background: url('/static/images/activity/art_design/2019/huojiang-title_select.png') no-repeat;
  background-size: 2.91rem auto;
}
.art_app-result .Result-tab > .tab-title.huojiang {
  background: url('/static/images/activity/art_design/2019/huojiang-title.png') no-repeat;
  background-size: 2.91rem auto;
}
.art_app-result .Result-intro {
  font-size: 0.28rem;
  color: #fff;
  text-align: left;
  width: 6.8rem;
  margin: 0 auto;
}
.art_app-result .Result-intro > p {
  line-height: 0.6rem;
}
.art_app-result .Result-table {
  width: 6.8rem;
  margin: 0 auto;
  color: #fff;
}
.art_app-result .Result-table > h3 {
  width: 1.58rem;
  height: 1.19rem;
  -webkit-transform: translateX(-0.1rem);
      -ms-transform: translateX(-0.1rem);
          transform: translateX(-0.1rem);
  margin-bottom: 0;
}
.art_app-result .Result-table > h3 > div {
  width: 1.58rem;
  height: 1.19rem;
}
.art_app-result .Result-table > h3 .renqi {
  background: url('/static/images/activity/art_design/2019/renqi.png') no-repeat;
  background-size: 1.58rem auto;
}
.art_app-result .Result-table > h3 .juese {
  background: url('/static/images/activity/art_design/2019/juese.png') no-repeat;
  background-size: 1.58rem auto;
}
.art_app-result .Result-table > h3 .chahua {
  background: url('/static/images/activity/art_design/2019/chahua.png') no-repeat;
  background-size: 1.58rem auto;
}
.art_app-result .Result-table .table-content {
  margin-bottom: 0.2rem;
}
.art_app-result .Result-table .table-content .table-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.art_app-result .Result-table .table-content .table-tr > p.title {
  width: 5rem;
}
.art_app-result .Result-table .table-content .table-tr > p.title > span {
  display: inline-block;
  width: 0.4rem;
  padding-right: 0.1rem;
}
.art_app-result .Result-table .table-content .table-tr > p.name {
  width: 1.8rem;
  text-align: right;
}
.art_app-result--prize > h3 {
  margin: 0.4rem auto 0.2rem;
  width: 1.42rem;
  height: 0.94rem;
}
.art_app-result--prize h3.first {
  background: url('/static/images/activity/art_design/2019/first_prize.png') no-repeat;
  background-size: 1.42rem auto;
}
.art_app-result--prize h3.second {
  background: url('/static/images/activity/art_design/2019/second_prize.png') no-repeat;
  background-size: 1.42rem auto;
}
.art_app-result--prize h3.third {
  background: url('/static/images/activity/art_design/2019/third_prize.png') no-repeat;
  background-size: 1.42rem auto;
}
.art_app-result--prize h3.youxiu {
  background: url('/static/images/activity/art_design/2019/youxiu.png') no-repeat;
  background-size: 1.42rem auto;
}
.art_app-result--prize h3.renqi {
  background: url('/static/images/activity/art_design/2019/renqi.png') no-repeat;
  background-size: 1.42rem auto;
}
.art_app-result--prize .second_word_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_app-result--prize .third_word_box {
  width: 6.62rem;
  margin: 0 auto 0.7rem;
}
.art_app-result--prize .third_word_box .slick-slider .slick-arrow {
  width: 0.55rem;
  height: 0.8rem;
}
.art_app-result--prize .third_word_box .slick-slider .slick-arrow::before {
  display: none;
}
.art_app-result--prize .third_word_box .slick-slider .slick-dots {
  white-space: nowrap;
  bottom: -0.27rem;
}
.art_app-result--prize .third_word_box .slick-slider .slick-dots li {
  margin: 0;
}
.art_app-result--prize .third_word_box .slick-slider .slick-dots li button:before {
  font-size: 0.4rem;
  color: #78403e;
}
.art_app-result--prize .third_word_box .slick-slider .slick-dots li.slick-active button:before {
  color: #fff;
}
.art_app-result--prize .renqi_box {
  width: 6.62rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_app-result--prize .renqi_box .renqi_Item {
  width: 3.2rem;
  height: 2.33rem;
  background: url('/static/images/activity/art_design/2019/webapp/renqi_bg.png') no-repeat;
  background-size: 3.2rem 2.33rem;
}
.art_app-result--prize .renqi_box .renqi_Item .renqi_work {
  padding: 0.1rem;
  height: 1.7rem;
  position: relative;
}
.art_app-result--prize .renqi_box .renqi_Item .renqi_work > a {
  width: 100%;
  height: 100%;
}
.art_app-result--prize .renqi_box .renqi_Item .renqi_work > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_app-result--prize .renqi_box .renqi_Item .renqi_work .label {
  position: absolute;
  right: 0.15rem;
  bottom: 0.15rem;
  width: 0.76rem;
  height: 0.4rem;
}
.art_app-result--prize .renqi_box .renqi_Item .renqi_work .label1 {
  background: url('/static/images/activity/art_design/2019/label_chu.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.art_app-result--prize .renqi_box .renqi_Item .renqi_work .label2 {
  background: url('/static/images/activity/art_design/2019/label_fu.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.art_app-result--prize .renqi_box .renqi_Item:nth-child(2n) {
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
}
.art_app-result--prize .renqi_box .renqi_Item .author {
  width: 3rem;
  margin: 0 auto;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.24rem;
  color: #3d2b28;
  font-weight: 600;
  display: block;
  text-align: center;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.art_app_result_second_prize {
  width: 6.62rem;
  height: 2.53rem;
  background: url('/static/images/activity/art_design/2019/webapp/second_prize-bg.png') no-repeat;
  background-size: 6.62rem 2.53rem;
  margin: 0 auto 0.3rem;
}
.art_app_result_second_prize .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.1rem;
}
.art_app_result_second_prize .work_Item {
  margin-top: 0.1rem;
  width: 3.18rem;
  height: 1.8rem;
  position: relative;
}
.art_app_result_second_prize .work_Item > a {
  width: 100%;
  height: 100%;
}
.art_app_result_second_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_app_result_second_prize .work_Item .label {
  position: absolute;
  right: 0.05rem;
  bottom: 0.1rem;
  width: 0.76rem;
  height: 0.4rem;
}
.art_app_result_second_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/2019/label_chu.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.art_app_result_second_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/2019/label_fu.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.art_app_result_second_prize .sec_author {
  width: 6rem;
  margin: 0 auto;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.28rem;
  text-align: center;
  color: #3d2b28;
  font-weight: 600;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.next-a-wrap-showcaseList {
  width: 7.5rem;
  height: auto;
  background: url(/static/images/activity/art_design/2019/webapp/prize-bg.png) no-repeat;
  background-size: 7.5rem auto;
  background-color: #2c0b0a;
  position: relative;
  z-index: 1;
  font-family: STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
  padding-bottom: 2rem;
}
.next-a-wrap-showcaseList .reference {
  width: 100%;
  height: 1px;
  background: transparent;
}
.next-a-wrap-showcaseList > img {
  width: 100%;
  height: 100%;
}
.next-a-wrap-showcaseList .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
  padding-top: 5.5rem;
}
.next-a-wrap-showcaseList .home-content > img {
  width: 100%;
}
.next-a-wrap-showcaseList .art-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.next-a-wrap-showcaseList .art-section .art_works-describe {
  padding: 0 0.5rem;
}
.next-a-wrap-showcaseList .art-section .art_works-describe .art_works-divider {
  width: 2.74rem;
  height: 0.32rem;
  margin: 0.11rem auto;
  background-size: 2.74rem 0.32rem;
  background: url("/static/images/activity/art_design/2019/webapp/works_divider.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcaseList .art-section .art_works-describe p {
  font-size: 0.28rem;
  color: #d8d8d8;
  text-align: left;
  margin-bottom: 0.1rem;
}
.next-a-wrap-showcaseList .art-section .art_works-describe p.title {
  font-size: 0.48rem;
  margin-bottom: 0.28rem;
  text-align: center;
}
.next-a-wrap-showcaseList .art-section .art_works-describe p span {
  color: #e7a2a6;
  text-decoration: underline;
}
.next-a-wrap-showcaseList .art-section .art_works-describe .art_works-serach-wrap {
  width: 6.38rem;
  height: 0.8rem;
  margin: 0.85rem auto 0.45rem auto;
  background-size: 6.38rem 0.8rem;
  background: url("/static/images/activity/art_design/2019/webapp/works_search_bg.png") top no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.next-a-wrap-showcaseList .art-section .art_works-describe .art_works-serach-wrap .art_works-serach-fdj {
  width: 0.42rem;
  height: 0.42rem;
  margin: 0.3rem 0 0.3rem 0.16rem;
  background-size: 0.42rem 0.42rem;
  background: url("/static/images/activity/art_design/2019/webapp/works_fdj.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcaseList .art-section .art_works-describe .art_works-serach-wrap .art_works-serach-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.42rem;
  padding: 0 0.5rem 0 0.12rem;
  font-size: 0.28rem;
  color: #ffffff;
  text-align: left;
  background-color: transparent;
  outline: none;
  border: none;
}
.next-a-wrap-showcaseList .art-section .line {
  width: 100%;
  height: 0.03rem;
  background: rgba(128, 128, 128, 0.3);
  margin-bottom: 0.2rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-container {
  width: 100%;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs {
  margin-top: 0.16rem !important;
  padding: 0 0.12rem;
  position: relative;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .tab-step1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .tab-step1 .art-tab-step1-btn {
  width: 1.29rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/2019/webapp/works_fs.png") 0 0 / cover no-repeat;
  color: #473332;
  line-height: 1rem;
  text-align: center;
  font-size: 0.25rem;
  font-weight: bold;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .tab-step1 .art-tab-step1-btn.active {
  background: url("/static/images/activity/art_design/2019/webapp/works_fs_active.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .ant-tabs-tab {
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
  margin-right: 0.24rem;
  color: #833818;
  line-height: 0.36rem;
  color: #fff;
  font-size: 0.24rem;
  padding: 0.02rem 0.12rem;
  text-align: center;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs div.ant-tabs-tab-active.ant-tabs-tab {
  background-image: url("/static/images/activity/art_design/2019/webapp/works_sl_bg.png");
  color: #260e0d;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs div.ant-tabs-content.ant-tabs-content-no-animated.ant-tabs-top-content {
  margin-top: 0.6rem !important;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .art-order-operate {
  position: absolute;
  top: 1.92rem;
  left: 0.1rem;
  margin-left: 0.34rem;
  z-index: 10;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .ant-tabs-nav-wrap {
  margin-left: 0.34rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .art-order-operate-btn {
  cursor: pointer;
  background-size: 100% 100%;
  margin-right: 0.24rem;
  color: #833818;
  line-height: 0.36rem;
  color: #fff;
  font-size: 0.24rem;
  padding: 0.02rem 0.12rem;
  text-align: center;
}
.next-a-wrap-showcaseList .art-webApp-section .art-tabs .art-order-operate-btn.active {
  background-image: url("/static/images/activity/art_design/2019/webapp/works_sl_bg.png");
  color: #260e0d;
}
.next-a-wrap-showcaseList .art-webApp-section .noTabDetail-container {
  height: 424px;
  position: relative;
}
.next-a-wrap-showcaseList .art-webApp-section .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.next-a-wrap-showcaseList .art-webApp-section .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-container {
  width: 100%;
  padding: 0.2rem 0.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-outer {
  width: 3.34rem;
  height: 2.87rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.05rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell {
  position: relative;
  height: 100%;
  background-image: url("/static/images/activity/art_design/2019/webapp/works_item_bg.png");
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.18rem 0.08rem 0.18rem 0.23rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell p {
  margin: 0;
  padding: 0;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line1-type {
  padding: 0.04rem 0.08rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  margin-right: 0.06rem;
  background: url("/static/images/activity/art_design/2019/works_sl_bg.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line1-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #322524;
  font-size: 0.24rem;
  margin: 0;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.2rem;
  color: #5d4f4e;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-right: 0.16rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0.6rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-wrap.left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-name {
  margin-right: 0.1rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-college {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-heart {
  width: 0.19rem;
  height: 0.15rem;
  margin-right: 0.06rem;
  background: url("/static/images/activity/art_design/2019/works_unlike.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-heart.active {
  background: url("/static/images/activity/art_design/2019/works_like.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-like {
  position: relative;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #322524;
  font-size: 0.18rem;
  height: 0.2rem;
  line-height: 0.2rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell .art_works-worksList-item-line2-like::before {
  content: "";
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-img {
  width: 2.76rem;
  height: 1.6rem;
  position: relative;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-img .art_works-worksList-item-workId {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 1.1rem;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  color: #fff;
  font-size: 0.16rem;
  text-align: center;
  padding: 0.03rem 0.1rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-title {
  color: #d83b2f;
  font-size: 0.33rem;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.22rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-name {
  color: #ccc;
  font-size: 0.32rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.16rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, -0.12rem);
      -ms-transform: translate(0, -0.12rem);
          transform: translate(0, -0.12rem);
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-like {
  position: absolute;
  right: 0.1rem;
  top: 0.24rem;
  text-align: center;
  width: 24%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-like > img {
  width: 0.45rem;
}
.next-a-wrap-showcaseList .art-webApp-section .art-grid-cell-like-count {
  color: #d83b2f;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination {
  text-align: center;
  padding-top: 0.5rem;
  clear: both;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item {
  min-width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  border: none;
  margin: 0 0.05rem;
  background: url("/static/images/activity/art_design/2019/works_pagination_bg.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item a {
  padding: 0;
  color: #a06f71;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/2019/works_pagination_bg.png") 0 0 / contain no-repeat;
  border: none;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item-active {
  background: url("/static/images/activity/art_design/2019/works_pagination_active_bg.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item-active a {
  color: #000;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-prev,
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-next {
  min-width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  border: none;
  margin: 0 0.05rem;
  background: url("/static/images/activity/art_design/2019/works_pagination_bg.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-prev a,
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-next a {
  color: #a06f71;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item-ellipsis {
  color: #6e403d;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-item-ellipsis {
  color: #6e403d;
}
.next-a-wrap-showcaseList .art-webApp-section .art-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.next-a-wrap-showcaseList .art-webApp-section .ant-tabs-ink-bar {
  background-color: transparent;
}
.next-a-wrap-showcaseList .art-webApp-section .ant-tabs-bar {
  border: none;
}
.next-a-wrap-showcaseList .art-webApp-section .ant-pagination-prev {
  margin-right: 2px !important;
}
.next-a-wrap-showcaseList .art-webApp-section .ant-pagination-next {
  margin-left: 2px !important;
}

.mg-2019-footer .action {
  height: 5.32rem;
  width: 7.5rem;
  background: #121212;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.57rem;
}
.mg-2019-footer .action > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg-2019-footer .action > div:nth-of-type(1) div {
  width: 2.8rem;
  height: 2.6rem;
  margin: 0 0.23rem;
  text-align: center;
}
.mg-2019-footer .action > div:nth-of-type(1) img {
  height: 2rem;
  width: 2rem;
  border-radius: 0.09rem;
  margin-bottom: 0.36rem;
}
.mg-2019-footer .action > div:nth-of-type(1) p {
  font-size: 0.22rem;
  line-height: 0.22rem;
  color: #575757;
  white-space: nowrap;
}
.mg-2019-footer .action .line {
  width: 6.4rem;
  border-top: 1px solid #262626;
  margin: 0.48rem auto;
}
.mg-2019-footer .action .enter {
  color: #575757;
}
.mg-2019-footer .action > div:nth-of-type(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #575757;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg-2019-footer .action > div:nth-of-type(3) div {
  margin: 0 0.5rem;
  font-size: 0.22rem;
  line-height: 0.58rem;
}
.mg-2019-footer .action > div:nth-of-type(3) i {
  display: inline-block;
  height: 0.58rem;
  width: 0.58rem;
  background: url('/static/images/activity/miniGame/2019App/enter.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.15rem;
  opacity: 0.3;
}
.mg-2019-footer .action > div:nth-of-type(3) p {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin: 0 0.5rem;
  text-align: center;
}
.mg-2019-footer .action > div:nth-of-type(3) em {
  display: inline-block;
  height: 0.3rem;
  width: 0.3rem;
  background: url('/static/images/activity/miniGame/2019App/phone.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.07rem;
  opacity: 0.3;
}
.mg-2019-footer .msg {
  background: #080404;
  padding: 0.45rem 0;
  width: 7.5rem;
}
.mg-2019-footer .msg p {
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: #3c3c3c;
  text-align: center;
}
.mg-2019-footer .app-totop {
  position: fixed;
  right: 0.32rem;
  bottom: 1.32rem;
  height: 0.62rem;
  width: 0.62rem;
  background: url('/static/images/activity/miniGame/2019App/totop.png') no-repeat;
  background-size: 100% 100%;
}

.art_design_webapp-nav {
  height: 1.08rem;
  width: 7.5rem;
  position: fixed;
  z-index: 99;
  bottom: 0;
}
.art_design_webapp-nav .Item {
  display: block;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}
.art_design_webapp-nav .Item1 {
  width: 2.07rem;
  height: 1.08rem;
  background: url("/static/images/activity/art_design/2019/webapp/nav-intro.png") bottom no-repeat;
  background-size: 2.07rem auto;
  left: -0.3rem;
}
.art_design_webapp-nav .Item1.active {
  background: url(/static/images/activity/art_design/2019/webapp/nav-intro-active.png) bottom no-repeat;
  background-size: 1.9rem auto;
}
.art_design_webapp-nav .Item2 {
  width: 1.72rem;
  height: 1.08rem;
  background: url("/static/images/activity/art_design/2019/webapp/nav-prize.png") bottom no-repeat;
  background-size: 1.72rem auto;
  left: 1.4rem;
  z-index: 4;
}
.art_design_webapp-nav .Item2.active {
  background: url("/static/images/activity/art_design/2019/webapp/nav-prize-active.png") bottom no-repeat;
  background-size: 1.72rem auto;
}
.art_design_webapp-nav .Item5 {
  width: 1.91rem;
  height: 1.08rem;
  background: url("/static/images/activity/art_design/2019/webapp/nav-result.png") bottom no-repeat;
  background-size: 1.91rem auto;
  left: 2.8rem;
  z-index: 4;
}
.art_design_webapp-nav .Item5.active {
  background: url("/static/images/activity/art_design/2019/webapp/nav-result-active.png") bottom no-repeat;
  background-size: 1.91rem auto;
}
.art_design_webapp-nav .Item4 {
  width: 1.91rem;
  height: 1.08rem;
  background: url("/static/images/activity/art_design/2019/webapp/nav-works.png") bottom no-repeat;
  background-size: 1.91rem auto;
  left: 2.74rem;
  z-index: 4;
}
.art_design_webapp-nav .Item4.active {
  background: url(/static/images/activity/art_design/2019/webapp/nav-works-active.png) bottom no-repeat;
  background-size: 1.91rem auto;
}
.art_design_webapp-nav .Item3 {
  width: 2.07rem;
  height: 1.08rem;
  background: url("/static/images/activity/art_design/2019/webapp/nav-preach.png") bottom no-repeat;
  background-size: 2.07rem auto;
  right: 1.26rem;
  z-index: 2;
}
.art_design_webapp-nav .Item3.active {
  background: url("/static/images/activity/art_design/2019/webapp/nav-preach-active.png") bottom no-repeat;
  background-size: 1.8rem auto;
}
.art_design_webapp-nav .Item6 {
  width: 1.95rem;
  height: 1.08rem;
  background: url("/static/images/activity/art_design/2019/webapp/nav-index.png") bottom no-repeat;
  background-size: 1.95rem auto;
  right: -0.24rem;
}
.art_design_webapp-nav.uglyTab .Item1 {
  width: 1.7rem;
  height: 1.08rem;
  left: -0.3rem;
  background-size: contain;
}
.art_design_webapp-nav.uglyTab .Item2 {
  width: 1.42rem;
  height: 1.08rem;
  left: 1.13rem;
  background-size: contain;
}
.art_design_webapp-nav.uglyTab .Item3 {
  display: block;
  width: 1.6rem;
  height: 1.08rem;
  left: 2.33rem;
  bottom: 0rem;
  background-size: contain;
}
.art_design_webapp-nav.uglyTab .Item4 {
  width: 1.77rem;
  height: 1.08rem;
  left: 3.53rem;
  background-size: contain;
  z-index: 100;
}
.art_design_webapp-nav.uglyTab .Item5 {
  width: 1.77rem;
  height: 1.08rem;
  left: 4.83rem;
  background-size: contain;
  z-index: 100;
}
.art_design_webapp-nav.uglyTab .Item6 {
  width: 1.55rem;
  height: 1.08rem;
  right: -0.24rem;
  background-size: contain;
}

.next-a-wrap-download {
  width: 7.5rem;
  height: 16rem;
  overflow: hidden;
}
.next-a-wrap-download .header-box {
  position: relative;
  display: block;
  width: 7.5rem;
  height: 6.5rem;
  background: url(/static/images/activity/art_design/2019/webapp/prize-bg.png) no-repeat;
  background-size: cover;
  z-index: 0;
}
.next-a-wrap-download .content-bg {
  width: 7.5rem;
  margin-top: -0.02rem;
}
.next-a-wrap-download .download-content {
  width: 7.5rem;
  position: absolute;
  top: 5.4rem;
  height: 10rem;
}
.next-a-wrap-download .download-content .download-intro {
  width: 6.09rem;
  height: 5.07rem;
  background: url('/static/images/activity/art_design/2019/webapp/vote_popModel.png') no-repeat;
  margin: 0 auto;
  background-size: 6.09rem auto;
  text-align: center;
  overflow: hidden;
}
.next-a-wrap-download .download-content .download-intro > h2 {
  margin-top: 1rem;
  font-size: 0.36rem;
  color: #461c1b;
}
.next-a-wrap-download .download-content .download-intro > p {
  color: #333333;
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
}
.next-a-wrap-download .download-content .download-intro > h3 {
  color: #333333;
  margin-top: 0.3rem;
  font-size: 0.32rem;
}
.next-a-wrap-download .download-content .download-android,
.next-a-wrap-download .download-content .download-ios {
  width: 5.01rem;
  height: 1.11rem;
  margin: 0 auto;
  display: block;
}
.next-a-wrap-download .download-content .download-ios {
  background: url('/static/images/activity/art_design/2019/webapp/vote_ios_download.png') no-repeat;
  background-size: 5.01rem auto;
}
.next-a-wrap-download .download-content .download-android {
  background: url('/static/images/activity/art_design/2019/webapp/vote_android_download.png') no-repeat;
  background-size: 5.01rem auto;
  margin-top: 0.5rem;
}
.next-a-wrap-download .download-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.next-a-wrap-download .download-modal .modal_arrow {
  position: absolute;
  width: 30px;
  height: 34px;
  right: 20px;
  top: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABECAMAAAAMem2oAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA/Pj17BgJBujZyLucgBThWCUfDwLwrY+HPi4qDdyxlV1GBMM4MuTU0Lagaks0HM2menRyTmVwUtcR4bgAAAJrSURBVHgBndfpbupIFMTxatt4wZh9AbNACEsghOz3/t//yUZjZSQSNxncv49OWofTVchCt5sF3qOc9IC2XNQwGKejWwZgVqquTUIKmSobc6DxCIuaKron46BTQPDZVxU14014lropJG95qJtlDM/ExcJzYHD7SJ9JiNG/+qfj/OaTUcpC8ggrtyAlrkkDmqpoSJxLiumqosmwCLFFV27cTwbU5GZAT25+T2XW0zVNfF3Rye4HQHK8s/+ZuazyBcAgMEBysmXDvSz6mcFvnJqSpm8JLNf6acWLysIDZtTUl/WjTxqWvy5ja6N3E13YxuUBQ1YqadD6UY9pQFaq0FQ/3eHlpWfGbHWpht/XT8/8UcmSui61SS0jW2tLJ2I+dOHIm2XLTBbv34auA8uaCU/WIn773xN7W5ObslleBrjgVSUgq7uLunWMV1NJcGXmDP/iLhoqqzOR1Y7/5uTGdK7vU/ZArkK/zkiSPU+bOlsVMnY92exZ2Wd+xfJhuJPVisB6RzHF44nPq65IOfRtdzuQpL8+DV1zjjmWV51Ql6IxLHXdxudQ+sCvjLR5wLzrN08xu4/SC/79BZKNftetw/1H/9sLHvDHof7P+k8Au0Z7GknqbT+PAXiNrm4xe08A8AOPwvism23fhokH+PuXBXtVFfbConqfcvKXViQX0ZyVnGQ89+Vi6pknuYgeGMnJiH0oF238XC42Pm256MSM5aLbYuEUyHlOPZSDzpznnhxsAupOB9se6cylOSNoRKouf8Dp515vZEgcWt58DTCjsErsy6co6qyGHgw7qiKFgllsqga/nHt+a/h4VkX/AIf9SGrNm4WOAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.next-a-wrap-download .download-modal .modal_inner {
  position: absolute;
  right: 32px;
  top: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_app-Enroll {
  width: 7.5rem;
  height: 22.24rem;
  background: url('/static/images/activity/art_design/2019/webapp/enroll-bg.png') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
  z-index: 1;
}
.art_app-Enroll .Enroll {
  position: absolute;
  width: 7.5rem;
  height: 22.24rem;
  left: 0;
  top: 0;
  padding-top: 5.4rem;
}
.art_app-Enroll .Enroll .enroll-btn {
  display: block;
  width: 7.5rem;
  height: 1.7rem;
  background: url('/static/images/activity/art_design/2019/webapp/enroll-btn.png') no-repeat;
  background-size: 7.5rem auto;
}
.art_app-Enroll .Enroll .enroll_rule {
  height: 0.4rem;
  line-height: 0.4rem;
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  font-family: '\5B8B\4F53';
  position: absolute;
  top: 17rem;
  left: 0;
}
.art_app-Enroll .Enroll .enroll_rule .ant-checkbox-wrapper {
  font-size: 0.16rem;
}
.art_app-Enroll .Enroll .enroll_rule .ant-checkbox-wrapper .ant-checkbox-inner {
  border-radius: 50%;
  background-color: #fff;
}
.art_app-Enroll .Enroll .enroll_rule .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
  display: block;
  width: 8px;
  height: 8px;
  background: #D83B2f;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  border: none;
}
.art_app-Enroll .Enroll .enroll_rule .enroll_href {
  text-decoration: underline;
  color: #3e3e3e;
  font-size: 0.18rem;
  font-family: '\5B8B\4F53';
}
.art_app-Enroll .Enroll .submitEnroll {
  width: 3.48rem;
  height: 1.1rem;
  background: url('/static/images/activity/art_design/2019/webapp/submit-enroll.png') top no-repeat;
  background-size: 3.48rem auto;
  position: absolute;
  top: 17.6rem;
  left: 2rem;
  cursor: pointer;
}
.art_app-Enroll .Enroll-form {
  width: 7.5rem;
  height: 12.79rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/enroll-con.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: -0.3rem;
  overflow: hidden;
}
.art_app-Enroll .Enroll-form .form {
  width: 6rem;
  margin: 5rem auto 0;
}
.art_app-Enroll .Enroll-form .form-Item {
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.3rem;
}
.art_app-Enroll .Enroll-form .form-Item .title {
  min-width: 1rem;
  text-align: center;
  font-size: 0.26rem;
  font-family: '\5B8B\4F53';
  font-weight: bold;
}
.art_app-Enroll .Enroll-form .form-Item .ant-input {
  width: 4.7rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 0.04rem solid #9e9da2;
  border-radius: 0.16rem;
}
.art_app-Enroll .Enroll-form .form-Item .ant-input:hover {
  border-right-width: 0.04rem !important;
}
.art_app-Enroll .Enroll-form .form-Item .ant-input:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-right-width: 0.04rem !important;
}
.art_app-Enroll .Enroll-form .form-Item .ant-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 0.6rem;
}
.art_app-Enroll .Enroll-form .form-Item .ant-select {
  width: 3rem;
  height: 0.6rem;
}
.art_app-Enroll .Enroll-form .form-Item .ant-select-selection {
  border: 0.04rem solid #9e9da2;
  border-top-width: 0.04rem;
  height: 0.6rem;
  border-radius: 0.16rem;
}
.art_app-Enroll .Enroll-form .form-Item .ant-select-selection:hover,
.art_app-Enroll .Enroll-form .form-Item .ant-select-selection:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-right-width: 0.04rem !important;
}
.art_app-Enroll .Enroll-form .form-Item .selectGradeMenu {
  border-radius: 0.16rem;
}
.art_app-Enroll .Enroll-form .form-Item .ant-radio-group {
  padding-left: 0.4rem;
  font-weight: bold;
  font-family: '\5B8B\4F53';
}
.art_app-Enroll .Enroll-form .form-Item .ant-radio-wrapper {
  font-size: 0.26rem;
}
.art_app-Enroll .Enroll-form .form-Item .ant-radio {
  -webkit-transform: translateY(-0.02rem);
      -ms-transform: translateY(-0.02rem);
          transform: translateY(-0.02rem);
}
.art_app-Enroll .Enroll-form .form-Item .form-radio {
  position: relative;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 0.6rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_app-Enroll .Enroll-form .form-Item .radio-checked {
  min-width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #999;
  background: #fff;
  margin-left: 0.15rem;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.art_app-Enroll .Enroll-form .form-Item .radio-checked.checked {
  border-color: #D83B2f;
}
.art_app-Enroll .Enroll-form .form-Item .radio-checked.checked::after {
  content: '';
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  background: #D83B2f;
  border-radius: 0.09rem;
  margin: 0.03rem;
}
.art_app-Enroll .Enroll-form .form-Item .radio-name {
  margin: 0 0.2rem;
  font-size: 0.3rem;
  line-height: 0.3rem;
}
.art_app-Enroll .art_enroll-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.art_app-Enroll .art_enroll-mask .modal-box {
  width: 7.42rem;
  height: 10.12rem;
  background: url('/static/images/activity/art_design/2019/webapp/mask_con.png') no-repeat;
  background-size: 7.42rem auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.art_app-Enroll .art_enroll-mask .modal-box .close {
  width: 1.17rem;
  height: 1.15rem;
  position: absolute;
  top: 0.1rem;
  right: 0.2rem;
  background: url('/static/images/activity/art_design/2019/close.png') no-repeat;
  background-size: 1.17rem auto;
}
.art_app-Enroll .art_enroll-mask .modal-box > h2 {
  font-size: 0.36rem;
  text-align: center;
  display: block;
  margin-top: 1.6rem;
  font-family: '\5B8B\4F53';
  font-weight: bold;
}
.art_app-Enroll .art_enroll-mask .modal-box .modal-content {
  width: 5.2rem;
  height: 6rem;
  margin: 0.2rem auto 0;
  overflow-y: auto;
  word-break: break-word;
  font-size: 0.16rem;
}
.art_app-Enroll .art_enroll-mask .modal-box .modal-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.art_app-Enroll .art_enroll-mask .modal-box .modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.art_app-Enroll .art_enroll-mask .modal-box .modal-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.m-rotatePlay {
  width: 6rem;
  height: 6rem;
  position: relative;
  top: 0.22rem;
  left: 0;
  margin: 0.1rem auto;
}
.m-rotatePlay .m-rotateDom {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 6s ease;
  transition: -webkit-transform 6s ease;
  -o-transition: transform 6s ease;
  transition: transform 6s ease;
  transition: transform 6s ease, -webkit-transform 6s ease;
}
.m-rotatePlay .m-rotateDom li {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 3rem;
      -ms-transform-origin: 50% 3rem;
          transform-origin: 50% 3rem;
}
.m-rotatePlay .m-rotateDom li > p {
  margin-bottom: 0.2rem;
  max-width: 2rem;
  margin: 0.3rem auto 0;
}
.m-rotatePlay .m-rotateDom li > img {
  -webkit-transform: scale(1.2) translateY(-0.1rem);
      -ms-transform: scale(1.2) translateY(-0.1rem);
          transform: scale(1.2) translateY(-0.1rem);
}
.m-rotatePlay .m-rotatePoint {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
}
.m-rotatePlay .m-rotatePoint .btn {
  width: 2rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  z-index: 2;
}
.m-rotatePlay .m-rotatePoint .disabled {
  opacity: 0.7;
}
.m-rotatePlay .m-rotatePoint .pointer {
  width: 6.4rem;
  position: absolute;
  top: -2.2rem;
  left: -2.2rem;
}
.m-rotatePlay .m-rotatePlay-modal {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}
.m-rotatePlay .m-rotatePlay-modal .close {
  background: url('/static/images/activity/art_design/2019/webapp/vote-close.jpg') no-repeat;
  width: 1rem;
  height: 1rem;
  background-size: 1rem auto;
  position: absolute;
  top: 1.5rem;
  right: 0.5rem;
}
.m-rotatePlay .m-rotatePlay-modal > .content {
  width: 6.9rem;
  height: 5.07rem;
  background: url('/static/images/activity/art_design/2019/webapp/vote_popModel.png') no-repeat;
  background-size: 6.9rem auto;
  position: absolute;
  top: 2.5rem;
  left: 0.3rem;
}
.m-rotatePlay .m-rotatePlay-modal > .content > p {
  width: 5.2rem;
  color: #7d302f;
  margin: 1.2rem auto 0.4rem;
  line-height: 0.6rem;
  min-height: 2rem;
  font-size: 0.36rem;
  text-align: center;
}
.m-rotatePlay .m-rotatePlay-modal > .content .content-btn {
  text-align: center;
  color: #7d302f;
  font-size: 0.36rem;
}

.next-a-wrap-lottery {
  width: 7.5rem;
  height: 16.26rem;
  background: url('/static/images/activity/art_design/2019/webapp/vote_bg.png') no-repeat;
  background-size: 7.5rem auto;
}
.next-a-wrap-lottery .rotate-box {
  width: 7.5rem;
  height: 7.5rem;
  overflow: hidden;
}
.next-a-wrap-lottery .rotate-box .turntable {
  width: 6.44rem;
  height: 6.44rem;
  margin: 0.5rem auto;
  background: url('/static/images/activity/art_design/2019/webapp/turntable.png') no-repeat;
  background-size: 6.44rem auto;
}
.next-a-wrap-lottery > h3 {
  color: #fff;
  font-size: 0.46rem;
  text-align: center;
}
.next-a-wrap-lottery .turntable-intro {
  color: #fff;
  width: 6.9rem;
  margin: 0.8rem auto 0;
}
.next-a-wrap-lottery .turntable-intro > p {
  margin-bottom: 0.2rem;
  line-height: 0.5rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_app-Preach {
  width: 7.5rem;
  height: 30.75rem;
  background: url('/static/images/activity/art_design/2019/webapp/prize-bg.png') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
  z-index: 1;
}
.art_app-Preach .Preach {
  position: absolute;
  width: 7.5rem;
  height: 30.75rem;
  left: 0;
  top: 0;
  padding-top: 5.4rem;
}
.art_app-Preach .Preach .enroll-btn {
  display: block;
  width: 7.5rem;
  height: 1.7rem;
  background: url('/static/images/activity/art_design/2019/webapp/enroll-btn.png') no-repeat;
  background-size: 7.5rem auto;
}
.art_app-Preach .Preach-Item1 {
  width: 7.5rem;
  height: 21.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/preach-wrap.png') no-repeat;
  background-size: 7.5rem;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
}
.art_app-Preach .Preach-Item1 .content {
  width: 7.5rem;
  height: 10.76rem;
  background: url('/static/images/activity/art_design/2019/webapp/preach-con.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 3.8rem;
}
.art_app-Preach .Preach-Item1 .table {
  width: 7.5rem;
  height: 6.36rem;
  background: url('/static/images/activity/art_design/2019/webapp/preach-table.png') no-repeat;
  background-size: 7.5rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_app-Prize {
  width: 7.5rem;
  height: 34.59rem;
  background: url('/static/images/activity/art_design/2019/webapp/prize-bg.png') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
  z-index: 1;
}
.art_app-Prize .Prize {
  position: absolute;
  width: 7.5rem;
  height: 34.59rem;
  left: 0;
  top: 0;
  padding-top: 5.4rem;
}
.art_app-Prize .Prize .enroll-btn {
  display: block;
  width: 7.5rem;
  height: 1.7rem;
  background: url('/static/images/activity/art_design/2019/webapp/enroll-btn.png') no-repeat;
  background-size: 7.5rem auto;
}
.art_app-Prize .Prize-Item1 {
  width: 6.27rem;
  height: 3.81rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/prize-intro.png') no-repeat;
  background-size: 6.27rem;
  margin-top: 1rem;
}
.art_app-Prize .Prize-Item2 {
  width: 6.2rem;
  height: 5.42rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/prize-1.png') no-repeat;
  background-size: 6.2rem;
  position: relative;
  z-index: 5;
  margin-top: 0.3rem;
}
.art_app-Prize .Prize-Item3 {
  width: 6.11rem;
  height: 5.22rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/prize-2.png') no-repeat;
  background-size: 6.11rem;
  margin-top: -1.4rem;
  position: relative;
  z-index: 4;
}
.art_app-Prize .Prize-Item4 {
  width: 5.92rem;
  height: 5.45rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/prize-3.png') no-repeat;
  background-size: 5.92rem;
  margin-top: -1.6rem;
  position: relative;
  z-index: 3;
}
.art_app-Prize .Prize-Item5 {
  width: 7.49rem;
  height: 7.26rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/prize-4.png') no-repeat;
  background-size: 7.49rem;
  margin-top: -1.6rem;
  position: relative;
  z-index: 2;
}
.art_app-Prize .Prize-Item6 {
  width: 6.2rem;
  height: 2.8rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/2019/webapp/prize-add.png') no-repeat;
  background-size: 6.2rem;
}

.comment-container-d {
  width: 100%;
  height: 100%;
  color: #ccc;
}
.comment-container-d .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.comment-container-d .textArea-box {
  position: relative;
  border: none;
  width: 100%;
  height: 100%;
}
.comment-container-d .textArea-box > img {
  width: 100%;
  height: 100%;
}
.comment-container-d .textArea-box .commet-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0.22rem;
}
.comment-container-d .textArea-box-submit {
  display: inline-block;
  text-align: right;
  width: 1rem;
  height: 0.44rem;
  float: right;
}
.comment-container-d .textArea-box-submit > img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.comment-container-d .textArea-box-count {
  width: 98%;
  height: 0.44rem;
  position: absolute;
  right: 0.03rem;
  vertical-align: center;
  bottom: 0.03rem;
  padding-left: 0.15rem;
  text-align: left;
  font-size: 0.22rem;
  line-height: 0.44rem;
  background: transparent;
}
.comment-container-d .textArea-box-input {
  width: 100%;
  padding: 0rem 0.1rem 0rem 0.15rem;
  margin-top: 0.16rem;
  /* margin-bottom: 0.5rem; */
  /* min-height: 60%; */
  /* max-height: 68%; */
  height: 70%;
  font-size: 0.24rem;
  color: #fff;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment-list-d .empty_status {
  text-align: center;
}
.comment-list-d .empty_status > img {
  width: 160px;
  height: 160px;
}
.comment-list-d .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.comment-list-d > div {
  padding: 0.52rem 0 0.48rem 0;
  border-bottom: 1px solid rgba(245, 245, 249, 0.6);
}
.comment-list-d > div:last-of-type {
  border-bottom: none;
}
.comment-list-d .item-left {
  height: 0.64rem;
  width: 0.64rem;
  float: left;
  border-radius: 0.32rem;
  overflow: hidden;
}
.comment-list-d .item-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-list-d .item-right {
  margin-left: 0.9rem;
}
.comment-list-d .item-right > div {
  font-size: 0.27rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: justify;
  line-height: 1.4;
  margin-bottom: 0.08rem;
  word-wrap: break-word;
  white-space: break-spaces;
}
.comment-list-d .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: #999999;
  font-weight: 500;
  font-size: 0.24rem;
}
.comment-list-d .item-right h5 span {
  line-height: 1.4;
}
.comment-list-d .item-right h5 > span:nth-of-type(1) {
  margin-right: 0.2rem;
  font-weight: 600;
}
.comment-list-d .item-right .item-action {
  margin: 0.4rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment-list-d .item-right .item-action > span {
  margin-right: 0.24rem;
  font-size: 0.22rem;
  color: #a1a5b3;
  letter-spacing: 0;
  line-height: 1.2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment-list-d .item-right .item-action .item-like i {
  background: url("/static/icons/like_small@2x.png") no-repeat;
  background-size: 0.84rem 0.28rem;
}
.comment-list-d .item-right .item-action .item-like .has-liked {
  background-position: -0.56rem 0;
}
.comment-list-d .item-right .item-action .item-answer i {
  background: url("/static/icons/comment_small@2x.png") no-repeat;
  background-size: 0.56rem 0.28rem;
}
.comment-list-d .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.comment-list-d .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 0.28rem;
  width: 0.28rem;
  overflow: hidden;
  vertical-align: top;
  margin-right: 0.04rem;
}
.comment-list-d .item-right .item-action > span:hover i {
  background-position: -0.28rem 0;
}
.comment-list-d .child-comments {
  padding: 16px 27px 16px 16px;
  background: #f1f1f1;
  border-radius: 8px;
  opacity: 0.6;
}
.comment-list-d .child-comments .child-more {
  font-size: 0.22rem;
  color: #4a90e2;
  margin-top: 0.1rem;
  cursor: pointer;
}
.comment-list-d .child-comments .child-item {
  margin-bottom: 0.12rem;
}
.comment-list-d .child-comments .child-item .child-item-left {
  float: left;
  height: 0.36rem;
  width: 0.36rem;
  border-radius: 0.18rem;
  overflow: hidden;
}
.comment-list-d .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 0.36rem;
  width: 0.36rem;
}
.comment-list-d .child-comments .child-item .child-item-right {
  margin-left: 0.56rem;
  font-size: 0.22rem;
  color: #2e2e33;
  letter-spacing: 0;
  line-height: 0.36rem;
  word-wrap: break-word;
  white-space: pre-wrap;
  text-align: left;
}
.comment-list-d .child-comments .child-item .child-item-right span {
  color: #6a6d7a;
  font-weight: 600;
}
.comment-list-d .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.comment-list-d .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.next-a-wrap-showcase {
  width: 7.5rem;
  height: auto;
  background: url(/static/images/activity/art_design/2019/webapp/prize-bg.png) no-repeat;
  background-size: 7.5rem auto;
  background-color: #2c0b0a;
  position: relative;
  z-index: 1;
  font-family: STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
}
.next-a-wrap-showcase p {
  margin: 0;
  padding: 0;
}
.next-a-wrap-showcase > img {
  width: 100%;
  height: 100%;
}
.next-a-wrap-showcase .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
  background: transparent;
  padding-bottom: 1rem;
}
.next-a-wrap-showcase .home-content > img {
  width: 100%;
  z-index: -11;
  position: absolute;
}
.next-a-wrap-showcase .home-content .modular-itemComment-m {
  position: relative;
  width: 7.5rem;
  max-height: 14rem;
  padding: 0rem 0.48rem 1rem 0.48rem;
  overflow: auto;
}
.next-a-wrap-showcase .home-content .modular-itemComment-m .comment-title {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
}
.next-a-wrap-showcase .home-content .modular-itemComment-m .pc-comment-box {
  max-height: 8.6rem;
  overflow: auto;
}
.next-a-wrap-showcase .home-content .home-content-modular {
  width: 7.5rem;
  padding-top: 5.7rem;
  background: transparent;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m {
  width: 7.5rem;
  overflow: hidden;
  background: transparent;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe .art_worksdetail-divider {
  width: 2.74rem;
  height: 0.32rem;
  background-size: contain;
  background: url("/static/images/activity/art_design/2019/works_divider.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe .title {
  font-size: 0.48rem;
  margin-top: 0.14rem;
  color: #d8d8d8;
  text-align: center;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe .liked {
  width: 1.46rem;
  height: 1.46rem;
  margin: 0.48rem auto 0 auto;
  background-size: contain;
  background: url("/static/images/activity/art_design/2019/webapp/worksdetail_like_bg.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe .liked .liked_heart {
  width: 0.95rem;
  height: 0.94rem;
  margin: 0.13rem auto 0rem auto;
  background-size: contain;
  background: url("/static/images/activity/art_design/2019/webapp/worksdetail_unlike_big.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe .liked .liked_heart.active {
  background: url("/static/images/activity/art_design/2019/webapp/worksdetail_like_big.png") 0 0 / contain no-repeat;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-describe .liked > p {
  font-size: 0.28rem;
  color: #c47b7f;
  text-align: center;
  margin: -0.1rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 {
  margin-top: 0.64rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content {
  width: 6.83rem;
  height: 4.1rem;
  margin: 0.35rem auto 0;
  overflow: hidden;
  background: url("/static/images/activity/art_design/2019/worksdetail_bg.png") no-repeat;
  background-size: 6.83rem 4.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer {
  width: 6.4rem;
  height: 3.6rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container {
  width: 100%;
  height: 100%;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container .swiper-slide {
  width: 6.4rem;
  height: 3.6rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container .swiper-slide > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container .slick-dots {
  bottom: 10px;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container .slick-dots > li {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 100%;
  background-color: transparent;
  border: solid 3px #c78287;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container .slick-dots > li > button::before {
  display: none;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-spiwer .swiper-container .slick-dots > li.slick-active {
  background-color: #c78287;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-4 {
  padding: 0 0.48rem 0rem 0.48rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-m-title {
  font-size: 0.32rem;
  color: #d8d8d8;
  text-align: left;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-sendComment {
  width: 6.38rem;
  height: 2.39rem;
  margin: 0.18rem auto;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-itemComment {
  width: 6.36rem;
  height: 10rem;
  margin: 0 auto;
  overflow: auto;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-itemComment .comment-title {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-itemComment .pc-comment-box {
  height: 8.6rem;
  overflow: auto;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail {
  width: 100%;
  padding: 0.48rem 0.48rem 0.4rem 0.48rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-title .title {
  text-align: left;
  font-size: 0.48rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-title .id {
  text-align: right;
  font-size: 0.24rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  width: 100%;
  margin: 0.28rem 0 0.26rem 0;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson .header {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  border: 0.02rem solid #513c3b;
  margin-right: 0.18rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson img[src=""],
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson img:not([src]) {
  background: aliceblue;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson .info {
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson .info p {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson .info .name {
  font-size: 0.3rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-preson .info .school {
  font-size: 0.24rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-describe {
  font-size: 0.24rem;
  color: #bdbdbd;
  text-align: left;
  word-break: break-all;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-like {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.78rem;
  line-height: 0.78rem;
  border: 0.02rem solid #563835;
  border-radius: 0.16rem;
  padding: 0 0.3rem;
  margin: 0.72rem auto 0.88rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-like .art_worksdetail-detail-doLike {
  width: 0.76rem;
  height: 0.76rem;
  background: url("/static/images/activity/art_design/2019/worksdetail_unlike_mal.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-like .art_worksdetail-detail-doLike.active {
  background: url("/static/images/activity/art_design/2019/worksdetail_like_mal.png") 0 0 / cover no-repeat;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-like-1 {
  font-size: 0.29rem;
  color: #d8d8d8;
  margin-right: 0.05rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .art_worksdetail-detail-like-2 {
  font-size: 0.34rem;
  color: #c47b7f;
  margin-right: 0.05rem;
}
.next-a-wrap-showcase .home-content .home-content-modular .modular-m .line {
  width: 100%;
  height: 0.02rem;
  background: rgba(128, 128, 128, 0.3);
}

.yimeng-h5 {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: 1.5rem;
  background: url("/static/images/activity/art_design/yimeng/h5/bg-01.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/bg-02.png") repeat;
  background-size: 7.5rem auto;
  font-family: 'Font-song';
}
.yimeng-h5-kv {
  width: 7.5rem;
  height: 4.58rem;
  background: url("/static/images/activity/art_design/yimeng/h5/kv.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-sign-up {
  margin: -0.68rem auto 0;
  width: 6.7rem;
  height: 1.36rem;
  background: url("/static/images/activity/art_design/yimeng/h5/sign-up.png") no-repeat;
  background-size: cover;
  position: relative;
  z-index: 4;
}
.modal-h5-ym-topic {
  width: 1.6rem;
  position: fixed;
  top: 0.8rem;
  right: 0.16rem;
  z-index: 100;
}
.modal-h5-ym-topic .topic {
  width: 1.8rem;
  height: 4.08rem;
  background: url("/static/images/activity/art_design/yimeng/h5/modal-topic.png") no-repeat;
  background-size: cover;
}
.modal-h5-ym-topic .QQ {
  width: 2.06rem;
  height: 2.3rem;
  background: url("/static/images/activity/art_design/yimeng/h5/bg-QQ.png") no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
  right: 0.2rem;
}
.modal-h5-ym-topic .QQ > img {
  margin-top: 0.36rem;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-transform: translateX(-0.06rem);
      -ms-transform: translateX(-0.06rem);
          transform: translateX(-0.06rem);
}
.modal-h5-ym-topic .QQ > p {
  margin-top: 0.12rem;
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #000;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  margin-left: -0.18rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.checkin-page {
  width: 100%;
  padding: 0 0.4rem;
  min-height: 100vh;
  overflow: hidden;
}
.checkin-page p {
  margin-bottom: 0;
}
.checkin-page .activity-card {
  width: 6.7rem;
  height: 3.2rem;
  border-radius: 0.24rem;
  margin-top: 0.24rem;
  padding: 0.4rem;
  color: #fff;
  background: url('/static/images/activity/checkin/activity-start.png') no-repeat;
  background-size: cover;
}
.checkin-page .activity-card > p {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #fefefe;
}
.checkin-page .activity-card > p:nth-of-type(2) {
  margin-top: 18px;
}
.checkin-page .activity-card > p:nth-of-type(2):before {
  content: "";
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.08rem;
  background: url('/static/images/activity/checkin/time.png') no-repeat;
  background-size: 0.28rem auto;
  -webkit-transform: translateY(0.03rem);
      -ms-transform: translateY(0.03rem);
          transform: translateY(0.03rem);
}
.checkin-page .activity-card > p:nth-of-type(3) {
  margin-top: 0.08rem;
}
.checkin-page .activity-card > h2 {
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 0.16rem;
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #fff;
}
.checkin-page .activity-end {
  background: url('/static/images/activity/checkin/activity-end.png') no-repeat;
  background-size: cover;
}
.checkin-page .checkin-status {
  margin-top: 2rem;
  text-align: center;
  padding-bottom: 2.8rem;
}
.checkin-page .checkin-status > img {
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
}
.checkin-page .checkin-status > p {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #666;
  text-align: center;
}
.checkin-page .checkin-status .downloadApp {
  display: block;
  margin: 0 auto;
  width: 4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #D83B2f;
  border: 1px solid #D83B2f;
  border-radius: 0.4rem;
  margin-top: 0.48rem;
}
.checkin-page .checkIn-input .input-Item > h3 {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: #333;
  margin-top: 0.4rem;
}
.checkin-page .checkIn-input .checkIn-submit {
  display: block;
  width: 6.7rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #fff;
  border-radius: 0.16rem;
  background: #F3C4C0;
  font-size: 0.28rem;
  margin: 3.7rem auto 0;
  text-align: center;
}
.checkin-page .checkIn-input .checkIn-submit-status {
  background: #D83B2f;
}
.checkin-sign-success {
  text-align: center;
  padding-top: 3.68rem;
}
.checkin-sign-success > img {
  width: 1.28rem;
  height: 1.28rem;
}
.checkin-sign-success > h3 {
  margin-top: 0.32rem;
  font-size: 0.4rem;
  color: #D83B2f;
  letter-spacing: 0.56px;
}
.checkin-sign-success > p {
  color: #333;
  font-size: 0.28rem;
  letter-spacing: 0.39px;
  margin-top: 0.14rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.m-job-compus .header {
  width: 100%;
  overflow: hidden;
}
.m-job-compus .header > img {
  width: 100%;
}
.m-job-compus .nav {
  width: 100%;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.m-job-compus .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.m-job-compus .nav-item > a {
  display: block;
  overflow: hidden;
  margin-top: 0.27rem;
}
.m-job-compus .nav-item > a p {
  margin-bottom: 0;
  color: #333;
  font-size: 0.26rem;
  line-height: 1.4;
}
.m-job-compus .nav-item:nth-child(1) {
  position: relative;
}
.m-job-compus .nav-item:nth-child(1) > a > p {
  color: #d83b2f;
}
.m-job-compus .nav-item:nth-child(1) .line-active {
  width: 0.56rem;
  height: 0.04rem;
  background: #d83b2f;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.m-job-compus .intro {
  width: 100%;
  height: 3.73rem;
  background: url('/static/images/activity/job-compus/2019App/bg2.png') no-repeat;
  background-size: 100% auto;
  text-align: center;
}
.m-job-compus .intro > img {
  width: 6.66rem;
  height: 3.02rem;
  margin: 0 auto;
  margin-top: 0.32rem;
}
.m-job-compus .live {
  width: 100%;
  height: 12.82rem;
  text-align: center;
}
.m-job-compus .live .live-title {
  width: 3.12rem;
  margin-top: 0.4rem;
}
.m-job-compus .live .live-bg {
  width: 6.96rem;
  height: 10.36rem;
  margin: -0.2rem auto 0;
  background: url('/static/images/activity/job-compus/2019App/live-bg.png') no-repeat;
  background-size: 6.96rem auto;
  overflow: hidden;
}
.m-job-compus .live .live-bg .live-box {
  width: 6.66rem;
  height: 3.76rem;
  background: #363636;
  margin: 4.6rem auto 0;
}
.m-job-compus .live .live-bg .live-box iframe {
  width: 100%;
  height: 100%;
}
.m-job-compus .live .live-bg .live-btn {
  width: 4.8rem;
  margin: 0.3rem auto 0;
}
.m-job-compus .live .live-bg .live-btn > a {
  display: inline-block;
  width: 4.8rem;
  overflow: hidden;
}
.m-job-compus .live .live-bg .live-btn > a > img {
  width: 100%;
}
.m-job-compus .live .live-footer {
  width: 100%;
  margin-top: -1rem;
  position: relative;
  z-index: -1;
}
.m-job-compus .live .live-footer > img {
  width: 100%;
}

.job-compus-2020-h5 {
  width: 100%;
  background: #22253E;
  min-width: 7.5rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FED19B), to(#Ffc47d));
  background-image: -o-linear-gradient(top, #FED19B 0%, #Ffc47d 100%);
  background-image: linear-gradient(180deg, #FED19B 0%, #Ffc47d 100%);
}
@font-face {
  font-family: 'fangzhenglanting';
  src: url('/static/images/activity/job_compus/FZLTCHJW.ttf');
}
.job-compus-2020-h5--banner {
  width: 100%;
  height: 7.1rem;
  background: url('/static/images/activity/job-compus/2020/h5/banner.png') no-repeat;
  background-size: 7.5rem 7.1rem;
  background-position: center;
  min-width: 7.5rem;
}
.job-compus-2020-h5--content {
  width: 7.5rem;
  margin: -1.2rem auto 0;
}
.job-compus-2020-h5--intro {
  padding: 0.32rem;
  width: 7.06rem;
  margin: 0 auto;
  height: 4.86rem;
  background: url('/static/images/activity/job-compus/2020/h5/intro.png') no-repeat;
  background-size: 100% 100%;
  font-size: 0.26rem;
  color: #720417;
  line-height: 0.41rem;
}
.job-compus-2020-h5--intro p {
  margin-bottom: 0;
}
.job-compus-2020-h5--block {
  margin-bottom: 0.88rem;
}
.job-compus-2020-h5--title {
  margin: 0.56rem auto 0;
  width: 4.51rem;
  height: 0.72rem;
  background: url('/static/images/activity/job-compus/2020/h5/title.png') no-repeat;
  background-size: 100% 100%;
  font-size: 0.38rem;
  color: #93003F;
  letter-spacing: 0.052rem;
  line-height: 0.72rem;
  font-family: 'SimHei', 'fangzhenglanting', 'STHeiti';
  font-weight: bold;
  text-align: center;
}
.job-compus-2020-h5--live {
  position: relative;
}
.job-compus-2020-h5--live-time {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.37rem;
  margin-bottom: 0.28rem;
  font-size: 0.3rem;
  color: #C62510;
  line-height: 0.42rem;
  font-family: PingFangSC-Semibold;
}
.job-compus-2020-h5--live-content {
  position: relative;
  z-index: 1;
  margin: 0.6rem auto 0.68rem;
  width: 7.06rem;
  background: url('/static/images/activity/job-compus/2020/h5/live-center.png');
  background-size: 100%;
  padding: 0.02rem 0.22rem;
}
.job-compus-2020-h5--live-content::before {
  content: '';
  display: block;
  position: absolute;
  top: -0.32rem;
  left: 0;
  z-index: -1;
  width: 7.06rem;
  height: 0.32rem;
  background: url('/static/images/activity/job-compus/2020/h5/live-top.png');
  background-size: 7.06rem 0.32rem;
}
.job-compus-2020-h5--live-content::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -0.32rem;
  left: 0;
  width: 7.06rem;
  height: 0.32rem;
  background: url('/static/images/activity/job-compus/2020/h5/live-bottom.png') no-repeat;
  background-size: 7.06rem 0.32rem;
}
.job-compus-2020-h5--live-poster {
  margin: -0.1rem auto 0;
  width: 6.5rem;
  height: 4.12rem;
  border: 0.02rem solid #FEC98D;
  border-radius: 0.04rem;
  background: #FEC98D;
  text-align: center;
}
.job-compus-2020-h5--live-poster img {
  vertical-align: bottom;
  margin-top: 0.02rem;
  width: calc(100% - 0.04rem);
  height: calc(100% - 0.04rem);
  border-radius: 0.04rem;
}
.job-compus-2020-h5--live-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  position: relative;
  margin-top: 0.15rem;
  margin-bottom: 0.06rem;
  text-indent: 1.28rem;
  font-size: 0.3rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 0.46rem;
}
.job-compus-2020-h5--live-title.no-tag {
  text-indent: -0.2rem;
}
.job-compus-2020-h5--live-tag {
  position: absolute;
  top: 0.04rem;
  left: 0;
  width: 1.2rem;
  height: 0.36rem;
  text-indent: 0;
  background: #CACACA;
  border-radius: 0.06rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-weight: normal;
  color: #555555;
  text-align: center;
}
.job-compus-2020-h5--live-tag.notice {
  background-image: -o-linear-gradient(315deg, #FBCA5C 0%, #FFB048 50%, #FA8540 100%);
  background-image: linear-gradient(135deg, #FBCA5C 0%, #FFB048 50%, #FA8540 100%);
  color: #fff;
}
.job-compus-2020-h5--live-tag.live {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: -o-linear-gradient(315deg, #FA7435 0%, #F85D27 44%, #E0321B 100%);
  background-image: linear-gradient(135deg, #FA7435 0%, #F85D27 44%, #E0321B 100%);
  color: #fff;
}
.job-compus-2020-h5--live-tag.live::before {
  display: block;
  content: '';
  margin-right: 0.12rem;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #fff;
}
.job-compus-2020-h5--live-tag.no-tag {
  display: none;
}
.job-compus-2020-h5--live-intro {
  width: 100%;
  font-size: 0.26rem;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 0.4rem;
}
.job-compus-2020-h5--live-bottom {
  margin-top: 0.27rem;
}
.job-compus-2020-h5--live-btn {
  width: 6.5rem;
  height: 0.74rem;
  line-height: 0.74rem;
  background: #74748A;
  border-radius: 0.06rem;
  font-size: 0.32rem;
  letter-spacing: 0.0089rem;
  color: #FFFCFA;
  text-align: center;
  cursor: pointer;
}
.job-compus-2020-h5--live-btn.notice {
  background: #FFAF49;
  color: #FFFFFF;
}
.job-compus-2020-h5--live-btn.live {
  background: #B3200D;
  color: #fff;
}
.job-compus-2020-h5--bottom {
  margin: 0 auto;
  width: 7.5rem;
  height: 1.41rem;
  background: url('/static/images/activity/job-compus/2020/h5/bottom.png');
  background-size: 7.5rem 1.41rem;
}
.job-compus-2020-h5-modal .ant-modal-close-x {
  display: none;
}
.job-compus-2020-h5-modal .ant-modal {
  width: 6.54rem;
  border-radius: 0.32rem;
}
.job-compus-2020-h5-modal .ant-modal-content {
  background-image: url('/static/images/activity/job-compus/2020/h5/modal-bg.png');
  background-size: 6.54rem 3rem;
  background-position: top;
  background-repeat: no-repeat;
}
.job-compus-2020-h5-modal .ant-modal-body {
  padding-top: 0.68rem;
  padding-left: 0.48rem;
  padding-right: 0.48rem;
}
.job-compus-2020-h5-modal .ant-input {
  border-radius: 0;
  max-width: 5.58rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 0.72rem;
  border: none;
  background: url('/static/images/activity/job-compus/2020/h5/input-border.png') no-repeat;
  background-size: 5.58rem 0.72rem;
  font-size: 0.28rem;
  color: #2e2e33;
}
.job-compus-2020-h5-modal .ant-input:focus {
  background: url('/static/images/activity/job-compus/2020/h5/input-border-checked.png') no-repeat;
  background-size: 5.58rem 0.72rem;
}
.job-compus-2020-h5-modal .ant-input::-webkit-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-input::-moz-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-input:-ms-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-input::-ms-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-input::placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal-options {
  border: 1px solid #D5D8E6;
  border-radius: 0.08rem;
}
.job-compus-2020-h5-modal-options .ant-select-dropdown-menu-item {
  padding: 0.16rem 0.2rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #2E2E33;
}
.job-compus-2020-h5-modal-options .ant-select-dropdown-menu-item-selected {
  background: -o-linear-gradient(315deg, #FA7435 0%, #F85D27 44%, #E0321B 100%);
  background: linear-gradient(135deg, #FA7435 0%, #F85D27 44%, #E0321B 100%);
  color: #fff;
}
.job-compus-2020-h5-modal .ant-select {
  outline: none;
  width: 5.58rem;
  height: 0.72rem;
  font-size: 0.28rem;
  color: #2E2E33;
}
.job-compus-2020-h5-modal .ant-select::-webkit-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-select::-moz-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-select:-ms-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-select::-ms-input-placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-select::placeholder {
  color: #A5A7B5;
}
.job-compus-2020-h5-modal .ant-select-selection {
  border: none;
  width: 5.58rem;
  height: 0.72rem;
  background: url('/static/images/activity/job-compus/2020/h5/input-border.png') no-repeat;
  background-size: 5.58rem 0.72rem;
  border-radius: 0;
}
.job-compus-2020-h5-modal .ant-select-selection:focus {
  background: url('/static/images/activity/job-compus/2020/h5/input-border-checked.png') no-repeat;
  background-size: 5.58rem 0.72rem;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.job-compus-2020-h5-modal .ant-select-selection__placeholder {
  height: 0.4rem;
  line-height: 0.4rem;
  color: #A5A7B5;
  margin-top: -0.18rem;
}
.job-compus-2020-h5-modal .ant-select .ant-select-arrow {
  width: 0.4rem;
  height: 0.4rem;
  right: 0.14rem;
  top: 0.26rem;
}
.job-compus-2020-h5-modal .ant-select .ant-select-arrow svg {
  display: none;
}
.job-compus-2020-h5-modal .ant-select .ant-select-arrow .anticon-down {
  background: url('/static/images/activity/job-compus/2020/h5/arrow.png') no-repeat;
  background-size: 0.4rem 0.4rem;
  display: block;
  height: 0.4rem;
  width: 0.4rem;
}
.job-compus-2020-h5-modal .ant-select-open .ant-select-arrow .anticon-down {
  background: url('/static/images/activity/job-compus/2020/h5/arrow2.png') no-repeat;
  background-size: 0.4rem 0.4rem;
  display: block;
  height: 0.4rem;
  width: 0.4rem;
}
.job-compus-2020-h5-modal .ant-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 0.72rem;
}
.job-compus-2020-h5-modal-title {
  margin-bottom: 0.4rem;
  text-align: center;
  line-height: 0.56rem;
  font-weight: bold;
  font-size: 0.4rem;
  color: #2E2E33;
}
.job-compus-2020-h5-modal-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.12rem;
  font-size: 0.26rem;
  color: #2E2E33;
  line-height: 0.44rem;
}
.job-compus-2020-h5-modal-label:before {
  display: block;
  content: '';
  margin-right: 0.1rem;
  width: 0.13rem;
  height: 0.13rem;
  background: url('/static/images/activity/job-compus/2020/h5/star.png') no-repeat;
  background-size: 0.13rem;
}
.job-compus-2020-h5-modal-content {
  margin-bottom: 0.32rem;
}
.job-compus-2020-h5-modal-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 0.34rem;
  color: #FFFFFF;
  margin-top: 0.64rem;
  width: 5.58rem;
  height: 0.88rem;
  background-image: -o-linear-gradient(322deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  background-image: linear-gradient(128deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  border-radius: 0.44rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: not-allowed;
  opacity: 0.5;
}
.job-compus-2020-h5-modal-btn.sure {
  background-image: -o-linear-gradient(322deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  background-image: linear-gradient(128deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  cursor: pointer;
  opacity: 1;
}
.job-compus-2020-h5 .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.job-compus-2020-h5 .ant-notification .job-compus-2020-h5-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.job-compus-2020-h5 .ant-notification .job-compus-2020-h5-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  background: url('/static/images/activity/job-compus/2020/h5/toast_error.png') no-repeat;
  background-size: 14px;
}
.job-compus-2020-h5 .ant-notification .job-compus-2020-h5-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.job-compus-2020-h5 .ant-notification .job-compus-2020-h5-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  background: url('/static/images/activity/job-compus/2020/h5/toast_success.png') no-repeat;
  background-size: 14px;
}
.job-compus-2020-h5 .ant-notification-notice-close {
  display: none;
}
.job-compus-2020-h5 .ant-notification-notice-message {
  display: none;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.job_p {
  background: #1d1c33;
  min-height: 100vh;
  font-family: "\5B8B\4F53";
  width: 7.5rem;
  margin: 0 auto;
}
.job_p .cursor {
  cursor: pointer;
}
.job_p-head {
  width: 7.5rem;
  height: 5.32rem;
  background: #f60;
  margin: 0 auto;
  background: url("/static/images/activity/job_practice/head.png") no-repeat;
  background-size: 7.5rem auto;
}
.job_p-wrap {
  overflow: hidden;
  padding-bottom: 1rem;
}
.job_p-wrap .Item1 {
  height: 5.2rem;
  width: 6.9rem;
  margin: 0 auto 0.64rem;
}
.job_p-wrap .Item1-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1rem;
}
.job_p-wrap .Item1-head .num {
  width: 2rem;
  font-size: 0.54rem;
  line-height: 1rem;
  font-weight: 600;
  text-align: center;
}
.job_p-wrap .Item1-head .name {
  width: 4.9rem;
  color: #fff;
  font-size: 0.36rem;
  line-height: 1.1;
  padding-left: 0.15rem;
}
.job_p-wrap .Item1-video {
  width: 6.78rem;
  height: 3.88rem;
  margin-top: 0.3rem;
  background: url("/static/images/activity/job_practice/video_bg.png") no-repeat;
  background-size: 6.78rem auto;
  position: relative;
}
.job_p-wrap .Item1-video > img {
  width: 100%;
  height: 100%;
  padding: 0.22rem;
}
.job_p-wrap .Item1-video::before {
  content: " ";
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: url("/static/images/activity/job_practice/video-icon.png") no-repeat;
  background-size: 1rem auto;
}
.job_p-wrap .Item1-subject {
  display: block;
  padding: 0.4rem;
}
.job_p-wrap .Item1-subject > p {
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.4rem;
  margin-bottom: 0.2rem;
}
.job_p-wrap .Item1-subject > p.li {
  font-size: 0.36rem;
  line-height: 0.44rem;
  color: #fee0b1;
}
.job_p-wrap .Item1-subject > p.li > span {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: url("/static/images/activity/job_practice/book.png") no-repeat;
  background-size: 0.5rem;
  -webkit-transform: translateY(0.2rem);
      -ms-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
.job_p-wrap .Item1-subject > p.href > a {
  color: #70bfff;
  text-decoration: underline;
}
.job_p-wrap .Item1-subject > p.href > span {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: url("/static/images/activity/job_practice/pointer.png") no-repeat;
  background-size: 0.4rem;
  -webkit-transform: translateY(0.16rem);
      -ms-transform: translateY(0.16rem);
          transform: translateY(0.16rem);
  margin-left: 0.1rem;
}
.job_p-wrap .Item1-subject::before {
  background: none;
}
.job_p-wrap .footer {
  margin: 0.5rem auto;
  width: 6.5rem;
}
.job_p-wrap .footer .job {
  width: 6.5rem;
  height: 0.88rem;
  text-align: center;
  background: url("/static/images/activity/job_practice/btn-bg.png") no-repeat;
  background-size: 6.5rem auto;
  margin-bottom: 1.4rem;
  color: #5a4545;
  font-size: 0.44rem;
  line-height: 0.88rem;
  font-weight: 600;
}
.job_p-wrap .footer .delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.44rem;
  line-height: 0.88rem;
  font-weight: 600;
  text-align: center;
}
.job_p-wrap .footer .delivery-job {
  width: 3.1rem;
  height: 0.88rem;
  background: url("/static/images/activity/job_practice/share.png") no-repeat;
  background-size: 3.1rem auto;
}
.job_p-wrap .footer .delivery-share {
  width: 3.1rem;
  height: 0.88rem;
}
.job_p-wrap .footer .delivery-intro {
  margin: 1rem auto;
  width: 6.5rem;
  height: 2.78rem;
  background: url("/static/images/activity/job_practice/bottom_intro.png") no-repeat;
  background-size: 6.5rem auto;
}
.job_p-wrap .footer .delivery-intro > p {
  color: #fff;
  padding: 0.3rem;
  font-size: 0.28rem;
}
.job_p-wrap .Item1-1 {
  background: url("/static/images/activity/job_practice/course_1.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-2 {
  background: url("/static/images/activity/job_practice/course_2.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-3 {
  background: url("/static/images/activity/job_practice/course_3.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-4 {
  background: url("/static/images/activity/job_practice/course_4.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-5 {
  background: url("/static/images/activity/job_practice/course_5.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-6 {
  background: url("/static/images/activity/job_practice/course_6.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-7 {
  background: url("/static/images/activity/job_practice/course_7.png") no-repeat;
  background-size: 6.9rem auto;
}
.job_p-wrap .Item1-7 > .num {
  width: 3.8rem;
  padding-left: 0.8rem;
}
.job_p-wrap .Item1-7 > .num > a {
  color: #5a4545;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.job_p .modal-info {
  position: fixed;
  z-index: 9;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}
.job_p .modal-info .modal-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
}
.job_p .modal-info .close {
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  cursor: pointer;
  top: 1.12rem;
  right: 0.5rem;
  background: url("/static/images/activity/job_practice/close.png") no-repeat;
  background-size: 0.36rem auto;
  z-index: 999;
}
.job_p .modal-info .modal-content {
  width: 6.5rem;
  height: 4.8rem;
  position: absolute;
  left: 50%;
  top: 40%;
  background: url("/static/images/activity/job_practice/mask-bg.png") no-repeat;
  background-size: 6.5rem auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 10;
  color: #fff;
  padding: 0.3rem;
}
.job_p .modal-info .modal-content > .title {
  font-size: 0.54rem;
  text-align: center;
}
.job_p .modal-info .modal-content > p {
  margin-top: 0.1rem;
  line-height: 0.54rem;
  font-size: 0.31rem;
  margin-bottom: 0.15rem;
  text-align: justify;
}
.job_p .modal-info .modal-content > .btn {
  width: 5.6rem;
  height: 0.82rem;
  background: url("/static/images/activity/job_practice/btn-bg.png") no-repeat;
  background-size: 5.6rem auto;
  margin: 0 auto;
  color: #5a4545;
  text-align: center;
  font-size: 0.46rem;
  line-height: 0.82rem;
  font-weight: 600;
}
.job_p .modal-video .modal-content {
  width: 100vw;
  height: auto;
  left: 50%;
  top: 40%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: transparent;
  padding: 0;
  margin-top: 1rem;
}
.job_p .modal-video .modal-content > video {
  width: 100%;
}
.job_p .simple_login-form .Item .code {
  min-width: 2.24rem;
  height: 0.88rem;
  background: url("/static/images/activity/job_practice/code.png") no-repeat;
  background-size: 2.24rem auto;
  color: #5a4545;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.36rem;
  font-weight: 600;
}
.job_p .simple_login .submit {
  height: 0.88rem;
  background: url("/static/images/activity/job_practice/btn-bg.png") no-repeat;
  background-size: 6.5rem auto;
  color: #5a4545;
  font-size: 0.46rem;
  font-weight: 600;
}
.job_p .share-img {
  width: 7.5rem;
  height: auto;
}
.job_p .share-img > img {
  width: 100%;
  height: auto;
}
.job_p .share-img .share-info {
  width: 7.5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #fff;
  text-align: center;
  position: fixed;
  bottom: 0;
  font-size: 0.28rem;
  background: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}
.job_p .share-img .share-info > a {
  color: #fff;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.simple_login {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  font-size: 0.28rem;
}
.simple_login-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.simple_login-close {
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  cursor: pointer;
  top: 1.12rem;
  right: 0.5rem;
  background: url("/static/images/activity/job_practice/close.png") no-repeat;
  background-size: 0.36rem auto;
  z-index: 999;
}
.simple_login-form {
  width: 6.5rem;
  margin: 1.2rem auto 0;
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.simple_login-form .Item {
  height: 1.5rem;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.3rem;
  margin-bottom: 0rem;
}
.simple_login-form .Item-input {
  width: 100%;
}
.simple_login-form .Item-input > input {
  background: transparent;
  border: none;
  width: 100%;
  height: 0.6rem;
}
.simple_login-form .Item-input > input:focus {
  outline: transparent;
}
.simple_login-form .Item .code {
  min-width: 1.62rem;
  cursor: pointer;
}
.simple_login .submit {
  width: 6.5rem;
  position: absolute;
  top: 6rem;
  margin: 0 auto;
  color: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  height: 0.88rem;
  line-height: 0.88rem;
  background: -webkit-gradient(linear, left top, right top, from(#e9653f), color-stop(52%, #d83a34), to(#d52e4c));
  background: -o-linear-gradient(left, #e9653f 0%, #d83a34 52%, #d52e4c 100%);
  background: linear-gradient(90deg, #e9653f 0%, #d83a34 52%, #d52e4c 100%);
  border-radius: 16px;
  font-size: 0.52rem;
  border: none;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\F101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C";
}
.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10D";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}
.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: -1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
.video-js-box-job_practice .video-js {
  width: 100vw;
  height: 60vh;
}
.video-js-box-job_practice .video-js button.vjs-big-play-button {
  width: 1rem;
  height: 1rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: url("/static/images/activity/job_practice/video-icon.png") no-repeat;
  background-size: 1rem auto;
  border: none;
}
.video-js-box-job_practice .video-js button.vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}
.video-js-box-job_practice .video-js div.vjs-time-control {
  display: block;
}
.video-js-box-job_practice .video-js div.vjs-remaining-time {
  display: none;
}

.next-m-mg-wrap-home {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-home > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-home .live {
  margin-top: 6.98rem;
}
.next-m-mg-wrap-home .live h3 {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0 auto;
  margin-top: -0.8rem;
}
.next-m-mg-wrap-home .live h3 > img {
  width: 100%;
}
.next-m-mg-wrap-home .live .intro-intro {
  text-align: center;
  color: #fff;
  width: 6.4rem;
  padding-top: 0.15rem;
  margin: 0 auto 0.35rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.next-m-mg-wrap-home .live .live-video {
  width: 6.4rem;
  height: 3.7rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019App/home/live_bg.png') no-repeat;
  background-size: 6.4rem 3.7rem;
  position: relative;
  padding: 0.18rem 0.24rem 0.21rem 0.26rem;
}
.next-m-mg-wrap-home .live .live-video iframe {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-home .live .live-video video {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-home .live .live-video .live-btn {
  width: 0.52rem;
  height: 1.43rem;
  background: url('/static/images/activity/miniGame/2019App/home/live_yuyue.png') no-repeat;
  background-size: 0.52rem 1.43rem;
  position: absolute;
  top: 0.2rem;
  right: -0.44rem;
}
.next-m-mg-wrap-home .live .live-video .live-btn-live {
  width: 0.52rem;
  height: 1.43rem;
  background: url('/static/images/activity/miniGame/2019App/home/cc_live.jpg') no-repeat;
  background-size: 0.52rem 1.43rem;
  position: absolute;
  top: 0.2rem;
  right: -0.44rem;
}
.next-m-mg-wrap-home .section-1 {
  margin-top: 1.28rem;
  text-align: center;
  width: 7.5rem;
}
.next-m-mg-wrap-home .section-1 .intro-content {
  width: 7.5rem;
  height: 3.88rem;
  background: url('/static/images/activity/miniGame/2019App/home/intro-bg.png') no-repeat;
  background-size: 7.3rem 3.78rem;
  background-position: 0 0.1rem;
  color: #fff;
  padding-top: 0.3rem;
}
.next-m-mg-wrap-home .section-1 .intro-content h3 {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0 auto;
  margin-top: -0.8rem;
}
.next-m-mg-wrap-home .section-1 .intro-content h3 > img {
  width: 100%;
}
.next-m-mg-wrap-home .section-1 .intro-content .intro-intro {
  width: 6.4rem;
  padding-top: 0.15rem;
  margin: 0 auto;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: left;
}
.next-m-mg-wrap-home .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
}
.next-m-mg-wrap-home .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-home .home-content .page-bg {
  margin-top: -1px;
}
.next-m-mg-wrap-home .home-content-modular {
  position: absolute;
  left: 0;
  top: 0;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 {
  width: 7.5rem;
  margin-top: 1.56rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 h3 {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0.1rem auto;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 h3 > img {
  width: 100%;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 P {
  width: 6.55rem;
  margin: 0 auto;
  margin-bottom: 0.6rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: center;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 6.55rem;
  margin: 0 auto;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item {
  width: 0.93rem;
  height: 5.73rem;
  padding-top: 0.36rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item + .process-item {
  margin-left: 0.94rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .Item-num {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019/Process_num_bg.png') no-repeat;
  background-size: 0.9rem 0.83rem;
  background-position: -0.22rem -0.15rem;
  font-size: 0.26rem;
  color: #7c3210;
  font-weight: bold;
  line-height: 0.56rem;
  text-align: center;
  padding-right: 0rem;
  -webkit-transform: translateX(0.023rem);
      -ms-transform: translateX(0.023rem);
          transform: translateX(0.023rem);
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .Item-detail {
  width: 0.93rem;
  height: 4.73rem;
  background: url('/static/images/activity/miniGame/2019App/home/item-bg.png') no-repeat;
  background-size: 0.93rem 4.73rem;
  background-position: left;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .Item-detail > p {
  width: 0.32rem;
  line-height: 0.36rem;
  font-size: 0.32rem;
  margin: 0 auto;
  height: 2.55rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-0.05rem, 0.18rem);
      -ms-transform: translate(-0.05rem, 0.18rem);
          transform: translate(-0.05rem, 0.18rem);
  font-weight: bold;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .Item-detail .Item-time {
  width: 0.93rem;
  height: 0.85rem;
  margin-top: 0.3rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding-top: 0.05rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .Item-detail .Item-time > span:nth-child(2) {
  display: block;
  margin-top: 0.13rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .no-icon {
  background: url('/static/images/activity/miniGame/2019App/home/item-bg-null.png') no-repeat;
  background-size: 0.93rem 4.73rem;
  background-position: left;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item .no-icon .Item-time > span:nth-child(2) {
  width: 0.5rem;
  margin: 0 auto;
  line-height: 0.26rem;
  font-size: 0.2rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-1 .modular-process .process-item:nth-of-type(5) {
  margin-left: 0.02rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-2 {
  width: 7.5rem;
  margin-top: 1.18rem;
  position: relative;
}
.next-m-mg-wrap-home .home-content-modular .modular-2 > img {
  width: 100%;
}
.next-m-mg-wrap-home .home-content-modular .modular-2 .modular-2-content {
  position: absolute;
  left: 0;
  top: 0 ;
  width: 100%;
  height: auto;
  padding-top: 1.9rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-2 .modular-2-content > p {
  width: 6rem;
  margin: 0 auto;
  font-size: 0.22rem;
  line-height: 0.36rem;
  margin-top: 0.32rem;
  margin-bottom: 0.32rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-2 .modular-2-content > p:nth-last-of-type(1) {
  color: #7b200e;
}
.next-m-mg-wrap-home .home-content-modular .modular-2 .modular-2-content > span {
  display: block;
  width: 6rem;
  margin: 0 auto;
  font-size: 0.2rem;
  line-height: 0.36rem;
}
.next-m-mg-wrap-home .home-content-modular .nianhua {
  text-align: center;
  font-size: 0.3rem;
  font-weight: 700;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 {
  width: 7.5rem;
  margin-top: 1.64rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .title {
  width: 3.41rem;
  height: 0.9rem;
  margin-left: 1.79rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .title > img {
  width: 3.41rem;
  height: 0.9rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .intro {
  width: 6.55rem;
  margin: 0.36rem auto;
  margin-bottom: 0.6rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: center;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert {
  width: 7.5rem;
  margin-bottom: 0.4rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .Item-left {
  margin-left: 0.2rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .expert-Item {
  background: url('/static/images/activity/miniGame/2019App/home/expert-bg.png');
  background-size: 2.7rem 6.34rem;
  background-position: 0 0 ;
  padding: 0.33rem 0.31rem 0.46rem 0.3rem;
  width: 2.7rem;
  height: 6.34rem;
  display: inline-block;
  vertical-align: top;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .expert-Item-Img {
  width: 2.08rem;
  height: 3.7rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .expert-Item-Img > img {
  width: 2.08rem;
  height: 3.7rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .expert-Item h2 {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
  color: #544040;
  text-align: center;
  background: url('/static/images/activity/miniGame/2019App/home/expert-name.png') no-repeat;
  background-size: 1.61rem 0.51rem;
  background-position: bottom;
  font-weight: bold;
  margin-top: 0.2rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .expert-Item h3 {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  color: #544040;
  text-align: center;
  font-weight: bold;
  margin-top: 0.12rem;
  border-bottom: 1px solid #d5d5d5;
}
.next-m-mg-wrap-home .home-content-modular .modular-3 .expert-detail .expert-Item p {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  color: #544040;
  text-align: center;
  font-weight: 400;
  margin-top: 0.12rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 {
  width: 7.5rem;
  margin-top: 2.38rem;
  margin-bottom: 2rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 .title {
  width: 3.41rem;
  height: 0.9rem;
  margin-left: 1.79rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 .title > img {
  width: 3.41rem;
  height: 0.9rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 .logo-box {
  width: 6rem;
  margin: 0 auto;
  margin-top: 0.45rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 .logo-box .logo {
  width: 2.84rem;
  height: 1.35rem;
  background: url('/static/images/activity/miniGame/2019App/home/logo-bg.png') no-repeat;
  background-size: 2.84rem 1.35rem;
  background-position: 0 0;
  margin-top: 0.16rem;
  margin-right: 0.16rem;
  display: inline-block;
  padding: 0.1rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 .logo-box .logo > img {
  width: 2.64rem;
  height: 1.15rem;
}
.next-m-mg-wrap-home .home-content-modular .modular-4 .logo-box .logo:nth-child(2n) {
  margin-right: 0;
}

.next-m-mg-wrap-showcase {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-showcase > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-showcase .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
}
.next-m-mg-wrap-showcase .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-showcase .home-content .page-bg {
  margin-top: -1px;
}
.gallery-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gallery-webApp-section .gallery-container {
  width: 100%;
}
.gallery-webApp-section .gallery-title {
  text-align: center;
  width: 100%;
  margin-top: -2.5rem;
}
.gallery-webApp-section .gallery-title-img {
  height: 0.74rem;
  width: 3.15rem;
}
.gallery-webApp-section .gallery-tabs {
  margin-top: 1.6rem !important;
  padding: 0 0.12rem;
  position: relative;
}
.gallery-webApp-section .gallery-tabs .ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg.png");
  background-size: 100% 100%;
  padding: 0.14rem 0.65rem;
  margin-bottom: 0.15rem;
  margin-right: 0.14rem;
  color: #833818;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-tab-active.ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg-select.png");
  color: #fff;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-content.ant-tabs-content-no-animated.ant-tabs-top-content {
  margin-top: 1rem !important;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate {
  position: absolute;
  top: 1rem;
  right: 0;
  margin-top: 0.2rem;
  z-index: 10;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate-btn {
  padding: 0.06rem 0.36rem;
  display: inline-block;
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-webApp-section .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-webApp-section .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-webApp-section .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-webApp-section .gallery-grid-container {
  width: 100%;
  padding-top: 0.2rem;
}
.gallery-webApp-section .gallery-grid-cell-outer {
  width: 3.6rem;
  height: 3.4rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.15rem;
}
.gallery-webApp-section .gallery-grid-cell {
  position: relative;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019App/gallery/cell-gb.png");
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.08rem 0.08rem 0 0.08rem;
}
.gallery-webApp-section .gallery-grid-cell-img {
  width: 3.17rem;
  height: 1.95rem;
}
.gallery-webApp-section .gallery-grid-cell-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
}
.gallery-webApp-section .gallery-grid-cell-title {
  color: #D83B2F;
  font-size: 0.33rem;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.22rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gallery-webApp-section .gallery-grid-cell-name {
  color: #ccc;
  font-size: 0.32rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.16rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, -0.12rem);
      -ms-transform: translate(0, -0.12rem);
          transform: translate(0, -0.12rem);
}
.gallery-webApp-section .gallery-grid-cell-like {
  position: absolute;
  right: 0.1rem;
  top: 0.24rem;
  text-align: center;
  width: 24%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-webApp-section .gallery-grid-cell-like > img {
  width: 0.45rem;
}
.gallery-webApp-section .gallery-grid-cell-like-count {
  color: #D83B2F;
}
.gallery-webApp-section .gallery-pagination {
  text-align: center;
  padding-top: 0.5rem;
  clear: both;
}
.gallery-webApp-section .ant-tabs-ink-bar {
  background-color: #ccc;
}
.gallery-webApp-section .ant-pagination-prev {
  margin-right: 2px !important;
}
.gallery-webApp-section .ant-pagination-next {
  margin-left: 2px !important;
}
.preach-webApp-section .photo-backward {
  position: absolute;
  left: 0;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png');
  background-size: 100% 100%;
  top: 0.6rem;
  cursor: pointer;
}
.preach-webApp-section .photo-forward {
  position: absolute;
  right: 0;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-bg.png');
  background-size: 100% 100%;
  top: 0.6rem;
  cursor: pointer;
}
.preach-webApp-section .photo-backward-disabled {
  position: absolute;
  left: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/news/left-disabled-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: not-allowed;
}
.preach-webApp-section .photo-forward-disabled {
  position: absolute;
  right: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/news/right-disabled-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: not-allowed;
}
.preach-webApp-section .photo-forward:active {
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-hover.png');
}
.preach-webApp-section .photo-backward:active {
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-hover.png');
}
.preach-webApp-section .personInfo {
  margin: 0 0.4rem;
  min-height: 5.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.4rem 0.3rem;
  background-image: url('/static/images/activity/miniGame/2019App/preach/info-b.png');
  background-size: 100% 100%;
}
.preach-webApp-section .personInfo-name {
  font-size: 0.3rem;
  font-weight: bold;
  color: #574443;
}
.preach-webApp-section .personInfo-name-title {
  color: #B58382;
}
.preach-webApp-section .personInfo-name-info {
  margin-top: 0.2rem;
  color: #544343;
}
.preach-webApp-section .preach-movie-item {
  background-image: url('/static/images/activity/miniGame/2019/preach/movie-bg.png');
  background-size: 100% 100%;
  margin: 0 0.6rem;
  padding: 0.2rem;
}
.preach-webApp-section .movie-cover {
  width: 100%;
  height: 100%;
  background: #4C4C4C;
  position: relative;
}
.preach-webApp-section .movie-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url('/static/images/activity/miniGame/2019/preach/movie-play-bun.png') no-repeat;
  background-size: 100% 100%;
  width: 0.7rem;
  height: 0.7rem;
  cursor: pointer;
}

.next-m-mg-wrap-showcase {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-showcase > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-showcase .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
}
.next-m-mg-wrap-showcase .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-showcase .home-content .page-bg {
  margin-top: -1px;
}
.gallery-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gallery-webApp-section .gallery-container {
  width: 100%;
}
.gallery-webApp-section .gallery-title {
  text-align: center;
  width: 100%;
  margin-top: -2.5rem;
}
.gallery-webApp-section .gallery-title-img {
  height: 0.74rem;
  width: 3.15rem;
}
.gallery-webApp-section .gallery-tabs {
  margin-top: 1.6rem !important;
  padding: 0 0.12rem;
  position: relative;
}
.gallery-webApp-section .gallery-tabs .ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg.png");
  background-size: 100% 100%;
  padding: 0.14rem 0.65rem;
  margin-bottom: 0.15rem;
  margin-right: 0.14rem;
  color: #833818;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-tab-active.ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg-select.png");
  color: #fff;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-content.ant-tabs-content-no-animated.ant-tabs-top-content {
  margin-top: 1rem !important;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate {
  position: absolute;
  top: 1rem;
  right: 0;
  margin-top: 0.2rem;
  z-index: 10;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate-btn {
  padding: 0.06rem 0.36rem;
  display: inline-block;
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-webApp-section .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-webApp-section .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-webApp-section .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-webApp-section .gallery-grid-container {
  width: 100%;
  padding-top: 0.2rem;
}
.gallery-webApp-section .gallery-grid-cell-outer {
  width: 3.6rem;
  height: 3.4rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.15rem;
}
.gallery-webApp-section .gallery-grid-cell {
  position: relative;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019App/gallery/cell-gb.png");
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.08rem 0.08rem 0 0.08rem;
}
.gallery-webApp-section .gallery-grid-cell-img {
  width: 3.17rem;
  height: 1.95rem;
}
.gallery-webApp-section .gallery-grid-cell-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
}
.gallery-webApp-section .gallery-grid-cell-title {
  color: #D83B2F;
  font-size: 0.33rem;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.22rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gallery-webApp-section .gallery-grid-cell-name {
  color: #ccc;
  font-size: 0.32rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.16rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, -0.12rem);
      -ms-transform: translate(0, -0.12rem);
          transform: translate(0, -0.12rem);
}
.gallery-webApp-section .gallery-grid-cell-like {
  position: absolute;
  right: 0.1rem;
  top: 0.24rem;
  text-align: center;
  width: 24%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-webApp-section .gallery-grid-cell-like > img {
  width: 0.45rem;
}
.gallery-webApp-section .gallery-grid-cell-like-count {
  color: #D83B2F;
}
.gallery-webApp-section .gallery-pagination {
  text-align: center;
  padding-top: 0.5rem;
  clear: both;
}
.gallery-webApp-section .ant-tabs-ink-bar {
  background-color: #ccc;
}
.gallery-webApp-section .ant-pagination-prev {
  margin-right: 2px !important;
}
.gallery-webApp-section .ant-pagination-next {
  margin-left: 2px !important;
}
.preach-webApp-section .photo-backward {
  position: absolute;
  left: 0;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png');
  background-size: 100% 100%;
  top: 0.6rem;
  cursor: pointer;
}
.preach-webApp-section .photo-forward {
  position: absolute;
  right: 0;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-bg.png');
  background-size: 100% 100%;
  top: 0.6rem;
  cursor: pointer;
}
.preach-webApp-section .photo-forward:active {
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-hover.png');
}
.preach-webApp-section .photo-backward:active {
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-hover.png');
}
.preach-webApp-section .personInfo {
  margin: 0 0.4rem;
  min-height: 5.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.4rem 0.3rem;
  background-image: url('/static/images/activity/miniGame/2019App/preach/info-b.png');
  background-size: 100% 100%;
}
.preach-webApp-section .personInfo-name {
  font-size: 0.3rem;
  font-weight: bold;
  color: #574443;
}
.preach-webApp-section .personInfo-name-title {
  color: #B58382;
}
.preach-webApp-section .personInfo-name-info {
  margin-top: 0.2rem;
  color: #544343;
}
.preach-webApp-section .preach-movie-item {
  background-image: url('/static/images/activity/miniGame/2019/preach/movie-bg.png');
  background-size: 100% 100%;
  margin: 0 0.6rem;
  padding: 0.2rem;
}
.preach-webApp-section .movie-cover {
  width: 100%;
  height: 100%;
  background: #4C4C4C;
  position: relative;
}
.preach-webApp-section .movie-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url('/static/images/activity/miniGame/2019/preach/movie-play-bun.png') no-repeat;
  background-size: 100% 100%;
  width: 0.7rem;
  height: 0.7rem;
  cursor: pointer;
}

.next-m-mg-wrap-prizes {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-prizes > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-prizes .section-1 {
  margin-top: 6.45rem;
  text-align: center;
  width: 7.5rem;
}
.next-m-mg-wrap-prizes .section-1 .title {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0 auto;
}
.next-m-mg-wrap-prizes .section-1 .title > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .section-1 .intro-content {
  width: 7.5rem;
  height: 4.88rem;
  background: url('/static/images/activity/miniGame/2019App/prizes/title-bg.png') no-repeat;
  background-size: 7.3rem 3.78rem;
  background-position: 0 0.54rem;
  color: #fff;
}
.next-m-mg-wrap-prizes .section-1 .intro-content h3 {
  text-align: center;
  font-size: 0.25rem;
  color: #fff;
  font-weight: bold;
}
.next-m-mg-wrap-prizes .section-1 .intro-content .intro-intro {
  width: 6.4rem;
  margin: 0 auto;
  font-size: 0.24rem;
  line-height: 0.32rem;
  text-align: left;
  padding-right: 0.2rem;
}
.next-m-mg-wrap-prizes .section-1 .intro-content .intro-intro > span:nth-child(2) {
  display: block;
  margin-top: 0.3rem;
  text-align: left;
}
.next-m-mg-wrap-prizes .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
}
.next-m-mg-wrap-prizes .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content .page-bg {
  margin-top: -1px;
}
.next-m-mg-wrap-prizes .home-content-modular {
  width: 7.5rem;
  position: absolute;
  left: 0;
  top: 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 {
  width: 6.64rem;
  margin: 0 auto;
  margin-top: 2.2rem;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .title {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0.6rem auto 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .title > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box {
  width: 100%;
  margin-top: 1rem;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box .prizes-position > div {
  background: url('/static/images/activity/miniGame/2019App/prizes/medal-1.png') no-repeat;
  width: 2.42rem;
  height: 3.4rem;
  background-size: 2.42rem 3.4rem;
  background-position: 0 0 ;
  margin: 0 auto;
  overflow: hidden;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box .prizes-position > div > h2 {
  font-size: 0.28rem;
  letter-spacing: 0.08rem;
  margin-top: 1.8rem;
  text-align: center;
  color: #8e6b41;
  font-weight: bold;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box .prizes-position > div > h3 {
  color: #635c71;
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.9rem;
  text-align: center;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box .second-prizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5rem;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box .second-prizes > div:nth-child(1) {
  background: url('/static/images/activity/miniGame/2019App/prizes/medal-2.png') no-repeat;
  background-size: 2.42rem 3.4rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-1 .prizes-box .second-prizes > div:nth-child(2) {
  background: url('/static/images/activity/miniGame/2019App/prizes/medal-3.png') no-repeat;
  background-size: 2.42rem 3.4rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 {
  width: 6.64rem;
  padding-top: 0.68rem;
  margin: 0 auto;
  position: relative;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .title {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0.6rem auto 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .title > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .prizes-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5rem;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .prizes-position > div {
  width: 2.72rem;
  height: 2.48rem;
  background-size: 2.72rem 2.48rem;
  background-position: 0 0 ;
  margin: 0 auto;
  overflow: hidden;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .prizes-position > div > h2 {
  font-size: 0.28rem;
  letter-spacing: 0.08rem;
  margin-top: 1.4rem;
  text-align: center;
  color: #8e6b41;
  margin-bottom: 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .prizes-position > div > h3 {
  color: #e66c67;
  font-size: 0.24rem;
  line-height: 0.3rem;
  text-align: center;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .prizes-position > div:nth-child(1) {
  background: url('/static/images/activity/miniGame/2019App/prizes/frame-bg.png') no-repeat;
  background-size: 2.72rem 2.48rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .prizes-position > div:nth-child(2) {
  background: url('/static/images/activity/miniGame/2019App/prizes/idea-bg.png') no-repeat;
  background-size: 2.72rem 2.48rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .second-prizes > div:nth-child(1) {
  background: url('/static/images/activity/miniGame/2019App/prizes/technology-bg.png') no-repeat;
  background-size: 2.72rem 2.48rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-2 .second-prizes > div:nth-child(2) {
  background: url('/static/images/activity/miniGame/2019App/prizes/popular-bg.png') no-repeat;
  background-size: 2.72rem 2.48rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 {
  width: 6.64rem;
  padding-top: 1.2rem;
  margin: 0 auto;
  position: relative;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .title {
  width: 3.29rem;
  height: 1.02rem;
  margin: 0.6rem auto 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .title > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .prizes-position {
  margin-top: 0.5rem;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .prizes-position > div {
  width: 4.35rem;
  height: 2.15rem;
  background-size: 4.35rem 2.15rem;
  background-position: 0 0 ;
  margin: 0 auto;
  overflow: hidden;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .prizes-position > div > h2 {
  font-size: 0.28rem;
  letter-spacing: 0.08rem;
  margin-top: 0.58rem;
  -webkit-transform: translate(0.5rem);
      -ms-transform: translate(0.5rem);
          transform: translate(0.5rem);
  text-align: center;
  color: #4c3a3b;
  margin-bottom: 0;
  font-weight: bold;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .prizes-position > div > h3 {
  color: #4c3a3b;
  font-size: 0.24rem;
  line-height: 0.3rem;
  text-align: center;
  margin-top: 0.2rem;
  -webkit-transform: translate(0.4rem);
      -ms-transform: translate(0.4rem);
          transform: translate(0.4rem);
  font-weight: bold;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .prizes-position > div:nth-child(1) {
  background: url('/static/images/activity/miniGame/2019App/prizes/finalist-bg.png') no-repeat;
  background-size: 4.35rem 2.15rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .prizes-position > div:nth-child(2) {
  margin-top: 0.5rem;
  background: url('/static/images/activity/miniGame/2019App/prizes/finalist-bg2.png') no-repeat;
  background-size: 4.35rem 2.15rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .second-prizes > div:nth-child(1) {
  background: url('/static/images/activity/miniGame/2019App/prizes/technology-bg.png') no-repeat;
  background-size: 4.35rem 2.15rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-3 .second-prizes > div:nth-child(2) {
  background: url('/static/images/activity/miniGame/2019App/prizes/popular-bg.png') no-repeat;
  background-size: 4.35rem 2.15rem;
  background-position: 0 0 ;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 {
  width: 6.64rem;
  padding-top: 1.2rem;
  margin: 0 auto;
  position: relative;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .title {
  width: 6.64rem;
  height: 1.09rem;
  margin: 0.6rem auto 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .title > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .intro {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #544040;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .prizes-box {
  width: 4rem;
  height: 4.05rem;
  margin: 0.5rem auto 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .prizes-box > div {
  width: 1.63rem;
  height: 1.63rem;
  margin-right: 0.73rem;
  margin-bottom: 0.48rem;
  display: inline-block;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .prizes-box > div > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-4 .prizes-box > div:nth-child(2n) {
  margin-right: 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-5 {
  width: 7.5rem;
  padding-top: 2rem;
  margin: 0 auto;
  position: relative;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-5 .title {
  width: 6.64rem;
  height: 1.09rem;
  margin: 0.6rem auto 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-5 .title > img {
  width: 100%;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-5 .prizes-2018 {
  width: 5.76rem;
  height: 3.01rem;
  margin-top: 0.3rem;
  background: url('/static/images/activity/miniGame/2019App/prizes/img-bg.png') no-repeat;
  background-size: 5.53rem 3.01rem;
  background-position: 0 0;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-5 .prizes-2018 > div {
  width: 5.29rem;
  height: 2.76rem;
  margin: 0.12rem 0.13rem;
  overflow: hidden;
}
.next-m-mg-wrap-prizes .home-content-modular .modular-5 .prizes-2018 > div > img {
  width: 5.56rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.next-m-mg-wrap-showcase {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-showcase > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-showcase .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
  background: transparent;
}
.next-m-mg-wrap-showcase .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-showcase .home-content .modular-itemComment-m {
  width: 7.5rem;
  max-height: 14rem;
  padding: 0 0.56rem 4.3rem;
  margin: 1.2rem auto 0rem;
  overflow: auto;
  background: url('/static/images/activity/miniGame/2019App/bg/showcase-detail-footer.png') no-repeat;
  background-position: bottom;
  position: relative;
}
.next-m-mg-wrap-showcase .home-content .modular-itemComment-m .comment-title {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
}
.next-m-mg-wrap-showcase .home-content .modular-itemComment-m .pc-comment-box {
  max-height: 8.6rem;
  overflow: auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular {
  width: 7.5rem;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-top: 5.7rem;
  background: transparent;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m {
  width: 7.5rem;
  overflow: hidden;
  background: transparent;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-title {
  height: 0.74rem;
  text-align: center;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-title > img {
  height: 0.74rem;
  margin: 0 auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-1 {
  color: #fff;
  text-align: center;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-1 > h2 {
  color: #fff;
  font-size: 0.42rem;
  line-height: 1.2;
  text-align: center;
  width: 5rem;
  overflow: hidden;
  height: 1rem;
  margin: 0.08rem auto 0;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-1 > p {
  font-size: 0.22rem;
  text-align: center;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-1 .liked > p {
  font-size: 0.22rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-1 .liked img {
  width: 0.53rem;
  height: 0.53rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-2 {
  margin-top: 0.9rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-2 .modular-content {
  width: 6.62rem;
  height: 6.49rem;
  padding: 0.46rem;
  margin: 0.6rem auto 0;
  background: url('/static/images/activity/miniGame/2019App/showcase/detail/member-bg.png') no-repeat;
  background-size: 6.62rem 6.49rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-2 .modular-content > img {
  width: 5.7rem;
  height: 3.2rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-2 .modular-content h4 {
  font-size: 0.28rem;
  font-weight: bold;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.18rem;
  color: #533f40;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-2 .modular-content p {
  font-size: 0.22rem;
  line-height: 1.1;
  color: #544040;
  height: 1.45rem;
  overflow: auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 {
  margin-top: 0.52rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content {
  width: 7.17rem;
  height: 5.43rem;
  margin: 0.35rem auto 0;
  overflow: hidden;
  background: url('/static/images/activity/miniGame/2019App/showcase/detail/work-bg.png') no-repeat;
  background-size: 7.17rem 5.43rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content > p {
  width: 5.85rem;
  height: 1.03rem;
  font-size: 0.17rem;
  line-height: 1.2;
  margin-left: 0.7rem;
  margin-top: 0.44rem;
  margin-bottom: 0;
  overflow: auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-content .modular-video {
  width: 5.8rem;
  height: 3.23rem;
  margin-left: 0.72rem;
  margin-top: 0.1rem;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-like {
  width: 1.4rem;
  height: 1.47rem;
  margin: 0.52rem auto;
  text-align: center;
  background: url('/static/images/activity/miniGame/2019App/showcase/detail/like-bg.png') no-repeat;
  background-size: 1.4rem 1.47rem;
  padding: 0.28rem 0;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-like > a {
  width: 0.58rem;
  height: 0.58rem;
  display: block;
  margin: 0 auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-like > a > img {
  width: 100%;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-3 .modular-like > p {
  font-size: 0.22rem;
  margin-bottom: 0;
  line-height: 1.8;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-sendComment {
  width: 6.36rem;
  height: 1.82rem;
  margin: 0.52rem auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-itemComment {
  width: 6.36rem;
  height: 10rem;
  margin: 0 auto;
  overflow: auto;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-itemComment .comment-title {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
}
.next-m-mg-wrap-showcase .home-content .home-content-modular .modular-m-4 .modular-itemComment .pc-comment-box {
  height: 8.6rem;
  overflow: auto;
}

.next-m-mg-wrap-showcase {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-showcase > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-showcase .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
}
.next-m-mg-wrap-showcase .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-showcase .home-content .page-bg {
  margin-top: -1px;
}
.gallery-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gallery-webApp-section .gallery-container {
  width: 100%;
}
.gallery-webApp-section .gallery-title {
  text-align: center;
  width: 100%;
  margin-top: -2.5rem;
}
.gallery-webApp-section .gallery-title-img {
  height: 0.74rem;
  width: 3.15rem;
}
.gallery-webApp-section .gallery-tabs {
  margin-top: 1.6rem !important;
  padding: 0 0.12rem;
  position: relative;
}
.gallery-webApp-section .gallery-tabs .ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg.png");
  background-size: 100% 100%;
  padding: 0.14rem 0.65rem;
  margin-bottom: 0.15rem;
  margin-right: 0.14rem;
  color: #833818;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-tab-active.ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg-select.png");
  color: #fff;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-content.ant-tabs-content-no-animated.ant-tabs-top-content {
  margin-top: 1rem !important;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate {
  position: absolute;
  top: 1rem;
  right: 0;
  margin-top: 0.2rem;
  z-index: 10;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate-btn {
  padding: 0.06rem 0.36rem;
  display: inline-block;
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-webApp-section .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-webApp-section .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-webApp-section .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-webApp-section .gallery-grid-container {
  width: 100%;
  padding-top: 0.2rem;
}
.gallery-webApp-section .gallery-grid-cell-outer {
  width: 3.6rem;
  height: 3.4rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.15rem;
}
.gallery-webApp-section .gallery-grid-cell {
  position: relative;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019App/gallery/cell-gb.png");
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.08rem 0.08rem 0 0.08rem;
}
.gallery-webApp-section .gallery-grid-cell-img {
  width: 3.17rem;
  height: 1.95rem;
}
.gallery-webApp-section .gallery-grid-cell-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
}
.gallery-webApp-section .gallery-grid-cell-title {
  color: #D83B2F;
  font-size: 0.33rem;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.22rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gallery-webApp-section .gallery-grid-cell-name {
  color: #ccc;
  font-size: 0.32rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.16rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, -0.12rem);
      -ms-transform: translate(0, -0.12rem);
          transform: translate(0, -0.12rem);
}
.gallery-webApp-section .gallery-grid-cell-like {
  position: absolute;
  right: 0.1rem;
  top: 0.24rem;
  text-align: center;
  width: 24%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-webApp-section .gallery-grid-cell-like > img {
  width: 0.45rem;
}
.gallery-webApp-section .gallery-grid-cell-like-count {
  color: #D83B2F;
}
.gallery-webApp-section .gallery-pagination {
  text-align: center;
  padding-top: 0.5rem;
  clear: both;
}
.gallery-webApp-section .ant-tabs-ink-bar {
  background-color: #ccc;
}
.gallery-webApp-section .ant-pagination-prev {
  margin-right: 2px !important;
}
.gallery-webApp-section .ant-pagination-next {
  margin-left: 2px !important;
}
.preach-webApp-section .photo-backward {
  position: absolute;
  left: 0;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png');
  background-size: 100% 100%;
  top: 0.6rem;
  cursor: pointer;
}
.preach-webApp-section .photo-forward {
  position: absolute;
  right: 0;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-bg.png');
  background-size: 100% 100%;
  top: 0.6rem;
  cursor: pointer;
}
.preach-webApp-section .photo-backward-disabled {
  position: absolute;
  left: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/news/left-disabled-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: not-allowed;
}
.preach-webApp-section .photo-forward-disabled {
  position: absolute;
  right: -0.12rem;
  width: 0.8rem;
  height: 0.76rem;
  background-image: url('/static/images/activity/miniGame/2019/news/right-disabled-bg.png');
  background-size: 100% 100%;
  top: 1.2rem;
  cursor: not-allowed;
}
.preach-webApp-section .photo-forward:active {
  background-image: url('/static/images/activity/miniGame/2019/prizes/right-hover.png');
}
.preach-webApp-section .photo-backward:active {
  background-image: url('/static/images/activity/miniGame/2019/prizes/left-hover.png');
}
.preach-webApp-section .personInfo {
  margin: 0 0.4rem;
  min-height: 5.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.4rem 0.3rem;
  background-image: url('/static/images/activity/miniGame/2019App/preach/info-b.png');
  background-size: 100% 100%;
}
.preach-webApp-section .personInfo-name {
  font-size: 0.3rem;
  font-weight: bold;
  color: #574443;
}
.preach-webApp-section .personInfo-name-title {
  color: #B58382;
}
.preach-webApp-section .personInfo-name-info {
  margin-top: 0.2rem;
  color: #544343;
}
.preach-webApp-section .preach-movie-item {
  background-image: url('/static/images/activity/miniGame/2019/preach/movie-bg.png');
  background-size: 100% 100%;
  margin: 0 0.6rem;
  padding: 0.2rem;
}
.preach-webApp-section .movie-cover {
  width: 100%;
  height: 100%;
  background: #4C4C4C;
  position: relative;
}
.preach-webApp-section .movie-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url('/static/images/activity/miniGame/2019/preach/movie-play-bun.png') no-repeat;
  background-size: 100% 100%;
  width: 0.7rem;
  height: 0.7rem;
  cursor: pointer;
}

.next-mg2020-wrap-download {
  width: 7.5rem;
  height: 16rem;
  overflow: hidden;
  background: url(/static/images/activity/MG2020/h5/vote/bg-02.png);
}
.next-mg2020-wrap-download .header-box {
  position: relative;
  display: block;
  width: 7.5rem;
  height: auto;
  z-index: 0;
}
.next-mg2020-wrap-download .content-bg {
  width: 7.5rem;
  margin-top: -0.02rem;
}
.next-mg2020-wrap-download .download-content {
  width: 7.5rem;
  position: absolute;
  top: 5.2rem;
  height: 10rem;
}
.next-mg2020-wrap-download .download-content .download-intro {
  width: 7.02rem;
  height: 4.54rem;
  background: url('/static/images/activity/MG2020/h5/vote/bg-vote-download.png') no-repeat;
  margin: 0 auto;
  background-size: 7.02rem auto;
  text-align: center;
  overflow: hidden;
}
.next-mg2020-wrap-download .download-content .download-intro > h2 {
  margin-top: 0.8rem;
  margin-bottom: 0.32rem;
  height: 0.46rem;
  background: url('/static/images/activity/MG2020/h5/vote/title-vote-download.png') no-repeat;
  background-size: 5.51rem auto;
  background-position: top;
}
.next-mg2020-wrap-download .download-content .download-intro > p {
  color: #023A4D;
  margin-bottom: 0.1rem;
  font-size: 0.3rem;
  line-height: 0.48rem;
}
.next-mg2020-wrap-download .download-content .download-intro > p.vote-text {
  margin: 0.4rem auto;
  width: 3.98rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/h5/vote/vote-text.png') no-repeat;
  background-size: 3.98rem auto;
}
.next-mg2020-wrap-download .download-content .download-android,
.next-mg2020-wrap-download .download-content .download-ios {
  width: 6rem;
  height: 1.2rem;
  margin: 0 auto;
  display: block;
}
.next-mg2020-wrap-download .download-content .download-ios {
  background: url('/static/images/activity/MG2020/h5/vote/ios-download.png') no-repeat;
  background-size: 6rem auto;
  margin-top: 0.6rem;
}
.next-mg2020-wrap-download .download-content .download-android {
  background: url('/static/images/activity/MG2020/h5/vote/Android-download.png') no-repeat;
  background-size: 6rem auto;
  margin-top: 0.48rem;
}
.next-mg2020-wrap-download .download-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.next-mg2020-wrap-download .download-modal .modal_arrow {
  position: absolute;
  width: 30px;
  height: 34px;
  right: 20px;
  top: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABECAMAAAAMem2oAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA/Pj17BgJBujZyLucgBThWCUfDwLwrY+HPi4qDdyxlV1GBMM4MuTU0Lagaks0HM2menRyTmVwUtcR4bgAAAJrSURBVHgBndfpbupIFMTxatt4wZh9AbNACEsghOz3/t//yUZjZSQSNxncv49OWofTVchCt5sF3qOc9IC2XNQwGKejWwZgVqquTUIKmSobc6DxCIuaKron46BTQPDZVxU14014lropJG95qJtlDM/ExcJzYHD7SJ9JiNG/+qfj/OaTUcpC8ggrtyAlrkkDmqpoSJxLiumqosmwCLFFV27cTwbU5GZAT25+T2XW0zVNfF3Rye4HQHK8s/+ZuazyBcAgMEBysmXDvSz6mcFvnJqSpm8JLNf6acWLysIDZtTUl/WjTxqWvy5ja6N3E13YxuUBQ1YqadD6UY9pQFaq0FQ/3eHlpWfGbHWpht/XT8/8UcmSui61SS0jW2tLJ2I+dOHIm2XLTBbv34auA8uaCU/WIn773xN7W5ObslleBrjgVSUgq7uLunWMV1NJcGXmDP/iLhoqqzOR1Y7/5uTGdK7vU/ZArkK/zkiSPU+bOlsVMnY92exZ2Wd+xfJhuJPVisB6RzHF44nPq65IOfRtdzuQpL8+DV1zjjmWV51Ql6IxLHXdxudQ+sCvjLR5wLzrN08xu4/SC/79BZKNftetw/1H/9sLHvDHof7P+k8Au0Z7GknqbT+PAXiNrm4xe08A8AOPwvism23fhokH+PuXBXtVFfbConqfcvKXViQX0ZyVnGQ89+Vi6pknuYgeGMnJiH0oF238XC42Pm256MSM5aLbYuEUyHlOPZSDzpznnhxsAupOB9se6cylOSNoRKouf8Dp515vZEgcWt58DTCjsErsy6co6qyGHgw7qiKFgllsqga/nHt+a/h4VkX/AIf9SGrNm4WOAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.next-mg2020-wrap-download .download-modal .modal_inner {
  position: absolute;
  right: 32px;
  top: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-Live-course-item {
  padding: 0.39rem 0.39rem 0.48rem;
  width: 6.7rem;
  margin: 0.48rem auto;
  border: 0.01rem solid;
  border-image-source: url('/static/images/activity/N-Game/h5/bg-live.png');
  border-image-slice: 60 fill;
  border-image-width: 0.4rem;
}
.h5-Live-course-item-cover {
  width: 5.92rem;
  height: 3.33rem;
}
.h5-Live-course-item-cover > img {
  width: 100%;
  height: 100%;
}
.h5-Live-course-item-detail > h3 {
  margin-top: 0.24rem;
  text-align: justify;
  font-size: 0.34rem;
  line-height: 0.48rem;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.h5-Live-course-item-detail .course-intro {
  margin-top: 0.2rem;
  text-align: justify;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.h5-Live-course-item-detail .course-action {
  margin-top: 0.32rem;
  overflow: hidden;
}
.h5-Live-course-item-detail .course-action .course-anthor-teacher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: justify;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-Live-course-item-detail .course-action .course-anthor-teacher .label {
  width: 1.1rem;
  height: 0.48rem;
  min-width: 1.1rem;
  -webkit-transform: translateY(-0.48rem);
      -ms-transform: translateY(-0.48rem);
          transform: translateY(-0.48rem);
  padding-right: 0.08rem;
  text-align: justify;
}
.h5-Live-course-item-detail .course-action .course-anthor-teacher .label::after,
.h5-Live-course-item-detail .course-action .course-anthor-teacher .label::before {
  content: '';
  width: 100%;
  height: 0;
  display: inline-block;
  visibility: hidden;
}
.h5-Live-course-item-detail .course-action .course-anthor-teacher .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.08rem;
}
.h5-Live-course-item-detail .course-action .course-anthor-teacher .value-text {
  width: 4.8rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
  height: 0.48rem;
  min-height: 0.48rem;
  max-height: 0.48rem;
  line-height: 0.48rem;
}
.h5-Live-course-item-detail .course-action .live-button {
  width: 5.92rem;
  height: 0.94rem;
  margin: 0.48rem auto 0;
}
.h5-Live-course-item-detail .course-action .live-button.live-appoint {
  background: url('/static/images/activity/N-Game/h5/btn_live-appoint.png') no-repeat;
  background-size: 5.92rem auto;
}
.h5-Live-course-item-detail .course-action .live-button.live-appoint-finish {
  background: url('/static/images/activity/N-Game/h5/btn_live-appoint-finish.png') no-repeat;
  background-size: 5.92rem auto;
}
.h5-Live-course-item-detail .course-action .live-button.live-live {
  background: url('/static/images/activity/N-Game/h5/btn_live.png') no-repeat;
  background-size: 5.92rem auto;
}
.h5-Live-course-item-detail .course-action .live-button.live-live-end {
  background: url('/static/images/activity/N-Game/h5/btn_live-end.png') no-repeat;
  background-size: 5.92rem auto;
}
.h5-Live-course-item-detail .course-action .live-button.live-live-video {
  background: url('/static/images/activity/N-Game/h5/btn_live-video.png') no-repeat;
  background-size: 5.92rem auto;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-NG-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.h5-NG-modal-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.h5-NG-modal-content {
  position: absolute;
  width: 6.7rem;
  height: 8.78rem;
  left: 50%;
  top: 46%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.h5-NG-modal-content-close {
  position: absolute;
  width: 0.52rem;
  height: 0.52rem;
  right: -0.72rem;
  top: 0;
}

.newcommer-h5 {
  width: 100%;
  background: #22253e;
  padding-bottom: 1.2rem;
}
.newcommer-h5__banner {
  width: 100%;
  height: calc(1282 / 1504 * 100vw);
  background: url('/static/images/activity/newcomer-training/h5/bg.png') no-repeat;
  background-size: 100% 100%;
}
.newcommer-h5__board {
  margin: calc(-680 / 1504 * 100vw) auto 0.48rem;
  padding: 0.36rem 0.32rem 0.28rem;
  width: 7.08rem;
  height: 4.84rem;
  background: url('/static/images/activity/newcomer-training/h5/block-bg.png') no-repeat;
  background-size: 100% 100%;
}
.newcommer-h5__board::before {
  margin: 0 auto 0.2rem;
  display: block;
  content: '';
  width: 2.22rem;
  height: 0.73rem;
  background: url('/static/images/activity/newcomer-training/h5/title-1.png') no-repeat;
  background-size: 2.22rem 0.73rem;
}
.newcommer-h5__board > p {
  margin: 0;
  font-size: 0.26rem;
  color: #FFFFFF;
  line-height: 0.41rem;
}
.newcommer-h5__title {
  width: 3.78rem;
  height: 0.73rem;
  margin: 0 auto;
  background: url('/static/images/activity/newcomer-training/h5/title-2.png') no-repeat;
  background-size: 3.78rem 0.73rem;
}
.newcommer-h5__block {
  margin: 0.28rem auto 0.4rem;
  padding: 0.12rem 0;
  width: 7.08rem;
  background: url('/static/images/activity/newcomer-training/bg-top.png') no-repeat top, url('/static/images/activity/newcomer-training/bg-bottom.png') no-repeat bottom;
  background-size: 100% auto;
}
.newcommer-h5__block-bg {
  background: url('/static/images/activity/newcomer-training/bg-center.png');
  background-size: 100% auto;
  padding: 0.26rem 0.24rem;
}
.newcommer-h5__block-top-img {
  position: relative;
  width: 6.6rem;
  height: 4.4rem;
}
.newcommer-h5__block-top-img > img {
  width: 100%;
  height: 100%;
}
.newcommer-h5__block-top-right {
  margin-top: 0.34rem;
  width: 6.57rem;
}
.newcommer-h5__block-top-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.14rem;
}
.newcommer-h5__block-tag {
  width: 1.29rem;
  height: 0.44rem;
  line-height: 0.46rem;
  margin-right: 0.12rem;
  background-image: -o-linear-gradient(315deg, #FE8B67 0%, #FB5D5B 100%);
  background-image: linear-gradient(135deg, #FE8B67 0%, #FB5D5B 100%);
  border-radius: 0.06rem;
  padding: 0rem 0.13rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  position: absolute;
  left: 0.16rem;
  top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.newcommer-h5__block-tag.notice {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#54BEFF), to(#38A1F2));
  background-image: -o-linear-gradient(left, #54BEFF 0%, #38A1F2 100%);
  background-image: linear-gradient(90deg, #54BEFF 0%, #38A1F2 100%);
}
.newcommer-h5__block-tag.live-gif::before {
  content: ' ';
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  background: url('/static/images/activity/newcomer-training/live_gif.gif') no-repeat;
  background-size: 0.16rem 0.16rem;
  position: absolute;
  left: 0.14rem;
  top: 0.14rem;
}
.newcommer-h5__block-title {
  width: 100%;
  font-size: 0.32rem;
  color: #FFFFFF;
  letter-spacing: 0;
}
.newcommer-h5__block-content {
  margin-bottom: 0.24rem;
  font-size: 0.24rem;
  color: #8E92A3;
  letter-spacing: 0;
  line-height: 0.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newcommer-h5__block-author {
  margin-bottom: 0.24rem;
  font-size: 0.26rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.32rem;
}
.newcommer-h5__block-time {
  width: 100%;
  font-size: 0.26rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.32rem;
}
.newcommer-h5__block-table {
  margin-top: 0.24rem;
}
.newcommer-h5__block-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  margin-bottom: 0.16rem;
}
.newcommer-h5__block-table-time {
  width: 1.13rem;
  min-width: 1.13rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.26rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.24rem;
  background: #252B48;
  white-space: nowrap;
}
.newcommer-h5__block-table-content {
  margin-left: 0.06rem;
  width: 100%;
}
.newcommer-h5__block-table-content-item {
  color: #FFFFFF;
  letter-spacing: 0;
  font-size: 0.26rem;
  margin-bottom: 0.08rem;
  border-radius: 0.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #252B48;
  padding: 0.16rem 0.26rem 0.16rem 0.26rem;
}
.newcommer-h5__block-table-content-item:last-child {
  margin-bottom: 0;
}
.newcommer-h5__block-table-content-1 {
  width: 1.6rem;
  margin-right: 0.2rem;
}
.newcommer-h5__block-table-content-2 {
  width: 3rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
}
.newcommer-h5__block-table-content-3 {
  width: 3rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
}
.newcommer-h5__block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.newcommer-h5__block-info-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newcommer-h5__block-info-right {
  width: 1.53rem;
  height: 0.54rem;
  background: #6AE7FD;
  border-radius: 0.06rem;
  font-size: 0.24rem;
  color: #1D2036;
  text-align: center;
  line-height: 0.54rem;
  margin-left: 0.3rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.newcommer-h5__learned-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.26rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}
.newcommer-h5__learned-title:before,
.newcommer-h5__learned-title:after {
  display: block;
  margin: 0 10px;
  content: '';
  width: 10px;
  height: 3px;
  background: #6AE7FD;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.web-share .course-warp {
  line-height: 1.75;
  letter-spacing: 0.062em;
  margin-bottom: 0.18rem;
  position: relative;
  padding: 0 0.4rem;
  max-height: 150vh;
  overflow: hidden;
  word-break: break-all;
}
.web-share .course-warp h1,
.web-share .course-warp h2,
.web-share .course-warp h3,
.web-share .course-warp h4,
.web-share .course-warp h5,
.web-share .course-warp h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.web-share .course-warp h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.web-share .course-warp h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.web-share .course-warp h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.web-share .course-warp h4,
.web-share .course-warp h5,
.web-share .course-warp h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.web-share .course-warp p,
.web-share .course-warp section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.web-share .course-warp figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.web-share .course-warp blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.web-share .course-warp img {
  max-width: 100%;
  height: auto !important;
}
.web-share .course-warp iframe {
  width: 100%;
  height: auto;
}
.web-share .course-info {
  margin-top: 0.2rem;
  padding: 0 0.4rem;
}
.web-share .course-name {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 0.5px;
  line-height: 0.5rem;
}
.web-share .course-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: normal;
}
.web-share .course-author-head {
  margin-right: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
}
.web-share .course-author-head img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.web-share .course-author-name {
  margin-bottom: 0.06rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #333333;
}
.web-share .course-author-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  color: #B4B4B4;
}
.web-share .course-author-point {
  margin: 0 0.12rem;
}
.web-share .course-author-intor {
  margin-top: 0.16rem;
  font-size: 0.3rem;
  color: #555555;
  letter-spacing: 0.01rem;
  text-align: left;
  line-height: 0.56rem;
}
.web-share .course-line {
  margin: 0.4rem auto;
  width: calc(100% - 0.8rem);
  height: 0.02rem;
  background: #EDEFF3;
}
.web-share .course-part {
  padding: 0 0.4rem;
}
.web-share .course-part-title {
  margin-bottom: 0.24rem;
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
}

.course-comment-more {
  font-size: 0.26rem;
  line-height: 0.36rem;
  margin-left: 0.8rem;
  color: #4A90E2;
  margin-bottom: 0.52rem;
  text-align: justify;
  padding-top: 0.14rem;
}
.course-comment-item {
  margin-top: 0.36rem;
  margin-bottom: 0.56rem;
}
.course-comment-loadmore {
  width: 2.8rem;
  height: 0.8rem;
  text-align: left;
  padding-left: 0.375rem;
  margin: 0 auto;
  line-height: 0.8rem;
  background: url('/static/images/icons/bottom-arrow-black.png') no-repeat;
  background-size: 12px 12px;
  background-position: 2.2rem 0.26rem;
  border: 0.01rem solid #D1D6E6;
  border-radius: 0.9rem;
}
.course-comment-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.2rem;
}
.course-comment-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course-comment-head {
  margin-right: 0.16rem;
  width: 0.64rem;
  height: 0.64rem;
}
.course-comment-head img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.course-comment-zan-num {
  padding-right: 0.4rem;
  font-size: 0.22rem;
  color: #B4B4B4;
  line-height: 0.24rem;
  min-width: 0.4rem;
  min-height: 0.24rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA7BJREFUaAXtWc9rE1EQbn60IViIgiAqmJOg1J568BJrC01rGq/GiyfxH5BKPXjw0JOoJy+KSu892ZK0tAjtpQcF8WCLB1swKgXBS0hTS9IkfrPsLMPydrtp3sYV82A7837NfN+8eW/fpj093dKNwP8dgVCn6M/NzcUTiUSy0WicDIfDv0qlUjGXy/1u139HCBQKhevNZvMVwJ4SgH+GQqE72Ww2L9paVn0nsLy8fKlWq30Asj4Fumpvb+/QxMTEhqLPU1PY06g2Bh0cHMxgOoPfQtQfo75lmuwz+4/swXcCQHaZ0SH3ryFlpklym+wXbZ5VXwmsrq72I/dPm2h2Jycnt0lnSbrop2rLxVcC+/v7ZxkRUmeHdZ3SVwI4Mq8IsEb0RV2L6isBpMdNgbIgdG2qbwQWFxevAuWYibSOFJrXhloY8oVAPp8/gfR5yX4AfhYb9wfXdUrtBHDyHAfgNwB53gS6i5fVQ52gpS2tBHBlGK5UKu+R+8PkBESaeG6Nj4/7cgKRjyj9OWrBNeEY3qR0VBLgHICn2RaBh34XLy5fct/yw4pKAlBkaWlpCvmcQ/8gHr4SqIbLtl2KvBt47BMiaBSTLFdJVuH7G+RCLBabSafTJdkpdccUIvBIibcA/wgThvB4AU+nzet4PH7BDbwEQDp8hWxPDM20h6aq1eoGyI7SOFVxvI3iGJw2wavmGW0AW4HjHchtPIVIJDKPm+V3xwmiQ66AaFaqsF2KRqODKtuOe8BMG8MgLl8Pksnkk4GBgap0jCj3Kz16aMRcx9VfX1/vL5fLo/V6/RlMnUOQEriSP4eetZt2NIKBlPNGYfBc1yERVTqhlE8qlSpnMpkFHL9ZjKmRP8jMysrKGbtvNwJWzlPk7RM7UacPHUT/I/miPYIVuWj360bAPvav1BF567sZBBp2EIEmgLd6FJGnE9Ao2ItfWGcZaAJ7e3sE3jgosBJF1X0q0AQQ/RGONPQ11qUMNAFEfYTBQl9jXcrAEjDzP8Vgkf//FgF7/uO98JXJSBnYFfCS/0QksAS85H9gCXjN/8AS8Jr/gSXgNf8DS8Br/h9GwLqBbm5uWjdTmuRnaSX/CYfbKfSJgRaLxXudItFK/hO+dj8prQ9zJtuuRP5bmJBKs/hyu+1m03EF8OZ7iolrbpPJme5H+KtDfyHqStWRANjXwX4Md5D7mEn/IrL2hNKSvsYGfH/GDwQ34P/dYWat5TpsIPfLJeY2nRLgtaelTnxdW90IdCOgOQJ/AOylpwAgVCtkAAAAAElFTkSuQmCC) no-repeat right center;
  background-size: 0.32rem 0.32rem;
}
.course-comment-content {
  margin-bottom: 0.2rem;
  margin-left: 0.8rem;
  width: 5.9rem;
  font-size: 0.28rem;
  color: #333333;
  letter-spacing: 0;
  white-space: break-spaces;
  word-wrap: break-word;
}
.course-comment-bottom {
  padding-left: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.course-comment-bottom-left {
  font-size: 0.22rem;
  color: #B4B4B4;
  line-height: 0.32rem;
}
.course-comment-bottom-right {
  width: 0.56rem;
  height: 0.32rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAwCAYAAACPDl2NAAAAAXNSR0IArs4c6QAABHlJREFUaAXtm79z0zAUxyW3jePQDuFY0g4sHfixwsEIA4wUdpg4rjsDc+cO/AdMsENXGGCEg5UfQxeG1leOI1fSxnZKI95XjXJ248SWozZtLd3lZEtP71kfP0Wy/MyZgSSE8NpRdId3nduCdy9xxhaF4HXO2RzVVQyYMKaCc94RgrU4F03B2DoXzg/hdN/XXPcd1QXjGqK+F0sEqh6Ge0uULzHO7lJeK6bpZLQimG0m2FvK16rVmTXKm0WuTBsowIVh5ynd3Wd0PFfE6ElvQzBbBGa1Wq08l6A1Ljg3UII31Y72HrNud4X0NzRsnGZRnznOSs2deUFg9/N0JBfQthALLOi8EUxcy6P0rMlwxr8wr3K/xvlGVt8ygbY7nRviX/c1KSqLVw5j5vNp50GtUvk0TADlzqjKIIgesn3xgWTKDhOYGmAhmeBsSBrqoWjYFeLlkHalLnY4f+R57qs0CKlAMcxxN2giqqY1KnsZTVAhm+K30ob/AFBMQCKIPhM0O8xHe47PPff64Ykq8R+KpRFmcwtzNMlebUOufMAslhJAsc4s69IoxiT3IVjJtXmsRX/Ik3fW2kG0TnV2qMcA5Tj0a567qJ6o+h6Kx0kLMwe+QZFGj52skR5K3lkPws5Pys/ks/kgA7Ml5J0tr1q5SHlTemhv18jCLMgZjgiGaC6BUoE8KajPNiMCiiGnA4+G+2/KT/V+5qTvKiYlGvYXprHTThurRwZzc3OD+f4m293ZkX0+NzvLGo15Nj+/cKQMjtsuHBIsp+VrC9Y13rkoitj3b19Zs/knofvv9jbD79fWFrt85SpzXTdRP+7JpOziusHSwTugcTuR1j4NZlwOoCFjOk3KLvoBlg6tmxZNdwrD7bBnptmADGRNpUnZVdcPlg7eTqoCUzn+M/MmHdksnTq6dGSz7Kp6sKStPWZ8/akmIGVoVK4jO0oP6nR06chm2VX1YNl/9FSFNh+PAA151hpPxWBrLI3yJh3ZLJ06unRks+yqerCkIS8KvdBXStJyrDPzJh3ZLJ06unRks+yqerB0EI6iCkzlWLTX6+cz1UHG5AJ/UnZVR8HSQWyPKjCZY9E+CirqIGM6Tcou+gGWfDcM79GD0prpjil9x/0IOFG7DluymyPqDoyZq80RmpQohI+izsbUZ5sfRO4Fch1KUI9syJeFtGJoX4EYuOMEM/kKhAqaRHbVgO5SqgA7METnpYfiQG6Q2tfIQKGb0l8jE+E2gkt1tZVenphJdj0QfQ/FOXnpVBB0PtrokXxugkBcz6vcJKD96ObEbpOsoEhdUufnU1lqKR9RzXGYoJEAigJEkyFSlwRDnNs0SABsZDRzSoj4AFA0R9wj/Rc8GVRlS0AAbNJiQ1GXChQViNBFpK71VNA4SGABJsOilyGVmJR67RKZ/WihjyPXRwuZQKHOflaT/7OaoUO+f1/oABMVlge0Tl2m0zKtAPDh1zL6fjj0O84nfpzLQ+MN8ERlP02ME0keawNVzQms/XhWwYjlhYHGdOAJy37e3QPyH5LpLls7qN2aAAAAAElFTkSuQmCC) no-repeat;
  background-size: 0.56rem 0.32rem;
}
.course-part-title-bold {
  font-weight: 500;
}

.web-share-warp {
  padding: 0;
  max-width: 7.5rem;
  margin: 0 auto;
}
.web-share-warp.show-fix-bottom {
  padding-bottom: 1.4rem;
}
.web-share .course-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.web-share .course-author-head {
  margin-right: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
}
.web-share .course-author-head img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.web-share .course-author-name {
  margin-bottom: 0.06rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #333333;
}
.web-share .course-author-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  color: #B4B4B4;
}
.web-share .course-author-point {
  margin: 0 0.12rem;
}
.web-share .course-author-intor {
  margin-top: 0.16rem;
  font-size: 0.3rem;
  color: #555555;
  letter-spacing: 0.01rem;
  text-align: left;
  line-height: 0.56rem;
}
.web-share .course-excual-part {
  border-top: 8px solid #F5F6F9;
  width: 100%;
  padding-top: 20px;
}
.web-share .course-line {
  margin: 0.4rem auto;
  width: calc(100% - 0.8rem);
  height: 0.02rem;
  background: #EDEFF3;
}
.web-share .course-part {
  padding: 0 0.4rem;
}
.web-share .course-part-title {
  margin-bottom: 0.24rem;
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
}
.web-share .course-category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: normal;
  top: 0.04rem;
  margin-right: 0.06rem;
  background-image: -o-linear-gradient(271deg, #FE8B67 0%, #FB5D5B 100%);
  background-image: linear-gradient(179deg, #FE8B67 0%, #FB5D5B 100%);
  border-radius: 0.08rem;
  font-size: 0.2rem;
  color: #FFFFFF;
  text-align: center;
  padding: 0.04rem 0.08rem;
  height: 0.32rem;
  vertical-align: 0.02rem;
}
.web-share .course-category-1 {
  width: 0.56rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-1.png') no-repeat;
  background-size: 0.56rem 0.32rem;
}
.web-share .course-category-2 {
  width: 0.56rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-2.png') no-repeat;
  background-size: 0.56rem 0.32rem;
}
.web-share .course-category-3 {
  width: 0.56rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-3.png') no-repeat;
  background-size: 0.56rem 0.32rem;
}
.web-share .course-category-4 {
  width: 0.56rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-4.png') no-repeat;
  background-size: 0.56rem 0.32rem;
}
.web-share .course-category-5 {
  width: 0.56rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-5.png') no-repeat;
  background-size: 0.56rem 0.32rem;
}
.web-share .course-category-6 {
  width: 0.56rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-6.png') no-repeat;
  background-size: 0.56rem 0.32rem;
}
.web-share .course-category-25 {
  width: 0.92rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-25.png') no-repeat;
  background-size: 0.92rem 0.32rem;
}
.web-share .course-category-26 {
  width: 0.92rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-26.png') no-repeat;
  background-size: 0.92rem 0.32rem;
}
.web-share .course-category-37 {
  width: 0.92rem;
  height: 0.32rem;
  background: url('/static/images/share/tag-27.png') no-repeat;
  background-size: 0.92rem 0.32rem;
}

.web-share-more-article {
  position: absolute;
  bottom: 0;
}
.web-share-more-article-top {
  position: relative;
  width: 100%;
  height: 1.28rem;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.web-share-more-article-top:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  background: url(/static/images/share/icon_down@3x.png) no-repeat center center;
  background-size: 0.4rem 0.4rem;
}
.web-share-more-article-bottom {
  padding-top: 0.28rem;
  padding-bottom: 0.3rem;
  background: #fff;
}
.web-share-more-article-btn {
  width: 6.7rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  font-size: 0.32rem;
  color: #FFFFFF;
}

@-webkit-keyframes PhotoView__rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes PhotoView__rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes PhotoView__delayShow {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes PhotoView__delayShow {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.PhotoView__Spinner {
  -webkit-animation: PhotoView__delayShow 0.4s linear both;
          animation: PhotoView__delayShow 0.4s linear both;
}
.PhotoView__Spinner svg {
  -webkit-animation: PhotoView__rotate 0.6s linear infinite;
          animation: PhotoView__rotate 0.6s linear infinite;
}

.PhotoView__Photo {
  will-change: transform;
  cursor: -webkit-grab;
  cursor: grab;
}
.PhotoView__Photo:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

@-webkit-keyframes PhotoView__animateIn {
  from {
    opacity: 0.4;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes PhotoView__animateIn {
  from {
    opacity: 0.4;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes PhotoView__animateOut {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
@keyframes PhotoView__animateOut {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
.PhotoView__animateIn {
  opacity: 0.4;
  -webkit-animation: PhotoView__animateIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
          animation: PhotoView__animateIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.PhotoView__animateOut {
  opacity: 1;
  -webkit-animation: PhotoView__animateOut 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
          animation: PhotoView__animateOut 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.PhotoView__PhotoWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.PhotoView__PhotoMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.PhotoView-SlideWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
}

@-webkit-keyframes PhotoView__fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes PhotoView__fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PhotoView-PhotoSlider__Backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.PhotoView-PhotoSlider__fadeIn {
  opacity: 0;
  -webkit-animation: PhotoView__fade 0.4s linear both;
          animation: PhotoView__fade 0.4s linear both;
}
.PhotoView-PhotoSlider__fadeOut {
  opacity: 0;
  animation: PhotoView__fade 0.4s linear both reverse;
}
.PhotoView-PhotoSlider__BannerWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 20;
}
.PhotoView-PhotoSlider__Counter {
  padding: 0 10px;
  font-size: 14px;
  opacity: 0.75;
}
.PhotoView-PhotoSlider__BannerRight {
  height: 100%;
}
.PhotoView-PhotoSlider__Close {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  opacity: 0.75;
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.PhotoView-PhotoSlider__Close:hover {
  opacity: 1;
}
.PhotoView-PhotoSlider__FooterWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  width: 100%;
  min-height: 44px;
  line-height: 1.5;
  font-size: 14px;
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: justify;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 20;
}

.web-share .course-small-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.22rem;
  color: #B4B4B4;
}
.web-share .course-video-list {
  padding: 0 0.4rem;
}
.web-share .course-video-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.web-share .course-video-list-title > div {
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
}
.web-share .course-video-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.46rem;
  margin-top: 0.24rem;
  height: 0.8rem;
  line-height: 1;
  width: 100%;
  background: #f5f6f9;
  border-radius: 0.12rem;
  font-size: 0.28rem;
  color: #333333;
  letter-spacing: 0;
}
.web-share .course-video-item.checked {
  color: #D83B2F;
  position: relative;
}
.web-share .course-video-item.checked:after {
  content: '';
  position: absolute;
  left: 0.16rem;
  top: 0.31rem;
  display: block;
  width: 0.14rem;
  height: 0.18rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAbCAYAAACTHcTmAAAAAXNSR0IArs4c6QAAAhFJREFUSA21lcFPE0EUxt+bbtI0RoInlJuRXbiVtgeS0uKZCwdIBSOgF2O4mHDl1P9ALiTVcGmiJAZPJt5MWIGYeNAuXHRbDyYaQoJ6ISaidh5vWitjdwpmu85hZ/b73vz27bydHYD/0LDF9HOpOQB5DQiHCOAjG2Wn336I6+v1Vsy/9khE6OdTj4GoEJiE+DJuwY3Lrvch4J0iiNpY+o4RqCYRZX/8hJ1qLnX9FEbAEkTyZkDVBALqkSTX/Nxw+WBi9LxmdRwKXsNkR1czeJnmv375VqnmMiOabBwKziRhdAwix16RUN/288NLVCwKQ0hDwnejSS52iIb4ImbFZ2331af22R2f1h4YuCe6Wv/1fbeaT021e+GhikRwQUr5hIv4oDY+Hm/Bu4P+pnARb8vDvTUqFGJKigSqQEQwWduv8a6MEKpgUkJjk0SWqYIiQq/qI4Uyby9yKAKuRAoVAped7crzSKC8jkdCiLvOlreogKpZzS701UcLZxy34umE0IVCgeXec30Zx/X+Aip4mEwPYzFcsDe9R3p2+thSa8K74c++1c3AGPG1ZYmZAffN+4CnCeon/Va7Nw75ECT+XO4NXrKzZwEVwEKgEv9QS0Yai4j4md/mFlf3GUBg+YzThN3vrHIWq0YXcCORwGQTaI4wqSfn/lh6GmR9lk/si5zZAb/v/cHNylPONNzJYHpaN9oxdrmfxzPtlNsAAAAASUVORK5CYII=) no-repeat;
  background-size: 0.14rem 0.18rem;
}
.web-share .course-course-info {
  margin-bottom: 20px;
  font-size: 0.3rem;
  color: #555555;
  text-align: left;
  line-height: 0.56rem;
}
.web-share .course-excual-part {
  border-top: 8px solid #F5F6F9;
  width: 100%;
  padding-top: 20px;
}
.web-share .course-special-item {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.web-share .course-special-item-left {
  position: relative;
  width: 2.56rem;
  height: 1.6rem;
}
.web-share .course-special-item-left img {
  width: 2.56rem;
  height: 1.6rem;
  border-radius: 0.16rem;
}
.web-share .course-special-item-num {
  position: absolute;
  bottom: 0.08rem;
  right: 0.12rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: right;
  line-height: 0.32rem;
}
.web-share .course-special-item-right {
  margin-left: 0.24rem;
}
.web-share .course-special-item-title {
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.44rem;
  height: 0.88rem;
  word-break: break-all;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web-share .course-special-item-intro {
  margin-top: 4px;
  font-size: 0.22rem;
  color: #B4B4B4;
  letter-spacing: 0;
  word-break: break-all;
  line-height: 0.32rem;
  width: 3.9rem;
  max-height: 0.64rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web-share .course-more-course-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.web-share .course-more-course-left {
  position: relative;
  width: 2.56rem;
  height: 1.6rem;
}
.web-share .course-more-course-left img {
  width: 2.56rem;
  height: 1.6rem;
  border-radius: 0.16rem;
}
.web-share .course-more-course-right {
  margin-left: 0.24rem;
}
.web-share .course-more-course-title {
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.44rem;
  height: 0.88rem;
  word-break: break-all;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  vertical-align: middle;
}
.web-share .course-more-course-info {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.22rem;
  color: #B4B4B4;
  letter-spacing: 0;
  word-break: break-all;
  line-height: 0.32rem;
  width: 100%;
}
.web-share .course-more-course-info-point {
  margin: 0 0.08rem;
}

.web-share-topic-top {
  height: 3.64rem;
  padding: 0 0.4rem 0.2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.web-share-topic-top-mock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.web-share-topic-top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.web-share-topic-title {
  position: relative;
  padding-top: 1.12rem;
  font-weight: bold;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.56rem;
}
.web-share-topic-intro {
  position: relative;
  margin-top: 0.22rem;
  opacity: 0.9;
  font-size: 0.26rem;
  color: #FFFFFF;
}
.web-share-topic-info {
  position: relative;
  margin-top: 0.46rem;
  font-size: 0.22rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.32rem;
  opacity: 0.9;
}
.web-share-topic-point {
  margin: 0 0.08rem;
}
.web-share-topic-main {
  padding: 0 0.4rem;
  margin-top: 0.4rem;
}
.web-share-topic-main-title {
  margin-bottom: 0.24rem;
  font-size: 0.36rem;
  line-height: 0.5rem;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0;
}
.web-share-topic-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.web-share-topic-item-left {
  position: relative;
  width: 2.56rem;
  height: 1.6rem;
}
.web-share-topic-item-left img {
  width: 2.56rem;
  height: 1.6rem;
  border-radius: 0.16rem;
}
.web-share-topic-item-right {
  margin-left: 0.24rem;
}
.web-share-topic-item-title {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.44rem;
  height: 0.88rem;
  word-break: break-all;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web-share-topic-item-info {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.22rem;
  color: #B4B4B4;
  letter-spacing: 0;
  word-break: break-all;
  line-height: 0.32rem;
  width: 100%;
}
.web-share-topic-item-info-point {
  margin: 0 0.08rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.web-master-article .course-warp {
  position: relative;
  padding: 0 0.4rem;
  max-height: 150vh;
  overflow: hidden;
  word-break: break-all;
  line-height: 1.75;
  letter-spacing: 0.062em;
}
.web-master-article .course-warp h1,
.web-master-article .course-warp h2,
.web-master-article .course-warp h3,
.web-master-article .course-warp h4,
.web-master-article .course-warp h5,
.web-master-article .course-warp h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.web-master-article .course-warp h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.web-master-article .course-warp h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.web-master-article .course-warp h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.web-master-article .course-warp h4,
.web-master-article .course-warp h5,
.web-master-article .course-warp h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.web-master-article .course-warp p,
.web-master-article .course-warp section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.web-master-article .course-warp figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.web-master-article .course-warp blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.web-master-article .course-warp img {
  max-width: 100%;
  height: auto !important;
}
.web-master-article .course-warp iframe {
  width: 100%;
  height: auto;
}
.web-master-article .course-info {
  margin-top: 0.2rem;
  padding: 0 0.4rem;
}
.web-master-article .course-base-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.4rem;
  font-size: 12px;
  color: #B4B4B4;
}
.web-master-article .course-name {
  font-weight: normal;
  font-size: 0.4rem;
}
.web-master-article .course-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.28rem;
  padding: 8px 8px;
  background: #F5F6F9 url(/static/images/share/daka.png) no-repeat;
  background-size: 100% 1.28rem;
  border-radius: 0.16rem;
}
.web-master-article .course-author-head {
  margin-right: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
}
.web-master-article .course-author-head img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.web-master-article .course-author-name {
  margin-bottom: 0.06rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #333333;
}
.web-master-article .course-author-right {
  max-width: calc(100% - 1.2rem);
}
.web-master-article .course-author-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #B4B4B4;
  overflow: hidden;
}
.web-master-article .course-author-point {
  margin: 0 0.12rem;
}
.web-master-article .course-line {
  margin: 0.4rem auto;
  width: calc(100% - 0.8rem);
  height: 1px;
  background: #EDEFF3;
}

.YM-lottery {
  font-family: 'Font-song';
  position: fixed;
  left: 0;
  top: 0;
  margin: auto;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.YM-lottery::before {
  content: ' ';
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
}
.lottery-h5 {
  font-family: 'Font-song';
  position: fixed;
  left: 50%;
  top: 40%;
  margin: auto;
  width: 6.9rem;
  height: 8rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  z-index: 1000;
}
.lottery-h5-close {
  position: absolute;
  right: 0.44rem;
  top: 0.64rem;
  width: 0.64rem;
  height: 0.64rem;
  cursor: pointer;
}
.lottery-h5-tips {
  margin-top: -0.22rem;
  margin-bottom: 0.25rem;
  line-height: 0.25rem;
  font-size: 0.18rem;
  color: #d83b2f;
  text-align: center;
  font-family: 'pingfang-SC';
}
.lottery-h5-alert {
  position: relative;
  width: 6.9rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/lottery-2.png');
  background-size: 6.9rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 2.38rem;
  padding-bottom: 2.38rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.lottery-h5-alert::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 6.9rem;
  height: 2.4rem;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/lottery-1.png');
  background-size: 6.9rem auto;
}
.lottery-h5-alert::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 6.9rem;
  height: 2.4rem;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/lottery-3.png');
  background-size: 6.9rem auto;
  background-position: left bottom ;
}
.lottery-h5-alert-main {
  position: relative;
  z-index: 1;
  padding: 0.54rem;
  margin-top: -2.4rem;
  margin-bottom: -2.4rem;
  padding-top: 1rem;
}
.lottery-h5-title {
  text-align: center;
  font-size: 0.48rem;
  line-height: 0.44rem;
  color: #618498;
  margin-bottom: 0.8rem;
}
.lottery-h5-next-btn {
  margin: 0.35rem auto 0;
  width: 5.76rem;
  height: 1.04rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png') no-repeat;
  background-size: 5.76rem auto;
  cursor: pointer;
}
.lottery-h5-success {
  margin: 0 auto;
  width: 3.2rem;
  height: 3.2rem;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/select.png');
  background-size: 3.2rem 3.2rem;
  text-align: center;
}
.lottery-h5-success img {
  margin-top: 0.4rem;
  width: 2.2rem;
  height: 1.72rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.lottery-h5-success-title {
  margin-top: 0.24rem;
  text-align: center;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.56rem;
}
.lottery-h5-success-tips {
  margin-top: 0.32rem;
  color: #618498;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
}
.lottery-h5-box {
  margin: 0 auto;
  padding-top: 0.16rem;
  width: 5.64rem;
  height: 5.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/box.png');
  background-size: 5.64rem 5.64rem;
}
.lottery-h5-box-item {
  padding-top: 0.12rem;
  margin-left: 0.18rem;
  margin-bottom: 0.18rem;
  width: 1.64rem;
  height: 1.64rem;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/normal.png');
  background-size: 1.64rem 1.64rem;
  color: #595347;
}
.lottery-h5-box-item.checked {
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/checked.png');
  background-size: 1.64rem 1.64rem;
  color: #fff;
}
.lottery-h5-box-btn {
  margin-left: 0.18rem;
  margin-bottom: 0.18rem;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/btn.png');
  width: 1.64rem;
  height: 1.64rem;
  background-size: 1.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.48rem;
  color: #ffffff;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lottery-h5-box-btn.disabled {
  opacity: 0.5;
}
.lottery-h5-box-btn div {
  font-size: 0.22rem;
  line-height: 0.34rem;
  color: #fff;
}
.lottery-h5-box-img {
  margin: 0 auto;
  width: 1.26rem;
  height: 0.99rem;
}
.lottery-h5-box-img img {
  width: 1.26rem;
  height: 0.99rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.lottery-h5-box-title {
  margin-top: 0.1rem;
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.28rem;
  margin-left: -0.44rem;
  -webkit-transform: scale(0.8) translateX(0.1rem);
      -ms-transform: scale(0.8) translateX(0.1rem);
          transform: scale(0.8) translateX(0.1rem);
  width: 2rem;
  white-space: nowrap;
}
.lottery-h5-close-confirm {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5.9rem;
  height: 3.36rem;
  border-radius: 0.08rem;
  padding: 0.23rem;
  background: #fff;
  z-index: 1001;
}
.lottery-h5-close-confirm-title {
  padding-top: 0.8rem;
  margin-bottom: 0.48rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
  text-align: center;
}
.lottery-h5-close-confirm-btn {
  margin-bottom: 0.48rem;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lottery-h5-close-confirm-btn-item {
  width: 2.3rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  border: 0.02rem solid #ada28c;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
  background: #ada28c;
  cursor: pointer;
}
.lottery-h5-close-confirm-btn-item.cancel {
  color: #ada28c;
  background: #fff;
}

.yimeng-h5-intro {
  width: 7.5rem;
  overflow: hidden;
}
.yimeng-h5-intro-title-1 {
  margin: 0 auto 0.16rem;
  width: 5.18rem;
  height: 1.44rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/title-intro.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-title-2 {
  margin: 0.92rem auto 0.28rem;
  width: 5.18rem;
  height: 1.44rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/title-topic.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-title-3 {
  margin: 1rem auto 0;
  width: 5.18rem;
  height: 1.44rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/title-people.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-title-4 {
  margin: 0.92rem auto 1.28rem;
  width: 5.18rem;
  height: 1.44rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/title-rule.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-video {
  margin: 0 auto;
  width: 7.15rem;
  height: 4.78rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/intro-bg.png") no-repeat;
  background-size: cover;
  padding: 0.3rem 0.8rem 0.56rem 0.7rem;
  position: relative;
}
.yimeng-h5-intro-video > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-h5-intro-video > img.video-play {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.yimeng-h5-intro-content {
  margin-bottom: 0.88rem;
  padding: 0 0.4rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  text-align: justify;
  color: #ffffff;
}
.yimeng-h5-intro-time-line-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.4rem;
  padding: 0.18rem 0.36rem 0;
  width: 7.5rem;
  height: 4rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/time-bg.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/intro/state-1.png") no-repeat;
  background-size: 7.5rem auto;
  background-position: top center, bottom center;
}
.yimeng-h5-intro-time-line-2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.2rem;
  padding: 0.18rem 1.5rem 0;
  width: 7.5rem;
  height: 4rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/time-bg-2.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/intro/state-2.png") no-repeat;
  background-size: 7.5rem auto;
  background-position: top center, bottom center;
}
.yimeng-h5-intro-time-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.yimeng-h5-intro-time-time {
  height: 0.36rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  text-align: center;
  color: #F4F5F5;
}
.yimeng-h5-intro-time-snow {
  margin: 0.34rem auto 0;
  width: 0.4rem;
  height: 0.45rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/snowflake.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-time-title-1 {
  position: absolute;
  top: 3.08rem;
  left: 2.33rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #f4f5f5;
}
.yimeng-h5-intro-time-title-2 {
  position: absolute;
  top: 3.08rem;
  left: 4.33rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #f4f5f5;
}
.yimeng-h5-intro-time-title-3 {
  position: absolute;
  top: 3.08rem;
  left: 1.1rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #f4f5f5;
}
.yimeng-h5-intro-time-title-4 {
  position: absolute;
  top: 3.08rem;
  left: 3.2rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #f4f5f5;
}
.yimeng-h5-intro-topic {
  margin: 0 auto;
  padding: 1.88rem 0.6rem 0;
  width: 7.1rem;
  height: 8.46rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/topic-bg.png") no-repeat;
  background-size: cover;
  position: relative;
}
.yimeng-h5-intro-topic__nav {
  width: 5.9rem;
  position: absolute;
  height: 0.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.yimeng-h5-intro-topic__nav .intro-tab {
  width: 1.88rem;
  height: 0.72rem;
}
.yimeng-h5-intro-topic__nav .intro-tab.nav1 {
  background: url("/static/images/activity/art_design/yimeng/h5/intro/intro-tab1.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-topic__nav .intro-tab.nav1.active {
  background: url("/static/images/activity/art_design/yimeng/h5/intro/intro-tab1-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-topic__nav .intro-tab.nav2 {
  background: url("/static/images/activity/art_design/yimeng/h5/intro/intro-tab2.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-topic__nav .intro-tab.nav2.active {
  background: url("/static/images/activity/art_design/yimeng/h5/intro/intro-tab2-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-topic__nav .intro-tab + .intro-tab {
  margin-left: 0.32rem;
}
.yimeng-h5-intro-topic-content {
  margin-bottom: 0.4rem;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #1e3443;
  text-align: justify;
  padding-top: 0.98rem;
}
.yimeng-h5-intro-topic-content a {
  text-decoration: underline;
}
.yimeng-h5-intro-topic-img {
  margin-left: -0.8rem;
  width: 8.49rem;
  height: 6.92rem;
  padding-left: 1.4rem;
  padding-top: 1.7rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/topic-bg-2.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-topic-img img {
  width: 4.6rem;
  height: 3.94rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-h5-intro-people {
  position: relative;
}
.yimeng-h5-intro-people-left {
  position: absolute;
  width: 0.8rem;
  height: 0.94rem;
  top: 5rem;
  left: 0.14rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/last.png") no-repeat;
  background-size: cover;
  z-index: 5;
}
.yimeng-h5-intro-people-right {
  position: absolute;
  width: 0.8rem;
  height: 0.94rem;
  top: 5rem;
  right: 0.14rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/next.png") no-repeat;
  background-size: cover;
  z-index: 5;
}
.yimeng-h5-intro-people-warp {
  width: 7.5rem;
  overflow: hidden;
}
.yimeng-h5-intro-people-list {
  margin: 0 auto;
  width: 13.74rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.yimeng-h5-intro-people-item {
  width: 4.58rem;
  height: 8.36rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-people-1.png") no-repeat;
  background-size: cover;
  margin-left: -1.3rem;
  padding-top: 4.2rem;
  padding-left: 1.2rem;
  padding-right: 1rem;
  text-align: center;
  color: #1E3443;
}
.yimeng-h5-intro-people-item:first-child {
  margin-left: -0.3rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-people-2.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-people-item:nth-child(2) {
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-people-1.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-people-item:nth-child(3) {
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-people-3.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-intro-people-name {
  margin-bottom: 0.32rem;
  font-size: 0.4rem;
  line-height: 0.43rem;
}
.yimeng-h5-intro-people-job {
  font-size: 0.2rem;
  line-height: 0.28rem;
}
.yimeng-h5-intro-people-title {
  margin-top: 0.88rem;
  font-size: 0.2rem;
}
.yimeng-h5-intro-rule {
  position: relative;
  width: 7.32rem;
  margin: -0.2rem auto 1rem;
  padding: 0 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-rule-2.png") no-repeat;
  background-size: cover;
  background-size: 7.32rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
}
.yimeng-h5-intro-rule::before {
  position: absolute;
  top: -1rem;
  left: 0;
  content: '';
  width: 7.32rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-rule-1.png") no-repeat;
  background-size: cover;
  background-size: 7.32rem auto;
}
.yimeng-h5-intro-rule::after {
  position: absolute;
  bottom: -1rem;
  left: 0;
  content: '';
  width: 7.32rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-rule-3.png") no-repeat;
  background-size: cover;
  background-size: 7.32rem auto;
}
.YM-h5-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 104;
}
.YM-h5-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.YM-h5-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 6rem;
  height: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM-h5-video-video {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #D6C4A5;
}
.YM-h5-video-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.YM-h5-video-video video:focus {
  outline: none;
}

.yimeng-h5-c {
  color: #1e3443;
}
.yimeng-h5-c-title-1 {
  margin: 0 auto 0.28rem;
  width: 5.18rem;
  height: 1.44rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/title-1.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-c-title-2 {
  margin: 1rem auto 0.18rem;
  width: 7.13rem;
  height: 1.44rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/title-2.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-c-video {
  position: relative;
  width: 6.86rem;
  margin: 0 auto;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-2.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
  margin-bottom: 0.6rem;
}
.yimeng-h5-c-video::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 6.86rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-1.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem auto;
}
.yimeng-h5-c-video::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 6.86rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-3.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem auto;
  background-position: left bottom ;
}
.yimeng-h5-c-video-main {
  padding: 0 0.3rem;
  position: relative;
  z-index: 1;
  margin-top: -0.28rem;
  color: #1e3443;
}
.yimeng-h5-c-video-video {
  margin-bottom: 0.2rem;
  width: 6.24rem;
  height: 3.51rem;
}
.yimeng-h5-c-video-video > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-h5-c-video-title {
  margin-bottom: 0.2rem;
  padding: 0 0.2rem;
  font-size: 0.34rem;
  line-height: 0.44rem;
}
.yimeng-h5-c-video-intro {
  margin-bottom: 0.24rem;
  padding: 0 0.2rem;
  font-size: 0.26rem;
  line-height: 0.44rem;
}
.yimeng-h5-c-video-info {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  font-size: 0.26rem;
  line-height: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.yimeng-h5-c-video-info > span {
  white-space: nowrap;
}
.yimeng-h5-c-video-info > p {
  margin-bottom: 0;
}
.yimeng-h5-c-course-title {
  margin-top: 0.28rem;
  margin-bottom: 0.24rem;
  padding-left: 0.72rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/snowflake.png") no-repeat;
  background-size: cover;
  background-size: 0.35rem 0.35rem;
  background-position: 0.32rem 0;
  font-size: 0.32rem;
  line-height: 0.35rem;
  color: #fff;
}
.yimeng-h5-c-course-topic {
  position: relative;
  width: 6.86rem;
  margin: 0 auto;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-2.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
  margin-bottom: 0.6rem;
}
.yimeng-h5-c-course-topic::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 6.86rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-1.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem auto;
}
.yimeng-h5-c-course-topic::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 6.86rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-3.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem auto;
  background-position: left bottom ;
}
.yimeng-h5-c-course-topic-content {
  position: relative;
  padding: 0 0.5rem 0;
  z-index: 1;
}
.yimeng-h5-c-course-author {
  position: relative;
  width: 6.86rem;
  margin: 0 auto;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-2.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
  margin-bottom: 0.24rem;
}
.yimeng-h5-c-course-author::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 6.86rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-1.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem auto;
}
.yimeng-h5-c-course-author::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 6.86rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/author-3.png") no-repeat;
  background-size: cover;
  background-size: 6.86rem auto;
  background-position: left bottom ;
}
.yimeng-h5-c-course-author-main {
  position: relative;
  z-index: 1;
  padding: 0 0.5rem;
}
.yimeng-h5-c-course-author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.24rem;
}
.yimeng-h5-c-course-author-cover {
  margin-right: 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
}
.yimeng-h5-c-course-author-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
  border-radius: 50%;
}
.yimeng-h5-c-course-author-name {
  margin-bottom: 0.08rem;
  font-size: 0.3rem;
  line-height: 0.33rem;
  color: #1e3443;
}
.yimeng-h5-c-course-author-role {
  color: #618498;
  font-size: 0.24rem;
  line-height: 0.26rem;
}
.yimeng-h5-c-course-author-intro {
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: justify;
}
.yimeng-h5-c-course-list {
  padding: 0 0.33rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.yimeng-h5-c-course-item {
  margin-bottom: 0.24rem;
  width: 3.32rem;
  height: 2.96rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/course.png") no-repeat;
  background-size: cover;
  padding: 0.06rem;
}
.yimeng-h5-c-course-item-content {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #618498;
  background: #fff;
}
.yimeng-h5-c-course-item-cover {
  position: relative;
  width: 100%;
  height: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left bottom, left top, from(#1E3443), to(#1E3443)), -webkit-gradient(linear, left bottom, left top, from(rgba(97, 132, 152, 0.27)), to(rgba(97, 132, 152, 0.27)));
  background: -o-linear-gradient(bottom, #1E3443, #1E3443), -o-linear-gradient(bottom, rgba(97, 132, 152, 0.27), rgba(97, 132, 152, 0.27));
  background: linear-gradient(0deg, #1E3443, #1E3443), linear-gradient(0deg, rgba(97, 132, 152, 0.27), rgba(97, 132, 152, 0.27));
}
.yimeng-h5-c-course-item-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yimeng-h5-c-course-item-cover > img.video-play {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.yimeng-h5-c-course-item-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 0.6rem;
  height: 0.6rem;
  background: url("/static/images/activity/art_design/yimeng/h5/classroom/icon_play@2x.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-c-course-item-empty {
  margin-bottom: 0.08rem;
  color: #F4F5F5;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: center;
}
.yimeng-h5-c-course-item-time {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #9fbbc7;
  text-align: center;
}
.yimeng-h5-c-course-item-title {
  margin-top: 0.08rem;
  padding: 0 0.18rem;
  line-height: 0.39rem;
  font-size: 0.24rem;
}

.yimeng-h5-prize {
  margin-top: -1rem;
}
.yimeng-h5-prize-rule {
  padding: 2.84rem 0.6rem 0;
  width: 7.5rem;
  height: 8.6rem;
  background: url("/static/images/activity/art_design/yimeng/h5/prize/bg-prize-intro.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-prize-rule-title {
  font-size: 0.32rem;
  line-height: 0.54rem;
  text-align: center;
  color: #1e3443;
}
.yimeng-h5-prize-rule-content {
  font-size: 0.24rem;
  line-height: 0.56rem;
  text-align: center;
  color: #1e3443;
}
.yimeng-h5-prize-number {
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #133750;
}
.yimeng-h5-prize-first {
  position: relative;
  width: 7.5rem;
  height: 7.4rem;
  padding: 2.7rem 0.95rem 0;
  background: url("/static/images/activity/art_design/yimeng/h5/prize/bg-1.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-prize-first .yimeng-h5-prize-number {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 1.84rem;
  text-align: center;
}
.yimeng-h5-prize-second,
.yimeng-h5-prize-third {
  position: relative;
  margin-top: -1.2rem;
  width: 7.5rem;
  height: 6.26rem;
  padding: 2.2rem 1.4rem 0;
  font-size: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/prize/bg-2.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-prize-second .yimeng-h5-prize-number,
.yimeng-h5-prize-third .yimeng-h5-prize-number {
  left: 0.9rem;
  right: 0;
  top: 1.54rem;
}
.yimeng-h5-prize-second .yimeng-h5-prize-img,
.yimeng-h5-prize-third .yimeng-h5-prize-img {
  width: 1.32rem;
  height: 1.32rem;
}
.yimeng-h5-prize-second .yimeng-h5-prize-title,
.yimeng-h5-prize-third .yimeng-h5-prize-title {
  font-size: 0.24rem;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  line-height: 0.28rem;
}
.yimeng-h5-prize-third {
  background: url("/static/images/activity/art_design/yimeng/h5/prize/bg-3.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-prize-jinji {
  position: relative;
  margin-top: -1.2rem;
  width: 7.5rem;
  height: 5.72rem;
  padding: 2.1rem 2.15rem 0;
  background: url("/static/images/activity/art_design/yimeng/h5/prize/bg-4.png") no-repeat;
  background-size: cover;
  padding-left: 1.7rem;
}
.yimeng-h5-prize-jinji .yimeng-h5-prize-number {
  left: 1.08rem;
  right: 0;
  top: 1.7rem;
  font-size: 0.2rem;
}
.yimeng-h5-prize-jinji .yimeng-h5-prize-img {
  width: 1.2rem;
  height: 1.2rem;
}
.yimeng-h5-prize-jinji .yimeng-h5-prize-title {
  font-size: 0.24rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  line-height: 0.24rem;
  white-space: nowrap;
}
.yimeng-h5-prize-more {
  position: relative;
  margin-top: -0.8rem;
  width: 7.5rem;
  height: 3.96rem;
  padding: 1.6rem 0.86rem 0;
  background: url("/static/images/activity/art_design/yimeng/h5/prize/bg-5.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-prize-more .yimeng-h5-prize-number {
  left: 0.38rem;
  right: 0;
  top: 1.1rem;
  font-size: 0.24rem;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}
.yimeng-h5-prize-more .yimeng-h5-prize-number-2 {
  left: 4.7rem;
}
.yimeng-h5-prize-more .yimeng-h5-prize-img {
  margin-bottom: 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}
.yimeng-h5-prize-more .yimeng-h5-prize-title {
  font-size: 0.24rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  line-height: 0.24rem;
}
.yimeng-h5-prize-more .yimeng-h5-prize-title.small {
  font-size: 0.24rem;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  line-height: 0.2rem;
}
.yimeng-h5-prize-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.yimeng-h5-prize-img {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 auto 0.16rem;
}
.yimeng-h5-prize-img img {
  width: 100%;
  height: 100%;
}
.yimeng-h5-prize-title {
  font-size: 0.26rem;
  line-height: 0.34rem;
  text-align: center;
  color: #716D64;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.YM_H5_phone-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0.8rem;
}
.YM_H5_phone-input__left {
  width: 0.2rem;
  height: 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-left.png") no-repeat;
  background-size: cover;
  background-size: auto 0.8rem;
}
.YM_H5_phone-input__center {
  width: 100%;
  height: 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM_H5_phone-input__center .ant-input {
  border: none;
  height: 0.54rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background: transparent;
  font-size: 0.16rem;
  padding: 0;
  padding-right: 30px;
  padding-left: 0.08rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_phone-input__center .ant-input:-webkit-autofill,
.YM_H5_phone-input__center .ant-input:-webkit-autofill:hover,
.YM_H5_phone-input__center .ant-input:-webkit-autofill:focus,
.YM_H5_phone-input__center .ant-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.YM_H5_phone-input__center .ant-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.YM_H5_phone-input__center .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_phone-input__center .ant-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_phone-input__right {
  width: 0.3rem;
  min-width: 0.3rem;
  height: 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-right.png") no-repeat;
  background-size: cover;
  background-size: auto 0.8rem;
}
.YM_H5_phone-input .ym_select {
  position: relative;
  width: 1.2rem;
  height: 100%;
  background: url("/static/images/activity/art_design/yimeng/enroll/phone-center.png") no-repeat;
  background-size: cover;
  background-position: right;
  background-size: auto 0.75rem;
}
.YM_H5_phone-input .ym_select.show > span {
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-top.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: 0.65rem 0.3rem;
}
.YM_H5_phone-input .ym_select .phone-icon-show {
  width: auto;
  height: 0.58rem;
  position: absolute;
  right: -0.04rem;
}
.YM_H5_phone-input .ym_select > span {
  display: inline-block;
  width: 1rem;
  line-height: 0.78rem;
  text-align: center;
  font-size: 0.24rem;
  padding-right: 0.36rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-bottom.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: 0.65rem 0.3rem;
}
.YM_H5_phone-input .ym_select .ym_select_menu {
  width: 1.5rem;
  max-height: 2.2rem;
  height: 0;
  overflow: auto;
  position: absolute;
  bottom: -2.25rem;
  border-radius: 2px;
  background: #fff;
  z-index: 9;
  -webkit-transition: all 1 linear;
  -o-transition: all 1 linear;
  transition: all 1 linear;
  -webkit-transform: translateX(-0.2rem);
      -ms-transform: translateX(-0.2rem);
          transform: translateX(-0.2rem);
}
.YM_H5_phone-input .ym_select .ym_select_menu.show {
  height: 2.2rem;
  border: 1px solid #DADDE8;
}
.YM_H5_phone-input .ym_select .ym_select_menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.YM_H5_phone-input .ym_select .ym_select_menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.YM_H5_phone-input .ym_select .ym_select_menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.YM_H5_phone-input .ym_select .ym_select_menu .Item {
  width: 100%;
  padding: 0 0.16rem;
  height: 0.48rem;
  line-height: 0.48rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 10;
}
.YM_H5_phone-input .ym_select .ym_select_menu .Item.active {
  background: #618498;
  color: #fff;
}
.YM_H5_phone-input .ym_select .phone-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9;
}
.YM_H5_phone-input .mg_input {
  width: 100%;
}
.YM_H5_phone-input .phone-input-input {
  width: 100%;
}
.YM_H5_phone-input .phone-input-input .mg_input {
  width: 100%;
}

.modal-YM-h5-info {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  z-index: 103;
}
.modal-YM-h5-info .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-YM-h5-info .content-border {
  width: 6.84rem;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 0.12rem;
  background: #CAE0E5;
  z-index: 99;
}
.modal-YM-h5-info .content-border .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-YM-h5-info .content {
  width: 100%;
  height: 100%;
  border-radius: 0.11rem;
  min-height: 8rem;
  max-height: 70vh;
  padding: 0.6rem 0.3rem 0.6rem 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-YM-h5-info .content > h3 {
  font-size: 0.4rem;
  line-height: 1.2;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.modal-YM-h5-info .content .enroll-form {
  width: 100%;
  margin: 0 auto;
  overflow-y: auto;
  padding-right: 0.3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 0.1rem;
  -webkit-transform: translateX(0.04rem);
      -ms-transform: translateX(0.04rem);
          transform: translateX(0.04rem);
}
.modal-YM-h5-info .content .enroll-form::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #9FB8C7;
  border-radius: 3px;
}
.modal-YM-h5-info .content .enroll-form .form-item {
  margin-top: 0.32rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .form-title {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #404652;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.2rem;
  margin-bottom: 0.16rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .form-title.required {
  background: url("/static/images/activity/art_design/yimeng/enroll/start.png") no-repeat;
  background-size: cover;
  background-size: 0.12rem 0.12rem;
  background-position: 0 0.06rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ymInput .input-box-input {
  height: 0.8rem;
  font-size: 0.28rem;
  line-height: 0.78rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
}
.modal-YM-h5-info .content .enroll-form .form-item .ymInput .input-box-left {
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ymInput .input-box-center {
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ymInput .input-box-right {
  width: 0.3rem;
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ymInput .input-box-count {
  font-size: 0.24rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper {
  font-size: 0.16rem;
  line-height: 1.2;
  color: 0.16rem;
  text-align: justify;
  font-family: 'Font-song';
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper > span {
  color: 0.16rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.modal-YM-h5-info .content .enroll-form .form-item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #404652;
  margin-top: 0.24rem;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement > a {
  color: #4a90e2;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
  margin-right: 0.08rem;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox-active.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.modal-YM-h5-info .content .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.modal-YM-h5-info .content .enroll-form .form-item .antSelect {
  width: 100%;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-YM-h5-info .content .enroll-form .form-item .antSelect-left {
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-left.png") no-repeat;
  background-size: cover;
}
.modal-YM-h5-info .content .enroll-form .form-item .antSelect-center {
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-YM-h5-info .content .enroll-form .form-item .antSelect-right {
  width: 0.3rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-right.png") no-repeat;
  background-size: cover;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select {
  width: 5.58rem;
  height: 0.8rem;
  line-height: 0.81rem;
  color: #023A4d;
  background: transparent;
  margin-left: -0.2rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-selection {
  height: 0.81rem;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-selection .ant-select-selection-selected-value {
  line-height: 0.81rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-selection:focus {
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-selection.error {
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-selection__placeholder {
  color: #a5a7b5;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.16rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-arrow {
  width: 0.32rem;
  height: 0.32rem;
  right: 0.24rem;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/icon_to-bottom.png') no-repeat;
  background-size: 0.32rem auto;
}
.modal-YM-h5-info .content .enroll-form .form-item .ant-select.ant-select-open .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/arrow-to-top.png') no-repeat;
  background-size: 0.32rem auto;
}
.modal-YM-h5-info .content .ym-enroll-submit {
  width: 5.58rem;
  height: 1.78rem;
  background: url(/static/images/activity/art_design/yimeng/h5/bg-btn.png) no-repeat;
  background-size: 5.58rem auto;
  font-size: 0.34rem;
  line-height: 0.22rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 0.88rem;
  margin: 0.4rem auto 0;
  -webkit-transform: translateX(-0.16rem);
      -ms-transform: translateX(-0.16rem);
          transform: translateX(-0.16rem);
  cursor: pointer;
}

.yimeng-share-Box {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share-imgBox {
  height: calc(100vh - 2rem);
  overflow-y: auto;
}
.yimeng-share-Box .canvas-Img {
  width: 100%;
  height: auto;
}
.yimeng-share-Box .yimeng-share {
  padding-top: 0.5rem;
  padding-bottom: 0.1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/bg-01.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/bg-02.png") repeat;
  background-size: 7.5rem auto;
  font-family: 'Font-song';
}
.yimeng-share-Box .yimeng-share__alert {
  margin: 0 auto;
  padding-top: 0.84rem;
  width: 6.9rem;
  height: 11.13rem;
  background: url("/static/images/activity/art_design/yimeng/h5/share.png") no-repeat;
  background-size: 6.9rem auto;
}
.yimeng-share-Box .yimeng-share__title {
  margin: 0 auto 0.52rem;
  width: 3.2rem;
  line-height: 0.48rem;
  font-size: 0.4rem;
  color: #618498;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__img {
  margin: 0 auto 0.2rem;
  padding: 0 0.08rem;
  width: 5.6rem;
  height: 3.22rem;
}
.yimeng-share-Box .yimeng-share__img img {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #618498;
}
.yimeng-share-Box .yimeng-share__project-title {
  margin-left: 0.75rem;
  margin-bottom: 0.16rem;
  color: #404652;
  font-size: 0.3rem;
  line-height: 0.33rem;
}
.yimeng-share-Box .yimeng-share__project-info {
  margin-left: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
.yimeng-share-Box .yimeng-share__project-cover {
  margin-right: 0.16rem;
  width: 0.48rem;
  height: 0.48rem;
}
.yimeng-share-Box .yimeng-share__project-cover img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.yimeng-share-Box .yimeng-share__project-author {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #404652;
}
.yimeng-share-Box .yimeng-share__project-content {
  width: 5.6rem;
  margin-left: 0.75rem;
  margin-bottom: 0.6rem;
  text-align: justify;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #404652;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 0.72rem;
  -webkit-box-orient: vertical;
}
.yimeng-share-Box .yimeng-share__project-qr__title {
  margin-bottom: 0.24rem;
  color: #618498;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__project-qr__code {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__project-qr__code canvas {
  width: 100% !important;
  height: 100% !important;
}
.yimeng-share-Box .yimeng-share__btn-box {
  width: 100vw;
  margin: 0 auto;
  position: fixed;
  bottom: 0.16rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share__btn-box .yimeng-share__btn {
  margin: 0.35rem auto 0;
  width: 5.58rem;
  height: 0.88rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png');
  background-size: 5.58rem 0.88rem;
  cursor: pointer;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__btn-box > p {
  font-size: 0.26rem;
  line-height: 0.28rem;
  color: #CAE0E5;
  font-family: 'Font-song';
  margin: 0.18rem auto 0;
  text-align: center;
}
.YM_H5_Enroll {
  width: 7.5rem;
  overflow: hidden;
  margin: 0 auto;
}
.YM_H5_Enroll-Enroll {
  width: 7.5rem;
  margin: 0 auto;
}
.YM_H5_Enroll-Enroll-rule-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-rule.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0rem auto 0;
}
.YM_H5_Enroll-Enroll-rule-text {
  width: 6.7rem;
  margin: 0.48rem auto 0;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-enrollForm {
  width: 7.1rem;
  height: 17.32rem;
  margin: 0.6rem auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/bg-enroll-form.png") no-repeat;
  background-size: cover;
  background-size: 7.3rem auto;
  margin-left: 0.16rem;
}
.YM_H5_Enroll-enrollForm-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/title-enroll.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.98rem auto 0;
}
.YM_H5_Enroll-enrollForm .enroll-form {
  width: 5.58rem;
  margin: 0 auto;
  padding-top: 0.36rem;
  -webkit-transform: translateX(0.04rem);
      -ms-transform: translateX(0.04rem);
          transform: translateX(0.04rem);
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item {
  margin-top: 0.32rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .form-title {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #404652;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.2rem;
  margin-bottom: 0.16rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .form-title.required {
  background: url("/static/images/activity/art_design/yimeng/enroll/start.png") no-repeat;
  background-size: cover;
  background-size: 0.12rem 0.12rem;
  background-position: 0 0.1rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-input {
  height: 0.8rem;
  font-size: 0.28rem;
  line-height: 0.78rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-left {
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-center {
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-right {
  width: 0.3rem;
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-count {
  font-size: 0.24rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper {
  font-size: 0.16rem;
  line-height: 1.2;
  color: 0.16rem;
  text-align: justify;
  font-family: 'Font-song';
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper > span {
  color: 0.16rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #404652;
  margin-top: 0.24rem;
  font-size: 0.24rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement > a {
  color: #4a90e2;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
  margin-right: 0.08rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox-active.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.24rem;
  height: 0.24rem;
  background-size: 0.24rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background-size: 0.24rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect {
  width: 100%;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect-left {
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-left.png") no-repeat;
  background-size: cover;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect-center {
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect-right {
  width: 0.3rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-right.png") no-repeat;
  background-size: cover;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select {
  width: 5.58rem;
  height: 0.8rem;
  line-height: 0.81rem;
  color: #023A4d;
  background: transparent;
  margin-left: -0.2rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection {
  height: 0.81rem;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection .ant-select-selection-selected-value {
  font-size: 0.28rem;
  line-height: 0.81rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection:focus {
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection.error {
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection__placeholder {
  color: #a5a7b5;
  margin-top: 0;
  height: 0.78rem;
  line-height: 0.98rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.28rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-arrow {
  width: 0.32rem;
  height: 0.32rem;
  right: 0.24rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/icon_to-bottom.png') no-repeat;
  background-size: 0.32rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select.ant-select-open .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/arrow-to-top.png') no-repeat;
  background-size: 0.32rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .ym-enroll-submit {
  width: 5.76rem;
  height: 1.07rem;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/btn.png") no-repeat;
  background-size: cover;
  font-size: 0.32rem;
  line-height: 0.36rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 1.07rem;
  margin: 0.3rem auto;
  cursor: pointer;
  -webkit-transform: translateX(-0.1rem);
      -ms-transform: translateX(-0.1rem);
          transform: translateX(-0.1rem);
}
.YM_H5_Enroll-works-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-works-rule.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 0rem auto 0;
}
.YM_H5_Enroll-works-rule-text {
  width: 6.7rem;
  margin: 0.48rem auto 0;
  font-size: 0.28rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-works-rule-text > p {
  text-indent: 1.5em;
  margin-bottom: 0;
}
.YM_H5_Enroll-worksInfo {
  width: 7.02rem;
  height: auto;
  margin: 0.8rem auto 0;
  overflow: hidden;
  position: relative;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/bg-works-center.png');
  background-size: 7.01rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 2.95rem;
  padding-bottom: 0.9rem;
}
.YM_H5_Enroll-worksInfo::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 7.02rem;
  height: 2.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/bg-works-top.png');
  background-size: 7.02rem auto;
}
.YM_H5_Enroll-worksInfo::after {
  bottom: -0.9rem;
  left: 0;
  display: block;
  content: '';
  width: 7.02rem;
  height: 4.98rem;
  background: transparent url('/static/images/activity/art_design/yimeng/h5/enroll/bg-works-bottom.png');
  background-size: 7.01rem auto;
  background-position: 0 0 ;
  position: relative;
  z-index: 9;
  margin-top: -3.8rem;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-worksInfo-wrap {
  margin-top: -3rem;
  position: relative;
  z-index: 10;
}
.YM_H5_Enroll-worksInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/title-works-submit.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1rem auto 0;
  position: relative;
  z-index: 9;
}
.YM_H5_Enroll-worksInfo-detail {
  padding: 0 0.3rem 0 0.7rem;
  margin-top: 0.64rem;
  position: relative;
  z-index: 9;
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-worksInfo-detail .detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__title {
  min-width: 1.8rem;
  width: 1.8rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YM_H5_Enroll-worksInfo-detail .detail-item + .detail-item {
  margin-top: 0.24rem;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl {
  width: 1.86rem;
  height: 1.24rem;
  border-radius: 4px;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  border-radius: 4px;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl + .detail-coverUrl {
  margin-left: 0.14rem;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl:nth-child(2n+1) {
  margin-left: 0;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail.attachmentList .detail-coverUrl {
  margin-bottom: 0.24rem;
}
.YM_H5_Enroll-worksInfo--actions {
  margin: 0.4rem auto 0;
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.YM_H5_Enroll-worksInfo--actions .share-works {
  width: 5.76rem;
  height: 1.07rem;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/btn.png") no-repeat;
  background-size: cover;
  font-size: 0.32rem;
  line-height: 3;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin: 0 auto;
}
.YM_H5_Enroll-worksInfo--actions > p {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #ADA28C;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin-bottom: 0;
}
.YM_H5_Enroll-enrollInfo {
  width: 7.2rem;
  height: 9.21rem;
  margin: 0.8rem auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/bg-userInfo.png") no-repeat;
  background-size: cover;
  background-size: 7.3rem auto;
  -webkit-transform: translateX(-0.04rem);
      -ms-transform: translateX(-0.04rem);
          transform: translateX(-0.04rem);
}
.YM_H5_Enroll-enrollInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/title-userInfo.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.8rem auto 0;
}
.YM_H5_Enroll-enrollInfo-detail {
  padding: 0 0.9rem;
  margin-top: 0.64rem;
  position: relative;
}
.YM_H5_Enroll-enrollInfo-detail > p {
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  margin-bottom: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YM_H5_Enroll-enrollInfo-detail > p > span {
  display: inline-block;
  width: 1.8rem;
  min-width: 1.8rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YM_H5_Enroll-enrollInfo-detail > p > p {
  margin-bottom: 0;
}
.YM_H5_Enroll-enrollInfo-detail .btn-enrollInfo {
  width: 5.76rem;
  height: 1.07rem;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/btn-userInfo.png") no-repeat;
  background-size: cover;
  margin-left: -0.2rem;
  margin-top: 0.3rem;
}
.submitWorks-toast {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #FFFDBF;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin-top: 0.24rem;
}
.submitWorks-toast > i {
  margin: 0 0.16rem;
  display: inline-block;
  width: 0.36rem;
  height: 0.4rem;
  background: url("/static/images/activity/art_design/yimeng/h5/snowflake.png") no-repeat;
  background-size: cover;
  -webkit-transform: translateY(0.06rem);
      -ms-transform: translateY(0.06rem);
          transform: translateY(0.06rem);
}
.modal-argreement-h5 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 110;
}
.modal-argreement-h5__mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}
.modal-argreement-h5-border {
  width: 6.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-argreement-h5-content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.32rem;
  position: relative;
  padding: 0.48rem 0.28rem 0.48rem 0.48rem;
}
.modal-argreement-h5-content .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 14px;
  top: 14px;
}
.modal-argreement-h5-content > h3 {
  text-align: center;
  font-size: 0.28rem;
}
.modal-argreement-h5-content .content {
  max-height: 6.2rem;
  overflow-y: auto;
  margin-bottom: 0.5rem;
  padding-right: 0.2rem;
}
.modal-argreement-h5-content .content > p {
  font-size: 0.24rem;
  word-break: break-all;
  text-align: justify;
}
.modal-argreement-h5-content .content > h4 {
  margin-top: 0.36rem;
}
.modal-h5-wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.modal-h5-wrap__mask {
  width: 100vw;
  height: 100vh;
  background: #1e354b;
}
.modal-h5-wrap .modal-h5-body {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-h5-wrap .modal-h5-imgBox {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 100vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-height: calc(100vh - 2rem);
  background: #1e354b;
  overflow-y: auto;
}
.modal-h5-wrap .modal-h5-imgBox .yimeng-share {
  background: transparent;
  padding-top: 0.2rem;
  min-height: 10.72rem;
  padding-bottom: 0rem;
}
.modal-h5-wrap .modal-h5-imgBox .yimeng-share__alert {
  padding-top: 0;
  overflow: hidden;
}
.modal-h5-wrap .modal-h5-imgBox .yimeng-share__title {
  margin-top: 0.84rem;
}
.modal-h5-wrap .yimeng-share__btn-box {
  position: fixed;
  bottom: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-repeat: no-repeat;
  height: auto;
  width: 7.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  background: #1e354b;
}
.modal-h5-wrap .yimeng-share__btn-box .yimeng-share__btn {
  margin: 0.35rem auto 0;
  width: 5.58rem;
  height: 1.04rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png');
  background-size: 5.58rem auto;
  cursor: pointer;
  margin: 0 auto;
}
.modal-h5-wrap .yimeng-share__btn-box > p {
  font-size: 0.26rem;
  line-height: 0.28rem;
  color: #CAE0E5;
  text-align: justify;
  font-family: 'Font-song';
  margin: 0.18rem auto 0;
  text-align: center;
}
.YM-select-downMenu {
  border-radius: 0.08rem;
}
.YM-select-downMenu .ant-select-dropdown-menu {
  border: 2px solid #618498;
  border-radius: 0.08rem;
  background: #618498;
  padding: 0;
}
.YM-select-downMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  background: #fff;
  color: #023A4D;
}
.YM-select-downMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active {
  background: #618498;
  color: #fff;
}
.modal-ym-h5-confirm {
  width: 4.32rem !important;
  min-height: 2.46rem;
  border-radius: 12px;
}
.modal-ym-h5-confirm .ant-modal-body {
  padding: 0.48rem;
}
.modal-ym-h5-confirm .ant-modal-confirm-content {
  text-align: center;
}
.modal-ym-h5-confirm .anticon.anticon-question-circle {
  display: none;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn {
  width: 1.58rem;
  height: 0.48rem;
  border-radius: 0.48rem;
  color: #ADA28C;
  border-color: #ADA28C;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary {
  color: #fff;
  background-color: #ADA28C !important;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary:hover {
  background: #ADA28C !important;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn-primary {
  background: #ADA28C;
}

.mg-2019-footer .action {
  height: 5.32rem;
  width: 7.5rem;
  background: #121212;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.57rem;
}
.mg-2019-footer .action > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg-2019-footer .action > div:nth-of-type(1) div {
  width: 2.8rem;
  height: 2.6rem;
  margin: 0 0.23rem;
  text-align: center;
}
.mg-2019-footer .action > div:nth-of-type(1) img {
  height: 2rem;
  width: 2rem;
  border-radius: 0.09rem;
  margin-bottom: 0.36rem;
}
.mg-2019-footer .action > div:nth-of-type(1) p {
  font-size: 0.22rem;
  line-height: 0.22rem;
  color: #575757;
  white-space: nowrap;
}
.mg-2019-footer .action .line {
  width: 6.4rem;
  border-top: 1px solid #262626;
  margin: 0.48rem auto;
}
.mg-2019-footer .action .enter {
  color: #575757;
}
.mg-2019-footer .action > div:nth-of-type(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #575757;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg-2019-footer .action > div:nth-of-type(3) div {
  margin: 0 0.5rem;
  font-size: 0.22rem;
  line-height: 0.58rem;
}
.mg-2019-footer .action > div:nth-of-type(3) i {
  display: inline-block;
  height: 0.58rem;
  width: 0.58rem;
  background: url('/static/images/activity/miniGame/2019App/enter.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.15rem;
  opacity: 0.3;
}
.mg-2019-footer .action > div:nth-of-type(3) p {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin: 0 0.5rem;
  text-align: center;
}
.mg-2019-footer .action > div:nth-of-type(3) em {
  display: inline-block;
  height: 0.3rem;
  width: 0.3rem;
  background: url('/static/images/activity/miniGame/2019App/phone.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.07rem;
  opacity: 0.3;
}
.mg-2019-footer .msg {
  background: #080404;
  padding: 0.45rem 0;
  width: 7.5rem;
}
.mg-2019-footer .msg p {
  line-height: 0.32rem;
  font-size: 0.22rem;
  color: #3c3c3c;
  text-align: center;
}
.mg-2019-footer .app-totop {
  position: fixed;
  right: 0.32rem;
  bottom: 1.32rem;
  height: 0.62rem;
  width: 0.62rem;
  background: url('/static/images/activity/miniGame/2019App/totop.png') no-repeat;
  background-size: 100% 100%;
}

.mini-2019-nav {
  position: fixed;
  -ms-transform: translate(0, 0, 0);
      transform: translate(0, 0, 0);
  -webkit-transform: translate(0, 0, 0);
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.97rem;
  background: url('/static/images/activity/miniGame/2019App/preach/nav.png') no-repeat;
  background-size: 100% 100%;
}
.mini-2019-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mini-2019-nav li {
  padding-right: 0.02rem;
  width: 1.44rem;
  margin-top: 0.18rem;
  position: relative;
  font-size: 20px;
  text-align: center;
}
.mini-2019-nav li > a {
  display: inline-block;
}
.mini-2019-nav li p {
  color: #fafafa;
  cursor: pointer;
}
.mini-2019-nav li p:nth-of-type(1) {
  font-weight: 700;
  line-height: 0.34rem;
  font-size: 0.24rem;
  margin-bottom: 0;
}
.mini-2019-nav li p:nth-of-type(2) {
  font-size: 0.16rem;
  line-height: 0.26rem;
}
.mini-2019-nav li i {
  display: block;
  height: 0.35rem;
  width: 0.02rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019App/preach/nav_icon.png') no-repeat;
}
.mini-2019-nav li:hover p {
  color: #32163f;
}
.mini-2019-nav .active-nav p {
  color: #32163f;
}

.mini-2019-message {
  width: 3.4rem;
  padding: 0.36rem 0.32rem 0.24rem;
  border-radius: 0.12rem;
  -webkit-box-shadow: 0 0.02rem 0.2rem 0 rgba(166, 166, 166, 0.28);
          box-shadow: 0 0.02rem 0.2rem 0 rgba(166, 166, 166, 0.28);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: fixed;
  top: 2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  z-index: 9999;
}
.mini-2019-message > div {
  height: 0.56rem;
  width: 0.56rem;
  margin: 0 auto;
  background: url(/static/images/icons/message-warning.png) no-repeat;
  background-size: 0.56rem 0.56rem;
  background-position: top;
}
.mini-2019-message .msg-success {
  background: url(/static/images/icons/message-success.png) no-repeat;
  background-size: 0.56rem 0.56rem;
  background-position: top;
}
.mini-2019-message p {
  text-align: center;
  margin-top: 0.2rem;
}

.phoneLogin {
  position: fixed;
  right: 0;
  bottom: 1rem;
  height: 1.4rem;
  width: 1.4rem;
  cursor: pointer;
}
.phone-load {
  background: url('/static/images/activity/miniGame/2019App/load.png') no-repeat;
  background-size: 100% 100%;
  background-position: left;
}
.phone-enter {
  background: url('/static/images/activity/miniGame/2019App/center.png') no-repeat;
  background-size: 100% 100%;
  background-position: left;
}

.comment-container-m {
  width: 100%;
  height: 100%;
}
.comment-container-m .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.comment-container-m .textArea-box {
  position: relative;
  border: none;
  width: 100%;
  height: 100%;
}
.comment-container-m .textArea-box > img {
  width: 100%;
  height: 100%;
}
.comment-container-m .textArea-box .commet-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0.22rem;
}
.comment-container-m .textArea-box-submit {
  display: inline-block;
  text-align: right;
  position: absolute;
  bottom: 0.06rem;
  right: 0.15rem;
  width: 1rem;
  height: 0.44rem;
}
.comment-container-m .textArea-box-submit > img {
  width: 100%;
}
.comment-container-m .textArea-box-count {
  width: 98%;
  height: 0.44rem;
  position: absolute;
  right: 0.03rem;
  vertical-align: center;
  bottom: 0.03rem;
  padding-left: 0.15rem;
  background: #fff;
  text-align: left;
  color: #ccc;
  font-size: 0.22rem;
  line-height: 0.44rem;
}
.comment-container-m .textArea-box-input {
  width: 100%;
  padding: 0rem 0.1rem 0rem 0.15rem;
  margin-top: 0.16rem;
  margin-bottom: 0.5rem;
  min-height: 60%;
  max-height: 60%;
  font-size: 0.2rem;
  color: rgba(0, 0, 0, 0.65);
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment-list-m .empty_status {
  text-align: center;
}
.comment-list-m .empty_status > img {
  width: 160px;
  height: 160px;
}
.comment-list-m .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.comment-list-m > div {
  padding-bottom: 0.22rem;
  padding-top: 0.22rem;
  border-bottom: 1px solid #F5F5F9;
}
.comment-list-m > div:last-of-type {
  border-bottom: none;
}
.comment-list-m .item-left {
  height: 0.64rem;
  width: 0.64rem;
  float: left;
  border-radius: 0.32rem;
  overflow: hidden;
}
.comment-list-m .item-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-list-m .item-right {
  margin-left: 0.78rem;
}
.comment-list-m .item-right > div {
  font-size: 0.22rem;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 1.4;
  margin-bottom: 0.08rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-list-m .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.comment-list-m .item-right h5 span {
  font-size: 0.24rem;
  line-height: 1.4;
  color: #A1A5B3;
}
.comment-list-m .item-right h5 > span:nth-of-type(1) {
  margin-right: 0.16rem;
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list-m .item-right .item-action {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment-list-m .item-right .item-action > span {
  margin-right: 0.24rem;
  font-size: 0.22rem;
  color: #A1A5B3;
  letter-spacing: 0;
  line-height: 1.2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.comment-list-m .item-right .item-action .item-like i {
  background: url('/static/icons/like_small@2x.png') no-repeat;
  background-size: 0.84rem 0.28rem;
}
.comment-list-m .item-right .item-action .item-like .has-liked {
  background-position: -0.56rem 0;
}
.comment-list-m .item-right .item-action .item-answer i {
  background: url('/static/icons/comment_small@2x.png') no-repeat;
  background-size: 0.56rem 0.28rem;
}
.comment-list-m .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.comment-list-m .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 0.28rem;
  width: 0.28rem;
  overflow: hidden;
  vertical-align: top;
  margin-right: 0.04rem;
}
.comment-list-m .item-right .item-action > span:hover i {
  background-position: -0.28rem 0;
}
.comment-list-m .child-comments {
  padding: 16px 27px 16px 16px;
  background: #f1f1f1;
  border-radius: 8px;
}
.comment-list-m .child-comments .child-more {
  font-size: 0.22rem;
  color: #4A90E2;
  margin-top: 0.1rem;
  cursor: pointer;
}
.comment-list-m .child-comments .child-item {
  margin-bottom: 0.12rem;
}
.comment-list-m .child-comments .child-item .child-item-left {
  float: left;
  height: 0.36rem;
  width: 0.36rem;
  border-radius: 0.18rem;
  overflow: hidden;
}
.comment-list-m .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 0.36rem;
  width: 0.36rem;
}
.comment-list-m .child-comments .child-item .child-item-right {
  margin-left: 0.56rem;
  font-size: 0.22rem;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 0.36rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-list-m .child-comments .child-item .child-item-right span {
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list-m .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.comment-list-m .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.scroll-reference {
  width: 100%;
  height: 1px;
  background: transparent;
}

@-webkit-keyframes PhotoView__rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes PhotoView__rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes PhotoView__delayShow {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes PhotoView__delayShow {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.PhotoView__Spinner {
  -webkit-animation: PhotoView__delayShow 0.4s linear both;
          animation: PhotoView__delayShow 0.4s linear both;
}
.PhotoView__Spinner svg {
  -webkit-animation: PhotoView__rotate 0.6s linear infinite;
          animation: PhotoView__rotate 0.6s linear infinite;
}

.PhotoView__Photo {
  will-change: transform;
  cursor: -webkit-grab;
  cursor: grab;
}
.PhotoView__Photo:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

@-webkit-keyframes PhotoView__animateIn {
  from {
    opacity: 0.4;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes PhotoView__animateIn {
  from {
    opacity: 0.4;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes PhotoView__animateOut {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
@keyframes PhotoView__animateOut {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
.PhotoView__animateIn {
  opacity: 0.4;
  -webkit-animation: PhotoView__animateIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
          animation: PhotoView__animateIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.PhotoView__animateOut {
  opacity: 1;
  -webkit-animation: PhotoView__animateOut 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
          animation: PhotoView__animateOut 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.PhotoView__PhotoWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.PhotoView__PhotoMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.PhotoView-SlideWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
}

@-webkit-keyframes PhotoView__fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes PhotoView__fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PhotoView-PhotoSlider__Backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.PhotoView-PhotoSlider__fadeIn {
  opacity: 0;
  -webkit-animation: PhotoView__fade 0.4s linear both;
          animation: PhotoView__fade 0.4s linear both;
}
.PhotoView-PhotoSlider__fadeOut {
  opacity: 0;
  animation: PhotoView__fade 0.4s linear both reverse;
}
.PhotoView-PhotoSlider__BannerWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 20;
}
.PhotoView-PhotoSlider__Counter {
  padding: 0 10px;
  font-size: 14px;
  opacity: 0.75;
}
.PhotoView-PhotoSlider__BannerRight {
  height: 100%;
}
.PhotoView-PhotoSlider__Close {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  opacity: 0.75;
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.PhotoView-PhotoSlider__Close:hover {
  opacity: 1;
}
.PhotoView-PhotoSlider__FooterWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  width: 100%;
  min-height: 44px;
  line-height: 1.5;
  font-size: 14px;
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: justify;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 20;
}


.modal-mask-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-mask-wrap .modal-wrap {
  position: relative;
  width: 6rem;
  height: 4.41rem;
  background: url(/static/images/activity/art_design/2019/webapp/vote_popModel.png) no-repeat;
  background-size: cover;
  font-family: STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
  color: #2c0b0a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: bounce 0.5s;
          animation: bounce 0.5s;
}
.modal-mask-wrap .modal-wrap .modal-cancel {
  position: absolute;
  top: -1rem;
  right: 0rem;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  color: white;
  font-size: 0.26rem;
  line-height: 0.45rem;
  text-align: center;
  background: url(/static/images/activity/art_design/2019/webapp/vote-close.jpg) 0 0 / cover no-repeat;
}
.modal-mask-wrap .modal-wrap .modal-title {
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 100%;
  font-size: 0.3rem;
  text-align: center;
}
.modal-mask-wrap .modal-wrap .modal-desc {
  position: absolute;
  top: 1.5rem;
  left: 15%;
  text-align: center;
  width: 70%;
  font-size: 0.28rem;
}
.modal-mask-wrap .modal-wrap .modal-opration {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 2.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.modal-mask-wrap .modal-wrap .modal-opration .modal-goto {
  width: 3rem;
  height: 1rem;
  background: #843334;
  border-radius: 1rem;
  color: white;
  font-size: 0.26rem;
  line-height: 0.45rem;
  text-align: center;
  background: url(/static/images/activity/art_design/2019/webapp/vote-get-ticket-small.jpg) 0 0 / cover no-repeat;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.next-a-wrap-vote {
  width: 7.5rem;
  height: auto;
  background-color: #2c0b0a;
  position: relative;
  z-index: 1;
  font-family: STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
}
.next-a-wrap-vote p {
  margin: 0;
  padding: 0;
}
.next-a-wrap-vote .header-box {
  position: relative;
  display: block;
  width: 7.5rem;
  height: 6.5rem;
  background: url(/static/images/activity/art_design/2019/webapp/prize-bg.png) no-repeat;
  background-size: cover;
  z-index: 0;
}
.next-a-wrap-vote .vote-getTicket {
  position: absolute;
  top: 5.2rem;
  width: 7.5rem;
  height: 1.72rem;
  background: url(/static/images/activity/art_design/2019/webapp/vote_getTicket.png) 0 0 repeat-y;
  background-size: 7.5rem auto;
  z-index: 1;
}
.next-a-wrap-vote .vote-wrap {
  width: 7.5rem;
  background: url(/static/images/activity/art_design/2019/webapp/vote_bg.png) 0 0 no-repeat;
  background-size: 7.5rem auto;
  padding-top: 0.3rem;
}
.next-a-wrap-vote .vote-wrap .art_vote-serach-wrap {
  width: 6.38rem;
  height: 0.8rem;
  margin: 0rem auto 0.36rem auto;
  background: url("/static/images/activity/art_design/2019/webapp/works_search_bg.png") 0 0 / contain no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.next-a-wrap-vote .vote-wrap .art_vote-serach-wrap .art_vote-serach-fdj {
  width: 0.42rem;
  height: 0.42rem;
  margin: 0.3rem 0 0.3rem 0.16rem;
  background-size: 0.42rem 0.42rem;
  background: url("/static/images/activity/art_design/2019/webapp/works_fdj.png") 0 0 / cover no-repeat;
}
.next-a-wrap-vote .vote-wrap .art_vote-serach-wrap .art_vote-serach-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.42rem;
  padding: 0 0.5rem 0 0.12rem;
  font-size: 0.28rem;
  color: #ffffff;
  text-align: left;
  background-color: transparent;
  outline: none;
  border: none;
}
.next-a-wrap-vote .vote-wrap .vote-ticketNum {
  font-size: 0.38rem;
  color: #d8d8d8;
  text-align: center;
  margin-bottom: 0.2rem;
}
.next-a-wrap-vote .vote-wrap .vote-endTime {
  font-size: 0.2rem;
  text-align: center;
  color: #d8d8d8;
  margin-bottom: 0.5rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .tab-step1-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.28rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .tab-step1-wrap .art-tab-step1-btn {
  width: 1.78rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/2019/webapp/vote_tab.jpg") 0 0 / cover no-repeat;
  color: #473332;
  line-height: 1rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  margin-right: 0.28rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .tab-step1-wrap .art-tab-step1-btn.active {
  background: url("/static/images/activity/art_design/2019/webapp/vote_tab_active.jpg") 0 0 / cover no-repeat;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .tab-step1-wrap .art-tab-step1-btn:last-child {
  margin-right: 0;
}
@-webkit-keyframes left {
  from {
    opacity: 0;
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
  to {
    opacity: 1;
  }
}
@keyframes left {
  from {
    opacity: 0;
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes right {
  from {
    opacity: 0;
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  to {
    opacity: 1;
  }
}
@keyframes right {
  from {
    opacity: 0;
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  to {
    opacity: 1;
  }
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item {
  width: 6.84rem;
  height: 2.12rem;
  margin: 0rem 0 0.16rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/static/images/activity/art_design/2019/webapp/vote_item_bg.png") 0 0 / cover no-repeat;
  padding: 0.15rem 0.4rem;
  -webkit-animation: left 1s ease;
          animation: left 1s ease;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item:nth-child(2n) {
  -webkit-animation: right 1s ease;
          animation: right 1s ease;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .work-img-wrap {
  position: relative;
  margin-right: 0.2rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .work-img-wrap .work-img {
  width: 2.92rem;
  height: 1.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .work-img-wrap .vote-item-workId {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 1.1rem;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  color: #fff;
  font-size: 0.16rem;
  text-align: center;
  padding: 0.03rem 0.1rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  overflow: hidden;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain p,
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain span {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-title {
  font-size: 0.32rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-user {
  font-size: 0.24rem;
  margin-top: 0.12rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote {
  height: 0.44rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2rem;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-wrap .vote-item-like-header {
  width: 0.3rem;
  height: 0.24rem;
  margin-right: 0.04rem;
  background: url("/static/images/activity/art_design/2019/works_unlike.png") 0 0 / cover no-repeat;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-wrap .vote-item-like-header.active {
  background: url("/static/images/activity/art_design/2019/works_like.png") 0 0 / cover no-repeat;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-wrap .vote-item-like-voteCount {
  font-size: 0.3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-doVote {
  position: relative;
  width: 0.82rem;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.24rem;
  border-radius: 1rem;
  color: #b2b2b2;
  background: #332524;
  text-align: center;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-doVote.disable {
  display: none;
  color: #828282;
  background: #5c5c5c;
}
.next-a-wrap-vote .vote-wrap .vote-contain-wrap .vote-item-wrap .vote-item .vote-item-contain .vote-item-vote .vote-item-like-doVote.addOne:after {
  content: "+1";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 0.82rem;
  height: 0.42rem;
  line-height: 0.42rem;
  font-size: 0.3rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  -webkit-animation: float 2s linear;
          animation: float 2s linear;
}
@-webkit-keyframes float {
  0% {
    top: 0;
    opacity: 0;
  }
  50% {
    top: -0.5rem;
    opacity: 1;
  }
  100% {
    top: -1rem;
    opacity: 0;
  }
}
@keyframes float {
  0% {
    top: 0;
    opacity: 0;
  }
  50% {
    top: -0.5rem;
    opacity: 1;
  }
  100% {
    top: -1rem;
    opacity: 0;
  }
}
.next-a-wrap-vote .noTabDetail-container {
  height: 424px;
  position: relative;
}
.next-a-wrap-vote .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.next-a-wrap-vote .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  font-size: 0.22rem;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.mg2020-news {
  margin: 0 auto;
  padding-top: 1.3rem;
  width: 12.6rem;
}
.mg2020-news-title-1 {
  margin: 0 auto 0.48rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/news/title-1.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-news-title-2 {
  margin: 1.2rem auto 0.48rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/news/title-2.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-news-title-3 {
  margin: 1.2rem auto 0.48rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/news/title-3.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-news-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-top;
      -ms-flex-align: flex-top;
          align-items: flex-top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.3rem 0.4rem;
  width: 12.6rem;
  height: 3.93rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/news/news-bg.png") no-repeat;
  background-size: 12.6rem 3.93rem;
}
.mg2020-news-news .ant-carousel {
  width: 5.92rem;
  height: 3.33rem;
}
.mg2020-news-news .ant-carousel .slick-dots-bottom {
  bottom: 0.1rem;
  height: 37px;
  padding-bottom: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.mg2020-news-news .ant-carousel .slick-dots li button {
  width: 12px;
  height: 12px;
  background: url("/static/images/activity/MG2020/news/banner-slider.png") no-repeat;
  background-size: 12px 12px;
  opacity: 1;
}
.mg2020-news-news .ant-carousel .slick-dots li button::before {
  content: "";
  display: none;
}
.mg2020-news-news .ant-carousel .slick-dots li.slick-active button {
  background: url("/static/images/activity/MG2020/news/banner-slider-checked.png") no-repeat;
  background-size: 12px 12px;
}
.mg2020-news-news-img {
  width: 5.92rem;
  height: 3.33rem;
}
.mg2020-news-news-img img {
  border: 0.04rem solid #036483;
  background: #036483;
  width: 100%;
  height: 100%;
}
.mg2020-news-news-list {
  width: 5.48rem;
  height: 2.83rem;
  padding-right: 0.1rem;
  overflow: auto;
}
.mg2020-news-news-list::-webkit-scrollbar {
  width: 0.04rem;
  height: 100%;
  background: transparent;
}
.mg2020-news-news-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 0.04rem;
  border-radius: 0.04rem;
  border: 1px solid #0dc8cf;
  background: #0dc8cf;
}
.mg2020-news-news-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 0.04rem;
  background: #eaeaea;
  border-radius: 0.07rem;
}
.mg2020-news-news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.18rem;
  width: 100%;
  font-size: 0.17rem;
  line-height: 0.22rem;
  color: #023a4d;
  opacity: 0.7;
}
.mg2020-news-news-title {
  width: 4.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mg2020-news-news-pages {
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mg2020-news-news-pages-item {
  width: 12px;
  height: 12px;
  margin-left: 0.16rem;
  background: url("/static/images/activity/MG2020/news/dark-icon.png") no-repeat;
  background-size: 12px 12px;
  cursor: pointer;
}
.mg2020-news-news-pages-item.checked {
  background: url("/static/images/activity/MG2020/news/dark-icon-checked.png") no-repeat;
  background-size: 12px 12px;
}
.mg2020-news-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12.6rem;
  margin: 0 auto;
}
.mg2020-news-history-video {
  margin-right: 0.2rem;
}
.mg2020-news-history-video-cover {
  position: relative;
  width: 4.72rem;
  height: 2.69rem;
  padding: 0.04rem;
  z-index: 1;
  background: url("/static/images/activity/MG2020/news/video-bg.png") no-repeat;
  background-size: 4.72rem 2.69rem;
}
.mg2020-news-history-video-cover img {
  border: 0.04rem solid #036483;
  background: #036483;
  width: 100%;
  height: 100%;
}
.mg2020-news-history-video-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.8rem;
  height: 0.8rem;
  background: url("/static/images/activity/MG2020/news/icon_play.png") no-repeat;
  background-size: 0.8rem 0.8rem;
  cursor: pointer;
}
.mg2020-news-history-video-title {
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: bold;
  color: #023a4d;
}
.mg2020-news-history-link {
  margin-left: 0.2rem;
}
.mg2020-news-history-link a {
  display: block;
  width: 2.7rem;
  height: 0.4rem;
  background: url("/static/images/activity/MG2020/news/back-bg.png") no-repeat;
  background-size: 2.7rem 0.4rem;
  font-size: 0.18rem;
  line-height: 0.4rem;
  color: #fff;
  padding-left: 0.12rem;
  margin-bottom: 0.4rem;
}
.mg2020-news-org {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 11.62rem;
}
.mg2020-news-org-item {
  width: 2.8rem;
  margin-right: 0.14rem;
  margin-bottom: 0.24rem;
}
.mg2020-news-org-item:nth-child(4n) {
  margin-right: 0;
}
.mg2020-news-org-img {
  width: 2.8rem;
  height: 1.35rem;
  background: url("/static/images/activity/MG2020/news/org-bg.png") no-repeat;
  background-size: 2.8rem 1.35rem;
  padding: 0.15rem 0.12rem;
  text-align: center;
}
.mg2020-news-org-img img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.mg2020-news-org-name {
  margin-top: 0.11rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #023a4d;
  opacity: 0.8;
  text-align: center;
}
.mg2020-news-contact-us {
  display: block;
  width: 3rem;
  height: 0.66rem;
  margin: 0.8rem auto;
  background: url("/static/images/activity/MG2020/news/contact-us.png") no-repeat;
  background-size: 3rem 0.66rem;
  cursor: pointer;
}
.mg2020-news-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
}
.mg2020-news-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.mg2020-news-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 10.3rem;
  height: 5.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mg2020-news-video-video {
  width: 9.6rem;
  height: 5.4rem;
  border: 0.04rem solid #036483;
  background: #036483;
}
.mg2020-news-video-video video {
  width: 100%;
  height: 100%;
}
.mg2020-news-video-video video:focus {
  outline: none;
}
.mg2020-news-video-close {
  margin-left: 0.04rem;
  width: 0.72rem;
  height: 0.72rem;
  background: url("/static/images/activity/MG2020/news/close.png") no-repeat;
  background-size: 0.72rem 0.72rem;
  cursor: pointer;
}

.mg-carousel {
  position: relative;
  width: 7.5rem;
}
.mg-carousel .next-my-carousel {
  width: 5.63rem;
  height: auto;
  margin: 0 auto;
}
.mg-carousel .next-my-carousel .slick-dots {
  bottom: -12px;
}
.mg-carousel .next-my-carousel .slick-dots > li {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 0.09rem;
}
.mg-carousel .next-my-carousel .slick-dots > li + li {
  margin-left: 0.14rem;
}
.mg-carousel .next-my-carousel .slick-dots > li > button {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 0.09rem;
  background: #735e8d;
}
.mg-carousel .next-my-carousel .slick-dots li.slick-active button {
  width: 0.18rem;
  background: #ffd38c;
  border: 1px solid #833818;
}
.mg-carousel .next-my-carousel .ant-carousel .slick-slide {
  text-align: center;
  height: 160px;
  line-height: 160px;
  background: #364d79;
  overflow: hidden;
}
.mg-carousel .next-my-carousel .ant-carousel .slick-slide h3 {
  color: #fff;
}
.mg-carousel .my-Carousel-button {
  width: 0.75rem;
  height: 0.86rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-0.55rem);
      -ms-transform: translateY(-0.55rem);
          transform: translateY(-0.55rem);
}
.mg-carousel .my-Carousel-prev {
  left: 0.1rem;
  background: url('/static/images/activity/miniGame/2019App/home/left.png');
  background-size: 0.75rem 0.86rem;
  background-position: 0 0;
}
.mg-carousel .my-Carousel-prev:active {
  left: 0.1rem;
  background: url('/static/images/activity/miniGame/2019App/home/left-hover.png');
  background-size: 0.75rem 0.86rem;
  background-position: 0 0;
}
.mg-carousel .my-Carousel-next {
  right: 0.1rem;
  background: url('/static/images/activity/miniGame/2019App/home/right.png');
  background-size: 0.75rem 0.86rem;
  background-position: 0 0;
}
.mg-carousel .my-Carousel-next:active {
  right: 0.1rem;
  background: url('/static/images/activity/miniGame/2019App/home/right-hover.png');
  background-size: 0.75rem 0.86rem;
  background-position: 0 0;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.yuyue-app-model .ant-modal {
  width: 7.5rem !important;
  height: 7rem !important;
}
.yuyue-app-model .ant-modal .ant-modal-content {
  width: 7.5rem !important;
  height: 7rem !important;
  background: transparent;
}
.yuyue-app-model .ant-modal .ant-modal-body {
  width: 7.5rem !important;
  height: 6.5rem !important;
  background: url('/static/images/activity/miniGame/2019App/preach/model/bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 0.67rem;
  padding-left: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.yuyue-app-model .ant-modal .ant-modal-footer {
  border: none;
  padding-top: 0;
}
.yuyue-app-model .ant-modal .ant-modal-footer .close {
  background: url('/static/images/activity/miniGame/2019App/preach/model/close.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  height: 0.6rem;
  width: 0.6rem;
  margin: 0 auto;
}
.yuyue-app-model .ant-modal .ant-modal-close-x {
  display: none;
}
.yuyue-app-model .ant-modal .submit {
  height: 0.84rem;
  width: 2.57rem;
  margin: 0 auto;
  background: url('/static/images/activity/miniGame/2019App/preach/model/button.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
}
.yuyue-app-model .ant-modal .submit:hover {
  background: url('/static/images/activity/miniGame/2019App/preach/model/button-hover.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yuyue-app-model .yuyue-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.83rem;
  margin-bottom: 0.5rem;
}
.yuyue-app-model .col-1 {
  width: 1rem;
  line-height: 0.83rem;
  height: 100%;
  font-size: 0.28rem;
  font-weight: 700;
}
.yuyue-app-model .col-2 {
  width: 4.25rem;
  height: 100%;
  background: url('/static/images/activity/miniGame/2019App/preach/model/writing-bg.png') no-repeat;
  background-size: 100% 100%;
}
.yuyue-app-model .col-2 input {
  width: 4.15rem;
  height: 0.68rem;
  margin-top: 0.12rem;
  margin-left: 0.07rem;
  border: none;
  font-size: 0.28rem;
  line-height: 0.68rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.yuyue-app-suc-model .ant-modal {
  width: 7.5rem !important;
  height: 5rem !important;
}
.yuyue-app-suc-model .ant-modal .ant-modal-content {
  width: 7.5rem !important;
  height: 5rem !important;
  background: transparent;
}
.yuyue-app-suc-model .ant-modal .ant-modal-body {
  width: 7.5rem !important;
  height: 4.66rem !important;
  background: url('/static/images/activity/miniGame/2019App/preach/model/success_bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 1.17rem;
}
.yuyue-app-suc-model .ant-modal .ant-modal-footer {
  border: none;
}
.yuyue-app-suc-model .ant-modal .ant-modal-footer .close {
  background: url('/static/images/activity/miniGame/2019App/preach/model/close.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  height: 0.4rem;
  width: 0.4rem;
  margin: 0 auto;
}
.yuyue-app-suc-model .ant-modal .ant-modal-close-x {
  display: none;
}
.yuyue-app-suc-model .ant-modal .title {
  margin: 0 auto;
  height: 0.85rem;
  width: 4.18rem;
  background: url('/static/images/activity/miniGame/2019App/preach/model/title.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}
.yuyue-app-suc-model .ant-modal .content {
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #7b300e;
  text-align: center;
}

.next-mg-header {
  width: 7.5rem;
  height: auto;
  position: relative;
}
.next-mg-header > img {
  width: 100%;
  height: auto;
}
.next-mg-header-content {
  position: absolute;
  left: 0;
  top: 0;
}

.mg2020-h5-intro {
  padding-top: 8.23rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  background: url("/static/images/activity/MG2020/h5/intro/bg-0.png") no-repeat, url("/static/images/activity/MG2020/h5/intro/bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/intro/bg-2.png") no-repeat, url("/static/images/activity/MG2020/h5/intro/bg-3.png") no-repeat;
  background-size: 7.5rem auto;
  background-position: 0 0, 0 5.43rem, 0 35.03rem, 0 77.79rem;
  position: relative;
}
.mg2020-h5-intro .liveIndex {
  width: 5.67rem;
  height: 0.78rem;
  position: absolute;
  top: 6.7rem;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  z-index: 9;
}
.mg2020-h5-intro .liveIndex.tag-Notice {
  background: url('/static/images/activity/MG2020/h5/notice.png') no-repeat;
  background-size: 5.67rem auto;
}
.mg2020-h5-intro .liveIndex.tag-Ongoing {
  background: url('/static/images/activity/MG2020/h5/live.png') no-repeat;
  background-size: 5.67rem auto;
}
.mg2020-h5-intro .liveIndex.tag-End {
  background: url('/static/images/activity/MG2020/h5/end.png') no-repeat;
  background-size: 5.67rem auto;
}
.mg2020-h5-intro-title-videos {
  margin: 0.3rem auto 0.56rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-videos.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-title-1 {
  margin: 0 auto 0.56rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-1.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-title-2 {
  margin: 1.2rem auto 0;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-2.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-title-3 {
  margin: 1.4rem auto 0.7rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-3.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-title-4 {
  margin: 1rem auto 0;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-4.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-title-5 {
  margin: 1.6rem auto 0.24rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-5.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-title-6 {
  margin: 1.6rem auto 0.48rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/title-6.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-intro-videos {
  width: 6.8rem;
  height: 4.07rem;
  background: url('/static/images/activity/MG2020/h5/intro/bg-video.png') no-repeat;
  background-size: 6.8rem auto;
  margin: -0.3rem auto 1.5rem;
  overflow: hidden;
}
.mg2020-h5-intro-videos-box {
  width: 6.24rem;
  height: 3.51rem;
  border: 0.04rem solid #036483;
  margin: 0.28rem;
  position: relative;
}
.mg2020-h5-intro-videos-box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-intro-videos-box > img.video-play {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.4rem 0 0 -0.4rem;
}
.mg2020-h5-intro-intro {
  margin: 0 auto;
  padding: 0.56rem 0.72rem;
  width: 7.12rem;
  height: 5.16rem;
  background: url("/static/images/activity/MG2020/h5/intro/intro-bg.png") no-repeat;
  background-size: 7.12rem 5.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-h5-intro-intro p {
  margin: 0;
  padding: 0;
  font-size: 0.3rem;
  line-height: 0.5rem;
  text-align: justify;
  font-weight: 500;
  color: #036483;
}
.mg2020-h5-intro-timeline {
  padding: 0 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 7.5rem;
}
.mg2020-h5-intro-timeline-item {
  margin-top: 0.6rem;
  margin-right: 0.78rem;
  height: 5.1rem;
  width: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/time-bg.png") no-repeat;
  background-size: 1.04rem 4.6rem;
  background-position: bottom center;
}
.mg2020-h5-intro-timeline-item:nth-child(4n) {
  margin-right: 0;
}
.mg2020-h5-intro-timeline-item:last-child {
  margin-right: 0;
}
.mg2020-h5-intro-timeline-index {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 0.68rem;
  height: 0.68rem;
  background: url("/static/images/activity/MG2020/h5/intro/num-1.png") no-repeat;
  background-size: 0.68rem 0.68rem;
  font-size: 0.32rem;
  line-height: 0.68rem;
  text-align: center;
}
.mg2020-h5-intro-timeline-index-1 {
  background: url("/static/images/activity/MG2020/h5/intro/num-1.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-index-2 {
  background: url("/static/images/activity/MG2020/h5/intro/num-2.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-index-3 {
  background: url("/static/images/activity/MG2020/h5/intro/num-3.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-index-4 {
  background: url("/static/images/activity/MG2020/h5/intro/num-4.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-index-5 {
  background: url("/static/images/activity/MG2020/h5/intro/num-5.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-index-6 {
  background: url("/static/images/activity/MG2020/h5/intro/num-6.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-index-7 {
  background: url("/static/images/activity/MG2020/h5/intro/num-7.png") no-repeat;
  background-size: 0.68rem 0.68rem;
}
.mg2020-h5-intro-timeline-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.24rem auto 0;
  padding-top: 0.1rem;
  height: 2.8rem;
  text-align: center;
  width: 0.4rem;
  line-height: 0.36rem;
  font-weight: bold;
  font-size: 0.3rem;
  color: #023a4d;
}
.mg2020-h5-intro-timeline-time {
  margin-top: 0.2rem;
  width: 100%;
  text-align: center;
  padding-top: 0.1rem;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #fff;
}
.mg2020-h5-intro-timeline-time-icon {
  margin: 0 auto 0.06rem;
  width: 0.19rem;
  height: 0.28rem;
  background: url("/static/images/activity/MG2020/h5/intro/time-icon.png") no-repeat;
  background-size: 0.19rem 0.21rem;
  background-position: center center;
}
.mg2020-h5-intro-timeline-time-icon.rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mg2020-h5-intro-timeline-time-text {
  margin-bottom: 0.06rem;
  -webkit-transform: scale(0.916);
      -ms-transform: scale(0.916);
          transform: scale(0.916);
}
.mg2020-h5-intro-prize-top {
  margin: 0 auto 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-h5-intro-prize-top-2 {
  padding-top: 2.35rem;
  width: 2.8rem;
  height: 3.15rem;
  background: url("/static/images/activity/MG2020/h5/intro/prize-2.png") no-repeat;
  background-size: 2.8rem 3.15rem;
}
.mg2020-h5-intro-prize-top-2 div {
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #1190b0;
  font-weight: bold;
}
.mg2020-h5-intro-prize-top-3 {
  padding-top: 2.35rem;
  width: 2.8rem;
  height: 3.15rem;
  background: url("/static/images/activity/MG2020/h5/intro/prize-3.png") no-repeat;
  background-size: 2.8rem 3.15rem;
}
.mg2020-h5-intro-prize-top-3 div {
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #b04611;
  font-weight: bold;
}
.mg2020-h5-intro-prize-top-1 {
  margin: 0 auto 0.6rem;
  padding-top: 2.8rem;
  width: 3.32rem;
  height: 3.74rem;
  background: url("/static/images/activity/MG2020/h5/intro/prize-1.png") no-repeat;
  background-size: 3.32rem 3.74rem;
}
.mg2020-h5-intro-prize-top-1 div {
  text-align: center;
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #b06311;
  font-weight: bold;
}
.mg2020-h5-intro-prize-middle {
  margin: 0 auto 0.12rem;
  padding: 0 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-h5-intro-prize-middle-item {
  width: 3.06rem;
  height: 1.6rem;
  background: url("/static/images/activity/MG2020/h5/intro/prize-bg.png") no-repeat;
  background-size: 3.06rem 1.6rem;
}
.mg2020-h5-intro-prize-middle-title {
  margin-bottom: 0.02rem;
  padding-top: 0.32rem;
  font-size: 0.36rem;
  line-height: 0.5rem;
  font-weight: bold;
  color: #023a4d;
  text-align: center;
}
.mg2020-h5-intro-prize-middle-text {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #023a4d;
  text-align: center;
}
.mg2020-h5-intro-prize-middle-tips {
  margin-top: 0.04rem;
  margin-bottom: 0.74rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #023a4d;
  text-align: center;
}
.mg2020-h5-intro-prize-bottom-title {
  font-size: 0.2rem;
  line-height: 0.4rem;
  text-align: center;
  font-weight: 500;
  margin: 0 auto 0.4rem;
  width: 5.26rem;
  height: 0.72rem;
  background: url("/static/images/activity/MG2020/h5/intro/gift-title.png") no-repeat;
  background-size: 5.26rem 0.72rem;
  color: #0378b2;
}
.mg2020-h5-intro-prize-bottom-list {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.96rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-h5-intro-prize-bottom-item {
  margin-bottom: 0.6rem;
  padding-top: 0.36rem;
  width: 1.68rem;
  height: 1.68rem;
  background: url("/static/images/activity/MG2020/h5/intro/gift-bg.png") no-repeat;
  background-size: 1.68rem 1.68rem;
}
.mg2020-h5-intro-prize-bottom-item-1,
.mg2020-h5-intro-prize-bottom-item-2 {
  font-size: 0.28rem;
  line-height: 0.45rem;
  text-align: center;
  font-weight: bold;
  color: #023a4c;
}
.mg2020-h5-intro-theme {
  padding: 1.4rem 0.7rem 0;
  width: 7.32rem;
  height: 15.75rem;
  margin: -0.4rem auto;
  background: url("/static/images/activity/MG2020/h5/intro/theme-bg.png") no-repeat;
  background-size: 7.32rem 15.75rem;
}
.mg2020-h5-intro-theme-p {
  margin-bottom: 0.28rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #036483;
}
.mg2020-h5-intro-theme-line {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  width: 100%;
  height: 0.02rem;
  background: #036483;
}
.mg2020-h5-intro-theme-mark {
  margin-bottom: 0.08rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #ffa800;
}
.mg2020-h5-intro-theme-slogan {
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #04232d;
}
.mg2020-h5-intro-theme-img {
  margin-top: 0.4rem;
  padding: 0.08rem;
  width: 5.92rem;
  height: 4.48rem;
  background: url("/static/images/activity/MG2020/h5/intro/theme-img.png") no-repeat;
  background-size: 5.92rem 4.48rem;
  margin-bottom: 0.16rem;
}
.mg2020-h5-intro-theme-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  background: #04232d;
}
.mg2020-h5-intro-theme-img-title {
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.45rem;
  color: #04232d;
  font-weight: bold;
}
.mg2020-h5-intro-theme .ant-carousel {
  position: relative;
  width: 5.76rem;
  border: 0.04rem solid #036483;
  overflow: hidden;
  height: 4.32rem;
}
.mg2020-h5-intro-theme .ant-carousel .slick-dots-bottom {
  bottom: 5px;
  height: 28px;
  padding-top: 4px;
  padding-bottom: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.mg2020-h5-intro-theme .ant-carousel .slick-dots li {
  width: 8px;
  margin: 0 8px;
}
.mg2020-h5-intro-theme .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  background: url("/static/images/activity/MG2020/h5/news/banner-slider.png") no-repeat;
  background-size: 8px 8px;
  opacity: 1;
}
.mg2020-h5-intro-theme .ant-carousel .slick-dots li button::before {
  content: "";
  display: none;
}
.mg2020-h5-intro-theme .ant-carousel .slick-dots li.slick-active button {
  background: url("/static/images/activity/MG2020/h5/news/banner-slider-checked.png") no-repeat;
  background-size: 8px 8px;
}
.mg2020-h5-intro-judges-tips {
  margin-bottom: 0.8rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #036483;
  text-align: center;
}
.mg2020-h5-intro-judges-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-intro-judges-left {
  width: 0.72rem;
  height: 0.72rem;
  margin-left: 0.25rem;
  background: url("/static/images/activity/MG2020/h5/intro/go_left.png");
  background-size: 0.72rem 0.72rem;
}
.mg2020-h5-intro-judges-right {
  width: 0.72rem;
  height: 0.72rem;
  background: url("/static/images/activity/MG2020/h5/intro/go_right.png");
  background-size: 0.72rem 0.72rem;
  margin-right: 0.25rem;
}
.mg2020-h5-intro-judges-warp {
  width: 4.9rem;
  margin: 0 0.32rem;
  overflow: hidden;
}
.mg2020-h5-intro-judges-list {
  margin: 0 auto;
  width: 10.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mg2020-h5-intro-judges-item {
  margin-right: 0.4rem;
  padding-top: 0.24rem;
  width: 2.25rem;
  height: 4.2rem;
  background: url("/static/images/activity/MG2020/h5/intro/judges-bg.png") no-repeat;
  background-size: 2.25rem 4.2rem;
}
.mg2020-h5-intro-judges-img {
  width: 1.85rem;
  height: 2.47rem;
  margin: 0 auto 0.16rem;
  padding: 0.04rem;
  background: url("/static/images/activity/MG2020/h5/intro/judges-img.png") no-repeat;
  background-size: 1.85rem 2.47rem;
}
.mg2020-h5-intro-judges-img img {
  border: 0.02rem solid #036483;
  width: 100%;
  height: 100%;
}
.mg2020-h5-intro-judges-name {
  margin: 0 auto 0.1rem;
  width: 0.91rem;
  height: 0.34rem;
  background: url("/static/images/activity/MG2020/h5/intro/judges-name.png") no-repeat;
  background-size: 0.91rem 0.16rem;
  background-position: bottom center;
  color: #036483;
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-align: center;
  font-weight: bold;
}
.mg2020-h5-intro-judges-job {
  margin-bottom: 0.08rem;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
}
.mg2020-h5-intro-judges-line {
  margin: 0 auto 0.08rem;
  width: 1.77rem;
  height: 0.01rem;
  background: #036483;
}
.mg2020-h5-intro-judges-title {
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
}
.mg2020-h5-intro-org-list {
  margin: 0 auto;
  width: 6.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-h5-intro-org-item {
  margin-right: 0.46rem;
  margin-bottom: 0.44rem;
  padding: 0.15rem 0.12rem;
  width: 3.04rem;
  height: 1.5rem;
  background: url("/static/images/activity/MG2020/h5/intro/org-bg.png") no-repeat;
  background-size: 3.04rem 1.5rem;
  text-align: center;
}
.mg2020-h5-intro-org-item:nth-child(2n) {
  margin-right: 0;
}
.mg2020-h5-intro-org-item img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}

.web-share-nshow-top-item {
  width: 100%;
  height: 4.68rem;
}
.web-share-nshow-top-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.web-share-nshow-part-1 {
  margin-top: 0.4rem;
}
.web-share-nshow-part-2 {
  margin-top: 0.64rem;
}
.web-share-nshow-part-3 {
  margin-top: 0.64rem;
}
.web-share-nshow-detail {
  position: relative;
  word-break: break-all;
  overflow: hidden;
}

.show-fix-bottom {
  padding-bottom: 1.4rem;
}

.web-share-fix-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 0 0.4rem 0;
  height: 1.12rem;
  background: #fff;
  -webkit-box-shadow: 0 0 0.28rem 0 rgba(166, 179, 194, 0.3);
          box-shadow: 0 0 0.28rem 0 rgba(166, 179, 194, 0.3);
}
.web-share-fix-bottom-left {
  width: 3.4rem;
  height: 0.8rem;
  background: url('/static/images/share/logo-b.png') no-repeat;
  background-size: 100%;
  background-position: center;
}
.web-share-fix-bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.52rem;
  height: 0.62rem;
  text-align: center;
  font-size: 0.26rem;
  color: #FFFFFF;
  line-height: normal;
  border-radius: 0.31rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#FD5D30), color-stop(47%, #F1363F), to(#E70049));
  background-image: -o-linear-gradient(left, #FD5D30 0%, #F1363F 47%, #E70049 100%);
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
}

.tip-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.tip-arrow {
  position: fixed;
  width: 30px;
  height: 34px;
  right: 20px;
  top: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABECAMAAAAMem2oAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA/Pj17BgJBujZyLucgBThWCUfDwLwrY+HPi4qDdyxlV1GBMM4MuTU0Lagaks0HM2menRyTmVwUtcR4bgAAAJrSURBVHgBndfpbupIFMTxatt4wZh9AbNACEsghOz3/t//yUZjZSQSNxncv49OWofTVchCt5sF3qOc9IC2XNQwGKejWwZgVqquTUIKmSobc6DxCIuaKron46BTQPDZVxU14014lropJG95qJtlDM/ExcJzYHD7SJ9JiNG/+qfj/OaTUcpC8ggrtyAlrkkDmqpoSJxLiumqosmwCLFFV27cTwbU5GZAT25+T2XW0zVNfF3Rye4HQHK8s/+ZuazyBcAgMEBysmXDvSz6mcFvnJqSpm8JLNf6acWLysIDZtTUl/WjTxqWvy5ja6N3E13YxuUBQ1YqadD6UY9pQFaq0FQ/3eHlpWfGbHWpht/XT8/8UcmSui61SS0jW2tLJ2I+dOHIm2XLTBbv34auA8uaCU/WIn773xN7W5ObslleBrjgVSUgq7uLunWMV1NJcGXmDP/iLhoqqzOR1Y7/5uTGdK7vU/ZArkK/zkiSPU+bOlsVMnY92exZ2Wd+xfJhuJPVisB6RzHF44nPq65IOfRtdzuQpL8+DV1zjjmWV51Ql6IxLHXdxudQ+sCvjLR5wLzrN08xu4/SC/79BZKNftetw/1H/9sLHvDHof7P+k8Au0Z7GknqbT+PAXiNrm4xe08A8AOPwvism23fhokH+PuXBXtVFfbConqfcvKXViQX0ZyVnGQ89+Vi6pknuYgeGMnJiH0oF238XC42Pm256MSM5aLbYuEUyHlOPZSDzpznnhxsAupOB9se6cylOSNoRKouf8Dp515vZEgcWt58DTCjsErsy6co6qyGHgw7qiKFgllsqga/nHt+a/h4VkX/AIf9SGrNm4WOAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.tip-inner {
  position: fixed;
  right: 32px;
  top: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.art_ST {
  width: 100vw;
  position: relative;
}
.art_ST-intro {
  height: 44.3rem;
  overflow: hidden;
}
.art_ST > img {
  width: 100%;
  height: auto;
}
.art_ST p {
  margin-bottom: 0;
}
.art_ST-wrap {
  width: 100vw;
  position: absolute;
  margin-top: 6.44rem;
  color: #fff;
  top: 0;
}
.art_ST .module-enroll {
  width: 100%;
  height: 1.54rem;
  text-align: center;
}
.art_ST .module-enroll > img {
  width: 1.8rem;
}
.art_ST .module-enroll > p {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  color: #7c89a0;
}
.art_ST .module-1 {
  width: 100%;
  height: 8.7rem;
  text-align: center;
  overflow: hidden;
}
.art_ST .module-1 > p {
  color: #c0a473;
  font-size: 0.26rem;
  line-height: 0.28rem;
}
.art_ST .module-1 > p:nth-of-type(1) {
  margin-top: 0.6rem;
  margin-bottom: 0.2rem;
}
.art_ST .module-1 .tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.4rem;
  position: relative;
  z-index: 9;
}
.art_ST .module-1 .tab-container .tab-chu,
.art_ST .module-1 .tab-container .tab-fu {
  width: 2.14rem;
  height: 0.84rem;
  cursor: pointer;
}
.art_ST .module-1 .tab-container .tab-chu {
  background: url('/static/images/activity/art_design/202007/tab-chu.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .tab-container .tab-chu.active {
  background: url('/static/images/activity/art_design/202007/tab-chu-active.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .tab-container .tab-fu {
  background: url('/static/images/activity/art_design/202007/tab-fu.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .tab-container .tab-fu.active {
  background: url('/static/images/activity/art_design/202007/tab-fu-active.png') no-repeat;
  background-size: 2.14rem auto;
}
.art_ST .module-1 .recruit {
  width: 100%;
  height: 7rem;
  margin-top: -0.34rem;
  background: url('/static/images/activity/art_design/202007/bg_recruit.png') no-repeat;
  background-size: 19.2rem auto;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.art_ST .module-1 .recruit.tab2 {
  background: url('/static/images/activity/art_design/202007/bg_recruit-tab.png') no-repeat;
  background-size: 19.2rem auto;
}
.art_ST .module-1 .recruit .title {
  margin: 1rem auto 0;
}
.art_ST .module-1 .recruit .title > img {
  width: 5.6rem;
  height: auto;
}
.art_ST .module-1 .recruit .title > p {
  line-height: 0.48rem;
  font-size: 0.26rem;
  font-size: 600;
  color: #947f5d;
}
.art_ST .module-1 .recruit .title > p:nth-of-type(1) {
  margin-top: 0.32rem;
}
.art_ST .module-1 .recruit .title > p.line {
  width: 2rem;
  height: 0.03rem;
  background: #947f5d;
  margin: 0.24rem auto;
}
.art_ST .module-1 .recruit .title > h4 {
  line-height: 0.42rem;
  color: #fdb907;
  font-size: 600;
  font-size: 0.26rem;
}
.art_ST .module-1 .recruit .title > h4.people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
  width: 9rem;
}
.art_ST .module-1 .recruit .title div.cursor,
.art_ST .module-1 .recruit .title a.cursor {
  display: block;
  width: 2.08rem;
  margin: 0.3rem auto 0;
}
.art_ST .module-1 .recruit .title div.cursor > img,
.art_ST .module-1 .recruit .title a.cursor > img {
  width: 100%;
}
.art_ST .module-2 {
  width: 100%;
  height: 5.72rem;
  overflow: hidden;
  text-align: center;
}
.art_ST .module-2 .title {
  margin: 1rem auto 0;
}
.art_ST .module-2 .title > img {
  width: 5.11rem;
}
.art_ST .module-2 .content {
  width: 12.78rem;
  height: 2.62rem;
  background: url('/static/images/activity/art_design/202007/bg-progress.png') no-repeat;
  background-size: 12.78rem auto;
  background-position: 0 0.2rem;
  margin: 0.5rem auto 0;
  position: relative;
}
.art_ST .module-2 .content .stage {
  width: 2.7rem;
  font-size: 0.22rem;
  color: #947f5d;
  float: left;
  text-align: center;
}
.art_ST .module-2 .content .stage1 {
  margin-left: 0.96rem;
}
.art_ST .module-2 .content .stage4 {
  margin-top: -0.3rem;
}
.art_ST .module-2 .content .time_2020 {
  width: 1.9rem;
  height: 1.29rem;
  float: left;
  margin-top: 0.8rem;
}
.art_ST .module-2 .content .time_2020 + .time_2020 {
  margin-left: 0.78rem;
}
.art_ST .module-2 .content .time_2020 > p {
  line-height: 0.54rem;
  color: #fdb907;
  font-size: 0.26rem;
  font-weight: 600;
}
.art_ST .module-2 .content .time_2020 > div {
  color: #947f5d;
  font-size: 0.22rem;
}
.art_ST .module-2 .content div.time_2020:nth-of-type(1) {
  margin-left: 0.06rem;
}
.art_ST .module-2 .remarks {
  height: 0.48rem;
  line-height: 0.48rem;
  border-top: 1px solid #748391;
  border-bottom: 1px solid #748391;
  color: #748391;
  font-size: 0.2rem;
  width: 3.6rem;
  white-space: nowrap;
  margin: 0.6rem auto 0;
}
.art_ST .module-3 {
  width: 100%;
  height: 11.64rem;
  overflow: hidden;
  text-align: center;
}
.art_ST .module-3 .title {
  margin: 1rem auto 0;
  width: 5.12rem;
}
.art_ST .module-3 .title > img {
  width: 100%;
}
.art_ST .module-3 .remarks {
  height: 0.48rem;
  line-height: 0.48rem;
  border-top: 1px solid #748391;
  border-bottom: 1px solid #748391;
  color: #748391;
  font-size: 0.2rem;
  width: 7.84rem;
  white-space: nowrap;
  margin: 0.2rem auto 0;
}
.art_ST .module-3 .remarks-intro {
  padding-top: 0.54rem;
  font-size: 0.24rem;
  color: #947f5d;
  margin: 0 auto;
}
.art_ST .module-3 .prize {
  width: 12.62rem;
  margin: 0.5rem auto 0;
}
.art_ST .module-3 .prize > img {
  width: 100%;
}
.art_ST .module-3 .prize-prize {
  width: 12.62rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.art_ST .module-3 .prize-prize .prize-Item {
  width: 2.51rem;
  height: 3.66rem;
  margin-top: 0.4rem;
  margin-left: 0.49rem;
}
.art_ST .module-3 .prize-prize .prize-Item > img {
  width: 2.49rem;
  height: auto;
  margin-top: 0.16rem;
}
.art_ST .module-3 .prize-prize .prize-Item > p {
  font-size: 0.22rem;
  color: #947f5d;
  text-align: center;
  margin-top: 0.1rem;
}
.art_ST .module-3 .prize-prize .prize-Item > .head {
  width: 2.51rem;
  height: 0.53rem;
}
.art_ST .module-3 .prize-prize .prize-Item > .fine {
  background: url('/static/images/activity/art_design/202007/web_youxiu.png') no-repeat;
  background-size: 2.51rem auto;
}
.art_ST .module-3 .prize-prize .prize-Item > .fusai {
  background: url('/static/images/activity/art_design/202007/web_fusai.png') no-repeat;
  background-size: 2.51rem auto;
}
.art_ST .module-3 .prize-prize .arrow_2020 {
  margin-top: 0.6rem;
  width: 2.94rem;
}
.art_ST .module-3 .prize-prize .arrow_2020 > img {
  width: 100%;
  height: auto;
}
.art_ST .module-3 .prize-prize .web_prize_03 {
  margin-top: 0.4rem;
  width: 3.61rem;
}
.art_ST .module-4 .title {
  margin: 1rem auto 0.5rem;
  width: 5.12rem;
}
.art_ST .module-4 .title > img {
  width: 100%;
}
.art_ST .module-4 .rule {
  width: 12.62rem;
  margin: 0 auto;
}
.art_ST .module-4 .rule > p {
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #947f5d;
  margin-bottom: 0.1rem;
}
.art_ST-title {
  width: 5.1rem;
  margin: 0 auto;
}
.art_ST-title > img {
  width: 100%;
  height: auto;
}
.art_ST-enroll {
  height: 27.6rem;
  overflow: hidden;
  width: 19.2rem;
  position: relative;
}
.art_ST-enroll.enrollSuccess {
  height: 20.7rem;
}
.art_ST-enroll .enroll-title {
  margin-top: 0.8rem;
}
.art_ST-enroll .enroll-rule {
  width: 12.61rem;
  margin: 0.2rem auto 0;
  padding: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_ST-enroll .enroll-rule .rule > p {
  line-height: 2;
  color: #947f5d;
  font-size: 0.24rem;
}
.art_ST-enroll .enroll-rule .rule > p > img {
  width: 100%;
}
.art_ST-enroll .enroll-rule .QQ_Cord {
  width: 1.78rem;
  height: 1.78rem;
  background: url('/static/images/activity/art_design/202007/qrcode_bg.png') no-repeat;
  background-size: 1.78rem auto;
  padding: 0.1rem;
}
.art_ST-enroll .enroll-rule .QQ_Cord > img {
  width: 100%;
}
.art_ST-enroll .enroll-form {
  width: 9.3rem;
  height: 12rem;
  background: url('/static/images/activity/art_design/202007/enroll-bg.png') no-repeat;
  background-size: 9.3rem auto;
  margin: 1rem auto 0;
  padding: 0.4rem 1rem 1.6rem;
}
.art_ST-enroll .enroll-form .form-Item.focused > h4 {
  color: #e00606;
}
.art_ST-enroll .enroll-form .form-Item > h4 {
  color: #947f5d;
  font-size: 0.28rem;
  line-height: 0.28rem;
  margin: 0.32rem 0 0.2rem;
}
.art_ST-enroll .enroll-form .form-Item-input {
  height: 0.6rem;
  background: transparent;
  border-radius: 0.12rem;
  color: #947f5d;
  font-size: 0.24rem;
  border-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item-input::-webkit-input-placeholder {
  color: #947f5d;
  font-size: 0.24rem;
}
.art_ST-enroll .enroll-form .form-Item-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-enroll .enroll-form .form-Item-input.focused {
  border-color: #e00606;
}
.art_ST-enroll .enroll-form .form-Item-select {
  width: 100%;
  height: 0.6rem;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection--single,
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__rendered {
  height: 0.6rem;
  background: transparent;
  border-radius: 0.12rem;
  color: #947f5d;
  font-size: 0.24rem;
  border-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection--single .ant-select-arrow,
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__rendered .ant-select-arrow {
  width: 0.24rem;
  height: 0.24rem;
  right: 0.2rem;
  margin-top: -0.12rem;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection--single .ant-select-arrow .ant-select-arrow-icon.anticon-down,
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__rendered .ant-select-arrow .ant-select-arrow-icon.anticon-down {
  width: 0.24rem;
  height: 0.24rem;
  background: url('/static/images/activity/art_design/202007/icon_bottom.png') no-repeat;
  background-size: 0.24rem 0.24rem;
}
.art_ST-enroll .enroll-form .form-Item-select.focused .ant-select-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #e00606;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection__placeholder {
  color: #947f5d;
  font-size: 0.24rem;
  height: 0.6rem;
  margin-top: -0.3rem;
  line-height: 0.6rem;
  opacity: 0.5;
}
.art_ST-enroll .enroll-form .form-Item-select .ant-select-selection-selected-value {
  line-height: 0.56rem;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group span {
  font-size: 0.28rem;
  color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-wrapper + .ant-radio-wrapper {
  margin-left: 0.5rem;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-inner {
  width: 0.24rem;
  height: 0.24rem;
  background-color: transparent;
  border-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-checked .ant-radio-inner {
  background-color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item .ant-radio-group .ant-radio-checked .ant-radio-inner::after {
  background-color: #fff;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.art_ST-enroll .enroll-form .form-Item.arguments {
  font-weight: bold;
  color: #3e3e3e;
  margin-top: 0.36rem;
  font-size: 0.24rem;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox {
  margin-right: 0.08rem;
  -webkit-transform: translateY(-0.03rem);
      -ms-transform: translateY(-0.03rem);
          transform: translateY(-0.03rem);
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox-inner {
  width: 0.24rem;
  height: 0.24rem;
  background: transparent;
  border: 1px solid #947f5d;
  border-radius: 0.04rem;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox-inner::after {
  top: 40%;
  width: 0.08rem;
  height: 0.16rem;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #9a7f4c;
  border-color: #9a7f4c;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #9a7f4c;
}
.art_ST-enroll .enroll-form .form-Item.arguments .ant-checkbox.ant-checkbox-checked::after {
  border: none;
}
.art_ST-enroll .enroll-form .form-Item.arguments span {
  font-size: 0.24rem;
  cursor: pointer;
}
.art_ST-enroll .enroll-form .form-Item.arguments span.book {
  background: -webkit-gradient(linear, left top, left bottom, from(#9e3c3b), to(#dc0606));
  background: -o-linear-gradient(top, #9e3c3b, #dc0606);
  background: linear-gradient(to bottom, #9e3c3b, #dc0606);
  -webkit-background-clip: text;
  color: transparent;
}
.art_ST-enroll .enroll-form .form-Item.submit {
  height: 0.64rem;
  margin-top: 0.36rem;
}
.art_ST-enroll .enroll-form .form-Item.submit > img {
  width: 7.3rem;
  height: auto;
}
.art_ST-enroll .art_ST-enrollSuccess {
  width: 9.3rem;
  height: 4.85rem;
  margin: 1rem auto;
  background: url('/static/images/activity/art_design/202007/bg-enroll_success.png') no-repeat;
  background-size: 9.3rem auto;
}
.art_ST-enroll .art_ST-enrollSuccess > p {
  font-size: 0.42rem;
  line-height: 4.25rem;
  text-align: center;
  color: #947f5d;
}
.art_ST-enroll .Enroll_confirm {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.art_ST-enroll .Enroll_confirm-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.art_ST-enroll .Enroll_confirm-content {
  width: 10.7rem;
  height: 7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem 0.4rem;
  color: #947f5d;
  background: #fff;
  line-height: 0.24rem;
}
.art_ST-enroll .Enroll_confirm-content > h3 {
  text-align: center;
  color: #947f5d;
  font-weight: 600;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll {
  overflow: auto;
  height: 6rem;
  color: #947f5d;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll > h4 {
  color: #947f5d;
  line-height: 0.32rem;
  margin-top: 0.2rem;
  font-weight: bold;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll > p {
  margin-bottom: 0.08rem;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll a {
  color: #ed3940;
}
.art_ST-enroll .Enroll_confirm-content .content-scroll::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background-color: transparent;
  /*//背景色*/
}
.art_ST-enroll .Enroll_confirm-content .content-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
}
.art_ST-nav {
  height: 1.3rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: 19.2rem auto;
  background: #111725;
}
.art_ST-nav .nav-Item {
  width: 2.08rem;
  height: 1.28rem;
  text-align: center;
}
.art_ST-nav .nav-Item > img {
  width: 100%;
  height: auto;
}
.art_ST-nav .nav-Item + .nav-Item {
  margin-left: 0.8rem;
}
.art_ST .modal-submit-rule {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.art_ST .modal-submit-rule .modal-submit-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.art_ST .modal-submit-rule .modal-submit-wrap {
  width: 10.7rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem 0.4rem;
  color: #947f5d;
  background: #fff;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content {
  padding: 0 0.3rem;
  width: 100%;
  height: 100%;
  background: url('/static/images/activity/art_design/202007/bg_rule-left.png') no-repeat 0 0, url('/static/images/activity/art_design/202007/bg_rule-right.png') no-repeat 9.7rem 0;
  background-size: auto 4.39rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content > h3 {
  font-size: 0.28rem;
  text-align: center;
  color: #947f5d;
  -webkit-transform: translateY(-0.05rem);
      -ms-transform: translateY(-0.05rem);
          transform: translateY(-0.05rem);
  margin-bottom: 0.22rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p {
  font-size: 0.18rem;
  line-height: 0.3rem;
  margin-bottom: 0.2rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p:nth-of-type(1) {
  margin-bottom: 0;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p.li {
  margin-bottom: 0;
  margin-left: 0.2rem;
}
.art_ST .modal-submit-rule .modal-submit-wrap .modal-submit-content p.li:nth-of-type(4) {
  margin-bottom: 0.2rem;
}
.art_ST-selectGradeMenu {
  background: #ead5ba;
  border-radius: 0.12rem;
  border: 0.02rem solid #947f5d;
  padding: 0.12rem 0;
  -webkit-transform: translateY(0.1rem);
      -ms-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu {
  max-height: 4rem;
  margin-right: 0.06rem;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #dcbe8d;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
  background-color: transparent;
  /*//背景色*/
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #947f5d;
}
.art_ST-selectGradeMenu .ant-select-dropdown-menu-item {
  height: 0.7rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
  color: #947f5d;
}
.art_ST-enroll .enroll-form .form-Item-select.ant-select-open .ant-select-selection--single .ant-select-arrow .ant-select-arrow-icon.anticon-down {
  width: 0.24rem;
  height: 0.24rem;
  background: url('/static/images/activity/art_design/202007/icon_top.png') no-repeat;
  background-size: 0.24rem 0.24rem;
}
.art_ST-works {
  height: 40rem;
  overflow: hidden;
}
.art_ST-works .works-wrap {
  padding-top: 1.16rem;
}
.art_ST-works .works-wrap .tab-title {
  width: 7.5rem;
  height: 0.46rem;
  margin: 0 auto 0.44rem;
}
.art_ST-works .works-wrap .tab-title > img {
  width: 100%;
  height: auto;
}
.art_ST-works .works-wrap .works-intro {
  text-align: center;
  color: #947f5d;
  line-height: 0.4rem;
  font-size: 0.18rem;
}
.art_ST-works .works-wrap .works-intro > p > a {
  color: #f9b606;
  text-decoration: underline ;
}
.art_ST-works .works-wrap .works-intro > p.rule {
  margin-top: 0.3rem;
}
.art_ST-works .works-wrap .works-intro > p.vote_time {
  margin-top: 0.3rem;
  color: #7c89a1;
  margin-bottom: 0.3rem;
}
.art_ST-works .works-wrap .works-works_vote {
  width: 12.62rem;
  height: 6.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/202007/bg_works_vote.png') no-repeat;
  background-size: 12.62rem auto;
  overflow: hidden;
}
.art_ST-works .works-wrap .works-works_vote > h3 {
  font-family: 'DIN-Medium';
  padding-top: 0.32rem;
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.2;
  color: #f9b606;
  text-shadow: 0px 0px 3px rgba(119, 85, 3, 0.8);
  margin-bottom: 0;
}
.art_ST-works .works-wrap .works-works_vote > p.intro {
  line-height: 0.22rem;
  font-size: 0.2rem;
  text-align: center;
  color: #775503;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule {
  width: 10.3rem;
  height: 1.68rem;
  margin: 1rem auto 0.4rem;
  -webkit-transform: translateX(0.175rem);
      -ms-transform: translateX(0.175rem);
          transform: translateX(0.175rem);
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p {
  width: 0.9rem;
  height: 0.41rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.32rem;
  font-family: 'DIN-Medium';
  color: #7e7e7e;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.left-dis {
  margin-left: -0.15rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p > img {
  width: 1.46rem;
  height: auto;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.image {
  width: 1.46rem;
  position: absolute;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.image.image-1 {
  left: 1.1rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.image.image-2 {
  left: 4.3rem;
  bottom: 0.46rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.image.image-3 {
  left: 7.6rem;
  bottom: 0.46rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.active {
  color: #775503;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.left {
  text-align: left;
  padding-left: 0.1rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-num > p.right {
  text-align: right;
  margin-right: -0.12rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress {
  position: relative;
  width: 11rem;
  height: 0.8rem;
  line-height: 0.8rem;
  margin-left: -0.4rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 9;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p {
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p > img {
  width: 0.8rem;
  height: auto;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p .pic-2000 {
  margin-right: -0.1rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p > span.lock-text {
  display: block;
  line-height: 0.2rem;
  font-size: 0.18rem;
  text-align: center;
  color: #7e7e7e;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p > span.lock-text.active {
  color: #775503;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-pic-lock > div.progress {
  width: 3rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-progress-box {
  width: 10rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0.08rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-progress-box .progress {
  width: 3.2rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-progress-box .progress .ant-progress-inner {
  background-color: #dbb78e;
  height: 0.06rem;
}
.art_ST-works .works-wrap .works-works_vote .vote-rule .vote-progress .vote-progress-box .progress .ant-progress-bg {
  background-color: #b66c30;
}
.art_ST-works .works-wrap .works-works_vote .btn-getVote {
  width: 3.6rem;
  height: 0.72rem;
  margin: 0 auto;
  text-align: center;
}
.art_ST-works .works-wrap .works-works_vote .btn-getVote > img {
  cursor: pointer;
  width: 100%;
  height: auto;
}
.art_ST-works .works-wrap .works-works_vote .btn-getVote > p.vote_num {
  margin-top: 0.2rem;
  color: #775503;
}
.art_ST-works .works-wrap .link_vote {
  width: 3.1rem;
  height: 2.33rem;
  position: fixed;
  background: url("/static/images/activity/art_design/202007/works/vote_link.png") no-repeat;
  background-size: 3.1rem auto;
  right: 0;
  top: 30%;
  z-index: 9;
}
.art_ST-works .works-category {
  width: 12.62rem;
  margin: 0 auto;
  padding-top: 0.84rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 1.72rem;
  border-bottom: 0.02rem solid #352d1b;
}
.art_ST-works .works-category .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.art_ST-works .works-category .category .tab_works {
  min-width: 1.12rem;
  max-height: 0.78rem;
  text-align: center;
  line-height: 1;
  font-size: 0.32rem;
  color: #7c89a0;
  font-weight: bolder;
  padding: 0.23rem;
  background: url('/static/images/activity/art_design/202007/works/tab-category.png') no-repeat;
  background-size: cover;
}
.art_ST-works .works-category .category .tab_works.active {
  color: #2d200a;
  background: url('/static/images/activity/art_design/202007/works/tab-category-active.png') no-repeat;
  background-size: cover;
}
.art_ST-works .works-category .category .tab_works + .tab_works {
  margin-left: 0.35rem;
}
.art_ST-works .works-category .search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 0.3rem;
}
.art_ST-works .works-category .search-box .order {
  width: 0.72rem;
  height: 0.4rem;
  margin-left: 0.35rem;
}
.art_ST-works .works-category .search-box .order.search {
  width: 3.8rem;
  height: 0.4rem;
  background: url('/static/images/activity/art_design/202007/works/bg_search.png') no-repeat;
  background-size: 3.8rem auto;
}
.art_ST-works .works-category .search-box .order.search .art_works-input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #947f5d;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0.5rem;
  background: url('/static/images/activity/art_design/202007/works/icon_search.png') no-repeat;
  background-size: 0.21rem auto;
  background-position: 0.16rem center;
}
.art_ST-works .works-category .search-box .order.search .art_works-input:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST-works .works-category .search-box .order.search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #947f5d;
  font-size: 0.14rem;
}
.art_ST-works .works-category .search-box .order.search .art_works-input::before {
  content: '';
  display: inline-block;
  width: 0.21rem;
  height: 0.21rem;
  background: url('/static/images/activity/art_design/202007/works/icon_search.png') no-repeat;
  background-size: 0.21rem auto;
}
.art_ST-works .works-category .search-box .order.ren {
  background: url('/static/images/activity/art_design/202007/works/ren_normal.png') no-repeat;
  background-size: 0.72rem auto;
}
.art_ST-works .works-category .search-box .order.ren.active {
  background: url('/static/images/activity/art_design/202007/works/ren_select.png') no-repeat;
  background-size: 0.72rem auto;
}
.art_ST-works .works-category .search-box .order.default {
  background: url('/static/images/activity/art_design/202007/works/default_normal.png') no-repeat;
  background-size: 0.72rem auto;
}
.art_ST-works .works-category .search-box .order.default.active {
  background: url('/static/images/activity/art_design/202007/works/dafault_select.png') no-repeat;
  background-size: 0.72rem auto;
}
.art_ST-works .works-list {
  width: 12.62rem;
  margin: 0.4rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 33%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.art_ST-works .works-list .list_Item {
  width: 3.93rem;
  height: 3.14rem;
  margin-left: 0.4rem;
  margin-bottom: 0.4rem;
  background: url('/static/images/activity/art_design/202007/works/bg_Item.png') no-repeat;
  background-size: 3.93rem auto;
}
.art_ST-works .works-list .list_Item:nth-child(3n+1) {
  margin-left: 0;
}
.art_ST-works .works-list .list_Item .coverUrl {
  width: 3.63rem;
  height: 2.05rem;
  margin: 0.16rem auto 0.1rem;
  border: 2px solid #322309;
  position: relative;
}
.art_ST-works .works-list .list_Item .coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST-works .works-list .list_Item .coverUrl > P {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 80px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 0 10px;
}
.art_ST-works .works-list .list_Item .Item-title {
  width: 3.63rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #654400;
  font-size: 0.24rem;
  margin: 0 auto;
}
.art_ST-works .works-list .list_Item .author {
  width: 3.63rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_ST-works .works-list .list_Item .author > div.ellipsis {
  white-space: nowrap;
  color: #65573e;
  font-size: 0.2rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 2.7rem;
  overflow: hidden;
}
.art_ST-works .works-list .list_Item .author > div > span + span {
  margin-left: 0.14rem;
}
.art_ST-works .works-list .list_Item .author > div > span.like_num {
  color: #654400;
  padding-left: 0.24rem;
  float: right;
  background: url('/static/images/activity/art_design/202007/works/icon_like_normal.png') no-repeat;
  background-size: 0.2rem auto;
  background-position: left;
}
.art_ST-works .works-list .list_Item .author > div > span.like_num.active {
  background: url('/static/images/activity/art_design/202007/works/icon_like_select.png') no-repeat;
  background-size: 0.2rem auto;
  background-position: left;
}
.art_ST-works .gallery-pagination {
  text-align: center;
  clear: both;
}
.art_ST-works .gallery-pagination li {
  width: 0.4rem;
  height: 0.4rem;
}
.art_ST-works .gallery-pagination .ant-pagination-item {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
  background: url("/static/images/activity/art_design/202007/works/pagination_normal.png") 0 0 / contain no-repeat;
}
.art_ST-works .gallery-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/202007/works/pagination_normal.png") 0 0 / contain no-repeat;
  border: none;
}
.art_ST-works .gallery-pagination .ant-pagination-item > a {
  color: #c0a573;
  border: none;
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.art_ST-works .gallery-pagination .ant-pagination-item-active {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
  background: url("/static/images/activity/art_design/202007/works/pagination_select.png") 0 0 / contain no-repeat;
  border: none;
}
.art_ST-works .gallery-pagination .ant-pagination-item-active a {
  color: #322309;
}
.art_ST-works .gallery-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/art_design/202007/works/icon_previous_noraml.png") center / contain no-repeat;
}
.art_ST-works .gallery-pagination .ant-pagination-prev a {
  display: none;
}
.art_ST-works .gallery-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/art_design/202007/works/icon_next_noraml.png") center / contain no-repeat;
}
.art_ST-works .gallery-pagination .ant-pagination-next a {
  display: none;
}
.art_ST-works .gallery-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.art_ST-works .gallery-pagination .ant-pagination-item-ellipsis {
  color: #6e403d;
}
.art_ST-works .gallery-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.art_ST-works .modal-submit-rule {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.art_ST-works .modal-submit-rule .modal-submit-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap {
  width: 10.7rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem 0.4rem;
  color: #947f5d;
  background: #fff;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-close {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  background: url('/static/images/activity/art_design/202007/webapp/close.png') no-repeat;
  background-size: 0.48rem auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content {
  padding: 0 0.3rem;
  width: 100%;
  height: 100%;
  background: url('/static/images/activity/art_design/202007/bg_rule-left.png') no-repeat 0 0, url('/static/images/activity/art_design/202007/bg_rule-right.png') no-repeat 9.7rem 0;
  background-size: auto 4.39rem;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content > h3 {
  font-size: 0.28rem;
  text-align: center;
  color: #947f5d;
  -webkit-transform: translateY(-0.05rem);
      -ms-transform: translateY(-0.05rem);
          transform: translateY(-0.05rem);
  margin-bottom: 0.12rem;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content p {
  font-size: 0.16rem;
  line-height: 0.3rem;
  margin-bottom: 0.16rem;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content p > label {
  color: #fdc442;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content p:nth-of-type(1) {
  margin-bottom: 0.1rem;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content p.li {
  margin-bottom: 0;
  margin-left: 0.2rem;
}
.art_ST-works .modal-submit-rule .modal-submit-wrap .modal-submit-content p.li:nth-of-type(4) {
  margin-bottom: 0.2rem;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap {
  width: 9.87rem;
  height: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem 0.4rem;
  color: #947f5d;
  background: url('/static/images/activity/art_design/202007/works/bg_modal_vote.png') no-repeat;
  background-size: 9.87rem auto;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-close {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  bottom: -0.96rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url('/static/images/activity/art_design/202007/webapp/close.png') no-repeat;
  background-size: 0.48rem auto;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-content {
  text-align: center;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-content > h3 {
  width: 5.04rem;
  height: 0.23rem;
  background: url('/static/images/activity/art_design/202007/works/title-app-vote.png') no-repeat;
  background-size: 5.04rem auto;
  margin: 0.54rem auto 0.24rem;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-content .qr_code {
  width: 1.86rem;
  margin: 0 auto 0.12rem;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-content .qr_code > img {
  width: 100%;
  height: auto;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-content .text {
  font-size: 0.2rem;
  line-height: 1.8;
  color: #5d5850;
}
.art_ST-works .modal-submit-rule .modal-vote-wrap .modal-vote-content p.vote_desc {
  font-size: 0.16rem;
  color: #c1814d;
}
.art_ST-works_detail {
  height: auto;
  background: url('/static/images/activity/art_design/202007/BG.png') no-repeat;
  background-size: 100vw auto;
  position: unset;
  padding-bottom: 0.8rem;
}
.art_ST-works_detail .art_ST-wrap.module {
  position: unset;
}
.art_ST-works_detail .works-wrap {
  padding-top: 0.54rem;
}
.art_ST-works_detail .art_works_detail-guid {
  width: 11.82rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.art_ST-works_detail .art_works_detail-guid > p {
  color: #7e7e7e;
  font-size: 0.2rem;
}
.art_ST-works_detail .art_works_detail-guid > p + p {
  margin-left: 0.05rem;
}
.art_ST-works_detail .art_works_detail-title {
  width: 5.38rem;
  height: 0.46rem;
  margin: 0.3rem auto;
  background: url('/static/images/activity/art_design/202007/works/title-vote.png') no-repeat;
  background-size: 5.38rem auto;
}
.art_ST-works_detail .art_works_detail-like {
  width: 12.62rem;
  height: 3.15rem;
  margin: 0 auto;
  text-align: center;
}
.art_ST-works_detail .art_works_detail-like .img-box {
  position: relative;
}
.art_ST-works_detail .art_works_detail-like .img-box > img {
  width: 2.63rem;
  height: 2rem;
}
.art_ST-works_detail .art_works_detail-like .img-box > p {
  position: absolute;
  top: 1.35rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.26rem;
  color: #947f5d;
}
.art_ST-works_detail .art_works_detail-like .pc-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.3rem;
  font-size: 0.26rem;
  margin-top: 0.32rem;
}
.art_ST-works_detail .art_works_detail-like .pc-share .share {
  display: inline-block;
}
.art_ST-works_detail .art_works_detail-works {
  width: 12.62rem;
  height: 7.84rem;
  padding: 0.35rem 0.35rem 0.8rem;
  background: url('/static/images/activity/art_design/202007/works/bg_big.png') no-repeat;
  background-size: 12.62rem auto;
  margin: 0 auto;
  position: relative;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper {
  width: 100%;
  height: 100%;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .swiper-slide {
  width: 11.92rem;
  height: 6.7rem;
  background: #070a0e;
  border-radius: 0.08rem;
  border: 4px solid #30230c;
  padding: 0;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .swiper-slide > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.08rem;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel {
  width: 100%;
  height: 100%;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-slider {
  width: 100%;
  height: 100%;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-slider .slick-list {
  width: 100%;
  height: 100%;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-dots {
  height: 14px;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-dots.slick-dots-bottom {
  bottom: -0.48rem;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-dots > li {
  outline: none;
  list-style: none;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-dots > li button {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: solid 2px #605133;
  opacity: 1;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-dots > li button::before {
  display: none;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .ant-carousel .slick-dots > li.slick-active button {
  background-color: #605133;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .swiper-button-prev {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  left: 0.35rem;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/202007/works/worksdetail_left.png") top no-repeat;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .swiper-button-next {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  right: 0.35rem;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/202007/works/worksdetail_right.png") top no-repeat;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .swiper-container {
  width: 100%;
  height: 100%;
  background: #070a0e;
  border-radius: 0.08rem;
  border: 4px solid #30230c;
}
.art_ST-works_detail .art_works_detail-works .art_worksdetail-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_ST-works_detail .art_works_detail-content {
  width: 11.82rem;
  margin: 0.3rem auto 0;
  color: #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_ST-works_detail .art_works_detail-content > p.title {
  font-size: 0.48rem;
  font-weight: bold;
}
.art_ST-works_detail .art_works_detail-content > p.id {
  font-size: 0.24rem;
}
.art_ST-works_detail .art_works_detail-preson {
  width: 11.82rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0.2rem auto 0.24rem;
}
.art_ST-works_detail .art_works_detail-preson .header {
  min-width: 0.7rem;
  min-height: 0.7rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  margin-right: 0.2rem;
}
.art_ST-works_detail .art_works_detail-preson .info > p.name {
  font-size: 0.24rem;
}
.art_ST-works_detail .art_works_detail-preson .info > p.school {
  font-size: 0.18rem;
}
.art_ST-works_detail .art_works_detail-describe {
  font-size: 0.18rem;
  line-height: 0.34rem;
  width: 11.82rem;
  margin: 0 auto;
  word-break: break-all;
}
.art_ST-works_detail .art_works_detail-like_btn {
  margin: 0.75rem auto 0.2rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.art_ST-works_detail .art_works_detail-like_btn .like_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 0.18rem;
  border-radius: 0.1rem;
  border-style: solid;
  border-width: 0.03rem;
  border-color: #615032;
  background-color: rgba(66, 51, 24, 0.2);
  font-size: 0.24rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_ST-works_detail .art_works_detail-like_btn .like_btn .like-1 {
  color: #d8d8d8;
}
.art_ST-works_detail .art_works_detail-like_btn .like_btn .doLike {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.1rem;
  background: url('/static/images/activity/art_design/202007/works/icon_like_small_normal.png') no-repeat;
  background-size: 0.5rem auto;
}
.art_ST-works_detail .art_works_detail-like_btn .like_btn .doLike.active {
  background: url('/static/images/activity/art_design/202007/works/icon_like_small_select.png') no-repeat;
  background-size: 0.5rem auto;
}
.art_ST-works_detail .art_works_detail-like_btn .like_btn .like-2 {
  margin-left: 0.06rem;
  color: #c0a573;
}
.art_ST-works_detail .art_works_detail-pc-share {
  width: 12.62rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.3rem;
  font-size: 0.26rem;
  margin-top: 0.32rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #4c3f29;
}
.art_ST-works_detail .art_works_detail-pc-share .share {
  display: inline-block;
}
.art_ST-works_detail .art_works_detail-comment {
  width: 11.82rem;
  margin: 0.4rem auto;
}
.art_ST-works_detail .art_works_detail-comment .comment-container {
  text-align: right;
}
.art_ST-works_detail .art_works_detail-comment .comment-container > h3 {
  color: #d8d8d8;
  font-weight: 400;
  text-align: left;
}
.art_ST-works_detail .art_works_detail-comment .comment-container .textArea-box-input {
  background-color: transparent;
  border: 0.05rem solid #4c3f29;
  color: #d8d8d8;
}
.art_ST-works_detail .art_works_detail-comment .comment-container .textArea-box-input:hover {
  border-width: 0.05rem;
}
.art_ST-works_detail .art_works_detail-comment .comment-container .textArea-box-count {
  display: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-container .next-button {
  width: 0.96rem;
  height: 0.56rem;
  background: url('/static/images/activity/art_design/202007/works/btn_submit.png') no-repeat;
  background-size: 0.96rem auto;
}
.art_ST-works_detail .art_works_detail-comment .comment-list {
  max-height: 12rem;
  overflow: auto;
}
.art_ST-works_detail .art_works_detail-comment .comment-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.art_ST-works_detail .art_works_detail-comment .comment-list::-webkit-scrollbar-thumb {
  background-color: #7d6b4b;
  border-radius: 4px;
  cursor: pointer;
}
.art_ST-works_detail .art_works_detail-comment .comment-list::-webkit-scrollbar-thumb:hover {
  background-color: #7d6b4b;
}
.art_ST-works_detail .art_works_detail-comment .comment-list > div {
  border-bottom: 1px solid #4c3f29;
}
.art_ST-works_detail .art_works_detail-comment .comment-list > div:nth-last-of-type(1) {
  border-bottom: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right > div {
  color: #ffffff;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right h5 {
  color: #999999;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right h5 span {
  color: #999999;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .child-item-right {
  color: #999999;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .child-item-right span {
  color: #999999;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .textArea-box-input {
  background-color: transparent;
  border: 0.04rem solid #4c3f29;
  color: #d8d8d8;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .textArea-box-count {
  display: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .textArea-box + .comment-replay-btn {
  width: 0.96rem;
  height: 0.56rem;
  background: url('/static/images/activity/art_design/202007/works/btn_submit.png') no-repeat;
  background-size: 0.96rem auto;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action + div {
  text-align: right;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-answer i {
  background: url('/static/images/activity/art_design/202007/works/comment_small1@2x1.png') no-repeat;
  background-size: 22px 18px;
  background-position: 0px 2px;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-like i {
  background: url('/static/images/activity/art_design/202007/works/like_small1@2x1.png') no-repeat;
  background-size: 21px 21px;
  background-position: 0px 0px;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-like i.has-liked {
  background: url('/static/images/activity/art_design/202007/works/liked_small1@2x1.png') no-repeat;
  background-size: 21px 21px;
  background-position: 0px 0px;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-answer:hover > span {
  color: #947f5d;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-answer:hover i {
  background: url('/static/images/activity/art_design/202007/works/comment_small1_hover@2x1.png') no-repeat;
  background-size: 22px 18px;
  background-position: 0px 2px;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-like:hover > span {
  color: #947f5d;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .item-right .item-action .item-like:hover i {
  background: url('/static/images/activity/art_design/202007/works/like_small1_hover@2x1.png') no-repeat;
  background-size: 21px 21px;
  background-position: 0px 0px;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .child-comments {
  background: transparent;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination {
  text-align: right;
  clear: both;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item {
  width: 0.32rem;
  height: 0.32rem;
  padding: 0;
  min-width: 0.32rem;
  border-radius: 0;
  background: url("/static/images/activity/art_design/202007/works/pagination_normal.png") 0 0 / contain no-repeat;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/202007/works/pagination_normal.png") 0 0 / contain no-repeat;
  border: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item > a {
  width: 0.32rem;
  height: 0.32rem;
  color: #c0a573;
  border: none;
  font-size: 0.24rem;
  line-height: 0.32rem;
  padding: 0;
  min-width: 0.32rem;
  border-radius: 0;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item-active {
  width: 0.32rem;
  height: 0.32rem;
  min-width: 0.32rem;
  border-radius: 0;
  background: url("/static/images/activity/art_design/202007/works/pagination_select.png") 0 0 / contain no-repeat;
  border: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item-active a {
  width: 100%;
  height: 100%;
  padding: 0;
  color: #4c3f29;
  border-radius: 0;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-prev {
  width: 0.32rem;
  height: 0.32rem;
  border: none;
  background: url("/static/images/activity/art_design/202007/works/icon_previous_noraml.png") center / contain no-repeat;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-prev a {
  display: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-next {
  width: 0.32rem;
  height: 0.32rem;
  border: none;
  background: url("/static/images/activity/art_design/202007/works/icon_next_noraml.png") center / contain no-repeat;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-next a {
  display: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-item-ellipsis {
  color: #c0a573;
}
.art_ST-works_detail .art_works_detail-comment .comment-list .comment-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}

.mg2020-scamp {
  margin: 0 auto;
  padding-top: 1.3rem;
  width: 12.6rem;
}
.mg2020-scamp-title {
  margin: 0 auto 0.56rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/camp/title.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-scamp-no-course {
  margin: 0.88rem auto 0.56rem;
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.4rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
  color: #038cd0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mg2020-scamp-no-course:before {
  width: 4.01rem;
  height: 2.4rem;
  background: url("/static/images/activity/MG2020/camp/empty.png") no-repeat;
  background-size: 4.01rem 2.4rem;
  content: "";
  display: block;
  margin: 0 auto 0.6rem;
}
.mg2020-scamp-course-item {
  margin: 0.4rem auto;
  padding: 0 0.32rem;
  width: 12.6rem;
  height: 2.44rem;
  background: url("/static/images/activity/MG2020/camp/course-bg.png") no-repeat;
  background-size: 12.6rem 2.44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-scamp-course-img {
  width: 3.2rem;
  height: 1.8rem;
  cursor: pointer;
}
.mg2020-scamp-course-img img {
  border: 0.04rem solid #036483;
  background: #036483;
  width: 100%;
  height: 100%;
}
.mg2020-scamp-course-right {
  width: 8.6rem;
  margin-left: 0.16rem;
}
.mg2020-scamp-course-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-scamp-course-title {
  margin-bottom: 0.12rem;
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #036483;
  cursor: pointer;
}
.mg2020-scamp-course-content {
  margin-bottom: 0.22rem;
  height: 0.84rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #036483;
  opacity: 0.8;
  word-break: break-all;
  white-space: pre-wrap;
  cursor: pointer;
}
.mg2020-scamp-course-time {
  margin-right: 0.48rem;
  font-weight: 500;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #036483;
  opacity: 0.8;
}
.mg2020-scamp-course-anchor {
  font-weight: 500;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #036483;
  opacity: 0.8;
  width: 3.2rem;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.mg2020-scamp-course-btn {
  width: 1.2rem;
  height: 0.36rem;
  font-size: 0.14rem;
  line-height: 0.36rem;
  text-align: center;
  background: url("/static/images/activity/MG2020/camp/btn-1.png") no-repeat;
  background-size: 1.2rem 0.36rem;
  color: #fff;
  cursor: pointer;
}
.mg2020-scamp-course-btn-2 {
  background: url("/static/images/activity/MG2020/camp/btn-2.png") no-repeat;
  background-size: 1.2rem 0.36rem;
  color: #023a4d;
}
.mg2020-scamp-course-btn-3 {
  background: url("/static/images/activity/MG2020/camp/btn-3.png") no-repeat;
  background-size: 1.2rem 0.36rem;
  color: #738085;
}
.mg2020-scamp-course-countdown {
  font-weight: 500;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: #d80d0d;
}
.mg2020-scamp .flex-center {
  width: 6.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-scamp .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 180px;
}
.mg2020-scamp .ant-notification .mg2020-scamp-error {
  padding-left: 0;
  -webkit-animation: none !important;
          animation: none !important;
}
.mg2020-scamp .ant-notification-notice-close {
  display: none;
}
.mg2020-scamp .ant-notification-notice-message {
  display: none;
}

.modal-prompt {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.modal-prompt__mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-prompt__close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url("/static/images/close.png") no-repeat;
  background-size: 14px auto;
  right: 20px;
  top: 20px;
}
.modal-prompt__content {
  width: 432px;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 12px;
  position: fixed;
  top: 20vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff url("/static/images/activity/MG2020/Enroll/modal-bg.png") no-repeat;
  background-size: 432px auto;
  background-position: 0px 0px;
}
.modal-prompt__content .prompt-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 56px;
}
.modal-prompt__content .prompt-title .QQ_QRCODE {
  width: 2.03rem;
  height: auto;
}
.modal-prompt__content .prompt-content {
  width: 272px;
  margin: 24px auto 56px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.modal-prompt__content .btn {
  width: 240px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  border-radius: 24px;
  margin: 0 auto 56px;
  cursor: pointer;
}
.modal-prompt__content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
}
.modal-prompt__content .btn-cancel {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 240px;
  margin-top: -40px;
  cursor: pointer;
}

.mg_input {
  position: relative;
}
.mg_input-label {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  margin-bottom: 0.12rem;
}
.mg_input-label.required {
  padding-left: 0.24rem;
  background: url("/static/images/activity/MG2020/Enroll/require.png") no-repeat;
  background-size: 0.12rem auto;
  background-position: left;
}
.mg_input-label > span {
  float: right;
  color: #d73b2e;
}
.mg_input-errorText {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
  position: absolute;
  color: #d73b2e;
  right: 0;
  top: -0.36rem;
}
.mg_input .input-box {
  position: relative;
  height: 0.58rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #023a4d;
  background: url("/static/images/activity/MG2020/Enroll/input_normal_left.png") no-repeat left, url("/static/images/activity/MG2020/Enroll/input_normal_right.png") no-repeat right, url("/static/images/activity/MG2020/Enroll/input_normal_center.png") repeat-x;
  background-size: auto 0.58rem;
  margin-right: 1px;
}
.mg_input .input-box-count {
  position: absolute;
  right: 15px;
  vertical-align: center;
  font-size: 0.16rem;
  top: 50%;
  color: #a5a7b5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mg_input .input-box.focus {
  background: url("/static/images/activity/MG2020/Enroll/input_focus_left.png") no-repeat left, url("/static/images/activity/MG2020/Enroll/input_focus_right.png") no-repeat right, url("/static/images/activity/MG2020/Enroll/input_focus_center.png") repeat-x;
  background-size: auto 0.58rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg_input .input-box.error {
  background: url("/static/images/activity/MG2020/Enroll/input_error_left.png") no-repeat left -0.01rem, url("/static/images/activity/MG2020/Enroll/input_error_right.png") no-repeat right -0.01rem, url("/static/images/activity/MG2020/Enroll/input_error_center.png") repeat-x;
  background-size: auto 0.58rem;
}
.mg_input .input-box-input {
  padding-right: 60px;
  border: none;
  height: 0.58rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background: transparent;
  font-size: 0.16rem;
  color: #023a4d !important;
}
.mg_input .input-box-input:-webkit-autofill,
.mg_input .input-box-input:-webkit-autofill:hover,
.mg_input .input-box-input:-webkit-autofill:focus,
.mg_input .input-box-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.mg_input .input-box-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.mg_input .input-box-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg_input .input-box-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.textArea-box-mg {
  position: relative;
  width: 100%;
  height: 1.1rem;
  margin-right: 1px;
  background: url('/static/images/activity/MG2020/Enroll/textarea-normal-left.png') no-repeat left, url('/static/images/activity/MG2020/Enroll/textarea-normal-right.png') no-repeat right, url('/static/images/activity/MG2020/Enroll/textarea-normal-center.png') repeat-x;
  background-size: auto 100%;
  padding: 0.12rem 0.12rem 0.32rem 0.12rem;
}
.textArea-box-mg.focus {
  background: url('/static/images/activity/MG2020/Enroll/textarea-focus-left.png') no-repeat left, url('/static/images/activity/MG2020/Enroll/textarea-focus-right.png') no-repeat right, url('/static/images/activity/MG2020/Enroll/textarea-focus-center.png') repeat-x;
  background-size: auto 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-mg.error {
  background: url('/static/images/activity/MG2020/Enroll/textarea-error-left.png') no-repeat left -0.01rem, url('/static/images/activity/MG2020/Enroll/textarea-error-right.png') no-repeat right -0.01rem, url('/static/images/activity/MG2020/Enroll/textarea-error-center.png') repeat-x;
  background-size: auto 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-mg-count {
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  right: 16px;
  vertical-align: center;
  bottom: 6px;
  background: #fff;
  text-align: right;
  color: #a5a7b5;
  border-radius: 0 0 6px 6px;
}
.textArea-box-mg textarea.textArea-box-mg-input {
  max-width: calc(100% - 0.24rem);
  max-height: calc(100% - 0.32rem);
  padding: 0;
  border: none;
  height: 2.36rem;
  border-radius: 0;
  font-size: 14px;
  resize: none;
  position: absolute;
  left: 0.12rem;
  top: 0.12rem;
  color: #023a4d;
}
.textArea-box-mg textarea.textArea-box-mg-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.textArea-box-mg textarea.textArea-box-mg-input::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 3px;
}
.textArea-box-mg textarea.textArea-box-mg-input::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #eaeaea;
  cursor: pointer;
}
.textArea-box-mg textarea.textArea-box-mg-input::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.textArea-box-mg textarea.textArea-box-mg-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-mg textarea.textArea-box-mg-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-mg-errorText {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  position: absolute;
  color: #D73B2e;
  right: 0;
  top: -0.36rem;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.mg_phone-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0.58rem;
}
.mg_phone-input .mg_select {
  position: relative;
  width: 1.3rem;
  min-width: 0.9rem;
  height: 100%;
  background: url('/static/images/activity/MG2020/Enroll/input_normal_left.png') no-repeat left, url('/static/images/activity/MG2020/Enroll/input_normal_center.png') repeat-x;
  background-size: auto 0.58rem;
}
.mg_phone-input .mg_select.show {
  background: url('/static/images/activity/MG2020/Enroll/input_focus_left.png') no-repeat left, url('/static/images/activity/MG2020/Enroll/input_focus_left.png') no-repeat 1.12rem 0, url('/static/images/activity/MG2020/Enroll/input_focus_center.png') repeat-x;
  background-size: auto 0.58rem;
}
.mg_phone-input .mg_select.show > span {
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-top.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: right;
}
.mg_phone-input .mg_select.error {
  background: url('/static/images/activity/MG2020/Enroll/input_error_left.png') no-repeat left, url('/static/images/activity/MG2020/Enroll/input_error_left.png') no-repeat 1.12rem 0, url('/static/images/activity/MG2020/Enroll/input_error_center.png') repeat-x;
  background-size: auto 0.58rem;
}
.mg_phone-input .mg_select .phone-icon-show {
  width: auto;
  height: 0.58rem;
  position: absolute;
  right: -0.04rem;
}
.mg_phone-input .mg_select > span {
  display: inline-block;
  width: 1rem;
  line-height: 0.58rem;
  text-align: center;
  font-size: 0.16rem;
  padding-right: 0.2rem;
  padding-left: 0.16rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_arrow-bottom.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: right;
}
.mg_phone-input .mg_select .mg_select_menu {
  width: 1.5rem;
  max-height: 2.2rem;
  height: 0;
  overflow: auto;
  position: absolute;
  bottom: -2.25rem;
  border-radius: 2px;
  background: #fff;
  z-index: 9;
  -webkit-transition: all 1 linear;
  -o-transition: all 1 linear;
  transition: all 1 linear;
}
.mg_phone-input .mg_select .mg_select_menu.show {
  height: 2.2rem;
  border: 1px solid #DADDE8;
}
.mg_phone-input .mg_select .mg_select_menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.mg_phone-input .mg_select .mg_select_menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.mg_phone-input .mg_select .mg_select_menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.mg_phone-input .mg_select .mg_select_menu .Item {
  width: 100%;
  padding: 0 0.16rem;
  height: 0.48rem;
  line-height: 0.48rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 10;
}
.mg_phone-input .mg_select .mg_select_menu .Item.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  color: #fff;
}
.mg_phone-input .mg_select .phone-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9;
}
.mg_phone-input .mg_input {
  width: 100%;
}
.mg_phone-input .phone-input-input {
  width: 100%;
}
.mg_phone-input .phone-input-input .mg_input {
  width: 100%;
}

.enroll-form-detail > h3 {
  margin-top: 0.42rem;
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.24rem;
  color: #023a4d;
}
.enroll-form-detail .form-Item {
  padding-bottom: 1px;
  padding-right: 1px;
}
.enroll-form-detail .form-Item .form-title {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  margin-bottom: 0.12rem;
  margin-top: 0.24rem;
  color: #023a4d;
}
.enroll-form-detail .form-Item .form-title.required {
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/require.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: left;
}
.enroll-form-detail .form-Item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper {
  margin-bottom: 0.12rem;
  font-size: 0.16rem;
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper > span {
  color: #023a4d;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url('/static/images/activity/MG2020/Enroll/icon_radio.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url('/static/images/activity/MG2020/Enroll/icon_radio-select.png') no-repeat;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.enroll-form-detail .form-Item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url('/static/images/activity/MG2020/Enroll/icon_radio-select.png') no-repeat;
  background-size: 0.16rem auto;
  background-position: center;
}
.enroll-form-detail .form-Item .radio_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.16rem;
}
.enroll-form-detail .form-Item .radio_box .radio-Item {
  width: 0.64rem;
  white-space: nowrap;
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox.png') no-repeat;
  background-size: 0.16rem;
  background-position: left;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #023a4d;
}
.enroll-form-detail .form-Item .radio_box .radio-Item + .radio-Item {
  margin-left: 0.32rem;
}
.enroll-form-detail .form-Item .radio_box .radio-Item.active {
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox-check.png') no-repeat;
  background-size: 0.16rem;
  background-position: left;
}
.enroll-form-detail .form-Item.agreement {
  font-size: 0.16rem;
  line-height: 0.21rem;
  color: #023A4d;
  margin-top: 0.24rem;
}
.enroll-form-detail .form-Item.agreement > a {
  color: #4a90e2;
}
.enroll-form-detail .form-Item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.enroll-form-detail .form-Item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.18rem;
  height: 0.18rem;
  border: none;
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox.png') no-repeat;
  background-size: 0.18rem auto;
  margin-right: 0.08rem;
}
.enroll-form-detail .form-Item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox-check.png') no-repeat;
  background-size: 0.18rem auto;
}
.enroll-form-detail .form-Item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.enroll-form-detail .form-Item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.enroll-form-detail .form-Item .btn-submit {
  margin: 0.6rem auto 0;
  width: 2.47rem;
  height: 0.54rem;
  display: block;
  background: url('/static/images/activity/MG2020/Enroll/btn_save.png') no-repeat;
  background-size: 2.47rem auto;
  color: #fff;
  line-height: 0.54rem;
  text-align: center;
  font-size: 0.2rem;
}
.enroll-form-detail .form-Item .btn-submit.disabled {
  opacity: 0.5;
}
.modal-argreement {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.modal-argreement__mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}
.modal-argreement-border {
  width: 60vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-argreement-content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.12rem;
  position: relative;
  padding: 0.48rem;
}
.modal-argreement-content .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-argreement-content > h3 {
  text-align: center;
}
.modal-argreement-content .content {
  max-height: 49vh;
  overflow-y: auto;
}
.modal-argreement-content .content > h4 {
  margin-top: 0.36rem;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.modal-editEnrollInfo {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.modal-editEnrollInfo .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-editEnrollInfo .content-border {
  width: 6.44rem;
  height: auto;
  position: absolute;
  padding: 1px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 0.12rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  z-index: 99;
}
.modal-editEnrollInfo .content-border .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-editEnrollInfo .content-border .content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.11rem;
  min-height: 8rem;
  max-height: 70vh;
  padding: 0.6rem 0.3rem 0.6rem 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-editEnrollInfo .content-border .content .maxHeight {
  overflow-y: auto;
  padding-right: 0.3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-editEnrollInfo .content-border .content .maxHeight::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #eaeaea;
  border-radius: 3px;
}
.modal-editEnrollInfo .content-border .content .maxHeight::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  border: 1px solid #0dc8cf;
  background: #0dc8cf;
  cursor: pointer;
}
.modal-editEnrollInfo .content-border .content .maxHeight::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-editEnrollInfo .content-border .content > h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.48rem;
}
.modal-editEnrollInfo .content-border .content .saveEnrollInfo {
  width: 2.47rem;
  height: 0.54rem;
  line-height: 0.54rem;
  text-align: center;
  color: #fff;
  display: block;
  background: url('/static/images/activity/MG2020/Enroll/btn_save.png') no-repeat;
  background-size: 2.47rem auto;
  margin: 0.4rem auto 0;
}
.modal-editEnrollInfo .content-border .content .saveEnrollInfo:hover {
  color: #fff;
}

.modal-prompt {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.modal-prompt__mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-prompt__close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url("/static/images/close.png") no-repeat;
  background-size: 14px auto;
  right: 20px;
  top: 20px;
}
.modal-prompt__content {
  width: 432px;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 12px;
  position: fixed;
  top: 20vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff url("/static/images/activity/MG2020/Enroll/modal-bg.png") no-repeat;
  background-size: 432px auto;
  background-position: 0px 0px;
}
.modal-prompt__content .prompt-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 56px;
}
.modal-prompt__content .prompt-title .QQ_QRCODE {
  width: 2.03rem;
  height: auto;
}
.modal-prompt__content .prompt-content {
  width: 272px;
  margin: 24px auto 56px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.modal-prompt__content .btn {
  width: 240px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  border-radius: 24px;
  margin: 0 auto 56px;
  cursor: pointer;
}
.modal-prompt__content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
}
.modal-prompt__content .btn-cancel {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 240px;
  margin-top: -40px;
  cursor: pointer;
}
.modal-invite-member .modal-prompt__content.modal-prompt__content-2 {
  width: 5rem;
  min-width: 432px;
  background-size: 100% auto;
}
.modal-invite-member .modal-prompt__content .prompt-title {
  font-size: 0.24rem;
}
.modal-invite-member .modal-prompt__content .prompt-content {
  padding: 0.24rem 0.48rem 0.48rem;
  width: 100%;
  margin: 0;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item {
  font-size: 0.2rem;
  line-height: 0.24rem;
  color: #2e2e33;
  text-align: left;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item-title {
  margin-bottom: 0.12rem;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item .input-box {
  position: relative;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item .input-box .btn-invite {
  width: 1.04rem;
  height: 0.58rem;
  color: #fff;
  line-height: 0.54rem;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.16rem;
  background: url(/static/images/activity/MG2020/Enroll/btn_add-team.png) no-repeat;
  background-size: auto 0.58rem;
  text-align: center;
  cursor: pointer;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item .input-box .btn-invite.error {
  background: url(/static/images/activity/MG2020/Enroll/btn_error-team.png) no-repeat;
  background-size: auto 0.58rem;
}
.modal-invite-member .modal-prompt__content .prompt-content .or_line {
  text-align: left;
  font-size: 0.2rem;
  color: #a5a7b5;
  margin: 0.24rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-invite-member .modal-prompt__content .prompt-content .or_line > span {
  display: block;
  height: 0;
  border-bottom: 1px dashed #d5d8e5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.16rem;
  margin-top: 0.08rem;
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box {
  width: 100%;
  height: 336px;
  background: #f7f7fb;
  position: relative;
  overflow: hidden;
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box .qr_code {
  width: 240px;
  height: 240px;
  margin: 48px auto;
  background: #fff;
  position: relative;
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box .qr_code .qr_code-logo {
  width: 60px;
  height: 65px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box .intro {
  font-size: 14px;
  line-height: 20px;
  color: #a5a7b5;
  text-align: center;
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg-btn-actions {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  margin-left: 0.16rem;
  font-size: 14px;
  padding: 0.06rem 0.12rem;
  border-radius: 0.16rem;
}
.mg-action-button {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  padding: 1px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 0.16rem;
}
.mg-action-button > a {
  border-radius: 0.15rem;
  background: #fff;
  font-size: 14px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0.02rem 0.12rem;
  display: inline-block;
  white-space: nowrap;
}
.mg-action-button > a > span {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.mg-teamInfo {
  width: 9.4rem;
  height: 9rem;
  height: auto;
  margin: 0.8rem auto 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  border-radius: 8px;
  overflow: hidden;
}
.mg-teamInfo-wrap {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 7px;
  margin: 1px auto;
  padding: 0.68rem 0.8rem 0.8rem;
}
.mg-teamInfo-wrap .title-team {
  width: 3.64rem;
  height: 1.04rem;
  background: url('/static/images/activity/MG2020/Enroll/enroll-team.png') no-repeat;
  background-size: 3.64rem auto;
  margin: 0 auto;
}
.mg-teamInfo-wrap .team-baseInfo {
  margin-top: 0.62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg-teamInfo-wrap .team-baseInfo .baseInfo-name {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  text-align: left;
}
.mg-teamInfo-wrap .team-baseInfo .baseInfo-name .label {
  height: 0.22rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: rgba(2, 58, 77, 0.5);
  padding: 0;
}
.mg-teamInfo-wrap .team-baseInfo .baseInfo-name .baseInfo-value {
  margin-top: 0.16rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #023A4d;
}
.mg-teamInfo-wrap .team-baseInfo .baseInfo-name.teamNo {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.mg-teamInfo-wrap .team-baseInfo .baseInfo-name .btn-actions {
  margin-left: 0.16rem;
  border-radius: 0.16rem;
}
.mg-teamInfo-wrap .team-team_data {
  margin-top: 0.55rem;
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
}
.mg-teamInfo-wrap .team-team_data > span {
  font-size: 0.16rem;
  color: rgba(2, 58, 77, 0.5);
  margin-right: 0.16rem;
  float: left;
}
.mg-teamInfo-wrap .team-team_data > a {
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #D73B2E;
  padding: 0.06rem 0.12rem;
  border: 1px solid #D73B2E;
  border-radius: 0.18rem;
  float: left;
}
.mg-teamInfo-wrap .team-team_data > a.out-team {
  float: right;
}
.mg-teamInfo-wrap .team-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg-team-item {
  width: 1.77rem;
  height: 2.48rem;
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  text-align: center;
  background: url('/static/images/activity/MG2020/Enroll/small_01.png') no-repeat;
  background-size: 1.77rem auto;
  position: relative;
}
.mg-team-item:nth-child(4n+1) {
  margin-left: 0;
}
.mg-team-item.invite_member {
  width: 1.77rem;
  height: 2.76rem;
  background: url('/static/images/activity/MG2020/Enroll/add_member.png') no-repeat;
  background-size: 1.77rem auto;
}
.mg-team-item.invite_member .invite_btn {
  margin: 2.12rem auto 0;
}
.mg-team-item.captain {
  height: 2.76rem;
  background: url('/static/images/activity/MG2020/Enroll/bg-team-item.png') no-repeat;
  background-size: 1.77rem auto;
}
.mg-team-item.captain .member-action {
  margin-top: 0.24rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.28rem;
}
.mg-team-item.captain .removeMember {
  height: 0.32rem;
}
.mg-team-item.captain .removeMember > a {
  padding: 0 0.12rem;
  line-height: 0.3rem;
  height: 100%;
}
.mg-team-item.captain.self {
  background: url('/static/images/activity/MG2020/Enroll/bg-self-team-item.png') no-repeat;
  background-size: 1.77rem auto;
}
.mg-team-item.captain.self .label-captain {
  width: 0.8rem;
  height: 0.32rem;
  margin: 0.06rem auto 0;
  line-height: 0.32rem;
  background: url('/static/images/activity/MG2020/Enroll/captain.png') no-repeat;
  background-size: 0.8rem auto;
}
.mg-team-item.self {
  background: url('/static/images/activity/MG2020/Enroll/small_02.png') no-repeat;
  background-size: 1.77rem auto;
}
.mg-team-item.self .username {
  background: url('/static/images/activity/MG2020/Enroll/bg-leader-name.png') no-repeat;
  background-size: 0.83rem auto;
  background-position: bottom;
}
.mg-team-item.self .label-captain {
  width: 0.8rem;
  height: 0.32rem;
  margin: 0.06rem auto 0;
  line-height: 0.32rem;
  background: url('/static/images/activity/MG2020/Enroll/captain.png') no-repeat;
  background-size: 0.8rem auto;
}
.mg-team-item .username {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #036483;
  background: url('/static/images/activity/MG2020/Enroll/bg-member-name.png') no-repeat;
  background-size: 0.83rem auto;
  background-position: bottom;
  padding: 0.28rem 0.16rem 0.04rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg-team-item .info {
  margin-top: 0.12rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
  width: 100%;
  padding: 0 0.16rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.mg-team-item .info > p {
  margin-bottom: 0;
}
.mg-team-item .label-captain {
  width: 0.8rem;
  height: 0.32rem;
  margin: 0.06rem auto 0;
  line-height: 0.32rem;
  background: url('/static/images/activity/MG2020/Enroll/captain-vice.png') no-repeat;
  background-size: 0.8rem auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: 0;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.modal-prompt {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
}
.modal-prompt__mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-prompt__close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url("/static/images/close.png") no-repeat;
  background-size: 14px auto;
  right: 20px;
  top: 20px;
}
.modal-prompt__content {
  width: 432px;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 12px;
  position: fixed;
  top: 20vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff url("/static/images/activity/MG2020/Enroll/modal-bg.png") no-repeat;
  background-size: 432px auto;
  background-position: 0px 0px;
}
.modal-prompt__content .prompt-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 56px;
}
.modal-prompt__content .prompt-title .QQ_QRCODE {
  width: 2.03rem;
  height: auto;
}
.modal-prompt__content .prompt-content {
  width: 272px;
  margin: 24px auto 56px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.modal-prompt__content .btn {
  width: 240px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  border-radius: 24px;
  margin: 0 auto 56px;
  cursor: pointer;
}
.modal-prompt__content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
}
.modal-prompt__content .btn-cancel {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: 240px;
  margin-top: -40px;
  cursor: pointer;
}
.no_join_team {
  font-size: 0.4rem;
  margin: 0.8rem auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.personal-info {
  width: 9.44rem;
  height: 9rem;
  height: auto;
  margin: 0.8rem auto 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  border-radius: 8px;
  overflow: hidden;
}
.personal-info-wrap {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 7px;
  margin: 1px auto;
  padding: 0.68rem 0.8rem 0.8rem;
}
.personal-info-wrap .desc {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #023A4d;
  text-align: center;
}
.personal-info-wrap .join-team {
  width: 5.86rem;
  margin: 0.48rem auto;
  height: 0.58rem;
  position: relative;
}
.personal-info-wrap .join-team .btn-addTeam {
  width: 1.29rem;
  height: 0.58rem;
  color: #fff;
  background: url('/static/images/activity/MG2020/Enroll/btn_add-team.png') no-repeat;
  background-size: 1.29rem 0.58rem;
  text-align: center;
  line-height: 0.54rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.personal-info-wrap .join-team .btn-addTeam.error {
  background: url('/static/images/activity/MG2020/Enroll/btn_error-team.png') no-repeat;
  background-size: 1.29rem 0.56rem;
}
.personal-info-wrap .detail {
  margin: 0.24rem auto 0;
  width: 5.86rem;
  border: 1px solid #dadde8;
  border-radius: 4px;
  padding: 0.32rem;
}
.personal-info-wrap .detail > h3 {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #023a4d;
}
.personal-info-wrap .detail > h3 > a {
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #D73B2E;
  padding: 0.06rem 0.12rem;
  border: 1px solid #D73B2E;
  border-radius: 0.18rem;
  float: right;
}
.personal-info-wrap .detail > div {
  font-size: 0.16rem;
  color: #023a4d;
  line-height: 0.2rem;
  margin-top: 0.24rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.personal-info-wrap .detail > div > span {
  display: block;
  width: 0.64rem;
  min-width: 0.64rem;
  height: 0.22rem;
  opacity: 0.5;
  margin-right: 0.48rem;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.personal-info-wrap .detail > div > p {
  width: 100%;
  float: right;
  line-height: 0.2rem;
  font-size: 0.16rem;
  margin-bottom: 0;
}
.personal-info-wrap .btn-join-team {
  display: block;
  margin: 0.48rem auto 0;
  width: 2.41rem;
  height: 0.54rem;
  line-height: 0.54rem;
  border-radius: 0.27rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  color: #fff;
  text-align: center;
}
.personal-info-wrap .btn-join-team:hover {
  color: #fff;
}
.personal-info-wrap .desc-join-team {
  margin-top: 0.12rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: rgba(2, 58, 77, 0.5);
  text-align: center;
}
.modal-captain {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}
.modal-captain__mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-captain__close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-captain__border {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  width: 4.32rem;
  height: 3.92rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 1px;
  border-radius: 0.12rem;
  padding-left: 2px;
}
.modal-captain__content {
  background: #fff;
  border-radius: 0.11rem;
  height: 100%;
  padding: 0.56rem;
}
.modal-captain__content > h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #2b2b2b;
  text-align: center;
}
.modal-captain__content > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #2E2E33;
  margin-top: 0.24rem;
  text-align: center;
}
.modal-captain__content .input {
  margin-top: 0.24rem;
}
.modal-captain__content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  width: 2.4rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 0.18rem;
  margin: 0.48rem auto 0;
  border-radius: 0.24rem;
}
.modal-captain__content .btn-confirm:hover {
  color: #fff;
}

.mg2020-enroll .Enroll {
  width: 12.6rem;
  padding-top: 1.3rem;
  margin: 0 auto;
}
.mg2020-enroll .Enroll-title {
  width: 3.64rem;
  height: 1.04rem;
  margin: 0 auto;
  background: url('/static/images/activity/MG2020/Enroll/enroll-rule.png') no-repeat;
  background-size: 3.64rem auto;
}
.mg2020-enroll .Enroll-rule {
  width: 12.6rem;
  margin-top: 0.56rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: left;
}
.mg2020-enroll .Enroll-rule .white-no-wrap {
  white-space: nowrap;
}
.mg2020-enroll .Enroll-form {
  width: 9.4rem;
  margin: 0.8rem auto 1.2rem;
  height: auto;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #5db6d9;
  padding: 0.8rem;
}
.mg2020-enroll .Enroll-form__tab {
  width: 7.8rem;
  height: 0.96rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url('/static/images/activity/MG2020/Enroll/team-captian.png') no-repeat;
  background-size: 7.8rem auto;
}
.mg2020-enroll .Enroll-form__tab.member {
  background: url('/static/images/activity/MG2020/Enroll/team-member.png') no-repeat;
  background-size: 7.8rem auto;
}
.mg2020-enroll .Enroll-form__tab > .tab_Item {
  width: 4rem;
  text-align: center;
}
.mg2020-enroll .Enroll-form__tab > .tab_Item > h3 {
  font-size: 0.28rem;
  letter-spacing: 0.2em;
  line-height: 0.39rem;
  color: #738085;
  margin-bottom: 0;
}
.mg2020-enroll .Enroll-form__tab > .tab_Item > p {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #738085;
  opacity: 0.7;
  margin-bottom: 0;
}
.mg2020-enroll .Enroll-form__tab > .tab_Item + .tab_Item {
  margin-left: -0.2rem;
}
.mg2020-enroll .Enroll-form__tab > .tab_Item.active > h3,
.mg2020-enroll .Enroll-form__tab > .tab_Item.active > p {
  color: #023a4d;
}
.mg2020-enroll .Enroll .enroll_time {
  font-size: 0.4rem;
  line-height: 0.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.mg2020-enroll .Enroll .enroll_time.error {
  color: #D73B2E;
}
.mg2020-enroll .Enroll .works_submit-rule {
  margin-top: 1.28rem;
}
.mg2020-enroll .Enroll .works_submit-rule .title-works-rule {
  width: 4.68rem;
  height: 1.04rem;
  margin: 0 auto;
  background: url('/static/images/activity/MG2020/Enroll/enroll-works-rule.png') no-repeat;
  background-size: 4.68rem auto;
}
.mg2020-enroll .Enroll .works_submit-rule .time-works-rule {
  text-align: center;
  color: #023a4d;
  font-size: 0.16rem;
}
.mg2020-enroll .Enroll .works_submit-rule .works-rule-content {
  margin-top: 0.56rem;
}
.mg2020-enroll .Enroll .works_submit-rule .works-rule-content > p {
  width: 12.6rem;
  font-size: 0.24rem;
  color: #036483;
  text-align: left;
  line-height: 0.4rem;
  margin-bottom: 0;
}
.mg2020-enroll .enroll_status-error {
  padding-top: 1.3rem;
}
.mg2020-enroll .enroll_status-error .enroll_time {
  font-size: 0.4rem;
  line-height: 0.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.mg2020-enroll .enroll_status-error .enroll_time.error {
  color: #D73B2E;
}
.mg2020-enroll .enroll_status-error .enroll_time.text {
  margin-top: 0.8rem;
}

.mg2020-intro {
  width: 14rem;
  margin: 0 auto;
  padding-top: 1.2rem;
  position: relative;
}
.mg2020-intro-title-videos {
  width: 3.52rem;
  height: 1.04rem;
  margin: 0 auto 0.4rem;
  background: url('/static/images/activity/MG2020/Intro/title-videos.png') no-repeat;
  background-size: cover;
}
.mg2020-intro__videos {
  width: 10.56rem;
  height: 6.28rem;
  margin: 0 auto 1.8rem;
  background: url('/static/images/activity/MG2020/Intro/bg-videos.png') no-repeat;
  background-size: cover;
  overflow: hidden;
}
.mg2020-intro__videos .video-box {
  width: 9.76rem;
  height: 5.49rem;
  margin: 0.4rem;
  border: 2px solid #036483;
  position: relative;
}
.mg2020-intro__videos .video-box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-intro__videos .video-box > img.icon-video {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.6rem;
  margin-left: -0.6rem;
}
.mg2020-intro .PCliveIndex {
  width: 3.56rem;
  height: 0.44rem;
  position: absolute;
  left: 50%;
  top: 0.5rem;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.mg2020-intro .PCliveIndex.tag-Notice {
  background: url('/static/images/activity/MG2020/Intro/notice.png') no-repeat;
  background-size: 3.56rem auto;
}
.mg2020-intro .PCliveIndex.tag-Ongoing {
  background: url('/static/images/activity/MG2020/Intro/live.png') no-repeat;
  background-size: 3.56rem auto;
}
.mg2020-intro .PCliveIndex.tag-End {
  background: url('/static/images/activity/MG2020/Intro/end.png') no-repeat;
  background-size: 3.56rem auto;
}
.mg2020-intro-title-1 {
  margin: 0 auto 0.56rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/Intro/title-1.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-intro-title-2 {
  margin: 1.06rem auto 0.56rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/Intro/title-2.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-intro-title-3 {
  margin: 1.4rem auto 0.56rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/Intro/title-3.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-intro-title-4 {
  margin: 1.7rem auto 0;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/Intro/title-4.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-intro-title-5 {
  margin: 1.5rem auto 0.2rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/Intro/title-5.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-intro-title-6 {
  margin: 1.86rem auto 0.48rem;
  width: 3.64rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/Intro/title-6.png") no-repeat;
  background-size: 3.64rem 1.04rem;
}
.mg2020-intro-intro {
  margin: 0 auto;
  padding: 0.8rem 0.75rem;
  width: 13.66rem;
  height: 2.83rem;
  background: url("/static/images/activity/MG2020/Intro/intro-bg.png") no-repeat;
  background-size: 13.66rem 2.83rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-intro-intro p {
  margin: 0;
  padding: 0;
  font-size: 0.24rem;
  line-height: 0.48rem;
  text-align: justify;
  font-weight: 500;
  color: #036483;
}
.mg2020-intro-timeline {
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
  width: 13.55rem;
}
.mg2020-intro-timeline::before {
  position: absolute;
  top: 0.3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  content: "";
  width: 13.55rem;
  height: 0.04rem;
  background: url("/static/images/activity/MG2020/Intro/time-line.png") no-repeat;
  background-size: 13.55rem 0.04rem;
}
.mg2020-intro-timeline-item {
  margin-right: 1.07rem;
  height: 5.1rem;
  width: 0.9rem;
  background: url("/static/images/activity/MG2020/Intro/time-bg.png") no-repeat;
  background-size: 0.9rem 4.5rem;
  background-position: bottom center;
}
.mg2020-intro-timeline-item:last-child {
  margin-right: 0;
}
.mg2020-intro-timeline-index {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("/static/images/activity/MG2020/Intro/num-1.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-1 {
  background: url("/static/images/activity/MG2020/Intro/num-1.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-2 {
  background: url("/static/images/activity/MG2020/Intro/num-2.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-3 {
  background: url("/static/images/activity/MG2020/Intro/num-3.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-4 {
  background: url("/static/images/activity/MG2020/Intro/num-4.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-5 {
  background: url("/static/images/activity/MG2020/Intro/num-5.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-6 {
  background: url("/static/images/activity/MG2020/Intro/num-6.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-index-7 {
  background: url("/static/images/activity/MG2020/Intro/num-7.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.mg2020-intro-timeline-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.24rem auto 0;
  padding-top: 0.1rem;
  height: 2.86rem;
  text-align: center;
  width: 0.3rem;
  line-height: 0.34rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #023a4d;
}
.mg2020-intro-timeline-time {
  margin-top: 0.22rem;
  width: 100%;
  text-align: center;
  padding-top: 0.14rem;
  font-size: 0.2rem;
  line-height: 125%;
  color: #fff;
}
.mg2020-intro-timeline-time-icon {
  margin: 0 auto 0.05rem;
  width: 0.19rem;
  height: 0.21rem;
  background: url("/static/images/activity/MG2020/Intro/time-icon.png") no-repeat;
  background-size: 0.19rem 0.21rem;
  background-position: center center;
}
.mg2020-intro-timeline-time-icon.rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mg2020-intro-timeline-time-text {
  margin-bottom: 0.05rem;
}
.mg2020-intro-prize-top {
  margin: 0 auto 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mg2020-intro-prize-top-2 {
  margin-right: 0.5rem;
  padding-top: 2.38rem;
  width: 2.8rem;
  height: 3.15rem;
  background: url("/static/images/activity/MG2020/Intro/prize-2.png") no-repeat;
  background-size: 2.8rem 3.15rem;
  font-size: 0.23rem;
  line-height: 0.33rem;
  font-weight: bold;
  color: #1190b0;
  text-align: center;
}
.mg2020-intro-prize-top-3 {
  padding-top: 2.38rem;
  width: 2.8rem;
  height: 3.15rem;
  background: url("/static/images/activity/MG2020/Intro/prize-3.png") no-repeat;
  background-size: 2.8rem 3.15rem;
  font-size: 0.23rem;
  line-height: 0.33rem;
  font-weight: bold;
  color: #b04611;
  text-align: center;
}
.mg2020-intro-prize-top-1 {
  padding-top: 2.82rem;
  margin-right: 0.5rem;
  width: 3.32rem;
  height: 3.74rem;
  background: url("/static/images/activity/MG2020/Intro/prize-1.png") no-repeat;
  background-size: 3.32rem 3.74rem;
  font-weight: bold;
  font-size: 0.28rem;
  line-height: 0.39rem;
  color: #b06311;
  text-align: center;
}
.mg2020-intro-prize-middle {
  margin: 0 auto 0.12rem;
  width: 7.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-intro-prize-middle-item {
  width: 3.55rem;
  height: 1.6rem;
  background: url("/static/images/activity/MG2020/Intro/prize-bg.png") no-repeat;
  background-size: 3.55rem 1.6rem;
}
.mg2020-intro-prize-middle-title {
  margin-bottom: 0.04rem;
  padding-top: 0.4rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
  color: #023a4d;
  text-align: center;
}
.mg2020-intro-prize-middle-text {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #023a4d;
  text-align: center;
}
.mg2020-intro-prize-middle-tips {
  margin-bottom: 0.6rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #023a4d;
  text-align: center;
}
.mg2020-intro-prize-bottom-title {
  position: relative;
  z-index: 0;
  font-size: 0.2rem;
  line-height: 0.44rem;
  text-align: center;
  font-weight: 500;
  margin: 0 auto 0.4rem;
  width: 4.36rem;
  height: 0.44rem;
}
.mg2020-intro-prize-bottom-title div {
  background: -webkit-gradient(linear, left top, left bottom, from(#0378b2), to(#0bacb2));
  background: -o-linear-gradient(top, #0378b2 0%, #0bacb2 100%);
  background: linear-gradient(180deg, #0378b2 0%, #0bacb2 100%);
  background-size: 4.36rem 0.44rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mg2020-intro-prize-bottom-title:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 4.36rem;
  height: 0.44rem;
  z-index: -1;
  background: url("/static/images/activity/MG2020/Intro/gift-title.png") no-repeat;
  background-size: 4.36rem 0.44rem;
}
.mg2020-intro-prize-bottom-list {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7.68rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-intro-prize-bottom-item {
  padding-top: 0.36rem;
  width: 1.68rem;
  height: 1.68rem;
  background: url("/static/images/activity/MG2020/Intro/gift-bg.png") no-repeat;
  background-size: 1.68rem 1.68rem;
}
.mg2020-intro-prize-bottom-item-1,
.mg2020-intro-prize-bottom-item-2 {
  font-size: 0.28rem;
  line-height: 0.45rem;
  text-align: center;
  color: #023a4c;
}
.mg2020-intro-theme {
  padding-top: 1.6rem;
  padding-left: 0.9rem;
  padding-right: 0.96rem;
  width: 13.01rem;
  height: 5.81rem;
  margin: -0.4rem auto;
  background: url("/static/images/activity/MG2020/Intro/theme-bg.png") no-repeat;
  background-size: 13.01rem 5.81rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-intro-theme-left {
  width: 6.01rem;
}
.mg2020-intro-theme-right {
  width: 4.56rem;
}
.mg2020-intro-theme-p {
  margin-bottom: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.26rem;
  color: #04232d;
  text-align: justify;
}
.mg2020-intro-theme-line {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
  width: 100%;
  height: 0.01rem;
  background: #036483;
}
.mg2020-intro-theme-mark {
  margin-bottom: 0.08rem;
  font-size: 0.17rem;
  line-height: 0.26rem;
  color: #ffa800;
  text-align: justify;
}
.mg2020-intro-theme-slogan {
  font-size: 0.17rem;
  line-height: 0.26rem;
  color: #04232d;
  text-align: justify;
}
.mg2020-intro-theme-img {
  background: url("/static/images/activity/MG2020/Intro/theme-img.png");
  background-size: 4.68rem 3.54rem;
  margin-bottom: 0.16rem;
  width: 4.68rem;
  height: 3.54rem;
  padding: 0.06rem;
}
.mg2020-intro-theme-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  background: #04232d;
}
.mg2020-intro-theme-img-title {
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #04232d;
  font-weight: bold;
}
.mg2020-intro-theme .ant-carousel {
  width: 4.56rem;
  height: 3.42rem;
  border: 0.04rem solid #036483;
  background: #04232d;
}
.mg2020-intro-theme .ant-carousel .slick-dots-bottom {
  bottom: 0.1rem;
  height: 37px;
  padding-bottom: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.mg2020-intro-theme .ant-carousel .slick-dots li {
  width: 12px;
  margin: 0 6px;
}
.mg2020-intro-theme .ant-carousel .slick-dots li button {
  width: 12px;
  height: 12px;
  background: url("/static/images/activity/MG2020/news/banner-slider.png") no-repeat;
  background-size: 12px 12px;
  opacity: 1;
}
.mg2020-intro-theme .ant-carousel .slick-dots li button::before {
  content: "";
  display: none;
}
.mg2020-intro-theme .ant-carousel .slick-dots li.slick-active button {
  background: url("/static/images/activity/MG2020/news/banner-slider-checked.png") no-repeat;
  background-size: 12px 12px;
}
.mg2020-intro-judges-tips {
  margin-bottom: 0.66rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #036483;
  text-align: center;
}
.mg2020-intro-judges-list {
  margin: 0 auto;
  width: 10.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-intro-judges-item {
  margin-right: 0.4rem;
  padding-top: 0.24rem;
  width: 2.25rem;
  height: 4.2rem;
  background: url("/static/images/activity/MG2020/Intro/judges-bg.png") no-repeat;
  background-size: 2.25rem 4.2rem;
}
.mg2020-intro-judges-item:last-child {
  margin-right: 0;
}
.mg2020-intro-judges-img {
  width: 1.77rem;
  height: 2.4rem;
  margin: 0 auto 0.16rem;
  border: 0.02rem solid #036483;
}
.mg2020-intro-judges-img img {
  width: 100%;
  height: 100%;
}
.mg2020-intro-judges-name {
  margin: 0 auto 0.1rem;
  width: 0.91rem;
  height: 0.34rem;
  background: url("/static/images/activity/MG2020/Intro/judges-name.png") no-repeat;
  background-size: 0.91rem 0.16rem;
  background-position: bottom center;
  color: #036483;
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-align: center;
  font-weight: bold;
}
.mg2020-intro-judges-job {
  margin-bottom: 0.08rem;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
}
.mg2020-intro-judges-line {
  margin: 0 auto 0.08rem;
  width: 1.77rem;
  height: 0.01rem;
  background: #036483;
}
.mg2020-intro-judges-title {
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
}
.mg2020-intro-org-list {
  margin: 0 auto;
  width: 11.62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-intro-org-item {
  margin-bottom: 0.24rem;
  padding: 0.15rem 0.12rem;
  width: 2.8rem;
  height: 1.35rem;
  background: url("/static/images/activity/MG2020/Intro/org-bg.png") no-repeat;
  background-size: 2.8rem 1.35rem;
  text-align: center;
}
.mg2020-intro-org-item img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}

.mg2020-h5-global-sign-up {
  top: 6.17rem;
  width: 7.5rem;
  height: 2.63rem;
  background: url("/static/images/activity/MG2020/h5/intro/sign-up-bg.png") no-repeat;
  background-size: 7.5rem 2.45rem;
  background-position: bottom center;
  position: absolute;
  width: 100%;
  text-align: center;
}
.mg2020-h5-global-sign-up-btn {
  margin: 0 auto;
  width: 2.2rem;
  height: 0.86rem;
  background: url("/static/images/activity/MG2020/h5/intro/sign-up-btn.png") no-repeat;
  background-size: 2.2rem 0.86rem;
}

.mg2020-h5-scamp {
  padding-top: 8.23rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/h5/bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/bg-2.png") repeat;
  background-size: 7.5rem auto;
  background-position: 0 0, 0 29.6rem;
  min-height: 100vh;
}
.mg2020-h5-scamp-title {
  margin: 0 auto 0.45rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/camp/title.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-scamp-no-course {
  margin: 0 auto 0.56rem;
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.36rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
  color: #038cd0;
  font-weight: bold;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mg2020-h5-scamp-no-course:before {
  width: 3.54rem;
  height: 2.12rem;
  background: url("/static/images/activity/MG2020/h5/camp/empty.png") no-repeat;
  background-size: 3.54rem 2.12rem;
  content: "";
  display: block;
  margin: 0 auto 0.6rem;
}
.mg2020-h5-scamp-course-list {
  list-style: none;
  padding: 0;
}
.mg2020-h5-scamp-course-item {
  position: relative;
  margin: 0.4rem auto;
  padding: 0.3rem 0.3rem 0.48rem;
  width: 6.86rem;
  background: url("/static/images/activity/MG2020/h5/camp/course-bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/camp/course-bg-2.png") repeat, url("/static/images/activity/MG2020/h5/camp/course-bg-3.png") no-repeat;
  background-size: 6.86rem auto;
  background-position: 0 0, 0 0.2rem, center bottom;
}
.mg2020-h5-scamp-course-item::after {
  width: 6.86rem;
  height: 2rem;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: url("/static/images/activity/MG2020/h5/camp/course-bg-3.png") no-repeat;
  background-size: 6.86rem 2rem;
}
.mg2020-h5-scamp-course-img {
  margin-bottom: 0.2rem;
  width: 6.24rem;
  height: 3.51rem;
  border: 0.04rem solid #036483;
}
.mg2020-h5-scamp-course-img img {
  width: 100%;
  height: 100%;
}
.mg2020-h5-scamp-course-right {
  position: relative;
  z-index: 2;
}
.mg2020-h5-scamp-course-title {
  margin-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #023a4d;
}
.mg2020-h5-scamp-course-content {
  margin-bottom: 0.24rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #023a4d;
  opacity: 0.7;
  word-break: break-all;
  white-space: pre-wrap;
}
.mg2020-h5-scamp-course-time {
  margin-bottom: 0.12rem;
  margin-right: 0.12rem;
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #023a4d;
  opacity: 0.7;
}
.mg2020-h5-scamp-course-anchor {
  margin-bottom: 0.47rem;
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #023a4d;
  opacity: 0.8;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.mg2020-h5-scamp-course-btn {
  width: 6.06rem;
  height: 0.88rem;
  background: url("/static/images/activity/MG2020/h5/camp/btn-1.png") no-repeat;
  background-size: 6.06rem 0.88rem;
  font-size: 0.32rem;
  line-height: 0.88rem;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
}
.mg2020-h5-scamp-course-btn-2 {
  background: url("/static/images/activity/MG2020/h5/camp/btn-2.png") no-repeat;
  background-size: 6.06rem 0.88rem;
  color: #023a4d;
}
.mg2020-h5-scamp-course-btn-3 {
  background: url("/static/images/activity/MG2020/h5/camp/btn-3.png") no-repeat;
  background-size: 6.06rem 0.88rem;
  color: #738085;
}
.mg2020-h5-scamp-course-countdown {
  width: 6.06rem;
  height: 0.88rem;
  background: url("/static/images/activity/MG2020/h5/camp/btn-4.png") no-repeat;
  background-size: 6.06rem 0.88rem;
  font-size: 0.32rem;
  line-height: 0.88rem;
  text-align: center;
  font-weight: 500;
  color: #d80d0d;
}
.mg2020-h5-scamp .flex-center {
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-scamp .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 180px;
}
.mg2020-h5-scamp .ant-notification .mg2020-scamp-error {
  padding-left: 0;
  -webkit-animation: none !important;
          animation: none !important;
}
.mg2020-h5-scamp .ant-notification-notice-close {
  display: none;
}
.mg2020-h5-scamp .ant-notification-notice-message {
  display: none;
}

.modal-H5-prompt {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}
.modal-H5-prompt .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-H5-prompt .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url("/static/images/close.png") no-repeat;
  background-size: 14px auto;
  right: 20px;
  top: 20px;
}
.modal-H5-prompt .content {
  width: 5.9rem;
  height: auto;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0.1);
  border-radius: 12px;
  position: fixed;
  top: 20vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff url("/static/images/activity/MG2020/h5/enroll/modal-bg.png") no-repeat;
  background-size: 100% auto;
  background-position: top;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-H5-prompt .content .success {
  width: 2rem;
  height: 2rem;
}
.modal-H5-prompt .content .prompt-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 56px;
}
.modal-H5-prompt .content .prompt-content {
  width: 4.7rem;
  margin: 0.4rem auto 0;
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: center;
}
.modal-H5-prompt .content .btn {
  width: 4.94rem;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.34rem;
  text-align: center;
  color: #fff;
  border-radius: 0.44rem;
  margin: 0.8rem auto 0.4rem;
}
.modal-H5-prompt .content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
}
.modal-H5-prompt .content .btn-cancel {
  text-align: center;
  margin: 0 auto 0.4rem;
  width: 2.4rem;
  font-size: 0.28rem;
  line-height: 0.39rem;
  color: #2e2e33;
  cursor: pointer;
}

.mg2020-h5-news {
  padding-top: 8.23rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/h5/bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/bg-2.png") repeat;
  background-size: 7.5rem auto;
}
.mg2020-h5-news-title-1 {
  margin: 0 auto 0.6rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/news/title-1.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-news-title-2 {
  margin: 1.6rem auto 0.6rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/news/title-2.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-news-title-3 {
  margin: 1.6rem auto 0.6rem;
  width: 3.52rem;
  height: 1.04rem;
  background: url("/static/images/activity/MG2020/h5/news/title-3.png") no-repeat;
  background-size: 3.52rem 1.04rem;
}
.mg2020-h5-news-news {
  position: relative;
  padding: 0.46rem 0.3rem 0.48rem;
  width: 6.54rem;
  height: 7.58rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/h5/news/news-bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/news/news-bg-2.png") repeat;
  background-size: 6.54rem auto;
}
.mg2020-h5-news-news::after {
  width: 6.54rem;
  height: 2rem;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: url("/static/images/activity/MG2020/h5/news/news-bg-3.png") no-repeat;
  background-size: 6.54rem 2rem;
}
.mg2020-h5-news-news-right {
  position: relative;
  z-index: 2;
}
.mg2020-h5-news-news .ant-carousel {
  position: relative;
  margin-bottom: 0.32rem;
  width: 5.92rem;
  border: 0.04rem solid #036483;
  overflow: hidden;
  height: 3.33rem;
}
.mg2020-h5-news-news .ant-carousel .slick-dots-bottom {
  bottom: 5px;
  height: 28px;
  padding-top: 4px;
  padding-bottom: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.mg2020-h5-news-news .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  background: url("/static/images/activity/MG2020/h5/news/banner-slider.png") no-repeat;
  background-size: 8px 8px;
  opacity: 1;
}
.mg2020-h5-news-news .ant-carousel .slick-dots li button::before {
  content: "";
  display: none;
}
.mg2020-h5-news-news .ant-carousel .slick-dots li.slick-active button {
  background: url("/static/images/activity/MG2020/h5/news/banner-slider-checked.png") no-repeat;
  background-size: 8px 8px;
}
.mg2020-h5-news-news-img {
  width: 5.84rem;
  height: 3.25rem;
  background: #036483;
}
.mg2020-h5-news-news-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.mg2020-h5-news-news-list {
  width: 5.92rem;
  max-height: 3rem;
  height: 2.76rem;
  overflow: auto;
  padding-right: 0.2rem;
}
.mg2020-h5-news-news-list::-webkit-scrollbar {
  width: 0.04rem;
  height: 100%;
  background: transparent;
}
.mg2020-h5-news-news-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 0.04rem;
  border-radius: 0.04rem;
  border: 1px solid #0dc8cf;
  background: #0dc8cf;
}
.mg2020-h5-news-news-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 0.04rem;
  background: #eaeaea;
  border-radius: 0.07rem;
}
.mg2020-h5-news-news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.16rem;
  width: 100%;
  font-size: 0.22rem;
  line-height: 0.31rem;
  color: #023a4d;
  opacity: 0.7;
}
.mg2020-h5-news-news-title {
  width: 4.28rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mg2020-h5-news-news-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-h5-news-news-pages-item {
  width: 12px;
  height: 12px;
  margin-left: 0.16rem;
  background: url("/static/images/activity/MG2020/h5/news/dark-icon.png") no-repeat;
  background-size: 12px 12px;
}
.mg2020-h5-news-news-pages-item:first-child {
  margin-left: 0;
}
.mg2020-h5-news-news-pages-item.checked {
  background: url("/static/images/activity/MG2020/h5/news/dark-icon-checked.png") no-repeat;
  background-size: 12px 12px;
}
.mg2020-h5-news-history {
  width: 6.78rem;
  margin: 0 auto;
}
.mg2020-h5-news-history-video {
  width: 3.8rem;
}
.mg2020-h5-news-history-video-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mg2020-h5-news-history-video-cover {
  position: relative;
  width: 3.28rem;
  height: 1.88rem;
  background: url("/static/images/activity/MG2020/h5/news/video-bg.png") no-repeat;
  background-size: 3.28rem 1.88rem;
  padding: 0.04rem;
}
.mg2020-h5-news-history-video-cover img {
  margin-top: -0.01rem;
  border: 0.04rem solid #036483;
  background: #036483;
  width: 100%;
  height: 100%;
}
.mg2020-h5-news-history-video-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("/static/images/activity/MG2020/h5/news/icon_play.png") no-repeat;
  background-size: 0.64rem 0.64rem;
  cursor: pointer;
}
.mg2020-h5-news-history-video-title {
  margin-top: 0.24rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-weight: bold;
  color: #023a4d;
  width: 3.28rem;
}
.mg2020-h5-news-history-link {
  margin: 0.6rem auto 0;
}
.mg2020-h5-news-history-link a {
  margin: 0 auto;
  display: block;
  width: 4.7rem;
  height: 0.72rem;
  background: url("/static/images/activity/MG2020/h5/news/back-bg.png") no-repeat;
  background-size: 4.7rem 0.72rem;
  font-size: 0.28rem;
  line-height: 0.72rem;
  color: #fff;
  padding-left: 0.24rem;
  margin-bottom: 0.4rem;
}
.mg2020-h5-news-org {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 6.54rem;
}
.mg2020-h5-news-org-item {
  width: 3.04rem;
  margin-right: 0.46rem;
  margin-bottom: 0.34rem;
}
.mg2020-h5-news-org-item:nth-child(2n) {
  margin-right: 0;
}
.mg2020-h5-news-org-img {
  width: 3.04rem;
  height: 1.5rem;
  background: url("/static/images/activity/MG2020/h5/news/org-bg.png") no-repeat;
  background-size: 3.04rem 1.5rem;
  padding: 0.15rem 0.12rem;
  text-align: center;
}
.mg2020-h5-news-org-img img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.mg2020-h5-news-org-name {
  margin-top: 0.18rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #023a4d;
  opacity: 0.8;
  text-align: center;
}
.mg2020-h5-news-contact-us {
  display: block;
  width: 2.74rem;
  height: 0.56rem;
  margin: 0.4rem auto;
  background: url("/static/images/activity/MG2020/h5/news/contact-us.png") no-repeat;
  background-size: 2.74rem 0.56rem;
  cursor: pointer;
}
.mg2020-h5-news-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mg2020-h5-news-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.mg2020-h5-news-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 6rem;
  height: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mg2020-h5-news-video-video {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #036483;
}
.mg2020-h5-news-video-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.mg2020-h5-news-video-video video:focus {
  outline: none;
}

.mg_input-h5 {
  position: relative;
}
.mg_input-h5-label {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  margin-bottom: 0.12rem;
}
.mg_input-h5-label.required {
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/require.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: left;
}
.mg_input-h5-label > span {
  float: right;
  color: #D73B2e;
}
.mg_input-h5-errorText {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  position: absolute;
  color: #D73B2e;
  right: 0;
  top: -0.36rem;
}
.mg_input-h5 .input-box {
  position: relative;
  height: 0.88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-normal-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-normal-right.png') no-repeat right, url('/static/images/activity/MG2020/h5/enroll/input/input-normal-center.png') repeat-x;
  background-size: auto 0.88rem;
}
.mg_input-h5 .input-box.focus {
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-focus-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-focus-right.png') no-repeat right, url('/static/images/activity/MG2020/h5/enroll/input/input-focus-center.png') repeat-x;
  background-size: auto 0.88rem;
}
.mg_input-h5 .input-box.error {
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-error-left.png') no-repeat left -0.01rem, url('/static/images/activity/MG2020/h5/enroll/input/input-error-right.png') no-repeat right -0.01rem, url('/static/images/activity/MG2020/h5/enroll/input/input-error-center.png') repeat-x;
  background-size: auto 0.88rem;
}
.mg_input-h5 .input-box-count {
  position: absolute;
  right: 15px;
  vertical-align: center;
  top: 50%;
  color: #a5a7b5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mg_input-h5 .input-box-input {
  padding-right: 60px;
  border: none;
  height: 0.88rem;
  background: transparent;
  border-radius: 0;
  color: #023a4d;
}
.mg_input-h5 .input-box-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.mg_input-h5 .input-box-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg_input-h5 .input-box-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.textArea-box-h5-mg {
  position: relative;
  height: 3.56rem;
  background: url('/static/images/activity/MG2020/h5/enroll/input/textarea-normal-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/textarea-normal-right.png') no-repeat right, url('/static/images/activity/MG2020/h5/enroll/input/textarea-normal-center.png') repeat-x;
  background-size: auto 100%;
  padding: 0.12rem 0.2rem 0.32rem 0.2rem;
}
.textArea-box-h5-mg.focus {
  background: url('/static/images/activity/MG2020/h5/enroll/input/textarea-focus-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/textarea-focus-right.png') no-repeat right, url('/static/images/activity/MG2020/h5/enroll/input/textarea-focus-center.png') repeat-x;
  background-size: auto 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-h5-mg.error {
  background: url('/static/images/activity/MG2020/h5/enroll/input/textarea-error-left.png') no-repeat left -0.01rem, url('/static/images/activity/MG2020/h5/enroll/input/textarea-error-right.png') no-repeat right -0.01rem, url('/static/images/activity/MG2020/h5/enroll/input/textarea-focus-center.png') repeat-x;
  background-size: auto 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-h5-mg-count {
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  right: 22px;
  vertical-align: center;
  bottom: 6px;
  width: calc(100% - 8px);
  background: #fff;
  text-align: right;
  color: #ccc;
  padding-right: 10px;
  margin-right: -18px;
  border-radius: 0 0 6px 6px;
}
.textArea-box-h5-mg textarea.textArea-box-h5-mg-input {
  padding-bottom: 30px;
  border: none;
  height: 100%;
  border-radius: 0;
  resize: none;
  padding: 0;
}
.textArea-box-h5-mg textarea.textArea-box-h5-mg-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-h5-mg textarea.textArea-box-h5-mg-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-box-h5-mg-errorText {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  position: absolute;
  color: #D73B2e;
  right: 0;
  top: -0.36rem;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.mg_phone-input-h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 0.03rem);
  height: 0.88rem;
}
.mg_phone-input-h5 .mg_select {
  position: relative;
  width: 1.7rem;
  min-width: 0.9rem;
  height: 100%;
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-normal-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-normal-center.png') repeat-x;
  background-size: auto 0.88rem;
}
.mg_phone-input-h5 .mg_select.show {
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-focus-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-focus-left.png') no-repeat 1.7rem 0, url('/static/images/activity/MG2020/h5/enroll/input/input-focus-center.png') repeat-x;
  background-size: auto 0.88rem;
}
.mg_phone-input-h5 .mg_select.show > span {
  background: url('/static/images/activity/MG2020/h5/enroll/arrow-to-top.png') no-repeat;
  background-size: 0.32rem auto;
  background-position: right;
}
.mg_phone-input-h5 .mg_select.error {
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-error-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-error-left.png') no-repeat 1.7rem 0, url('/static/images/activity/MG2020/h5/enroll/input/input-error-center.png') repeat-x;
  background-size: auto 0.88rem;
}
.mg_phone-input-h5 .mg_select .phone-icon-show-h5 {
  width: auto;
  height: 0.88rem;
  position: absolute;
  right: -0.03rem;
  z-index: 9;
}
.mg_phone-input-h5 .mg_select > span {
  display: inline-block;
  width: 1.26rem;
  padding-left: 0.16rem;
  padding-right: 0.32rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.28rem;
  color: #a5a7b5;
  white-space: nowrap;
  background: url('/static/images/activity/MG2020/h5/enroll/icon_to-bottom.png') no-repeat;
  background-size: 0.32rem auto;
  background-position: right;
}
.mg_phone-input-h5 .mg_select .mg_select_menu {
  width: 6.3rem;
  max-height: 3.6rem;
  height: 0;
  overflow: auto;
  position: absolute;
  bottom: -2.25rem;
  border-radius: 2px;
  background: #fff;
  z-index: 9;
  -webkit-transition: all 1 linear;
  -o-transition: all 1 linear;
  transition: all 1 linear;
}
.mg_phone-input-h5 .mg_select .mg_select_menu.show {
  height: 2.2rem;
  border: 1px solid #DADDE8;
}
.mg_phone-input-h5 .mg_select .mg_select_menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.mg_phone-input-h5 .mg_select .mg_select_menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  cursor: pointer;
}
.mg_phone-input-h5 .mg_select .mg_select_menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.mg_phone-input-h5 .mg_select .mg_select_menu .Item {
  width: 100%;
  padding: 0 0.16rem;
  height: 0.86rem;
  line-height: 0.86rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  z-index: 10;
}
.mg_phone-input-h5 .mg_select .mg_select_menu .Item.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  color: #fff;
}
.mg_phone-input-h5 .mg_select .phone-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9;
}
.mg_phone-input-h5 .mg_input {
  width: 100%;
}
.mg_phone-input-h5 .phone-input-h5-input {
  width: 100%;
}
.mg_phone-input-h5 .phone-input-h5-input .mg_input {
  width: 100%;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.enroll-form-h5-detail {
  padding: 0 0.3rem;
}
.enroll-form-h5-detail > h3 {
  margin-top: 0.6rem;
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.32rem;
  color: #023A4d;
}
.enroll-form-h5-detail .form-Item {
  padding-bottom: 1px;
}
.enroll-form-h5-detail .form-Item .form-title {
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  margin-bottom: 0.16rem;
  margin-top: 0.32rem;
  color: #023A4d;
}
.enroll-form-h5-detail .form-Item .form-title.required {
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/require.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: left;
}
.enroll-form-h5-detail .form-Item .radio_box-h5 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.4rem;
}
.enroll-form-h5-detail .form-Item .radio_box-h5 .radio-Item-h5 {
  width: 1.37rem;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  background: url('/static/images/activity/MG2020/h5/enroll/bg-select.png') no-repeat;
  background-size: 1.37rem auto;
  color: #023A4d;
}
.enroll-form-h5-detail .form-Item .radio_box-h5 .radio-Item-h5.active {
  background: url('/static/images/activity/MG2020/h5/enroll/bg-select-active.png') no-repeat;
  background-size: 1.37rem auto;
  color: #fff;
}
.enroll-form-h5-detail .form-Item.agreement {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #023A4d;
  margin-top: 0.24rem;
}
.enroll-form-h5-detail .form-Item.agreement > a {
  color: #4a90e2;
}
.enroll-form-h5-detail .form-Item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.enroll-form-h5-detail .form-Item.agreement .agreement_check .ant-checkbox-inner {
  border: none;
  width: 0.3rem;
  height: 0.3rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox.png') no-repeat;
  background-size: 0.3rem 0.3rem;
  margin-right: 0.08rem;
}
.enroll-form-h5-detail .form-Item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox-check.png') no-repeat;
  background-size: 0.3rem 0.3rem;
}
.enroll-form-h5-detail .form-Item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.enroll-form-h5-detail .form-Item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.enroll-form-h5-detail .form-Item .btn-submit-h5 {
  margin: 0.6rem auto 0.4rem;
  width: 6.38rem;
  height: 0.88rem;
  display: block;
  background: url('/static/images/activity/MG2020/h5/enroll/btn-confirm.png') no-repeat;
  background-size: 6.38rem auto;
  color: #fff;
  text-align: center;
  line-height: 0.88rem;
}
.enroll-form-h5-detail .form-Item .btn-submit-h5.disabled {
  opacity: 0.5;
}
.enroll-form-h5-detail .form-Item .ant-select {
  width: 100%;
  height: 0.88rem;
  line-height: 0.81rem;
  color: #023A4d;
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-selection {
  height: 0.81rem;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-normal-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-normal-right.png') no-repeat right, url('/static/images/activity/MG2020/h5/enroll/input/input-normal-center.png') repeat-x;
  background-size: auto 0.8rem;
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-selection .ant-select-selection-selected-value {
  line-height: 0.81rem;
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-selection:focus {
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-focus-left.png') no-repeat left, url('/static/images/activity/MG2020/h5/enroll/input/input-focus-right.png') no-repeat right, url('/static/images/activity/MG2020/h5/enroll/input/input-focus-center.png') repeat-x;
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-selection.error {
  background: url('/static/images/activity/MG2020/h5/enroll/input/input-error-left.png') no-repeat left -0.01rem, url('/static/images/activity/MG2020/h5/enroll/input/input-error-right.png') no-repeat right -0.01rem, url('/static/images/activity/MG2020/h5/enroll/input/input-error-center.png') repeat-x;
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-selection__placeholder {
  color: #a5a7b5;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-arrow {
  width: 0.32rem;
  height: 0.32rem;
  right: 0.24rem;
}
.enroll-form-h5-detail .form-Item .ant-select .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/icon_to-bottom.png') no-repeat;
  background-size: 0.32rem auto;
}
.enroll-form-h5-detail .form-Item .ant-select.ant-select-open .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/arrow-to-top.png') no-repeat;
  background-size: 0.32rem auto;
}
.mg2020-select-downMenu {
  max-height: 3.6rem;
  overflow-y: auto;
}
.mg2020-select-downMenu .ant-select-dropdown-menu-item {
  height: 0.86rem;
  line-height: 0.86rem;
  padding: 0 12px;
}
.mg2020-select-downMenu .ant-select-dropdown-menu-item-active {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  color: #fff;
}
.modal-argreement-h5 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}
.modal-argreement-h5__mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}
.modal-argreement-h5-border {
  width: 6.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-argreement-h5-content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.32rem;
  position: relative;
  padding: 0.48rem 0.28rem 0.48rem 0.48rem;
}
.modal-argreement-h5-content .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 14px;
  top: 14px;
}
.modal-argreement-h5-content > h3 {
  text-align: center;
  font-size: 0.28rem;
}
.modal-argreement-h5-content .content {
  max-height: 6.2rem;
  overflow-y: auto;
  margin-bottom: 0.5rem;
  padding-right: 0.2rem;
}
.modal-argreement-h5-content .content > p {
  font-size: 0.24rem;
  word-break: break-all;
  text-align: justify;
}
.modal-argreement-h5-content .content > h4 {
  margin-top: 0.36rem;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.modal-editEnrollInfo-h5 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.modal-editEnrollInfo-h5 .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-editEnrollInfo-h5 .content-border {
  width: 6.54rem;
  height: auto;
  position: absolute;
  padding: 1px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 0.32rem;
}
.modal-editEnrollInfo-h5 .content-border .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-editEnrollInfo-h5 .content-border .content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.31rem;
  min-height: 8rem;
  max-height: 70vh;
  padding: 0.64rem 0.08rem 0.32rem 0.32rem;
  background: #fff url('/static/images/activity/MG2020/Enroll/modal-bg.png') no-repeat;
  background-size: 100% auto;
  background-position: top;
}
.modal-editEnrollInfo-h5 .content-border .content .maxHeight {
  max-height: 45vh;
  overflow-y: auto;
  padding-right: 0.24rem;
}
.modal-editEnrollInfo-h5 .content-border .content .radio_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.4rem;
}
.modal-editEnrollInfo-h5 .content-border .content .radio_box .radio-Item {
  width: 1.37rem;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  background: url('/static/images/activity/MG2020/h5/enroll/bg-select.png') no-repeat;
  background-size: 1.37rem auto;
}
.modal-editEnrollInfo-h5 .content-border .content .radio_box .radio-Item.active {
  background: url('/static/images/activity/MG2020/h5/enroll/bg-select-active.png') no-repeat;
  background-size: 1.37rem auto;
  color: #fff;
}
.modal-editEnrollInfo-h5 .content-border .content > h3 {
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #2e2e33;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.48rem;
}
.modal-editEnrollInfo-h5 .content-border .content .saveEnrollInfo {
  width: 5.9rem;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  color: #fff;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  margin: 0.4rem auto 0;
  border-radius: 0.44rem;
}
.modal-editEnrollInfo-h5 .content-border .content .saveEnrollInfo:hover {
  color: #fff;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.modal-invite-member .modal-prompt__content .prompt-title {
  font-size: 0.24rem;
}
.modal-invite-member .modal-prompt__content .prompt-content {
  padding: 0.24rem 0.48rem 0.48rem;
  width: 100%;
  margin: 0;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item {
  font-size: 0.2rem;
  line-height: 0.24rem;
  color: #2E2E33;
  text-align: left;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item-title {
  margin-bottom: 0.12rem;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item .input-box {
  position: relative;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item .input-box .btn-invite {
  width: 1.04rem;
  height: 0.58rem;
  color: #fff;
  line-height: 0.54rem;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.16rem;
  background: url(/static/images/activity/MG2020/Enroll/btn_add-team.png) no-repeat;
  background-size: auto 0.58rem;
  text-align: center;
  cursor: pointer;
}
.modal-invite-member .modal-prompt__content .prompt-content .form-Item .input-box .btn-invite.error {
  background: url(/static/images/activity/MG2020/Enroll/btn_error-team.png) no-repeat;
  background-size: auto 0.58rem;
}
.modal-invite-member .modal-prompt__content .prompt-content .or_line {
  text-align: left;
  font-size: 0.2rem;
  color: #a5a7b5;
  margin: 0.24rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-invite-member .modal-prompt__content .prompt-content .or_line > span {
  display: block;
  height: 0;
  border-bottom: 1px dashed #D5D8E5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.16rem;
  margin-top: 0.08rem;
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box {
  width: 100%;
  height: 336px;
  background: #F7F7FB;
  position: relative;
  overflow: hidden;
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box .qr_code {
  width: 240px;
  height: 240px;
  margin: 48px auto;
  background: #fff;
  position: relative;
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box .qr_code .qr_code-logo {
  width: 60px;
  height: 65px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-invite-member .modal-prompt__content .prompt-content .qr_code-box .intro {
  font-size: 14px;
  line-height: 20px;
  color: #A5A7B5;
  text-align: center;
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.modal-prompt-h5 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.modal-prompt-h5__mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-prompt-h5 .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-prompt-h5__content {
  width: 5.9rem;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: #fff url('/static/images/activity/MG2020/Enroll/modal-bg.png') no-repeat;
  background-size: 100% auto;
  background-position: top;
  border-radius: 0.16rem;
  padding: 0.8rem 0.48rem 0.48rem;
}
.modal-prompt-h5__content .prompt-title {
  font-size: 0.4rem;
  font-weight: 500;
  text-align: center;
}
.modal-prompt-h5__content .prompt-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 0.48rem;
}
.modal-prompt-h5__content .prompt-tab .tab-Item {
  text-align: center;
}
.modal-prompt-h5__content .prompt-tab .tab-Item > img {
  width: 1.2rem;
  height: 1.2rem;
}
.modal-prompt-h5__content .prompt-tab .tab-Item > p {
  margin-top: 0.24rem;
  text-align: center;
}
.modal-prompt-h5__content .btn-cancel {
  margin: 0.8rem auto 0;
  width: 4.94rem;
  height: 0.88rem;
  background: #fff;
  color: #A5A7B5;
  line-height: 0.88rem;
  text-align: center;
  border-radius: 0.44rem;
  border: 1px solid #A5A7B5;
}
.modal-prompt-h5__content .form-Item {
  margin-top: 0.4rem;
}
.modal-prompt-h5__content .btn-invite {
  margin: 0.98rem auto 0;
  width: 4.94rem;
  height: 0.88rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  color: #fff;
  line-height: 0.88rem;
  text-align: center;
  border-radius: 0.44rem;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg-btn-actions {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  margin-left: 0.16rem;
  font-size: 14px;
  padding: 0.06rem 0.12rem;
  border-radius: 0.16rem;
}
.mg-action-button {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  padding: 1px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 0.16rem;
}
.mg-action-button > div {
  width: 100%;
  height: 100%;
  border-radius: 0.15rem;
  background: #fff;
  font-size: 14px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  white-space: nowrap;
}
.mg-action-button > div > span {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.mg-teamInfo-h5 {
  width: 7.02rem;
  height: auto;
  margin: 0.8rem auto 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  border-radius: 0.08rem;
  overflow: hidden;
  padding: 1px;
}
.mg-teamInfo-h5-wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.07rem;
  margin: 1px auto;
  padding: 0.48rem 0.32rem 0.6rem;
}
.mg-teamInfo-h5-wrap .title-team {
  width: 3.64rem;
  height: 1.04rem;
  background: url('/static/images/activity/MG2020/Enroll/enroll-team.png') no-repeat;
  background-size: 3.64rem auto;
  margin: 0 auto;
}
.mg-teamInfo-h5-wrap .team-baseInfo {
  margin-top: 0.6rem;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.5rem;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .label {
  height: 0.4rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: rgba(2, 58, 77, 0.5);
  padding-right: 0.6rem;
  white-space: nowrap;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .baseInfo-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #023A4d;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .teamNo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .teamNo > span {
  color: #023A4d;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .teamNo > p {
  margin-bottom: 0;
  font-size: 0.22rem;
  color: #809ca6;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .btn-actions {
  width: 1.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  border-radius: 0.28rem;
  padding: 1px;
  margin-top: -0.12rem;
}
.mg-teamInfo-h5-wrap .team-baseInfo .baseInfo-name .btn-actions > div {
  border-radius: 0.27rem;
}
.mg-teamInfo-h5-wrap .team-team_data {
  margin-top: 0.55rem;
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
  padding-top: 0.32rem;
  border-top: 1px solid #d5d8e5;
}
.mg-teamInfo-h5-wrap .team-team_data > span {
  font-size: 0.16rem;
  color: rgba(2, 58, 77, 0.5);
  margin-right: 0.16rem;
  float: left;
}
.mg-teamInfo-h5-wrap .team-team_data > a {
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #D73B2E;
  padding: 0.06rem 0.12rem;
  border: 1px solid #D73B2E;
  border-radius: 0.18rem;
  float: left;
}
.mg-teamInfo-h5-wrap .team-team_data > a.out-team {
  float: right;
}
.mg-teamInfo-h5-wrap .team-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: auto;
  padding-bottom: 0.3rem;
}
.mg-teamInfo-h5-wrap .team-actions {
  width: 100%;
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 0.56rem;
}
.mg-teamInfo-h5-wrap .team-actions > a {
  width: 1.88rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  font-size: 0.24rem;
  color: #D73B2E;
  border: 1px solid #D73B2E;
  border-radius: 0.28rem;
}
.mg-team-item-h5 {
  min-width: 2.25rem;
  width: 2.25rem;
  height: 2.85rem;
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  text-align: center;
  background: url('/static/images/activity/MG2020/h5/enroll/bg-member.png') no-repeat;
  background-size: 2.25rem auto;
  position: relative;
}
.mg-team-item-h5.invite_member {
  width: 2.25rem;
  height: 3.45rem;
  background: url('/static/images/activity/MG2020/h5/enroll/bg-invite.png') no-repeat;
  background-size: 2.25rem auto;
}
.mg-team-item-h5.invite_member .invite_btn {
  margin: 2.12rem auto 0;
}
.mg-team-item-h5.captain {
  height: 3.45rem;
  background: url('/static/images/activity/MG2020/h5/enroll/bg-self-member.png') no-repeat;
  background-size: 2.25rem auto;
}
.mg-team-item-h5.captain .member-action {
  width: 1.64rem;
  height: 0.56rem;
  position: absolute;
  bottom: 0.35rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 0.24rem;
}
.mg-team-item-h5.captain .removeMember {
  width: 1.64rem;
  height: 0.56rem;
  padding: 1px;
  border-radius: 0.28rem;
}
.mg-team-item-h5.captain .removeMember > div {
  border-radius: 0.27rem;
}
.mg-team-item-h5.captain .removeMember > div > span {
  line-height: 0.56rem;
}
.mg-team-item-h5.captain.self {
  background: url('/static/images/activity/MG2020/h5/enroll/bg-self-captain.png') no-repeat;
  background-size: 2.25rem auto;
}
.mg-team-item-h5.captain.self .label-captain {
  width: 1.4rem;
  height: 0.56rem;
  margin: 0.06rem auto 0;
  line-height: 0.56rem;
  background: url('/static/images/activity/MG2020/h5/enroll/self-captain.png') no-repeat;
  background-size: 1.4rem auto;
  bottom: 0;
}
.mg-team-item-h5.self {
  background: url('/static/images/activity/MG2020/h5/enroll/bg-self.png') no-repeat;
  background-size: 2.25rem auto;
}
.mg-team-item-h5.self .username {
  background: url('/static/images/activity/MG2020/h5/enroll/title-self.png') no-repeat;
  background-size: 1.24rem auto;
  background-position: bottom;
}
.mg-team-item-h5.self .label-captain {
  background: url('/static/images/activity/MG2020/h5/enroll/self-captain.png') no-repeat;
  background-size: 1.4rem auto;
}
.mg-team-item-h5 .username {
  padding: 0 0.24rem;
  padding-top: 0.28rem;
  padding-bottom: 0.04rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #036483;
  background: url('/static/images/activity/MG2020/Enroll/bg-member-name.png') no-repeat;
  background-size: 0.83rem auto;
  background-position: bottom;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg-team-item-h5 .info {
  padding: 0 0.24rem;
  margin-top: 0.08rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #036483;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg-team-item-h5 .info > p {
  margin-bottom: 0;
}
.mg-team-item-h5 .label-captain {
  width: 1.4rem;
  height: 0.56rem;
  margin: 0.06rem auto 0;
  line-height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/captain.png') no-repeat;
  background-size: 1.4rem auto;
  position: absolute;
  bottom: -0.28rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.modal-H5-prompt {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}
.modal-H5-prompt .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-H5-prompt .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url("/static/images/close.png") no-repeat;
  background-size: 14px auto;
  right: 20px;
  top: 20px;
}
.modal-H5-prompt .content {
  width: 5.9rem;
  height: auto;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0.1);
  border-radius: 12px;
  position: fixed;
  top: 20vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff url("/static/images/activity/MG2020/h5/enroll/modal-bg.png") no-repeat;
  background-size: 100% auto;
  background-position: top;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-H5-prompt .content .success {
  width: 2rem;
  height: 2rem;
}
.modal-H5-prompt .content .prompt-title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 56px;
}
.modal-H5-prompt .content .prompt-content {
  width: 4.7rem;
  margin: 0.4rem auto 0;
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: center;
}
.modal-H5-prompt .content .btn {
  width: 4.94rem;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.34rem;
  text-align: center;
  color: #fff;
  border-radius: 0.44rem;
  margin: 0.8rem auto 0.4rem;
}
.modal-H5-prompt .content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
}
.modal-H5-prompt .content .btn-cancel {
  text-align: center;
  margin: 0 auto 0.4rem;
  width: 2.4rem;
  font-size: 0.28rem;
  line-height: 0.39rem;
  color: #2e2e33;
  cursor: pointer;
}
.no_join_team-h5 {
  font-size: 0.4rem;
  margin: 0.8rem auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.personal-info-h5 {
  width: 7.02rem;
  height: auto;
  margin: 0.8rem auto 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  border-radius: 0.09rem;
  overflow: hidden;
  padding: 1px;
}
.personal-info-h5-wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.08rem;
  padding: 0.32rem;
}
.personal-info-h5-wrap .desc {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #D73B2E;
  text-align: left;
}
.personal-info-h5-wrap .input-title {
  margin-top: 0.6rem;
  color: #023a4d;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.personal-info-h5-wrap .join-team {
  width: 6.38rem;
  margin: 0.16rem auto;
  height: 0.88rem;
  position: relative;
}
.personal-info-h5-wrap .join-team .btn-addTeam {
  width: 1.6rem;
  height: 0.88rem;
  color: #fff;
  background: url('/static/images/activity/MG2020/Enroll/btn_add-team.png') no-repeat;
  background-size: 1.6rem 0.88rem;
  text-align: center;
  line-height: 0.88rem;
  position: absolute;
  right: 0;
  top: 0;
}
.personal-info-h5-wrap .join-team .btn-addTeam.error {
  background: url('/static/images/activity/MG2020/Enroll/btn_error-team.png') no-repeat;
  background-size: 1.6rem 0.88rem;
}
.personal-info-h5-wrap .detail {
  margin: 0.48rem auto 0;
  width: 6.38rem;
  border: 1px solid #d5d8e5;
  border-radius: 4px;
  padding: 0.32rem;
}
.personal-info-h5-wrap .detail > h3 {
  font-size: 0.32rem;
  line-height: 0.45rem;
  color: #023a4d;
  margin-bottom: 0.32rem;
}
.personal-info-h5-wrap .detail > h3 > a {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #D73B2E;
  padding: 0.11rem 0.22rem;
  border: 1px solid #D73B2E;
  border-radius: 0.44rem;
  float: right;
}
.personal-info-h5-wrap .detail > p {
  font-size: 0.28rem;
  color: #023a4d;
  line-height: 0.39rem;
  margin-top: 0.24rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.personal-info-h5-wrap .detail > p > span {
  display: inline-block;
  min-width: 0.84rem;
  height: 0.39rem;
  opacity: 0.5;
  margin-right: 0.48rem;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.personal-info-h5-wrap .detail > p > p {
  width: 100%;
  float: right;
  margin-bottom: 0;
}
.personal-info-h5-wrap .detail > .selfIntro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.personal-info-h5-wrap .btn-join-team-h5 {
  display: block;
  margin: 0.6rem auto 0;
  width: 6.38rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #fff;
  text-align: center;
  font-size: 0.34rem;
  background: url('/static/images/activity/MG2020/h5/enroll/btn-confirm.png') no-repeat;
  background-size: 6.38rem auto;
}
.personal-info-h5-wrap .btn-join-team-h5:hover {
  color: #fff;
}
.personal-info-h5-wrap .desc-join-team-h5 {
  margin-top: 0.24rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: rgba(2, 58, 77, 0.5);
  text-align: center;
}
.modal-captain-h5 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}
.modal-captain-h5__mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.modal-captain-h5__close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modal-captain-h5__border {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  width: 5.9rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 1px;
  border-radius: 0.12rem;
}
.modal-captain-h5__content {
  width: 100%;
  background: #fff;
  border-radius: 0.11rem;
  height: 100%;
  background: #fff url('/static/images/activity/MG2020/Enroll/modal-bg.png') no-repeat;
  background-size: 100% auto;
  background-position: top;
  padding: 0.8rem 0.48rem 0.67rem;
}
.modal-captain-h5__content > h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #2e2e33;
  text-align: center;
}
.modal-captain-h5__content > p {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #2E2E33;
  margin-top: 0.4rem;
  text-align: center;
}
.modal-captain-h5__content .input {
  margin-top: 0.32rem;
}
.modal-captain-h5__content .btn-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 0.34rem;
  margin: 0.98rem auto 0;
  border-radius: 0.44rem;
}
.modal-captain-h5__content .btn-confirm:hover {
  color: #fff;
}

.mg2020-H5-enroll {
  padding-top: 6.6rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  margin: 0 auto;
  background: url('/static/images/activity/MG2020/h5/bg-1.png') no-repeat, url('/static/images/activity/MG2020/h5/bg-2.png') repeat;
  background-size: 7.5rem auto;
  background-position: 0 0, 0 29.6rem;
  min-height: 100vh;
}
.mg2020-H5-enroll .Enroll-title {
  width: 7.5rem;
  height: 2.45rem;
  background: url('/static/images/activity/MG2020/h5/bg-head.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: -0.3rem;
  text-align: center;
}
.mg2020-H5-enroll .Enroll-title > img {
  width: 3.52rem;
  height: 1.04rem;
  margin: 0.16rem auto 0;
}
.mg2020-H5-enroll .Enroll-rule {
  width: 6.54rem;
  margin: 0 auto;
  font-size: 0.28rem;
  color: #036483;
  line-height: 0.48rem;
  margin-top: -0.8rem;
}
.mg2020-H5-enroll .Enroll-form {
  width: 7.04rem;
  margin: 0.6rem auto 1.2rem;
  height: auto;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #5db6d9;
  padding: 2px;
}
.mg2020-H5-enroll .Enroll-form__tab {
  width: 6.38rem;
  height: 1.04rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.32rem auto 0;
  background: url('/static/images/activity/MG2020/h5/enroll/tab-captain.png') no-repeat;
  background-size: 6.38rem auto;
}
.mg2020-H5-enroll .Enroll-form__tab.member {
  background: url('/static/images/activity/MG2020/h5/enroll/tab-member.png') no-repeat;
  background-size: 6.38rem auto;
}
.mg2020-H5-enroll .Enroll-form__tab > .tab_Item {
  width: 4rem;
  text-align: center;
}
.mg2020-H5-enroll .Enroll-form__tab > .tab_Item > h3 {
  font-size: 0.34rem;
  letter-spacing: 0.2em;
  line-height: 0.48rem;
  color: #738085;
  margin-bottom: 0;
}
.mg2020-H5-enroll .Enroll-form__tab > .tab_Item > p {
  font-size: 0.22rem;
  line-height: 0.31rem;
  color: #738085;
  opacity: 0.7;
  margin-bottom: 0;
}
.mg2020-H5-enroll .Enroll-form__tab > .tab_Item + .tab_Item {
  margin-left: -0.2rem;
}
.mg2020-H5-enroll .Enroll-form__tab > .tab_Item.active > h3,
.mg2020-H5-enroll .Enroll-form__tab > .tab_Item.active > p {
  color: #023a4d;
}
.mg2020-H5-enroll .Enroll .enroll_time {
  font-size: 0.4rem;
  line-height: 0.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.mg2020-H5-enroll .Enroll .enroll_time.error {
  color: #D73B2E;
}
.mg2020-H5-enroll .Enroll .works_submit-rule-h5 .title-works-rule {
  width: 4.44rem;
  height: 1.04rem;
  background: url('/static/images/activity/MG2020/h5/enroll/title-submit-works.png') no-repeat;
  background-size: 4.44rem auto;
  margin: 0.8rem auto 0;
}
.mg2020-H5-enroll .Enroll .works_submit-rule-h5 .time-works-rule {
  text-align: center;
  color: #023a4d;
  font-size: 0.16rem;
  margin-bottom: 0.48rem;
}
.mg2020-H5-enroll .Enroll .works_submit-rule-h5 .works-rule-content {
  width: 6.54rem;
  margin: 0 auto;
}
.mg2020-H5-enroll .Enroll .works_submit-rule-h5 .works-rule-content > p {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #036483;
}
.mg2020-H5-enroll .enroll_status-error .enroll_time {
  font-size: 0.4rem;
  line-height: 0.4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.mg2020-H5-enroll .enroll_status-error .enroll_time.error {
  color: #D73B2E;
}
.mg2020-H5-enroll .enroll_status-error .enroll_time.text {
  margin-top: 0.6rem;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: none;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #D83B2F;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #D83B2F;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #D83B2F;
}
.ant-pagination-item-active a {
  color: #D83B2F;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #e66557;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #e66557;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  color: #D83B2F;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #e66557;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #D83B2F;
  border-color: #D83B2F;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #e66557;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #e66557;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(216, 59, 47, 0.2);
          box-shadow: 0 0 0 2px rgba(216, 59, 47, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #D83B2F;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

.art_works {
  min-width: 1260px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 891px;
  overflow: hidden;
  background: url("/static/images/activity/art_design/2019/intro-bg.png") top no-repeat;
  background-size: 1920px auto;
  background-position-x: center;
  font-family: STSongti-TC-Bold, Microsoft YaHei, arial, sans-serif;
}
.art_works p {
  margin: 0;
  padding: 0;
}
.art_works-content {
  width: 1260px;
  padding: 988px 0px 88px 0px;
}
.art_works-content .page-enroll {
  display: block;
  width: 968px;
  height: 239px;
  background: url("/static/images/activity/art_design/2019/page-enroll.png") no-repeat;
  background-size: 968px auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 830px;
}
.art_works-content .art_works-describe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.art_works-content .art_works-describe .art_works-divider {
  width: 274px;
  height: 32px;
  background-size: 274px 32px;
  background: url("/static/images/activity/art_design/2019/works_divider.png") top no-repeat;
}
.art_works-content .art_works-describe p {
  font-size: 18px;
  color: #d8d8d8;
  text-align: center;
  margin-bottom: 10px;
}
.art_works-content .art_works-describe p.title {
  font-size: 48px;
  margin-bottom: 28px;
}
.art_works-content .art_works-describe .link_vote {
  width: 165px;
  height: 203px;
  position: fixed;
  background: url("/static/images/activity/art_design/2019/works_yy_bg.png") no-repeat;
  background-size: 165px auto;
  right: 0;
  top: 30%;
}
.art_works-content .art_works-describe .download_qrcode {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 99;
}
.art_works-content .art_works-describe .download_qrcode .modal-mask {
  width: 808px;
  height: 594px;
  background: url("/static/images/activity/art_design/2019/mask_con.png") no-repeat;
  background-size: 808px auto;
  position: absolute;
  top: 55%;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.art_works-content .art_works-describe .download_qrcode .modal-mask .close {
  width: 40px;
  height: 40px;
  position: absolute;
  background: url("/static/images/activity/art_design/2019/close.png") no-repeat;
  background-size: 40px auto;
  top: 18px;
  right: 32px;
}
.art_works-content .art_works-describe .download_qrcode .modal-mask > h3 {
  font-size: 28px;
  color: #222427;
  margin-top: 104px;
}
.art_works-content .art_works-describe .download_qrcode .modal-mask > img {
  width: 200px;
  height: 200px;
  margin-bottom: 16px;
}
.art_works-content .art_works-describe .download_qrcode .modal-mask > p {
  color: #222427;
  font-size: 30px;
  margin-bottom: 0;
}
.art_works-content .art_works-describe .download_qrcode .modal-mask > span {
  color: #8a2c26;
  font-size: 16px;
  margin-top: 10px;
}
.art_works-content .art_works-wrap {
  position: relative;
  width: 1176;
}
.art_works-content .art_works-wrap .art_works-matchType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.art_works-content .art_works-wrap .art_works-matchType-Item {
  width: 129px;
  height: 100px;
  color: #402a27;
  font-size: 31px;
  font-weight: bold;
  text-align: center;
  padding-top: 36px;
  background-size: 129px 100px;
  cursor: pointer;
  background: url("/static/images/activity/art_design/2019/works_cs.png") top no-repeat;
}
.art_works-content .art_works-wrap .art_works-matchType-Item.active {
  background: url("/static/images/activity/art_design/2019/works_cs_active.png") top no-repeat;
  color: #402a27;
}
.art_works-content .art_works-wrap .line {
  width: 100%;
  height: 2px;
  background: rgba(128, 128, 128, 0.3);
}
.art_works-content .art_works-wrap .art_works-filterNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.art_works-content .art_works-wrap .art_works-filterNav .art_works-worksType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_works-content .art_works-wrap .art_works-filterNav .art_works-worksType-Item {
  min-width: 72px;
  height: 36px;
  line-height: 36px;
  background-size: 72px 36px;
  margin-right: 16px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}
.art_works-content .art_works-wrap .art_works-filterNav .art_works-worksType-Item.active {
  color: #402a27;
  padding: 0 0.6rem;
  border-radius: 0.2rem;
  background: url(/static/images/activity/art_design/2019/works_sl_bg.png) 0 0 / cover no-repeat;
}
.art_works-content .art_works-wrap .art_works-filterNav .art_works-worksType-search {
  width: 380px;
  height: 40px;
  margin-right: 36px;
  background-size: 380px 40px;
  background: url("/static/images/activity/art_design/2019/works_search_bg.png") top no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art_works-content .art_works-wrap .art_works-filterNav .art_works-worksType-search .art_works-serach-fdj {
  width: 22px;
  height: 22px;
  margin: 0px 6px 0px 16px;
  background-size: 22px 22px;
  background: url("/static/images/activity/art_design/2019/webapp/works_fdj.png") 0 0 / cover no-repeat;
}
.art_works-content .art_works-wrap .art_works-filterNav .art_works-worksType-search .art_works-serach-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  line-height: 32px;
  padding: 0 18px 0 6px;
  font-size: 18px;
  color: #ffffff;
  text-align: left;
  background-color: transparent;
  outline: none;
  border: none;
}
.art_works-content .art_works-wrap .art_works-worksList {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.art_works-content .art_works-wrap .art_works-worksList-item {
  position: relative;
  overflow: hidden;
  width: 388px;
  height: 324px;
  background-size: 388px 324px;
  padding: 22px 12px;
  margin-bottom: 32px;
  background: url("/static/images/activity/art_design/2019/works_item_bg.jpg") top no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2.2rem;
  cursor: pointer;
}
.art_works-content .art_works-wrap .art_works-worksList-item:nth-child(3n) {
  margin-right: 0rem;
}
.art_works-content .art_works-wrap .art_works-worksList-item-coverImage-wrap {
  position: relative;
  width: 360px;
  height: 202px;
}
.art_works-content .art_works-wrap .art_works-worksList-item-coverImage-wrap .art_works-worksList-item-coverImage {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
.art_works-content .art_works-wrap .art_works-worksList-item-coverImage-wrap .art_works-worksList-item-workId {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 80px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 0 10px;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 13px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line1-type {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-right: 6px;
  padding: 0 0.5rem;
  border-radius: 3px;
  background: url(/static/images/activity/art_design/2019/works_sl_bg.png) 0 0 / cover no-repeat;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line1-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #322524;
  font-size: 24px;
  margin: 0;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  color: #5d4f4e;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 60px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-wrap.left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-name {
  margin-right: 10px;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-college {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-heart {
  width: 19px;
  height: 15px;
  margin-right: 6px;
  background-size: 19px 15px;
  background: url("/static/images/activity/art_design/2019/works_unlike.png") 0 0 / cover no-repeat;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-heart.active {
  background: url("/static/images/activity/art_design/2019/works_like.png") 0 0 / cover no-repeat;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-like {
  position: relative;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #322524;
  font-size: 18px;
  height: 20px;
  line-height: 20px;
}
.art_works-content .art_works-wrap .art_works-worksList-item-line2-like::before {
  content: "";
}
.art_works-content .art_works-wrap .noTabDetail-container {
  height: 424px;
  position: relative;
}
.art_works-content .art_works-wrap .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.art_works-content .art_works-wrap .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.art_works .gallery-pagination {
  text-align: center;
  clear: both;
}
.art_works .gallery-pagination .ant-pagination-item {
  border: none;
  background: url("/static/images/activity/art_design/2019/works_pagination_bg.png") 0 0 / contain no-repeat;
}
.art_works .gallery-pagination .ant-pagination-item a {
  color: #a06f71;
}
.art_works .gallery-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/2019/works_pagination_bg.png") 0 0 / contain no-repeat;
  border: none;
}
.art_works .gallery-pagination .ant-pagination-item-active {
  background: url("/static/images/activity/art_design/2019/works_pagination_active_bg.png") 0 0 / contain no-repeat;
}
.art_works .gallery-pagination .ant-pagination-item-active a {
  color: #000;
}
.art_works .gallery-pagination .ant-pagination-prev,
.art_works .gallery-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/art_design/2019/works_pagination_bg.png") 0 0 / contain no-repeat;
}
.art_works .gallery-pagination .ant-pagination-prev a,
.art_works .gallery-pagination .ant-pagination-next a {
  color: #a06f71;
}
.art_works .gallery-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.art_works .gallery-pagination .ant-pagination-item-ellipsis {
  color: #6e403d;
}
.art_works .gallery-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activity-2019-prize {
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.activity-2019-prize ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.activity-2019-prize p {
  margin: 0;
  padding: 0;
}
.activity-2019-prize h1,
.activity-2019-prize h2,
.activity-2019-prize h3,
.activity-2019-prize h4,
.activity-2019-prize h5,
.activity-2019-prize h6 {
  margin: 0;
  padding: 0;
}
.activity-2019-prize > img {
  margin-top: -28px;
  margin-bottom: -14px;
  width: 100%;
}
.activity-2019-prize > div {
  position: relative;
}
.activity-2019-prize > div > div {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.activity-2019-prize > div > div > img {
  width: 100%;
}
.activity-2019-prize > div > img {
  width: 100%;
}
.activity-2019-prize .section-3 {
  margin-bottom: -14px;
}
.activity-2019-prize .nav {
  width: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.activity-2019-prize .nav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activity-2019-prize .nav li {
  padding-right: 16px;
  width: 9%;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 20px;
}
.activity-2019-prize .nav li p {
  line-height: 30px;
  text-align: center;
  color: #fafafa;
  cursor: pointer;
}
.activity-2019-prize .nav li p:nth-of-type(1) {
  font-weight: 700;
}
.activity-2019-prize .nav li p:nth-of-type(2) {
  font-size: 14px;
}
.activity-2019-prize .nav li i {
  display: block;
  height: 75%;
  width: 8.5%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url('/static/images/activity/miniGame/2019/nav.png') no-repeat;
}
.activity-2019-prize .nav li:hover p {
  color: #32163f;
}
.activity-2019-prize .nav .active-nav p {
  color: #32163f;
}
.activity-2019-prize .prize-title {
  width: 405px;
  height: 193px;
  font-size: 38px;
  line-height: 38px;
  padding-top: 85px;
  padding-left: 12px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}
.activity-2019-prize .prize-title span {
  background: -webkit-gradient(linear, left bottom, left top, from(#4b2e64), to(#8d375e));
  background: -o-linear-gradient(bottom, #4b2e64, #8d375e);
  background: linear-gradient(to top, #4b2e64, #8d375e);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-prize .prize-title-1 {
  background: url('/static/images/activity/miniGame/2019/prizes/title1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-title-2 {
  background: url('/static/images/activity/miniGame/2019/prizes/title2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-title-3 {
  background: url('/static/images/activity/miniGame/2019/prizes/title3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-settings {
  top: 1%;
  width: 995px;
  height: 343px;
}
.activity-2019-prize .prize-settings h2 {
  position: absolute;
  left: 50%;
  top: 40px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 38px;
  width: 168px;
  background: url('/static/images/activity/miniGame/2019/prizes/seting.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-settings > div {
  position: absolute;
  left: 50%;
  top: 34%;
  width: 85%;
  height: 41%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.activity-2019-prize .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-2019-prize .prize-settings > div > p:nth-of-type(2) {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.activity-2019-prize .prize-1 {
  top: 13%;
}
.activity-2019-prize .prize-1 > p {
  text-align: center;
  font-size: 16px;
  color: #544040;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.activity-2019-prize .prize-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-prize .prize-1 li {
  width: 275px;
  height: 370px;
  padding-top: 200px;
}
.activity-2019-prize .prize-1 li p {
  text-align: center;
}
.activity-2019-prize .prize-1 li p:nth-of-type(1) {
  font-size: 26px;
  line-height: 40px;
  color: #8e6b41;
  margin-bottom: 20px;
}
.activity-2019-prize .prize-1 li p:nth-of-type(2) {
  font-size: 28px;
  line-height: 22px;
  color: #635c71;
  margin-bottom: 10px;
  font-weight: 700;
}
.activity-2019-prize .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-prize .prize-1 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-1.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-1 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-1 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/medal-3.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 {
  top: 31.5%;
}
.activity-2019-prize .prize-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.activity-2019-prize .prize-2 li {
  width: 275px;
  height: 272px;
  padding-top: 145px;
  margin: 0 10px;
}
.activity-2019-prize .prize-2 li p {
  text-align: center;
  font-weight: 700;
}
.activity-2019-prize .prize-2 li p:nth-of-type(1) {
  font-size: 24px;
  line-height: 34px;
  color: #8e6b41;
}
.activity-2019-prize .prize-2 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #e77171;
  margin-top: 10px;
}
.activity-2019-prize .prize-2 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/frame-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/idea-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 li:nth-of-type(3) {
  background: url('/static/images/activity/miniGame/2019/prizes/technology-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-2 li:nth-of-type(4) {
  background: url('/static/images/activity/miniGame/2019/prizes/popular-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-3 {
  top: 46.5%;
}
.activity-2019-prize .prize-3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 30px;
}
.activity-2019-prize .prize-3 li {
  width: 455px;
  height: 252px;
  padding-top: 83px;
  margin: 0 75px;
}
.activity-2019-prize .prize-3 li p {
  font-weight: 600;
  margin-left: 184px;
}
.activity-2019-prize .prize-3 li p:nth-of-type(1) {
  line-height: 30px;
  color: #8e6b41;
  font-size: 30px;
  margin-bottom: 30px;
}
.activity-2019-prize .prize-3 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #544040;
  margin-bottom: 10px;
}
.activity-2019-prize .prize-3 li:nth-of-type(1) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-3 li:nth-of-type(2) {
  background: url('/static/images/activity/miniGame/2019/prizes/finalist-bg2.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.activity-2019-prize .prize-4 {
  top: 60%;
}
.activity-2019-prize .prize-4 .prize-title-4 {
  font-size: 24px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title4.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 75px;
}
.activity-2019-prize .prize-4 .prize-title-4 span {
  background: -webkit-gradient(linear, left bottom, left top, from(#563061), to(#9e3a58));
  background: -o-linear-gradient(bottom, #563061, #9e3a58);
  background: linear-gradient(to top, #563061, #9e3a58);
  -webkit-background-clip: text;
  color: transparent;
}
.activity-2019-prize .prize-4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: -54px;
}
.activity-2019-prize .prize-4 li {
  width: 195px;
  height: 184px;
  background: url('/static/images/activity/miniGame/2019/prizes/welfare-bg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 50px;
  margin: 0 16px;
}
.activity-2019-prize .prize-4 li p {
  text-align: center;
  font-size: 32px;
  line-height: 34px;
  text-shadow: 0 0 3px #2f0d0d;
  color: #fff;
}
.activity-2019-prize .prize-5 {
  top: 75.5%;
}
.activity-2019-prize .prize-5 .prize-title-5 {
  font-size: 40px;
  width: 517px;
  height: 193px;
  background: url('/static/images/activity/miniGame/2019/prizes/title5.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding-top: 62px;
  color: #fff;
}
.activity-2019-prize .prize-5 .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
}
.activity-2019-prize .prize-5 .banner ul {
  height: 490px;
  position: absolute;
  top: 0;
}
.activity-2019-prize .prize-5 .banner li {
  float: left;
  height: 100%;
  width: 1015px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.activity-2019-prize .prize-5 .banner li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activity-2019-prize .prize-5 .banner .left-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/left-bg2.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-prize .prize-5 .banner .left-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/left-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-prize .prize-5 .banner .items-container {
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
  height: 536px;
  width: 1075px;
  background: url('/static/images/activity/miniGame/2019/prizes/planting-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.activity-2019-prize .prize-5 .banner .items-container > div {
  width: 1015px;
  height: 490px;
  overflow: hidden;
  position: absolute;
  top: 23px;
  left: 28px;
}
.activity-2019-prize .prize-5 .banner .items-container > div h2 {
  line-height: 300px;
  font-size: 60px;
  color: #000;
  text-align: center;
}
.activity-2019-prize .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 113px;
  height: 97px;
  background: url('/static/images/activity/miniGame/2019/prizes/right-bg.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.activity-2019-prize .prize-5 .banner .right-btn:hover {
  background: url('/static/images/activity/miniGame/2019/prizes/right-hover.png') no-repeat;
  background-size: 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.activity-2019-prize-small .prize-title {
  width: 260px;
  height: 124px;
  font-size: 24px;
  line-height: 24px;
  padding-top: 56px;
  padding-left: 12px;
}
.activity-2019-prize-small .prize-settings {
  width: 637px;
  height: 219px;
}
.activity-2019-prize-small .prize-settings h2 {
  top: 27px;
  height: 24px;
  width: 110px;
}
.activity-2019-prize-small .prize-settings > div {
  font-size: 13px;
  line-height: 18px;
}
.activity-2019-prize-small .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 10px;
}
.activity-2019-prize-small .nav li {
  font-size: 16px;
}
.activity-2019-prize-small .nav li p {
  line-height: 22px;
}
.activity-2019-prize-small .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-prize-small .prize-1 > p {
  font-size: 12px;
}
.activity-2019-prize-small .prize-1 li {
  width: 176px;
  height: 234px;
  padding-top: 128px;
}
.activity-2019-prize-small .prize-1 li p {
  text-align: center;
}
.activity-2019-prize-small .prize-1 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
  color: #8e6b41;
  margin-bottom: 16px;
}
.activity-2019-prize-small .prize-1 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  color: #635c71;
  margin-bottom: 6px;
}
.activity-2019-prize-small .prize-1 li p:nth-of-type(3) {
  font-size: 12px;
  line-height: 12px;
  color: #e77171;
}
.activity-2019-prize-small .prize-2 li {
  width: 176px;
  height: 174px;
  padding-top: 90px;
  margin: 0 7px;
}
.activity-2019-prize-small .prize-2 li p:nth-of-type(1) {
  font-size: 20px;
  line-height: 28px;
}
.activity-2019-prize-small .prize-2 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
  margin-top: 5px;
}
.activity-2019-prize-small .prize-3 ul {
  margin-top: 24px;
}
.activity-2019-prize-small .prize-3 li {
  width: 292px;
  height: 161px;
  padding-top: 45px;
  margin: 0 48px;
}
.activity-2019-prize-small .prize-3 li p {
  font-weight: 600;
  margin-left: 118px;
}
.activity-2019-prize-small .prize-3 li p:nth-of-type(1) {
  line-height: 24px;
  font-size: 24px;
  margin-bottom: 24px;
}
.activity-2019-prize-small .prize-3 li p:nth-of-type(2) {
  font-size: 16px;
  line-height: 16px;
}
.activity-2019-prize-small .prize-4 .prize-title-4 {
  width: 413px;
  height: 155px;
  font-size: 18px;
  padding-top: 62px;
}
.activity-2019-prize-small .prize-4 ul {
  margin-top: -35px;
}
.activity-2019-prize-small .prize-4 li {
  width: 125px;
  height: 118px;
  padding-top: 34px;
  margin: 0 12px;
}
.activity-2019-prize-small .prize-4 li p {
  font-size: 18px;
  line-height: 22px;
}
.activity-2019-prize-small .prize-5 .prize-title-5 {
  font-size: 30px;
  width: 413px;
  height: 155px;
  padding-top: 51px;
}
.activity-2019-prize-small .prize-5 .banner {
  width: 820px;
}
.activity-2019-prize-small .prize-5 .banner ul {
  height: 314px;
  top: 0;
}
.activity-2019-prize-small .prize-5 .banner li {
  width: 650px;
}
.activity-2019-prize-small .prize-5 .banner .left-btn {
  width: 72px;
  height: 63px;
}
.activity-2019-prize-small .prize-5 .banner .items-container {
  height: 345px;
  width: 688px;
}
.activity-2019-prize-small .prize-5 .banner .items-container > div {
  width: 650px;
  height: 314px;
  top: 16px;
  left: 19px;
}
.activity-2019-prize-small .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-prize-small .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 72px;
  height: 63px;
}
.activity-2019-prize-medium .prize-title {
  width: 324px;
  height: 154px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 66px;
  padding-left: 8px;
}
.activity-2019-prize-medium .prize-settings {
  width: 796px;
  height: 274px;
}
.activity-2019-prize-medium .prize-settings h2 {
  top: 32px;
  height: 31px;
  width: 138px;
}
.activity-2019-prize-medium .prize-settings > div {
  font-size: 14px;
  line-height: 20px;
}
.activity-2019-prize-medium .prize-settings > div > p:nth-of-type(1) {
  margin-bottom: 20px;
}
.activity-2019-prize-medium .nav li {
  font-size: 18px;
  line-height: 26px;
}
.activity-2019-prize-medium .nav li p:nth-of-type(2) {
  font-size: 12px;
}
.activity-2019-prize-medium .prize-1 > p {
  font-size: 14px;
}
.activity-2019-prize-medium .prize-1 li {
  width: 220px;
  height: 296px;
  padding-top: 160px;
}
.activity-2019-prize-medium .prize-1 li p {
  text-align: center;
}
.activity-2019-prize-medium .prize-1 li p:nth-of-type(1) {
  font-size: 24x;
  line-height: 34px;
  color: #8e6b41;
  margin-bottom: 18px;
}
.activity-2019-prize-medium .prize-1 li p:nth-of-type(2) {
  font-size: 20px;
  line-height: 20px;
  color: #635c71;
  margin-bottom: 8px;
}
.activity-2019-prize-medium .prize-1 li p:nth-of-type(3) {
  font-size: 14px;
  line-height: 14px;
  color: #e77171;
}
.activity-2019-prize-medium .prize-2 li {
  width: 220px;
  height: 217px;
  padding-top: 113px;
  margin: 0 8px;
}
.activity-2019-prize-medium .prize-2 li p:nth-of-type(1) {
  font-size: 22px;
  line-height: 30px;
}
.activity-2019-prize-medium .prize-2 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
  margin-top: 8px;
}
.activity-2019-prize-medium .prize-3 ul {
  margin-top: 28px;
}
.activity-2019-prize-medium .prize-3 li {
  width: 364px;
  height: 202px;
  padding-top: 61px;
  margin: 0 60px;
}
.activity-2019-prize-medium .prize-3 li p {
  font-weight: 600;
  margin-left: 147px;
}
.activity-2019-prize-medium .prize-3 li p:nth-of-type(1) {
  line-height: 28px;
  font-size: 28px;
  margin-bottom: 28px;
}
.activity-2019-prize-medium .prize-3 li p:nth-of-type(2) {
  font-size: 18px;
  line-height: 18px;
}
.activity-2019-prize-medium .prize-4 .prize-title-4 {
  width: 465px;
  height: 173px;
  font-size: 22px;
  padding-top: 68px;
}
.activity-2019-prize-medium .prize-4 ul {
  margin-top: -44px;
}
.activity-2019-prize-medium .prize-4 li {
  width: 156px;
  height: 147px;
  padding-top: 40px;
  margin: 0 14px;
}
.activity-2019-prize-medium .prize-4 li p {
  font-size: 24px;
  line-height: 28px;
}
.activity-2019-prize-medium .prize-5 .prize-title-5 {
  font-size: 32px;
  width: 413px;
  height: 155px;
  padding-top: 48px;
}
.activity-2019-prize-medium .prize-5 .banner {
  width: 1024px;
}
.activity-2019-prize-medium .prize-5 .banner ul {
  height: 392px;
  top: 0;
}
.activity-2019-prize-medium .prize-5 .banner li {
  width: 812px;
}
.activity-2019-prize-medium .prize-5 .banner .left-btn {
  width: 91px;
  height: 78px;
}
.activity-2019-prize-medium .prize-5 .banner .items-container {
  height: 431px;
  width: 860px;
}
.activity-2019-prize-medium .prize-5 .banner .items-container > div {
  width: 812px;
  height: 392px;
  top: 19px;
  left: 23px;
}
.activity-2019-prize-medium .prize-5 .banner .items-container > div h2 {
  line-height: 240px;
  font-size: 48px;
}
.activity-2019-prize-medium .prize-5 .banner .right-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 90px;
  height: 78px;
}
.gallery-pc-section3 .gallery-container {
  position: absolute;
  top: 0;
}
.gallery-pc-section3 .gallery-title {
  margin-top: 64px;
  text-align: center;
}
.gallery-pc-section3 .gallery-grid {
  margin-top: 240px;
  position: relative;
}
.gallery-pc-section3 .gallery-order-operate {
  position: absolute;
  top: 4px;
  right: 16px;
  z-index: 100;
}
.gallery-pc-section3 .gallery-grid div.ant-tabs-bar.ant-tabs-top-bar {
  margin-left: 15px;
  margin-right: 15px;
}
.gallery-pc-section3 .gallery-grid-container {
  width: 100%;
}
.gallery-pc-section3 .gallery-grid-cell {
  width: 410px;
  height: 310px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
}
.gallery-pc-section3 .gallery-grid-cell-inner {
  width: 100%;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019/gallery/gallery-item-bg.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-pc-section3 .gallery-grid-cell-info {
  padding: 5px 20px;
  position: relative;
}
.gallery-pc-section3 .gallery-grid-cell-info-title {
  font-size: 17px;
  color: #D83B2F;
  width: 86%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-pc-section3 .gallery-grid-cell-info-name {
  width: 86%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #b7b7b7;
}
.gallery-pc-section3 .gallery-grid-cell-info-like {
  position: absolute;
  top: 10px;
  right: 32px;
  text-align: center;
  color: #e0a2a2;
}
.gallery-pc-section3 .gallery-pagination {
  clear: both;
  float: right;
  margin-top: 50px;
  margin-right: 12px;
}
.gallery-pc-section3 .gallery-grid .ant-tabs-tab {
  font-size: 17px !important;
}
.gallery-pc-section3 .gallery-order-operate-btn {
  display: inline-block;
  width: 74px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-image: url("/static/images/activity/miniGame/2019/gallery/order-bg.png");
  background-size: 100% 100%;
  color: #833818;
  cursor: pointer;
}
.gallery-pc-section3 .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-pc-section3 .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-pc-section3 .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-pc-section3 {
  background-image: url("/static/images/activity/miniGame/2019/gallery/gallery-container-bg2.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mg2020-works {
  margin: 0 auto;
  padding-top: 1.3rem;
  width: 13.12rem;
}
.mg2020-works-title {
  width: 3.52rem;
  height: 1.04rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/works/web/title-works.png") no-repeat;
  background-size: contain;
}
.mg2020-works-rule {
  width: 4.12rem;
  height: 0.55rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/works/web/rule-title.png") no-repeat;
  background-size: contain;
  margin-top: 0.6rem;
}
.mg2020-works-rule-text {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: justify;
  margin-top: 0.32rem;
}
.mg2020-works-rule-text .betterVote {
  color: #f70;
  text-decoration: underline;
}
.mg2020-works-rule.juesai {
  width: 4.12rem;
  height: 0.55rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/works/web/rule-title-jue.png") no-repeat;
  background-size: contain;
  margin-top: 0.6rem;
}
.mg2020-works--wrap {
  margin-top: 0.96rem;
}
.mg2020-works--wrap .works-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.56rem;
  padding-bottom: 0.16rem;
  border-bottom: 1px solid #c0dbd4;
}
.mg2020-works--wrap .works-category .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.4rem;
  line-height: 0.4rem;
}
.mg2020-works--wrap .works-category .category .tab_works {
  width: 1.52rem;
  height: 0.4rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #678994;
}
.mg2020-works--wrap .works-category .category .tab_works.active {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 1.5rem auto;
  background-position: bottom;
}
.mg2020-works--wrap .works-category .category .tab_works.active::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 0.13rem;
  background: url("/static/images/activity/MG2020/works/web/tabs-active.png") no-repeat;
  background-size: contain;
  background-size: 1.5rem auto;
  position: relative;
  bottom: -0.09rem;
}
.mg2020-works--wrap .works-category .category .tab_works.IE-font-color {
  background: transparent;
  color: #678994;
}
.mg2020-works--wrap .works-category .search-box {
  width: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-works--wrap .works-category .search-box .order {
  width: 0.61rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.14rem;
  color: #023a4d;
  background: url("/static/images/activity/MG2020/works/web/sort.png") no-repeat;
  background-size: contain;
  margin-left: 0.2rem;
  cursor: pointer;
}
.mg2020-works--wrap .works-category .search-box .order.active {
  background: url("/static/images/activity/MG2020/works/web/sort-active.png") no-repeat;
  background-size: contain;
  color: #fff;
}
.mg2020-works--wrap .works-category .search-box .search {
  width: 3.21rem;
  height: 0.4rem;
  background: url("/static/images/activity/MG2020/works/web/search.png") no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-works--wrap .works-category .search-box .search::before {
  content: '';
  display: inline-block;
  width: 0.2rem;
  min-width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.14rem;
  background: url("/static/images/activity/MG2020/works/web/icon_search@2x.png") no-repeat;
  background-size: contain;
}
.mg2020-works--wrap .works-category .search-box .search .art_works-input {
  width: 3.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: transparent;
  border: none;
  font-size: 0.14rem;
  color: #036483;
}
.mg2020-works--wrap .works-category .search-box .search .art_works-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg2020-works--wrap .works-category .search-box .search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #036483;
  font-size: 0.14rem;
}
.mg2020-works--wrap .works-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.09rem;
}
.mg2020-works--wrap .mg2020-pagination {
  margin: 0.8rem auto;
  text-align: center;
  clear: both;
}
.mg2020-works--wrap .mg2020-pagination li {
  width: 0.44rem;
  height: 0.41rem;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item {
  width: 0.44rem;
  height: 0.41rem;
  line-height: 0.41rem;
  min-width: 0.44rem;
  background: url("/static/images/activity/MG2020/works/web/page.png") 0 0 / contain no-repeat;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/MG2020/works/web/page.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item > a {
  display: inline;
  color: #023a4d;
  border: none;
  font-size: 0.16rem;
  line-height: 0.41rem;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-active {
  width: 0.44rem;
  height: 0.41rem;
  min-width: 0.44rem;
  background: url("/static/images/activity/MG2020/works/web/page-active.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-active a {
  color: #fff;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/MG2020/works/web/icon_last.png") center / contain no-repeat;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-prev a {
  display: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/MG2020/works/web/icon_next.png") center / contain no-repeat;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-next a {
  display: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-ellipsis {
  color: #023a4d;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.mg2020-works--wrap .mg2020-pagination li {
  width: 0.44rem;
  height: 0.41rem;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item {
  width: 0.44rem;
  height: 0.41rem;
  line-height: 0.41rem;
  min-width: 0.44rem;
  background: url("/static/images/activity/MG2020/works/web/page.png") 0 0 / contain no-repeat;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/MG2020/works/web/page.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item > a {
  display: inline;
  color: #023a4d;
  border: none;
  font-size: 0.16rem;
  line-height: 0.41rem;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-active {
  width: 0.44rem;
  height: 0.41rem;
  min-width: 0.44rem;
  background: url("/static/images/activity/MG2020/works/web/page-active.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-active a {
  color: #fff;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/MG2020/works/web/icon_last.png") center / contain no-repeat;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-prev a {
  display: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/MG2020/works/web/icon_next.png") center / contain no-repeat;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-next a {
  display: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-item-ellipsis {
  color: #023a4d;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.mg2020-works--wrap .mg2020-pagination .ant-pagination-disabled {
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}
.mg2020-worksDetail {
  width: 13.14rem;
  margin: 0 auto 1.2rem;
  padding-top: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mg2020-worksDetail-guid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: rgba(2, 58, 77, 0.7);
  margin-bottom: 0.24rem;
}
.mg2020-worksDetail-guid > p {
  color: #023a4d;
  margin-bottom: 0;
  cursor: pointer;
  opacity: 0.7;
}
.mg2020-worksDetail-guid > p > span {
  margin: 0 0.12rem;
}
.mg2020-worksDetail-guid > p:last-child {
  opacity: 1;
}
.mg2020-worksDetail__left {
  width: 9.2rem;
}
.mg2020-worksDetail__left .worksDetail-title {
  width: 2.375rem;
  height: 0.51rem;
  margin-bottom: 0.24rem;
}
.mg2020-worksDetail__left .worksDetail-title.team {
  background: url("/static/images/activity/MG2020/works/web/vice-title-team.png") no-repeat;
  background-size: contain;
}
.mg2020-worksDetail__left .worksDetail-title.works {
  background: url("/static/images/activity/MG2020/works/web/vice-title-intro.png") no-repeat;
  background-size: contain;
}
.mg2020-worksDetail__left .worksDetail-title.design {
  background: url("/static/images/activity/MG2020/works/web/vice-title-design.png") no-repeat;
  background-size: contain;
}
.mg2020-worksDetail__left .team-detail {
  width: 9.2rem;
  height: 3.11rem;
  background: url("/static/images/activity/MG2020/works/web/bg-team.png") no-repeat;
  background-size: contain;
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.2rem 0.4rem;
}
.mg2020-worksDetail__left .team-detail__text {
  width: 4.56rem;
}
.mg2020-worksDetail__left .team-detail__text-title {
  line-height: 0.28rem;
  font-size: 0.2rem;
  color: #023a4d;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.mg2020-worksDetail__left .team-detail__text-content {
  line-height: 0.24rem;
  font-size: 0.14rem;
  text-align: justify;
  color: #023a4d;
  overflow-y: auto;
}
.mg2020-worksDetail__left .team-detail__pic {
  width: 3.6rem;
  height: 2.7rem;
  border: 3px solid #036483;
}
.mg2020-worksDetail__left .team-detail__pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-worksDetail__left .works-detail {
  width: 9.2rem;
  height: 5.28rem;
  background: url("/static/images/activity/MG2020/works/web/bg-works-intro.png") no-repeat;
  background-size: contain;
  padding: 0.12rem;
  margin-bottom: 0.6rem;
}
.mg2020-worksDetail__left .works-detail__video {
  width: 8.96rem;
  height: 5.04rem;
  border: 4px solid #036483;
}
.mg2020-worksDetail__left .works-detail__video > video {
  width: 100%;
  height: 100%;
  background: #000;
}
.mg2020-worksDetail__left .design-detail {
  line-height: 0.4rem;
  font-size: 0.24rem;
  color: #036483;
}
.mg2020-worksDetail__right {
  width: 3.68rem;
  height: calc(100vh - 0.48rem - 80px);
  background: url('/static/images/activity/MG2020/works/web/bg-comment-top.png') no-repeat top, url('/static/images/activity/MG2020/works/web/bg-comment-bottom.png') no-repeat bottom;
  background-size: contain;
  padding: 0.46rem 0;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.mg2020-worksDetail__right-content {
  width: 3.68rem;
  height: calc(100% + 0.2rem);
  background: url('/static/images/activity/MG2020/works/web/bg-comment-center.png') repeat-y;
  background-size: contain;
}
.mg2020-worksDetail__right-content .right-content-title {
  width: 100%;
  padding: 0 0.2rem;
  height: 0.45rem;
  line-height: 0.45rem;
  text-align: center;
  font-size: 0.32rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  margin-top: -0.12rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mg2020-worksDetail__right-content .right-content-title.IE-font-color {
  background: transparent;
  color: #678994;
}
.mg2020-worksDetail__right-content .right-content-like {
  width: 2.7rem;
  height: 0.64rem;
  line-height: 0.64rem;
  background: url("/static/images/activity/MG2020/works/web/bg-vote.png") no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.2rem auto;
  cursor: pointer;
  font-size: 0.24rem;
}
.mg2020-worksDetail__right-content .right-content-like > span {
  font-size: 0.24rem;
  font-family: 'DIN-Medium';
}
.mg2020-worksDetail__right-content .right-content-like .liked {
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
  margin-right: 0.08rem;
  background: url("/static/images/activity/MG2020/works/web/like-lg.png") no-repeat;
  background-size: contain;
}
.mg2020-worksDetail__right-content .right-content-like .liked.active {
  background: url("/static/images/activity/MG2020/works/web/like-lg-active.png") no-repeat;
  background-size: contain;
}
.mg2020-worksDetail__right-content .pc-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 0.05rem);
  margin: 0 auto;
  height: 0.46rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #eeeef2;
}
.mg2020-worksDetail__right-content .pc-share .art_worksDetail_share .web-share-small > div {
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.mg2020-worksDetail__right-content .pc-share .art_worksDetail_share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/MG2020/works/web/weChat.png') no-repeat;
  background-size: 0.24rem auto;
  margin: 0 0.2rem 0 0.12rem;
}
.mg2020-worksDetail__right-content .pc-share .art_worksDetail_share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/MG2020/works/web/QQ.png') no-repeat;
  background-size: 0.24rem auto;
  margin: 0 0.2rem 0 0;
}
.mg2020-worksDetail__right-content .pc-share .art_worksDetail_share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/MG2020/works/web/weibo.png') no-repeat;
  background-size: 0.24rem auto;
  margin: 0 0.2rem 0 0;
}
.mg2020-worksDetail__right-content .mg2020-comment {
  padding: 0.2rem 0.06rem 0.2rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 1.56rem);
}
.mg2020-worksDetail__right-content .mg2020-comment__title {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #023a4d;
}
.mg2020-worksDetail__right-content .mg2020-comment__con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__con::-webkit-scrollbar {
  width: 0.06rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__con::-webkit-scrollbar-thumb {
  background-color: #CDE0E6;
  border-radius: 0.03rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__avatar {
  width: 0.24rem;
  height: 0.24rem;
  min-width: 0.24rem;
  margin-right: 0.12rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head {
  font-size: 0.14rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .name {
  max-width: 1.19rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
  text-align: justify;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .comment-time {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #5B7F8B;
  text-align: justify;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .comment-like {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #81B1C1;
  text-align: justify;
  background-size: 0.24rem auto;
  padding-left: 0.3rem;
  cursor: pointer;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .comment-like.active {
  background-size: 0.24rem auto;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment-body {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #036483;
  text-align: justify;
  word-break: break-all;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment-body .actions {
  width: 0.56rem;
  background-size: 0.56rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment-body .actions.open {
  background-size: 0.56rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__input {
  width: 3.28rem;
  height: 1.6rem;
  border: 1px solid #d5d8e5;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  position: relative;
  margin-top: 0.2rem;
  padding-right: 0.02rem;
  overflow: hidden;
}
.mg2020-worksDetail__right-content .mg2020-comment__input .input-input {
  border: none;
  height: 1.24rem;
  color: #023a4d;
  resize: none;
}
.mg2020-worksDetail__right-content .mg2020-comment__input .input-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg2020-worksDetail__right-content .mg2020-comment__input textarea.input-input::-webkit-scrollbar {
  width: 0.06rem;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  cursor: pointer;
}
.mg2020-worksDetail__right-content .mg2020-comment__input textarea.input-input::-webkit-scrollbar-thumb {
  width: 0.06rem;
  background-color: #CDE0E6;
  border-radius: 4px;
  cursor: pointer;
}
.mg2020-worksDetail__right-content .mg2020-comment__input .input-actions {
  width: 3.28rem;
  padding: 0 0.1rem;
  position: absolute;
  bottom: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-worksDetail__right-content .mg2020-comment__input .input-actions > span {
  color: #a5a7b5;
  -webkit-transform: translateY(0.06rem);
      -ms-transform: translateY(0.06rem);
          transform: translateY(0.06rem);
}
.mg2020-worksDetail__right-content .mg2020-comment__input .input-actions .input-submit {
  width: 0.64rem;
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  background: url('/static/images/activity/MG2020/works/web/btn-submit.png') no-repeat;
  background-size: 0.64rem auto;
  cursor: pointer;
}
.mg2020-worksDetail__right-content .mg2020-comment .comment-empty {
  margin: 1.44rem auto 0rem;
  text-align: center;
}
.mg2020-worksDetail__right-content .mg2020-comment .comment-empty > img {
  width: 2rem;
  height: 1.3rem;
}
.mg2020-worksDetail__right-content .mg2020-comment .comment-empty .text {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #9a9dab;
  text-align: justify;
  margin-top: 0.3rem;
  text-align: center;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item {
  margin-top: 0.2rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .name {
  color: #023a4d;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-like {
  padding-left: 0;
  padding-right: 0.3rem;
  background-position: right;
  font-weight: 'DIN-Medium';
  cursor: pointer;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-like.active {
  padding-left: 0;
  padding-right: 0.3rem;
  background-position: right;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body {
  color: #023a4d;
  word-break: break-all;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body .actions {
  width: 0.42rem;
  background-size: 0.42rem;
}
.mg2020-worksDetail__right-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body .actions.open {
  background-size: 0.42rem;
}
.mg2020-works-list-item {
  width: 4.16rem;
  height: 3.19rem;
  background: url("/static/images/activity/MG2020/works/web/bg-works.png") no-repeat;
  background-size: contain;
  margin: 0.32rem 0 0 0.32rem;
  padding: 0.06rem;
}
.mg2020-works-list-item:nth-child(3n+1) {
  margin-left: 0;
}
.mg2020-works-list-item .list-item-box {
  border: 4px solid #036483;
  background: #fff;
  height: 3.07rem;
}
.mg2020-works-list-item .list-item-box .pic {
  width: 100%;
  height: 2.25rem;
  border-bottom: 2px solid #036483;
  position: relative;
  cursor: pointer;
}
.mg2020-works-list-item .list-item-box .pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-works-list-item .list-item-box .pic .pic-ID {
  padding: 0.04rem 0.12rem;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.16rem;
}
.mg2020-works-list-item .list-item-box .Item-title {
  margin: 0.12rem 0.2rem 0.04rem;
  width: auto;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 0.28rem;
  height: 0.28rem;
  font-size: 0.2rem;
  color: #036483;
  cursor: pointer;
}
.mg2020-works-list-item .list-item-box .author {
  height: 0.24rem;
  line-height: 0.24rem;
  width: auto;
  margin: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.14rem;
  color: #678994;
}
.mg2020-works-list-item .list-item-box .author > .like {
  cursor: pointer;
}
.mg2020-works-list-item .list-item-box .author > .like .like_num {
  height: 0.24rem;
  font-size: 0.18rem;
  padding-left: 0.28rem;
  background: url("/static/images/activity/MG2020/works/web/like-sm.png") no-repeat;
  background-size: contain;
  background-size: 0.24rem;
  background-position: left;
  font-family: 'DIN-Mudium';
}
.mg2020-works-list-item .list-item-box .author > .like .like_num.active {
  background: url("/static/images/activity/MG2020/works/web/like-sm-active.png") no-repeat;
  background-size: contain;
}
.mg2020-appVote {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.mg2020-appVote .mask {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.mg2020-appVote .mg2020-appVot-body {
  width: 702px;
  height: 598px;
  position: absolute;
  left: 50%;
  top: 45%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: url('/static/images/activity/MG2020/works/web/bg-app-vote.png') no-repeat;
  background-size: 702px auto;
}
.mg2020-appVote .mg2020-appVot-body .content .title {
  width: 497px;
  height: 40px;
  margin: 70px auto 0;
  background: url('/static/images/activity/MG2020/works/web/title-app-vote.png') no-repeat;
  background-size: 497px auto;
}
.mg2020-appVote .mg2020-appVot-body .content .qr-code {
  width: 240px;
  height: 240px;
  background: #fff;
  margin: 40px auto 0;
  padding: 4px;
}
.mg2020-appVote .mg2020-appVot-body .content .qr-code > canvas {
  width: 100% !important;
  height: 100% !important;
}
.mg2020-appVote .mg2020-appVot-body .content > p {
  margin: 16px auto;
  font-size: 24px;
  line-height: 34px;
  color: #023a4d;
  text-align: center;
}
.mg2020-appVote .mg2020-appVot-body .content > p.intro {
  font-size: 18px;
  line-height: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.mg2020-appVote .mg2020-appVot-body .content > p.IE-intro {
  background: transparent;
  color: #678994;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.grade-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
  color: #2E2E33;
  background: #fff;
  padding: 24px 0 0;
}
.grade-container .page-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grade-container .page-action .action-item .ant-select-selection__rendered {
  line-height: 32px;
}
.grade-container .page-action .action-item .ant-select-selection--single {
  height: 32px;
}
.grade-container .page-action .action-item .ant-cascader-picker .ant-cascader-input {
  border-radius: 8px;
}
.grade-container .page-action .action-item > label {
  font-size: 14px;
  margin-right: 16px;
}
.grade-container .page-action .action-item:nth-of-type(2) {
  margin-left: 40px;
}
.grade-container .page-action .action-item:nth-of-type(3) {
  margin-left: 16px;
}
.grade-container .view-grades {
  font-size: 16px;
  color: #4A90E2;
  line-height: 22px;
  white-space: nowrap;
}
.grade-container .student-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.grade-container .error {
  color: #C43336;
}
.grade-container .primaryColor {
  color: #D83B2F;
}
.grade-container .finishedColor {
  color: #00B24A;
}
.grade-container .ant-table-body .ant-table-thead th {
  background-color: #fff;
  padding: 32px 0 16px 0;
  font-size: 16px;
  color: #A1A5B3;
  font-weight: normal;
  border-bottom: 1px solid #F5F5F9;
}
.grade-container .ant-table-body .ant-table-tbody td {
  height: 96px;
  border-color: #F5F5F9;
  font-size: 16px;
  padding-left: 0;
  border-bottom: 1px solid #f5f6f9;
}
.grade-container .ant-table-body .ant-table-tbody > tr:nth-of-type(odd) {
  background: transparent;
}
.grade-container .ant-table-body .ant-table-tbody > tr:hover td {
  background: #FAFAFC;
}
.grade-container .task-title {
  padding-right: 100px !important;
}
.grade-container .task-title .tag {
  display: inline-block;
  background: #85C285;
  border-radius: 6px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
  padding: 0 8px;
  margin-right: 8px;
}
.grade-container .row-click-table .ant-table-tbody tr {
  cursor: pointer;
}
.grade-container .train-noMore {
  margin: 50px auto;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.text-ellipsis {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.next-popover {
  width: 100%;
  max-width: 800px;
}
.next-popover .ant-popover-open {
  width: 100%;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.mark-container {
  width: 1000px;
  margin: 0 auto;
  color: #2E2E33;
  background: #fff;
}
.mark-container .mark-title {
  line-height: 24px;
  cursor: pointer;
}
.mark-container .ant-table-content {
  padding: 0;
  margin-top: -20px;
}
.mark-container .ant-table-content .ant-table-body .ant-table-thead th {
  color: #A1A5B3;
  font-size: 16px;
  line-height: 22px;
  padding: 24px 0px 16px 0px;
  border-bottom: 1px solid #f5f5f9;
  background: #fff;
}
.mark-container .ant-table-content .ant-table-body .ant-table-tbody td {
  height: 96px;
  color: #2E2E33;
  font-size: 16px;
  line-height: 22px;
  padding: 20px 20px 20px 0px;
  border-bottom: 1px solid #f5f6f9;
}
.mark-container .ant-table-content .ant-table-body .ant-table-tbody td:nth-of-type(2) {
  width: 490px;
  padding-right: 80px;
}
.mark-container .ant-table-content .ant-table-body .ant-table-tbody td:nth-of-type(4) {
  padding-right: 0px;
}
.mark-container .ant-table-content .ant-table-body .ant-table-tbody > tr:nth-of-type(odd) {
  background: #fff;
}
.mark-container .ant-table-content .ant-table-body .ant-table-tbody > tr:hover td {
  background: #FAFAFC;
}
.mark-container .error {
  color: #C43336;
}
.mark-container .primaryColor {
  color: #D83B2F;
}
.mark-container .finishedColor {
  color: #00B24A;
}
.mark-container .action-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  line-height: 56px;
  white-space: nowrap;
  text-align: right;
}
.mark-container .action-files > div span {
  margin: 0;
  cursor: pointer;
  color: #4A90E2;
}
.mark-container .action-files > span:nth-of-type(1) {
  margin: 0 38px 0 0px;
  cursor: pointer;
  color: #4A90E2;
}
.mark-container .action-files > span:nth-of-type(2) {
  margin: 0 28px 0 0px;
  cursor: pointer;
  color: #4A90E2;
}
.mark-container .action-files > span:nth-of-type(3) {
  margin: 0 0px 0 0px;
  cursor: pointer;
  color: #4A90E2;
}
.mark-container .action-files .downLoadHomework {
  position: relative;
  padding-right: 20px;
  background: url('/static/images/train/Rectangle.png') no-repeat;
  background-size: 18px 18px;
  background-position: right;
}
.mark-container .action-files .downLoadHomework:hover {
  position: relative;
  padding-right: 20px;
  background: url('/static/images/train/Rectangle1.png') no-repeat;
  background-size: 18px 18px;
  background-position: right;
}
.mark-container .action-files .downLoadHomework:hover span {
  display: block;
  width: 120px;
  height: 32px;
  background: #fff;
  margin-top: 26px;
  border-radius: 8px;
  text-align: center;
  line-height: 32px;
  -webkit-box-shadow: 0 2px 16px rgba(134, 137, 154, 0.24);
          box-shadow: 0 2px 16px rgba(134, 137, 154, 0.24);
}
.mark-container .action-files .downLoadHomework span {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 120%;
  display: none;
}
.mark-container .ant-table-body .ant-table-thead th {
  background-color: #fff;
  padding: 32px 0 16px 0;
  font-size: 16px;
  color: #A1A5B3;
  font-weight: normal;
  border-color: #F5F5F9;
}
.mark-container .ant-table-body .ant-table-tbody td {
  padding: 24px 0;
  border-color: #F5F5F9;
  font-size: 16px;
}
.mark-content-table .ant-table-content {
  overflow: hidden;
  margin-top: 20px;
}
.mark-content-table .ant-table-content .ant-table-tbody {
  padding: 0;
  min-height: 420px;
}
.mark-content-table .ant-table-content .ant-table-tbody > tr > td {
  padding: 0;
  height: 42px;
  font-size: 16px;
  color: #2E2E33;
  border-bottom: none;
}
.mark-content-table .ant-table-content .ant-table-tbody > tr:nth-of-type(even) {
  background: #fff;
}
.mark-content-table .ant-table-content .ant-table-tbody > tr:hover > td {
  background: transparent;
}
.mark-content-table .ant-table-content .ant-table-thead {
  height: 48px;
  margin-top: 20px;
}
.mark-content-table .ant-table-content .ant-table-thead > tr > th {
  background: transparent;
  padding: 0;
  border-bottom: none;
  height: 48px;
  font-size: 16px;
  line-height: 22px;
  color: #A1A5B3;
}
.mark-content-table .ant-pagination .ant-pagination-item {
  border-radius: 8px;
}
.mark-content-table .ant-pagination .ant-pagination-disabled a,
.mark-content-table .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  border-radius: 8px;
}
.train-mark-modal .ant-modal-content {
  border-radius: 12px;
  overflow: hidden;
}
.train-mark-modal .ant-modal-content .ant-modal-header {
  border-radius: 12px;
  height: 96px;
  text-align: center;
  border-bottom: none;
  padding: 16px 24px 0px;
}
.train-mark-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 72px;
}
.train-mark-modal .ant-modal-content .ant-modal-body {
  padding: 0 30px;
}
.train-mark-modal .ant-modal-content .ant-modal-footer {
  text-align: center;
  border-top: none;
  margin: 20px auto 38px;
}
.train-mark-modal .ant-modal-content .ant-modal-footer .ant-btn {
  width: 112px;
  height: 40px;
  border-radius: 8px;
  margin: 0 12px;
}
.train-mark-modal .ant-modal-content .ant-table {
  min-height: 300px;
}
.train-mark-modal .ant-modal-content .ant-table-content {
  overflow: hidden;
  margin-top: 20px;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody {
  padding: 0;
  min-height: 420px;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr > td {
  padding: 0;
  height: 42px;
  font-size: 16px;
  color: #2E2E33;
  border-bottom: none;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr td:nth-of-type(1),
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr td:nth-of-type(2),
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr td:nth-of-type(3) {
  min-width: 132px;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr td:nth-of-type(4) {
  min-width: 58px;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr > td:nth-of-type(4) {
  padding-right: 40px;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr:nth-of-type(odd) {
  background: #FAFAFC;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-tbody > tr:hover > td {
  background: transparent;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-thead {
  height: 48px;
  margin-top: 20px;
}
.train-mark-modal .ant-modal-content .ant-table-content .ant-table-thead > tr > th {
  background: #fff;
  padding: 0;
  border-bottom: none;
  height: 48px;
  font-size: 16px;
  line-height: 22px;
  color: #A1A5B3;
}
.train-mark-modal .ant-modal-content .ant-pagination .ant-pagination-item {
  border-radius: 8px;
}
.train-mark-modal .ant-modal-content .ant-pagination .ant-pagination-disabled a,
.train-mark-modal .ant-modal-content .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  border-radius: 8px;
}
.train-noMore {
  margin: 50px auto;
}
.mark-modal {
  position: relative;
}
.mark-modal .mark-modal-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  line-height: 22px;
  border-bottom: none;
  height: 22px;
}
.mark-modal .mark-modal-head div:nth-child(1) span {
  margin-left: 10px;
  color: #D83B2F;
  cursor: pointer;
}
.mark-modal .mark-modal-head div:nth-child(1) .mark-modal-goBack {
  color: #4A90E2;
  margin-left: 0;
}
.mark-modal .mark-modal-head .mark-modal-validity span:nth-child(2) {
  margin-left: 10px;
}
.mark-modal > p {
  line-height: 32px;
  font-size: 14px;
  color: #A1A5B3;
  position: absolute;
  left: 0;
  bottom: 3px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
* {
  margin: 0;
  padding: 0;
}
.next-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 84px;
  min-width: 1200px;
}
.next-container body,
.next-container html {
  font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
  font-size: 16px;
}
.next-container ul,
.next-container li {
  list-style: none;
}
.next-container a {
  text-decoration: none;
}
.next-container a:hover {
  cursor: pointer;
  color: #D83B2F;
}
.next-container img {
  vertical-align: middle;
  border-style: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-container .ml-12 {
  margin-left: 16px;
}
.next-container .ml-6 {
  margin-left: 8px;
}
.next-container .selectColor {
  color: #D83B2F !important;
}
.next-container .nav-banner {
  width: 100%;
  margin: 0 auto;
  height: 220px;
}
.next-container .nav-banner img {
  width: 100%;
}
.next-container .tips-line {
  width: 100%;
  height: 1px;
  background: #F5F6F9;
  margin: 24px auto;
  display: block;
}
.next-container .main-container {
  width: 1000px;
  margin: 0 auto;
}
.next-container .ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.next-container .pageNull {
  width: 100%;
  font-size: 16px;
  color: #888;
  margin: 50px auto 180px;
  display: block;
  text-align: center;
}
.next-container .pageNull img {
  width: 320px;
  height: 200px;
  margin: 0 auto;
}
.next-container .pageNull p {
  text-align: center;
  font-size: 16px;
  color: #A1A5B3;
  margin-top: 24px;
  margin-bottom: 60px;
}
.next-container .noMore {
  width: 100%;
  text-align: center;
  color: #8a8a99;
}
.next-container .cursor {
  cursor: pointer;
}
.next-container .error {
  color: #D83B2F;
}
.next-container .success {
  color: #00B24A;
}
.next-container .label {
  border-radius: 6px !important;
  min-width: 46px;
  color: #fff;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  text-align: center;
  padding-right: 0;
  padding: 0 8px;
  display: inline-block;
}
.next-container .videoBG {
  position: absolute;
  height: 48px;
  width: 48px;
  background: url(/static/nshow-image/small@2x.png) no-repeat;
  background-position: center;
  background-size: 48px 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 9;
}
.next-container .selected_btn {
  font-size: 18px;
  background-image: -o-linear-gradient(322deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  background-image: linear-gradient(128deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  border-radius: 8px;
  color: #fff;
  text-align: center;
}
.next-container .nav-banner {
  height: 364px;
  margin-top: -84px;
  background: #fbfbfc;
  position: relative;
  -webkit-animation: enterMove 0.6s ease-out alternate forwards;
          animation: enterMove 0.6s ease-out alternate forwards;
  background-size: 1920px 364px;
  background-position: top;
}
.next-container .clear-fix:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
}
@-webkit-keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.next-label {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#FB8061), color-stop(52%, #FB685C), to(#EE505c));
  background: -o-linear-gradient(left, #FB8061 0%, #FB685C 52%, #EE505c 100%);
  background: linear-gradient(90deg, #FB8061 0%, #FB685C 52%, #EE505c 100%);
}
.next-button {
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#E9653F), color-stop(52%, #D83A34), to(#D52E4c));
  background: -o-linear-gradient(left, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
}
.next-button:hover {
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#E87452), color-stop(52%, #DB4E48), to(#D9435E));
  background: -o-linear-gradient(left, #E87452 0%, #DB4E48 52%, #D9435E 100%);
  background: linear-gradient(90deg, #E87452 0%, #DB4E48 52%, #D9435E 100%);
}
.next-button.next-disabled {
  background: #E6E8F0;
  color: #A1A5B3;
  border: none;
}
.next-button.next-disabled:hover {
  background: #E6E8F0;
  color: #A1A5B3;
}
.next-detail-bg {
  background: url('/static/images/bg-detail.png') repeat-x;
  background-size: 1920px 964px;
  background-position: left top;
  overflow: hidden;
}
.next-breadcrumb {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.next-breadcrumb > img {
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-btn-primary {
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#E9653F), color-stop(52%, #D83A34), to(#D52E4c));
  background: -o-linear-gradient(left, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
}
.ant-btn-primary:hover {
  color: #fff;
  text-align: center;
  background: -o-linear-gradient(322deg, #E87452 0%, #DB4E48 52%, #D9435E 100%);
  background: linear-gradient(128deg, #E87452 0%, #DB4E48 52%, #D9435E 100%);
}
.ant-breadcrumb {
  margin-top: 20px !important;
  margin-bottom: 16px !important;
}
.ant-breadcrumb .ant-breadcrumb-link .link {
  color: #6A6D7A;
}
.ant-breadcrumb .ant-breadcrumb-link .link:hover {
  color: #D83B2F;
}
.ant-breadcrumb .ant-breadcrumb-separator {
  margin: 0 4px;
}
.ant-breadcrumb > span:last-child {
  color: #A1A5B3;
}
.ant-breadcrumb > span:last-child:hover {
  color: #A1A5B3;
}
.ant-breadcrumb > span {
  color: #6A6D7A;
}
.ant-breadcrumb > span:hover {
  color: #D83B2F;
}
.ant-modal-content {
  border-radius: 12px;
}
.ant-modal-content .ant-btn {
  border-radius: 6px;
}
.ant-modal-content .ant-modal-close .ant-modal-close-x > i {
  background: url('/static/images/close.png') no-repeat;
  background-size: 16px 16px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 16px;
  height: 16px;
}
.ant-modal-content .ant-modal-close .ant-modal-close-x > i > svg {
  display: none;
}
.ant-select {
  height: 40px;
}
.ant-select .ant-select-selection--single {
  height: 40px;
}
.ant-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select .ant-select-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  right: 8px;
}
.ant-select .ant-select-arrow .ant-select-arrow-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ant-select .ant-select-arrow .ant-select-arrow-icon > svg {
  display: none;
}
.ant-select .ant-select-arrow .anticon-down {
  background: url('/static/images/icons/bottom-arrow-gray.png') no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.ant-select-open .ant-select-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ant-select-open .ant-select-arrow .anticon-down {
  background: url('/static/images/icons/top-arrow-gray.png') no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content {
  width: 240px;
  padding: 36px 32px 24px !important;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
          box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  line-height: inherit;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content > i {
  width: 56px;
  height: 56px;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content > i > svg {
  display: none;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-custom-content > span {
  display: block;
  text-align: center;
  margin-top: 20px;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-warning {
  background: url('/static/images/icons/message-warning.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-success {
  background: url('/static/images/icons/message-success.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-select-open .ant-select-arrow .anticon-down .ant-message-notice .ant-message-notice-content .ant-message-error {
  background: url('/static/images/icons/message-error.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.next-dropdown-select {
  border-radius: 8px;
}
.next-dropdown-select .next-select-option {
  height: 40px;
  line-height: 30px;
  width: 100%;
  background: #fff;
}
.next-dropdown-select .next-select-option:nth-of-type(1) {
  margin-top: 6px;
}
.next-dropdown-select .next-select-option:last-child {
  margin-bottom: 6px;
}
.next-dropdown-select .next-select-option:hover {
  background: #F9F9F9;
  color: #D83B2F;
}
.next-select-search {
  height: 32px;
}
.next-dropdown-select-search {
  border-radius: 8px;
}
.next-dropdown-select-search .next-select-option-search {
  height: 32px;
  line-height: 22px !important;
  width: 100%;
  background: #fff;
}
.next-dropdown-select-search .next-select-option-search:nth-of-type(1) {
  margin-top: 6px;
}
.next-dropdown-select-search .next-select-option-search:last-child {
  margin-bottom: 6px;
}
.next-dropdown-select-search .ant-select-dropdown-menu-item-selected {
  color: #D83B2F;
  font-weight: 400;
}
.next-dropdown-select-search .next-select-option-search:hover {
  background: #F9F9F9;
  color: #D83B2F;
}
.ant-message-notice .ant-message-notice-content {
  width: 240px;
  padding: 36px 32px 24px !important;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
          box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  line-height: inherit;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > i {
  width: 56px;
  height: 56px;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > i > svg {
  display: none;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > span {
  display: block;
  text-align: center;
  margin-top: 20px;
}
.ant-message-notice .ant-message-notice-content .ant-message-warning {
  background: url('/static/images/icons/message-warning.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-message-notice .ant-message-notice-content .ant-message-success {
  background: url('/static/images/icons/message-success.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-message-notice .ant-message-notice-content .ant-message-error {
  background: url('/static/images/icons/message-error.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
@font-face {
  font-family: 'DIN-Medium';
  src: url('/static/fonts/DIN-Medium.otf');
}
@font-face {
  font-family: 'Font-song';
  src: url('/static/fonts/Font-Song.ttf');
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.YM_H5-works {
  width: 100%;
  overflow: hidden;
}
.YM_H5-works .works-h5-rule {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/result/title-fusai-rule.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0 auto 0;
}
.YM_H5-works .works-h5-rule-text {
  width: 6.7rem;
  margin: 0.48rem auto 0;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5-works .works-h5-rule-text > a {
  color: #FF866A;
  text-decoration: underline;
}
.YM_H5-works--wrap {
  width: 6.7rem;
  margin: 0.48rem auto 0;
}
.YM_H5-works--wrap .works-category {
  width: 100%;
}
.YM_H5-works--wrap .works-category .category {
  border-bottom: 1px solid #618498;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 0.16rem;
}
.YM_H5-works--wrap .works-category .category .tab_works {
  min-width: 1.82rem;
  max-height: 0.64rem;
  height: 0.64rem;
  font-size: 0.36rem;
  line-height: 0.64rem;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.YM_H5-works--wrap .works-category .category .tab_works.active {
  background: url("/static/images/activity/art_design/yimeng/works/tabs-active.png") no-repeat;
  background-size: cover;
}
.YM_H5-works--wrap .works-category .search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0.32rem;
}
.YM_H5-works--wrap .works-category .search-box .search {
  width: 4.38rem;
  min-width: 4.38rem;
  height: 0.68rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-search.png") no-repeat;
  background-size: cover;
}
.YM_H5-works--wrap .works-category .search-box .search .art_works-input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #ADA28C;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0.6rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_search@2x.png") no-repeat;
  background-size: cover;
  background-size: 0.28rem auto;
  background-position: 0.24rem center;
  font-size: 0.24rem;
}
.YM_H5-works--wrap .works-category .search-box .search .art_works-input:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5-works--wrap .works-category .search-box .search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #ADA28C;
  font-size: 0.24rem;
}
.YM_H5-works--wrap .works-category .search-box .order {
  width: 1.04rem;
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: 0.24rem;
  line-height: 0.76rem;
  color: #ADA28C;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  background: url("/static/images/activity/art_design/yimeng/h5/works/sort.png") no-repeat;
  background-size: cover;
}
.YM_H5-works--wrap .works-category .search-box .order.active {
  background: url("/static/images/activity/art_design/yimeng/h5/works/sort-active.png") no-repeat;
  background-size: cover;
  color: #FFFDBF;
}
.YM_H5-works--wrap .works-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.12rem;
}
.YM_H5-works--wrap .YM-h5-pagination {
  margin: 0.48rem auto;
  text-align: center;
  clear: both;
}
.YM_H5-works--wrap .YM-h5-pagination li {
  width: 0.68rem;
  height: 0.64rem;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item {
  width: 0.68rem;
  height: 0.64rem;
  line-height: 0.64rem;
  min-width: 0.68rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/page.png") 0 0 / contain no-repeat;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/yimeng/h5/works/page.png") 0 0 / contain no-repeat;
  border: none;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item > a {
  display: inline;
  color: #ADA28C;
  border: none;
  font-size: 0.26rem;
  line-height: 0.64rem;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item-active {
  width: 0.68rem;
  height: 0.64rem;
  min-width: 0.68rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/page-active.png") 0 0 / contain no-repeat;
  border: none;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item-active a {
  color: #FFFDBF;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/art_design/yimeng/h5/works/app_icon_last.png") center / contain no-repeat;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-prev a {
  display: none;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/art_design/yimeng/h5/works/app_icon_next.png") center / contain no-repeat;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-next a {
  display: none;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-item-ellipsis {
  color: #ADA28C;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.YM_H5-works--wrap .YM-h5-pagination .ant-pagination-disabled {
  -webkit-filter: unset;
          filter: unset;
  opacity: 0.5;
}
.YMWorks-h5-empty {
  width: 7.44rem;
  height: 5.54rem;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-empty.png") no-repeat;
  background-size: cover;
  margin: 1.4rem auto 0;
}
.YMWorks-h5-empty .empty-gif {
  width: 2.4rem;
  height: auto;
  margin: 0.64rem auto 0.4rem;
}
.YMWorks-h5-empty .empty-gif > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMWorks-h5-empty > p {
  font-size: 0.28rem;
  line-height: 1.2;
  color: #618498;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.YM-h5-works-list-item {
  width: 3.2rem;
  height: 2.92rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-works.png") no-repeat;
  background-size: cover;
  margin: 0.28rem 0 0 0.26rem;
  padding: 0.06rem;
}
.YM-h5-works-list-item:nth-child(2n+1) {
  margin-left: 0;
}
.YM-h5-works-list-item .list-item-box {
  border: 2px solid #618498;
  background: #fff;
  height: 2.8rem;
}
.YM-h5-works-list-item .list-item-box .pic {
  width: 100%;
  height: 1.71rem;
  border-bottom: 1px solid #618498;
  position: relative;
}
.YM-h5-works-list-item .list-item-box .pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YM-h5-works-list-item .list-item-box .pic .pic-ID {
  padding: 0.04rem 0.12rem;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.16rem;
}
.YM-h5-works-list-item .list-item-box .Item-title {
  margin: 0.12rem 0.2rem 0.04rem;
  width: auto;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 0.28rem;
  line-height: 0.45rem;
  height: 0.45rem;
  font-size: 0.32rem;
  color: #1E3443;
}
.YM-h5-works-list-item .list-item-box .author {
  height: 0.34rem;
  line-height: 0.24rem;
  width: auto;
  margin: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #969FB0;
}
.YM-h5-works-list-item .list-item-box .author > .ellipsis {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 90%;
}
.YM-h5-works-list-item .list-item-box .author > .like .like_num {
  height: 0.4rem;
  font-size: 0.26rem;
  padding-left: 0.4rem;
  font-family: 'DIN-Medium';
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_24_like.png") no-repeat;
  background-size: cover;
  background-size: 0.36rem 0.36rem;
  background-position: left;
}
.YM-h5-works-list-item .list-item-box .author > .like .like_num.active {
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_24_liked.png") no-repeat;
  background-size: cover;
  background-size: 0.36rem 0.36rem;
}
.YM-H5-worksDetail .worksDetail-vote {
  width: 7.44rem;
  height: 5.54rem;
  margin: 0.7rem auto 0;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-vote.png") no-repeat;
  background-size: cover;
}
.YM-H5-worksDetail .worksDetail-vote-title {
  font-size: 0.56rem;
  line-height: 0.62rem;
  color: #618498;
  text-align: justify;
  font-family: 'Font-song';
  margin: 0.7rem auto 0.4rem;
  text-align: center;
}
.YM-H5-worksDetail .worksDetail-vote-vote {
  width: 5.74rem;
  height: 1.6rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-lg-vote.png") no-repeat;
  background-size: cover;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM-H5-worksDetail .worksDetail-vote-vote .heart {
  width: 0.8rem;
  height: 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_80_like.png") no-repeat;
  background-size: cover;
}
.YM-H5-worksDetail .worksDetail-vote-vote .heart.active {
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_80_liked.png") no-repeat;
  background-size: cover;
}
.YM-H5-worksDetail .worksDetail-vote-vote .count {
  font-size: 0.56rem;
  line-height: 0.61rem;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail .worksDetail-vote-vote .count.zero {
  font-size: 0.28rem;
  line-height: 0.61rem;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail-swiper {
  width: 6.96rem;
  height: 4.02rem;
  margin: 0.6rem auto 0;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-group.png") no-repeat;
  background-size: cover;
  padding: 0.12rem;
}
.YM-H5-worksDetail-swiper .swiperBox {
  width: 100%;
  height: 100%;
  border: 4px solid #618498;
}
.YM-H5-worksDetail-swiper .swiperBox .swiper-slide {
  width: 6.72rem;
  height: 3.68rem;
  background: #070a0e;
  border-radius: 0.08rem;
  border: 4px solid #30230c;
  padding: 0;
}
.YM-H5-worksDetail-swiper .swiperBox .swiper-slide > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.08rem;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel {
  width: 100%;
  height: 100%;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-slider {
  width: 100%;
  height: 100%;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-slider .slick-list {
  width: 100%;
  height: 100%;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-dots {
  height: 12px;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-dots > li {
  outline: none;
  list-style: none;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-dots > li button {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: transparent;
  border: solid 1px #FFFDBF;
  opacity: 1;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-dots > li button::before {
  display: none;
}
.YM-H5-worksDetail-swiper .swiperBox .ant-carousel .slick-dots > li.slick-active button::after {
  display: block;
  content: ' ';
  width: 4px;
  height: 4px;
  background: #FFFDBF;
  margin: 1px;
}
.YM-H5-worksDetail-swiper .swiperBox .swiper-button-prev {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  left: 0.35rem;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/202007/works/worksdetail_left.png") top no-repeat;
}
.YM-H5-worksDetail-swiper .swiperBox .swiper-button-next {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  right: 0.35rem;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/202007/works/worksdetail_right.png") top no-repeat;
}
.YM-H5-worksDetail__anthor {
  width: 6.7rem;
  margin: 0.32rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM-H5-worksDetail__anthor .anthor-coverUrl {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.16rem;
}
.YM-H5-worksDetail__anthor .anthor-coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YM-H5-worksDetail__anthor .anthor-coverUrl > img {
  border-radius: 50%;
}
.YM-H5-worksDetail__anthor .anthor-info {
  padding-top: 0.06rem;
}
.YM-H5-worksDetail__anthor .anthor-info > p {
  margin-bottom: 0;
}
.YM-H5-worksDetail__anthor .anthor-info .name {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail__anthor .anthor-info .school {
  margin-top: 0.1rem;
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
  opacity: 0.7;
}
.YM-H5-worksDetail__intro {
  width: 6.7rem;
  margin: 0.32rem auto 0;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail__title {
  width: 6.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.32rem auto 0;
}
.YM-H5-worksDetail__title .title {
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail__title .detail-Id {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail-like-sm {
  width: 4.45rem;
  height: 1.02rem;
  margin: 0.48rem auto 0;
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: #CAE0E5;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/static/images/activity/art_design/yimeng/h5/works/bg-vote-sm.png") no-repeat;
  background-size: cover;
  background-size: 4.45rem auto;
}
.YM-H5-worksDetail-like-sm .heart {
  width: 0.48rem;
  height: 0.48rem;
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_80_like.png") no-repeat;
  background-size: cover;
}
.YM-H5-worksDetail-like-sm .heart.active {
  background: url("/static/images/activity/art_design/yimeng/h5/works/icon_80_liked.png") no-repeat;
  background-size: cover;
}
.YM-H5-worksDetail-like-sm .count {
  font-size: 0.36rem;
  line-height: 0.44rem;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail-like-sm .count.zero {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail .line-comment {
  width: 6.54rem;
  height: 1px;
  background: #023a4d;
  opacity: 0.2;
  margin: 0.7rem auto 0;
}
.YM-H5-worksDetail .YM-works-comment {
  width: 6.54rem;
  padding-top: 0.48rem;
  margin: 0 auto;
  border-top: 1px solid #618498;
}
.YM-H5-worksDetail .YM-works-comment .comment-title {
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input {
  width: 6.54rem;
  height: 3.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  margin-top: 0.2rem;
  padding-right: 0.02rem;
  background: #fff;
  border: 2px solid #d6c4a5;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input {
  border: none;
  height: 2.24rem;
  resize: none;
  background: transparent;
  padding: 0.16rem 0.16rem 0;
  color: #1e3443;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input::-webkit-input-placeholder {
  color: #8AA8B6;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input::-moz-placeholder {
  /* Firefox 18- */
  color: #8AA8B6;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8AA8B6;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input::-ms-input-placeholder {
  color: #8AA8B6;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input::-webkit-scrollbar {
  width: 0.06rem;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input::-webkit-scrollbar-thumb {
  border-radius: 0.03rem;
  background-color: #9FB8C7;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-actions {
  width: 100%;
  padding: 0 0.16rem;
  position: absolute;
  bottom: 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-actions > span {
  color: #8AA8B6;
  -webkit-transform: translateY(0.2rem);
      -ms-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
.YM-H5-worksDetail .YM-works-comment .YM-comment__input .input-actions .input-submit {
  width: 1.28rem;
  height: 0.6rem;
  background: url('/static/images/activity/art_design/yimeng/h5/works/bg-submit.png') no-repeat;
  background-size: 1.28rem auto;
  cursor: pointer;
  margin-bottom: 0.16rem;
}
.YM-H5-worksDetail .YM-works-comment .comment-empty {
  margin: 1.44rem auto 0rem;
  text-align: center;
}
.YM-H5-worksDetail .YM-works-comment .comment-empty > img {
  width: 2rem;
  height: 1.3rem;
}
.YM-H5-worksDetail .YM-works-comment .comment-empty .text {
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #9a9dab;
  text-align: justify;
  margin-top: 0.3rem;
  text-align: center;
}
.YM-comment__comment-item {
  width: 6.7rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.48rem;
}
.YM-comment__comment-item .YM-comment__avatar {
  width: 0.8rem;
  height: 0.8rem;
  min-width: 0.8rem;
  margin-right: 0.24rem;
  border-radius: 50%;
}
.YM-comment__comment-item .YM-comment__avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  vertical-align: baseline;
}
.YM-comment__comment-item .YM-comment__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.YM-comment__comment-item .YM-comment__content .YM-comment__head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.1rem;
}
.YM-comment__comment-item .YM-comment__content .YM-comment__head .name {
  max-width: 2.28rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 0.24rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #CAE0E5;
  text-align: justify;
  font-weight: 600;
}
.YM-comment__comment-item .YM-comment__content .YM-comment__head .comment-time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #CAE0E5;
  text-align: justify;
}
.YM-comment__comment-item .YM-comment__content .YM-comment__head .comment-like {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #CAE0E5;
  text-align: justify;
  font-family: 'DIN-Medium';
  padding-left: 0.46rem;
  background: url('/static/images/activity/art_design/yimeng/h5/works/icon_24_like.png') no-repeat;
  background-size: 0.4rem auto;
}
.YM-comment__comment-item .YM-comment__content .YM-comment__head .comment-like.active {
  background: url('/static/images/activity/art_design/yimeng/h5/works/icon_24_liked.png') no-repeat;
  background-size: 0.4rem auto;
}
.YM-comment__comment-item .YM-comment__content .YM-comment-body {
  font-size: 0.3rem;
  line-height: 0.48rem;
  color: #9FB8C7;
  text-align: justify;
}
.YM-comment__comment-item .YM-comment__content .YM-comment-body .actions {
  float: right;
  width: 0.96rem;
  height: 0.48rem;
  color: #fff;
  background: url("/static/images/activity/art_design/yimeng/H5_close.png") no-repeat;
  background-size: cover;
  background-size: 0.86rem auto;
}
.YM-comment__comment-item .YM-comment__content .YM-comment-body .open {
  background: url("/static/images/activity/art_design/yimeng/H5_open.png") no-repeat;
  background-size: cover;
  background-size: 0.86rem auto;
  color: #fff;
}

.ym_app_result-title {
  padding: 0 0.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ym_app_result-title-item {
  cursor: pointer;
  width: 2.84rem;
  height: 0.6rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-fusai.png') no-repeat;
  background-size: 2.84rem auto;
  margin: 0 auto 0;
}
.ym_app_result-title-item.default.checked {
  width: 2.84rem;
  height: 0.6rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-fusai-checked.png') no-repeat;
  background-size: 2.84rem auto;
  margin: 0 auto 0;
  cursor: auto;
}
.ym_app_result-title-item.winner {
  width: 2.84rem;
  height: 0.6rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-winner.png') no-repeat;
  background-size: 2.84rem auto;
  margin: 0 auto 0;
}
.ym_app_result-title-item.winner.checked {
  width: 2.84rem;
  height: 0.6rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-winner-checked.png') no-repeat;
  background-size: 2.84rem auto;
  margin: 0 auto 0;
  cursor: auto;
}
.ym_app_result-text {
  width: 6.7rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  margin: 0.48rem auto 0;
  letter-spacing: 0.08em;
}
.ym_app_result-table {
  position: relative;
  width: 6.84rem;
  margin: 1.48rem auto 1rem;
  padding: 0 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-rule-2.png") no-repeat;
  background-size: cover;
  background-size: 6.84rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
}
.ym_app_result-table::before {
  position: absolute;
  top: -0.93rem;
  left: 0;
  content: '';
  width: 6.84rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-rule-1.png") no-repeat;
  background-size: cover;
  background-size: 6.84rem auto;
}
.ym_app_result-table::after {
  position: absolute;
  bottom: -0.98rem;
  left: 0;
  content: '';
  width: 6.84rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/intro/bg-rule-3.png") no-repeat;
  background-size: cover;
  background-size: 6.84rem auto;
}
.ym_app_result-table .table-body .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ym_app_result-table .table-body .col > p {
  margin-bottom: 0;
  white-space: nowrap;
  font-size: 0.24rem;
  line-height: 0.58rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
}
.ym_app_result-table .table-body .col > p:first-child {
  width: 0.7rem;
}
.ym_app_result-table .table-body .col > p:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.ym_app_result-table .table-body .col > p + p {
  margin-left: 0.48rem;
}
.ym_app_result-table .table-body .col.col-head > p {
  opacity: 0.6;
}
.ym_app_result-title-renqi {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-chu-renqi.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 2.2rem auto 0;
}
.ym_app_result .works_body {
  width: 7.5rem;
  min-height: calc(100vh - 10rem);
  background-size: 7.5rem auto;
  color: #c6a56f;
}
.ym_app_result .works_body .result-table {
  width: 6.7rem;
  margin: 0 auto;
  margin-top: -2.8rem;
}
.ym_app_result .works_body .result-table .table-tr {
  height: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ym_app_result .works_body .result-table .table-tr > p.title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 0;
}
.ym_app_result .works_body .result-table .table-tr > p.title > span {
  padding-right: 0.24rem;
}
.ym_app_result .works_body-prize {
  overflow: hidden;
}
.ym_app_result .works_body-prize > h3 {
  width: 2.55rem;
  height: 2.27rem;
  margin: 0.63rem auto 0.4rem;
}
.ym_app_result .works_body-prize > h3.first {
  background: url('/static/images/activity/art_design/yimeng/h5/result/first.png') no-repeat;
  background-size: 2.55rem auto;
}
.ym_app_result .works_body-prize > h3.second {
  background: url('/static/images/activity/art_design/yimeng/h5/result/second.png') no-repeat;
  background-size: 2.55rem auto;
}
.ym_app_result .works_body-prize > h3.third {
  background: url('/static/images/activity/art_design/yimeng/h5/result/third.png') no-repeat;
  background-size: 2.55rem auto;
}
.ym_app_result .works_body-prize > h3.renqi {
  background: url('/static/images/activity/art_design/yimeng/h5/result/renqi.png') no-repeat;
  background-size: 2.55rem auto;
}
.ym_app_result .works_body-prize .third_word_box {
  width: 6.62rem;
  margin: 0 auto 0.7rem;
}
.ym_app_result .works_body-prize .third_word_box.renqi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-arrow {
  width: 0.55rem;
  height: 0.8rem;
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-arrow.slick-prev {
  width: 0.64rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/yimeng/h5/result/icon_last.png') no-repeat;
  background-size: 0.64rem 0.64rem;
  -webkit-transform: translateY(-0.6rem);
      -ms-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-arrow.slick-next {
  width: 0.64rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/yimeng/h5/result/icon_next.png') no-repeat;
  background-size: 0.64rem 0.64rem;
  -webkit-transform: translateY(-0.6rem);
      -ms-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-arrow::before {
  display: none;
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-dots {
  white-space: nowrap;
  bottom: -0.27rem;
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-dots li {
  margin: 0;
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-dots li button:before {
  font-size: 0.4rem;
  color: #618498;
}
.ym_app_result .works_body-prize .third_word_box .slick-slider .slick-dots li.slick-active button:before {
  color: #D6C4A5;
}
.ym_app_result_second_prize {
  width: 6.64rem;
  height: 2.64rem;
  background: url('/static/images/activity/art_design/yimeng/h5/result/winner-bg.png') no-repeat;
  background-size: 6.64rem 2.64rem;
  margin: 0 auto 0.4rem;
  overflow: hidden;
}
.ym_app_result_second_prize .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0rem 0.08rem 0;
}
.ym_app_result_second_prize .work_Item {
  margin-top: 0.08rem;
  width: 3.2rem;
  height: 1.8rem;
  position: relative;
}
.ym_app_result_second_prize .work_Item > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 0.02rem solid #618498;
}
.ym_app_result_second_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ym_app_result_second_prize .work_Item .label {
  position: absolute;
  right: 0.12rem;
  bottom: 0.12rem;
  width: 0.6rem;
  height: 0.32rem;
  color: #FFFDBF;
  font-size: 0.2rem;
  text-align: center;
  -webkit-transform: translate(0.7);
      -ms-transform: translate(0.7);
          transform: translate(0.7);
}
.ym_app_result_second_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/yimeng/h5/result/label-1.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.ym_app_result_second_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/yimeng/h5/result/label-2.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.ym_app_result_second_prize .sec_author {
  width: 6rem;
  margin: 0 auto;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.26rem;
  text-align: center;
  color: #1E3443;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ym_app_result-Excellent {
  width: 2.88rem;
  height: 2.35rem;
  background: url('/static/images/activity/art_design/yimeng/h5/result/popular-bg.png') no-repeat;
  background-size: 2.88rem auto;
  margin: 0 auto 0.4rem;
  overflow: hidden;
}
.ym_app_result-Excellent .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.08rem 0.08rem 0;
}
.ym_app_result-Excellent .work_Item {
  width: 2.72rem;
  height: 1.53rem;
  position: relative;
}
.ym_app_result-Excellent .work_Item > a {
  width: 100%;
  height: 100%;
}
.ym_app_result-Excellent .work_Item > a > img {
  border: 0.02rem solid #618498;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ym_app_result-Excellent .work_Item .label {
  position: absolute;
  right: 0.12rem;
  bottom: 0.12rem;
  width: 0.6rem;
  height: 0.32rem;
  color: #FFFDBF;
  font-size: 0.2rem;
  text-align: center;
  -webkit-transform: translate(0.7);
      -ms-transform: translate(0.7);
          transform: translate(0.7);
}
.ym_app_result-Excellent .work_Item .label1 {
  background: url('/static/images/activity/art_design/yimeng/h5/result/label-1.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.ym_app_result-Excellent .work_Item .label2 {
  background: url('/static/images/activity/art_design/yimeng/h5/result/label-2.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.ym_app_result-Excellent .sec_author {
  width: 3rem;
  margin: 0 auto;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  text-align: center;
  color: #1E3443;
  font-weight: 600;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.next-m-mg-wrap-showcase {
  width: 7.5rem;
  height: auto;
  padding-bottom: 0.97rem;
}
.next-m-mg-wrap-showcase > img {
  width: 100%;
  height: 100%;
}
.next-m-mg-wrap-showcase .home-content {
  position: relative;
  width: 7.5rem;
  height: auto;
}
.next-m-mg-wrap-showcase .home-content > img {
  width: 100%;
}
.next-m-mg-wrap-showcase .home-content .page-bg {
  margin-top: -1px;
}
.gallery-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gallery-webApp-section .gallery-container {
  width: 100%;
}
.gallery-webApp-section .gallery-title {
  text-align: center;
  width: 100%;
  margin-top: -2.5rem;
}
.gallery-webApp-section .gallery-title-img {
  height: 0.74rem;
  width: 3.15rem;
}
.gallery-webApp-section .gallery-tabs {
  margin-top: 1.6rem !important;
  padding: 0 0.12rem;
  position: relative;
}
.gallery-webApp-section .gallery-tabs .ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg.png");
  background-size: 100% 100%;
  padding: 0.14rem 0.65rem;
  margin-bottom: 0.15rem;
  margin-right: 0.14rem;
  color: #833818;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-tab-active.ant-tabs-tab {
  background-image: url("/static/images/activity/miniGame/2019App/gallery/tab-bg-select.png");
  color: #fff;
}
.gallery-webApp-section .gallery-tabs div.ant-tabs-content.ant-tabs-content-no-animated.ant-tabs-top-content {
  margin-top: 1rem !important;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate {
  position: absolute;
  top: 1rem;
  right: 0;
  margin-top: 0.2rem;
  z-index: 10;
}
.gallery-webApp-section .gallery-tabs .gallery-order-operate-btn {
  padding: 0.06rem 0.36rem;
  display: inline-block;
  background-size: 100% 100%;
  cursor: pointer;
}
.gallery-webApp-section .noTabDetail-container {
  height: 424px;
  position: relative;
}
.gallery-webApp-section .noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.gallery-webApp-section .noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.gallery-webApp-section .gallery-grid-container {
  width: 100%;
  padding-top: 0.2rem;
}
.gallery-webApp-section .gallery-grid-cell-outer {
  width: 3.6rem;
  height: 3.4rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.15rem;
}
.gallery-webApp-section .gallery-grid-cell {
  position: relative;
  height: 100%;
  background-image: url("/static/images/activity/miniGame/2019App/gallery/cell-gb.png");
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.08rem 0.08rem 0 0.08rem;
}
.gallery-webApp-section .gallery-grid-cell-img {
  width: 3.17rem;
  height: 1.95rem;
}
.gallery-webApp-section .gallery-grid-cell-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
}
.gallery-webApp-section .gallery-grid-cell-title {
  color: #D83B2F;
  font-size: 0.33rem;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.22rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gallery-webApp-section .gallery-grid-cell-name {
  color: #ccc;
  font-size: 0.32rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
  margin-top: 0.16rem;
  padding-left: 0.18rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0, -0.12rem);
      -ms-transform: translate(0, -0.12rem);
          transform: translate(0, -0.12rem);
}
.gallery-webApp-section .gallery-grid-cell-like {
  position: absolute;
  right: 0.1rem;
  top: 0.24rem;
  text-align: center;
  width: 24%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-webApp-section .gallery-grid-cell-like > img {
  width: 0.45rem;
}
.gallery-webApp-section .gallery-grid-cell-like-count {
  color: #D83B2F;
}
.gallery-webApp-section .gallery-pagination {
  text-align: center;
  padding-top: 0.5rem;
  clear: both;
}
.gallery-webApp-section .ant-tabs-ink-bar {
  background-color: #ccc;
}
.gallery-webApp-section .ant-pagination-prev {
  margin-right: 2px !important;
}
.gallery-webApp-section .ant-pagination-next {
  margin-left: 2px !important;
}

.mg2020-h5-quiz {
  padding-top: 5rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/h5/quiz/bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/quiz/bg-2.png") no-repeat;
  background-size: 7.5rem auto;
  background-position: 0 0, 0 30.32rem;
}
.mg2020-h5-quiz p {
  margin: 0;
}
.mg2020-h5-quiz .section-prize .title {
  text-align: center;
}
.mg2020-h5-quiz .section-prize .title img {
  width: 4.44rem;
  height: 1.04rem;
  margin-bottom: 0.24rem;
}
.mg2020-h5-quiz .section-prize .title p {
  font-size: 0.28rem;
  line-height: 0.4rem;
  font-weight: 400;
  color: #023A4D;
  margin-bottom: 0.64rem;
}
.mg2020-h5-quiz .prizes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-h5-quiz .prizes-list .prize-item {
  margin: 0 0.08rem;
  margin-bottom: 0.3rem;
  width: 3.12rem;
}
.mg2020-h5-quiz .prizes-list .prize-item .prize-bg {
  height: 2.12rem;
  width: 3.12rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-big-prize.png') center / 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-h5-quiz .prizes-list .prize-item .img-box {
  height: 2rem;
  width: 3rem;
}
.mg2020-h5-quiz .prizes-list .prize-item .img-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-quiz .prizes-list .prize-item p {
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-top: 0.12rem;
  color: #023A4D;
  text-align: center;
}
.mg2020-h5-quiz .prizes-list_normal .prize-item {
  margin: 0 0.04rem;
  margin-bottom: 0.41rem;
  width: 2.16rem;
}
.mg2020-h5-quiz .prizes-list_normal .prize-item .prize-bg {
  height: 1.48rem;
  width: 2.16rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-normal-prizes.png') center / 100%;
}
.mg2020-h5-quiz .prizes-list_normal .prize-item .img-box {
  height: 1.36rem;
  width: 2.04rem;
}
.mg2020-h5-quiz .prizes-list_normal .prize-item .img-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-quiz .prizes-list_normal .prize-item p {
  font-size: 0.22rem;
  line-height: 0.31rem;
  margin-top: 0.08rem;
}
.mg2020-h5-quiz .quiz-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-quiz .quiz-data-desc {
  width: 2.98rem;
  height: 0.72rem;
  margin: 0.28rem auto 0.12rem;
  background: url('/static/images/activity/MG2020/h5/quiz/btn-desc.png');
  background-size: 100% 100%;
  cursor: pointer;
}
.mg2020-h5-quiz .quiz-data-code {
  width: 3.13rem;
  height: 2.38rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-code.png') no-repeat center / 100%;
  text-align: center;
}
.mg2020-h5-quiz .quiz-data-code h3 {
  font-size: 0.36rem;
  line-height: 0.5rem;
  font-weight: 500;
  margin: 0.2rem auto 0.12rem;
  color: #023A4D;
}
.mg2020-h5-quiz .quiz-data-code p {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #036483;
  margin-bottom: 0.08rem;
}
.mg2020-h5-quiz .quiz-data-num {
  font-size: 0.28rem;
  line-height: 0.39rem;
  margin-bottom: 0.32rem;
  color: #023A4D;
}
.mg2020-h5-quiz .section-work .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0.28rem;
  margin-top: 1.14rem;
}
.mg2020-h5-quiz .section-work .list .work-item {
  width: 3.2rem;
  height: 4.2rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-work.png') no-repeat center / 100%;
  margin: 0.13rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-quiz .section-work .list .work-item-content {
  height: 4.08rem;
  width: 3.08rem;
  border: 0.04rem solid #036483;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.mg2020-h5-quiz .section-work .list .work-item-content .img-box {
  height: 1.71rem;
  width: 100%;
  width: 3rem;
  border-bottom: 0.02rem solid #036483;
  margin-bottom: 0.08rem;
}
.mg2020-h5-quiz .section-work .list .work-item-content .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-quiz .section-work .list .work-item-content .work-name {
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.39rem;
  color: #036483;
  margin-bottom: 0.06rem;
}
.mg2020-h5-quiz .section-work .list .work-item-content h3 {
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-bottom: 0.1rem;
  font-weight: 400;
  color: #678994;
}
.mg2020-h5-quiz .section-work .list .work-item-content .line {
  width: 2.68rem;
  height: 0.08rem;
  background: url('/static/images/activity/MG2020/h5/quiz/line.png') no-repeat center / 100%;
  margin-bottom: 0.08rem;
}
.mg2020-h5-quiz .section-work .list .work-item-content .work-score {
  color: #023A4D;
  font-size: 0.26rem;
  line-height: 0.36rem;
  margin-bottom: 0.08rem;
  font-family: 'DIN-Medium';
}
.mg2020-h5-quiz .section-work .list .work-item-content .btn {
  height: 0.6rem;
  width: 2.68rem;
  background: url('/static/images/activity/MG2020/h5/quiz/btn.png') no-repeat center / 100%;
}
.mg2020-h5-quiz .section-work .list .work-item-content .btn span {
  display: block;
  height: 0.4rem;
  width: 1rem;
  margin: 0.1rem auto 0;
}
.mg2020-h5-quiz .quiz-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 7.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url('/static/images/activity/MG2020/h5/quiz/bg-btns.png') no-repeat center bottom / 100% 1.06rem;
}
.mg2020-h5-quiz .quiz-btns div,
.mg2020-h5-quiz .quiz-btns a {
  display: block;
  height: 1.14rem;
  width: 2.48rem;
}
.mg2020-h5-quiz .quiz-btns .btn-attention {
  background: url('/static/images/activity/MG2020/h5/quiz/nav-attention.png') no-repeat center / 100%;
}
.mg2020-h5-quiz .quiz-btns .btn-live {
  background: url('/static/images/activity/MG2020/h5/quiz/nav-live.png') no-repeat center / 100%;
}
.mg2020-h5-quiz .quiz-btns .btn-share {
  background: url('/static/images/activity/MG2020/h5/quiz/nav-share.png') no-repeat center / 100%;
}
.mg2020-h5-quiz .quiz-mask-share {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1000;
}
.mg2020-h5-quiz .quiz-mask-share img {
  position: absolute;
  height: 2.35rem;
  width: 2.79rem;
  right: 0.2rem;
  top: 0.2rem;
}
.mg2020-h5-quiz .mg2020-pagination {
  margin: 0.48rem auto;
  text-align: center;
  clear: both;
}
.mg2020-h5-quiz .mg2020-pagination li {
  width: 0.68rem;
  height: 0.64rem;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item {
  width: 0.68rem;
  height: 0.64rem;
  line-height: 0.64rem;
  min-width: 0.68rem;
  background: url("/static/images/activity/MG2020/works/h5/page.png") 0 0 / contain no-repeat;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/MG2020/works/h5/page.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item > a {
  display: inline;
  color: #023a4d;
  border: none;
  font-size: 0.26rem;
  line-height: 0.64rem;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item-active {
  width: 0.68rem;
  height: 0.64rem;
  min-width: 0.68rem;
  background: url("/static/images/activity/MG2020/works/h5/page-active.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item-active a {
  color: #fff;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/MG2020/works/h5/app_icon_last.png") center / contain no-repeat;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-prev a {
  display: none;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/MG2020/works/h5/app_icon_next.png") center / contain no-repeat;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-next a {
  display: none;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-item-ellipsis {
  color: #023a4d;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.mg2020-h5-quiz .mg2020-pagination .ant-pagination-disabled {
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}
.miniGame2020-quiz-mdal-share .ant-modal {
  width: 4.96rem !important;
  height: 4.96rem;
}
.miniGame2020-quiz-mdal-share .ant-modal img {
  width: 2.4rem;
  height: 2.4rem;
}
.miniGame2020-quiz-mdal-share .ant-modal-content {
  width: 4.96rem;
  height: 4.96rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-qr.png') no-repeat center / 100%;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 1.2rem;
}
.miniGame2020-quiz-mdal-share .ant-modal-footer {
  display: none;
}
.miniGame2020-quiz-mdal-desc .ant-modal {
  width: 6.06rem !important;
  height: 9.09rem;
  border-radius: 0;
}
.miniGame2020-quiz-mdal-desc .ant-modal-content {
  width: 6.06rem;
  height: 9.09rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-modal-desc.png') no-repeat center / 100%;
  text-align: center;
  padding-top: 0.2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.miniGame2020-quiz-mdal-desc .ant-modal-content .ant-modal-body {
  padding: 0.4rem;
}
.miniGame2020-quiz-mdal-desc .ant-modal-content h3 {
  margin: 0 auto;
  margin-bottom: 0.3rem;
  height: 0.45rem;
  width: 3.04rem;
  background: url('/static/images/activity/MG2020/h5/quiz/bg-desc-title.png') no-repeat center / 100%;
}
.miniGame2020-quiz-mdal-desc .ant-modal-content p {
  font-size: 0.24rem;
  line-height: 0.44rem;
  font-weight: 400;
  margin-bottom: 0.2rem;
  color: #036483;
  text-align: left;
  letter-spacing: 0;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
.miniGame2020-quiz-mdal-desc .ant-modal-footer {
  display: none;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment-list .empty_status {
  text-align: center;
}
.comment-list .empty_status > img {
  width: 160px;
  height: 160px;
}
.comment-list .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.comment-list > div {
  padding-bottom: 22px;
  padding-top: 22px;
  border-bottom: 1px solid #F5F5F9;
}
.comment-list > div:last-of-type {
  border-bottom: none;
}
.comment-list .item-left {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 24px;
  overflow: hidden;
}
.comment-list .item-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-list .item-right {
  margin-left: 64px;
}
.comment-list .item-right > div {
  font-size: 16px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  margin-bottom: 8px;
  word-wrap: break-word;
  white-space: break-spaces;
}
.comment-list .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.comment-list .item-right h5 span {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
}
.comment-list .item-right h5 > span:nth-of-type(1) {
  margin-right: 16px;
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list .item-right .item-action {
  margin-top: 10px;
  margin-bottom: 0;
}
.comment-list .item-right .item-action > span {
  margin-right: 24px;
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  line-height: 24px;
  cursor: pointer;
}
.comment-list .item-right .item-action .item-like i {
  background: url('/static/icons/like_small@2x.png') no-repeat;
  background-size: 72px 24px;
}
.comment-list .item-right .item-action .item-like .has-liked {
  background-position: -48px 0;
}
.comment-list .item-right .item-action .item-answer i {
  background: url('/static/icons/comment_small@2x.png') no-repeat;
  background-size: 48px 24px;
}
.comment-list .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.comment-list .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 4px;
}
.comment-list .item-right .item-action > span:hover i {
  background-position: -24px 0;
}
.comment-list .child-comments {
  padding: 16px 27px 16px 16px;
  background: #F9F9FC;
  border-radius: 8px;
}
.comment-list .child-comments .child-more {
  font-size: 14px;
  color: #4A90E2;
  margin-top: 10px;
  cursor: pointer;
}
.comment-list .child-comments .child-item {
  margin-bottom: 12px;
}
.comment-list .child-comments .child-item .child-item-left {
  float: left;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  overflow: hidden;
}
.comment-list .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 24px;
  width: 24px;
}
.comment-list .child-comments .child-item .child-item-right {
  margin-left: 30px;
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-list .child-comments .child-item .child-item-right span {
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.comment-list button {
  height: 32px;
  width: 80px;
  outline: none;
  border: none;
  cursor: pointer;
  background-image: -o-linear-gradient(322deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  background-image: linear-gradient(128deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  border-radius: 8px;
  margin-top: 12px;
  color: #fff;
}
.comment-list textarea {
  height: 80px;
  border-radius: 8px;
  margin-top: 16px;
}
.comment-list .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.comment-list .comment-pagination {
  text-align: right;
}
.comment-list .comment-pagination .ant-pagination-total-text {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 40px;
  float: left;
}
.comment-list .comment-pagination .ant-pagination-item,
.comment-list .comment-pagination .ant-pagination-prev,
.comment-list .comment-pagination .ant-pagination-next {
  background: #FFFFFF;
  border-radius: 8px;
  width: 40px;
  height: 40px;
}
.comment-list .comment-pagination .ant-pagination-item > a,
.comment-list .comment-pagination .ant-pagination-prev > a,
.comment-list .comment-pagination .ant-pagination-next > a,
.comment-list .comment-pagination .ant-pagination-item .ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-prev .ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #CFD1DA;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  line-height: 40px;
}
.comment-list .comment-pagination .ant-pagination-item > a.ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-prev > a.ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-next > a.ant-pagination-item-link {
  border: 1px solid #CFD1DA;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course-datail-container {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
  line-height: 1.75;
  letter-spacing: 0.062em;
}
.course-datail-container .hr {
  margin: 40px 0;
  height: 0;
  border-bottom: 1px solid #eeeef2;
}
.course-datail-container h1,
.course-datail-container h2,
.course-datail-container h3,
.course-datail-container h4,
.course-datail-container h5,
.course-datail-container h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.course-datail-container h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.course-datail-container h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.course-datail-container h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.course-datail-container h4,
.course-datail-container h5,
.course-datail-container h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.course-datail-container p,
.course-datail-container section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.course-datail-container figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.course-datail-container blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course-datail-container .course-title {
  line-height: 37px;
  font-size: 26px;
  color: #2E2E33;
  margin-bottom: 24px;
  font-weight: bold;
}
.course-datail-container .course-count {
  border-bottom: 1px solid #EEEEF2;
  padding-bottom: 24px;
  margin-bottom: 24px;
  position: relative;
  min-height: 74px;
}
.course-datail-container .course-count .course-left {
  width: 650px;
  overflow: hidden;
}
.course-datail-container .course-count .course-left .left-img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 11px;
  float: left;
}
.course-datail-container .course-count .course-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course-datail-container .course-count .course-left > div:nth-of-type(2) {
  margin-left: 59px;
}
.course-datail-container .course-count .course-left > div:nth-of-type(2) h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top: 2px;
  color: #2E2E33;
}
.course-datail-container .course-count .course-left > div:nth-of-type(2) p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.course-datail-container .course-count .course-left > div:nth-of-type(2) em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #6A6D7A;
  vertical-align: middle;
  margin: 0 5px;
}
.course-datail-container .course-count .course-right {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -12px;
  width: 350px;
  height: 72px;
}
.course-datail-container .course-count .course-right p {
  text-align: center;
}
.course-datail-container .article-detail {
  width: 100%;
  font-size: 14px;
}
.course-datail-container .article-detail img {
  max-width: 100%;
  height: auto !important;
}
.course-datail-container .course-comment {
  width: 100%;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.master-datail-container {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
  line-height: 1.75;
  letter-spacing: 0.062em;
}
.master-datail-container h1,
.master-datail-container h2,
.master-datail-container h3,
.master-datail-container h4,
.master-datail-container h5,
.master-datail-container h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.master-datail-container h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.master-datail-container h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.master-datail-container h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.master-datail-container h4,
.master-datail-container h5,
.master-datail-container h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.master-datail-container p,
.master-datail-container section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.master-datail-container figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.master-datail-container blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.master-datail-container .course-title {
  line-height: 37px;
  font-size: 26px;
  color: #2E2E33;
  margin-bottom: 26px;
}
.master-datail-container .course-count {
  border-bottom: 1px solid #EEEEF2;
  position: relative;
  padding-bottom: 24px;
}
.master-datail-container .course-count .course-left {
  width: 650px;
}
.master-datail-container .course-count .course-left h3 {
  line-height: 34px;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}
.master-datail-container .course-count .course-left p {
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
}
.master-datail-container .course-count .course-left em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #A1A5B3;
  vertical-align: middle;
  margin: 0 5px;
}
.master-datail-container .course-count .course-right {
  width: 350px;
  height: 72px;
  position: absolute;
  margin-top: -12px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.master-datail-container .course-count .course-right p {
  text-align: center;
}
.master-datail-container .author-detail {
  width: 100%;
  height: 136px;
  margin-top: 32px;
  margin-bottom: 25px;
  background: url('/static/images/course/master-author.png') no-repeat;
  background-size: 1000px 136px;
  background-position: 0 0;
  border-radius: 8px;
  padding: 32px 61px 32px 32px;
  position: relative;
}
.master-datail-container .author-detail .left-img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
  float: left;
}
.master-datail-container .author-detail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.master-datail-container .author-detail > div:nth-of-type(2) {
  margin-left: 88px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.master-datail-container .author-detail > div:nth-of-type(2) h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 4px;
  color: #2E2E33;
}
.master-datail-container .author-detail > div:nth-of-type(2) p {
  font-size: 14px;
  line-height: 22px;
  color: #2E2E33;
  margin-top: 4px;
  padding-right: 88px;
}
.master-datail-container .article-detail {
  width: 100%;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #f5f5f9;
}
.master-datail-container .article-detail img {
  max-width: 100%;
  height: auto !important;
}
.master-datail-container .course-comment {
  width: 100%;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.nshow-datail-banner {
  width: 100%;
  height: 562px;
  border-radius: 8px;
  margin: 0 auto;
  position: relative;
}
.nshow-datail-banner button {
  position: absolute;
  opacity: 1;
  width: 80px;
  height: 108px;
  background: #CFD1D6;
  border: none;
  top: 50%;
  margin-top: -40px;
  cursor: pointer;
  outline: none;
}
.nshow-datail-banner button i {
  font-size: 34px;
  height: 34px;
  width: 34px;
  line-height: 34px;
}
.nshow-datail-banner button:nth-of-type(1) {
  left: 0;
  top: 50%;
  border-radius: 0 8px 8px 0;
}
.nshow-datail-banner button:nth-of-type(2) {
  right: 0;
  top: 50%;
  border-radius: 8px 0 0 8px;
}
.nshow-datail-banner .banner-view {
  width: 1000px;
  height: 562px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #EEEEF2;
  border-radius: 8px;
}
.nshow-datail-banner .banner-view .leftButton {
  background: url('/static/images/Nshow/left_arrow_active.png') no-repeat;
  background-size: 80px 108px;
}
.nshow-datail-banner .banner-view .rightButton {
  background: url('/static/images/Nshow/right-arrow_active.png') no-repeat;
  background-size: 80px 108px;
}
.nshow-datail-banner .banner-view > span {
  position: absolute;
  display: inline-block;
  right: 10px;
  bottom: 10px;
  border-radius: 6px;
  min-height: 24px;
  min-width: 48px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}
.nshow-datail-banner .banner-view .banner-list {
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.nshow-datail-banner .banner-view .banner-list > div {
  width: 1000px;
  height: 562px;
  float: left;
  position: relative;
}
.nshow-datail-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.preview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2000;
}
.preview .close {
  height: 64px;
  width: 64px;
  position: absolute;
  top: 64px;
  right: 64px;
  background: url('/static/nshow-image/delete@2x.png') no-repeat;
  background-size: 192px 64px;
  cursor: pointer;
}
.preview .close:hover {
  background-position: -64px 0;
}
.preview .close:active {
  background-position: -128px 0;
}
.preview .banner-lis {
  width: 1000px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 740px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow: hidden;
}
.preview ul {
  height: 90px;
  min-width: 1000px;
  position: absolute;
  left: 0;
  top: 10px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.preview ul li {
  display: inline-block;
  width: 140px;
  height: 90px;
  margin: 0 10px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}
.preview ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.preview ul li:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.preview ul li i {
  display: none;
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 7px;
  width: 88px;
  background: url('/static/nshow-image/Combined Shape@2x.png') no-repeat;
  background-size: 100% 100%;
}
.preview ul .li-active {
  border: 3px solid #d83b2f;
}
.preview ul .li-active i {
  display: block;
}
.preview .pre-banner {
  width: 1000px;
  height: 562px;
  position: absolute;
  left: 50%;
  top: 125px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  border-radius: 20px;
}
.preview .pre-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.preview .button-left {
  left: 0;
  top: 352px;
  background: url('/static/images/Nshow/left_arrow.png') no-repeat;
  background-size: 80px 108px;
}
.preview .button-right {
  right: 0;
  top: 352px;
  background: url('/static/images/Nshow/right_arrow.png') no-repeat;
  background-size: 80px 108px;
}
.preview .button-icon {
  position: absolute;
  height: 108px;
  width: 80px;
  background-position: 0 0;
  cursor: pointer;
}
.preview .button-icon:hover {
  background-position: 0px 0;
}
.preview .button-icon:active {
  background-position: 0px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
      -ms-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(45deg);
      -ms-transform: translateX(6.53553391px) rotate(45deg);
          transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(45deg);
      -ms-transform: translateX(-6.53553391px) rotate(45deg);
          transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(45deg);
      -ms-transform: translateY(6.53553391px) rotate(45deg);
          transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.NG2021-Speaker {
  width: 2.16rem;
  height: 3.6rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.NG2021-Speaker + .NG2021-Speaker {
  margin-left: 0.32rem;
}
.NG2021-Speaker > img {
  width: 2.16rem;
  height: 3.6rem;
  position: absolute;
  left: 0;
  top: 0;
}
.NG2021-Speaker > img.NG2021-Speaker-bg-hover {
  visibility: hidden;
}
.NG2021-Speaker > img.NG2021-Speaker-bg {
  visibility: unset;
}
.NG2021-Speaker-content {
  width: 2.16rem;
  height: 3.6rem;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.28rem 0.12rem 0.12rem;
}
.NG2021-Speaker-content > h3 {
  width: 2rem;
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0.28rem;
}
.NG2021-Speaker-content-name {
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 2.53rem;
  width: 100%;
}
.NG2021-Speaker-content-position {
  width: 2rem;
  height: 0.5rem;
  font-size: 0.14rem;
  line-height: 0.4rem;
  padding-top: 0.07rem;
  color: #02071D;
  text-align: center;
  background: url('/static/images/activity/N-Game/speech-btn.png') no-repeat;
  background-size: 2rem auto;
  margin: 0 auto;
  position: absolute;
  top: 2.88rem;
}
.NG2021-Speaker:hover {
  width: 2.16rem;
  height: 3.6rem;
  -webkit-transform: translateY(-0.32rem);
      -ms-transform: translateY(-0.32rem);
          transform: translateY(-0.32rem);
}
.NG2021-Speaker:hover > img.NG2021-Speaker-bg-hover {
  visibility: unset;
}
.NG2021-Speaker:hover > img.NG2021-Speaker-bg {
  visibility: hidden;
}
.NG2021-Speaker:hover .NG2021-Speaker-content > h3 {
  text-align: left;
  color: #02071D;
  position: absolute;
  top: 2.48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.NG2021-Speaker:hover .NG2021-Speaker-content-name {
  color: #FF5146;
  text-align: left;
  top: 3rem;
}
.NG2021-Speaker:hover .NG2021-Speaker-content-position {
  color: #868A95;
  text-align: left;
  font-size: 0.14rem;
  line-height: 1.4;
  padding-top: 0.02rem;
  background: unset;
  top: 3.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.NG2021-speech-slick {
  width: 9.6rem;
  height: 1.93rem;
  margin: 0.48rem auto 0;
}
.NG2021-speech-slick .slick-slider {
  height: 1.93rem;
}
.NG2021-speech-slick .slick-slider .slick-arrow {
  width: 0.48rem;
  height: 0.32rem;
}
.NG2021-speech-slick .slick-slider .slick-arrow.slick-prev {
  background: url('/static/images/activity/N-Game/slick-prev.png') no-repeat;
  background-size: 0.48rem auto;
  left: -0.72rem;
}
.NG2021-speech-slick .slick-slider .slick-arrow.slick-next {
  background: url('/static/images/activity/N-Game/slick-next.png') no-repeat;
  background-size: 0.48rem auto;
  right: -0.72rem;
}
.NG2021-speech-slick .slick-slider .slick-arrow::before {
  content: '';
}
.NG2021-speech-slick .slick-slider .slick-list {
  height: 1.93rem;
}
.NG2021-speech-slick .speech-QA-Item {
  width: 2.98rem;
  height: 1.93rem;
  background: url('/static/images/activity/N-Game/bg-QA.png') no-repeat;
  background-size: 2.98rem auto;
  background-position: top;
  padding: 0.16rem 0.32rem;
}
.NG2021-speech-slick .speech-QA-Item .Item-question {
  height: 0.8rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.5);
}
.NG2021-speech-slick .speech-QA-Item .Item-question-question {
  height: 0.4rem;
  display: block;
  margin-top: 0.08rem;
  font-size: 0.14rem;
  line-height: 1.4;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.NG2021-speech-slick .speech-QA-Item .Item-question-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.24rem;
}
.NG2021-speech-slick .speech-QA-Item .Item-question-user.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 0.08rem;
}
.NG2021-speech-slick .speech-QA-Item .Item-question-user .avatar {
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 0.12rem;
  margin-right: 0.08rem;
}
.NG2021-speech-slick .speech-QA-Item .Item-question-user .avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.NG2021-speech-slick .speech-QA-Item .Item-question-user .name {
  color: #FCFDFF;
  font-size: 0.16rem;
  line-height: 0.24rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.NG2021-speech-slick .speech-QA-Item .Item-answer {
  margin-top: 0.08rem;
}
.NG2021-speech-slick .speech-QA-Item .Item-answer .question-answer {
  font-size: 0.14rem;
  height: 0.4rem;
  line-height: 1.4;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.speech-QA-text-tooltip {
  padding-bottom: 0;
  max-width: 2.98rem;
}
.speech-QA-text-tooltip .ant-tooltip-content .ant-tooltip-arrow {
  display: none;
}
.speech-QA-text-tooltip .ant-tooltip-content .ant-tooltip-inner {
  font-size: 0.14rem;
  min-height: 0.24rem;
  max-width: 2.98rem;
  line-height: 24px;
  text-align: justify;
  color: #02071D;
  background: #fff;
  border-radius: 4px;
  padding: 8px;
}
.NG2021-speech-frank {
  width: 4.4rem;
  height: 3.6rem;
  background: url('/static/images/activity/N-Game/speech/frank-normal.png') no-repeat;
  background-size: 4.4rem auto;
  margin: 0.64rem auto 0;
  padding: 0.28rem 0.2rem 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
.NG2021-speech-frank .frank-title {
  font-size: 0.2rem;
  line-height: 1.4;
  color: #FCFDFF;
}
.NG2021-speech-frank .frank-info {
  text-align: center;
}
.NG2021-speech-frank .frank-info .name {
  font-size: 0.18rem;
  line-height: 1.4;
  color: #FCFDFF;
  margin-bottom: 0.1rem;
}
.NG2021-speech-frank .frank-info .btn {
  width: 2rem;
  height: 0.5rem;
  font-size: 0.14rem;
  line-height: 0.4rem;
  padding-top: 0.07rem;
  color: #02071D;
  text-align: center;
  background: url('/static/images/activity/N-Game/speech-btn.png') no-repeat;
  background-size: 2rem auto;
  margin: 0 auto;
}
.NG2021-speech-frank:hover {
  background: url('/static/images/activity/N-Game/speech/frank-hover.png') no-repeat;
  background-size: 4.4rem auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(-0.32rem);
      -ms-transform: translateY(-0.32rem);
          transform: translateY(-0.32rem);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: left;
}
.NG2021-speech-frank:hover .frank-title {
  font-size: 0.18rem;
  line-height: 0.24rem;
  color: #02071D;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.NG2021-speech-frank:hover .frank-info {
  height: 0.44rem;
  margin-top: 0.08rem;
  margin-bottom: -0.1rem;
}
.NG2021-speech-frank:hover .frank-info .name {
  font-size: 0.18rem;
  line-height: 1.4;
  color: #FF5146;
  margin-bottom: 0;
  text-align: left;
}
.NG2021-speech-frank:hover .frank-info .btn {
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: #868A95;
  background: none;
  width: 100%;
  text-align: left;
}
.NG2021-speech-tab {
  width: 9.08rem;
  height: 0.8rem;
  margin: 0.6rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-speech-tab-item {
  width: 2.6rem;
  height: 0.8rem;
}
.NG2021-speech-tab-item.item-cehua {
  background: url('/static/images/activity/N-Game/tab-cehua.png') no-repeat;
  background-size: 2.6rem auto;
}
.NG2021-speech-tab-item.item-cehua:hover,
.NG2021-speech-tab-item.item-cehua.active {
  background: url('/static/images/activity/N-Game/tab-cehua-active.png') no-repeat;
  background-size: 2.6rem auto;
}
.NG2021-speech-tab-item.item-jishu {
  background: url('/static/images/activity/N-Game/tab-jishu.png') no-repeat;
  background-size: 2.6rem auto;
}
.NG2021-speech-tab-item.item-jishu:hover,
.NG2021-speech-tab-item.item-jishu.active {
  background: url('/static/images/activity/N-Game/tab-jishu-active.png') no-repeat;
  background-size: 2.6rem auto;
}
.NG2021-speech-tab-item.item-meishu {
  background: url('/static/images/activity/N-Game/tab-meishu.png') no-repeat;
  background-size: 2.6rem auto;
}
.NG2021-speech-tab-item.item-meishu:hover,
.NG2021-speech-tab-item.item-meishu.active {
  background: url('/static/images/activity/N-Game/tab-meishu-active.png') no-repeat;
  background-size: 2.6rem auto;
}
.NG2021-speech-tab-author {
  width: 9.6rem;
  height: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.8rem auto;
}
.NG2021-speech-detail .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-speech-detail .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6rem;
  padding: 0.24rem 0.28rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left {
  width: 3.28rem;
  height: 100%;
  overflow-y: auto;
  padding: 0 0.12rem 0.24rem 0;
  margin-right: 0.2rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > h3 {
  font-size: 0.24rem;
  line-height: 0.32rem;
  font-weight: 500;
  color: #fee484;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .intro {
  margin-top: 0.12rem;
  font-size: 0.14rem;
  line-height: 1.4;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .line {
  margin-top: 0.16rem;
  height: 0.01rem;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .coverUrl {
  width: 3.16rem;
  height: 1.78rem;
  margin-top: 0.2rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .coverUrl > img {
  width: 100%;
  height: 100%;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .useName {
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #FEE484;
  margin-top: 0.2rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .position {
  font-size: 0.16rem;
  line-height: 0.22rem;
  margin-top: 0.1rem;
  color: #FCFDFF;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-left > .userIntro {
  font-size: 0.14rem;
  line-height: 1.4;
  color: #FCFDFF;
  margin-top: 0.12rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right {
  width: 5.4rem;
  height: 4.96rem;
  padding-right: 0.12rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.28rem 0.2rem 0.28rem 0.4rem;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-video-play {
  width: 5.4rem;
  height: 3.03rem;
  position: relative;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-video-play > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-video-play .icon-play {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-html {
  color: #fff;
  padding-right: 0.08rem;
  width: 5.4rem;
  min-width: 5.4rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-html::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-html::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-html::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-html h1 {
  color: #fff;
}
.NG2021-speech-detail .NG-modal-content .speech-detail-wrap-right .NG2021-html img {
  width: 5.32rem;
  height: auto;
}
.NG2021-speech-video .NG-modal-content {
  width: 9.6rem;
  height: 5.4rem;
  background: rgba(0, 0, 0, 0.5);
  border: 0.03rem solid #0074FD;
}
.NG2021-speech-video .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
  top: -0.03rem;
}
.NG2021-speech-video .NG-modal-content video {
  width: 9.54rem;
  height: 5.34rem;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.Live-course-item {
  width: 9.6rem;
  height: 2.55rem;
  margin: 0.6rem auto;
  background: url('/static/images/activity/N-Game/bg-live.png') no-repeat;
  background-size: 9.6rem auto;
  padding: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Live-course-item-cover {
  width: 3.68rem;
  height: 2.07rem;
  cursor: pointer;
}
.Live-course-item-cover > img {
  width: 3.68rem;
  height: 2.07rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.Live-course-item-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.2rem;
}
.Live-course-item-detail > h3 {
  font-size: 0.24rem;
  line-height: 1.4;
  cursor: pointer;
  margin-bottom: 0.02rem;
  transform: translateY(-0.04rem);
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.Live-course-item-detail > .course-intro {
  width: 100%;
  height: 0.72rem;
  margin-top: 0.02rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.Live-course-item-detail > .course-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.24rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Live-course-item-detail > .course-action .course-anthor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Live-course-item-detail > .course-action .course-anthor-teacher {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #FCFDFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Live-course-item-detail > .course-action .course-anthor-teacher > span.Label {
  display: block;
  width: 0.56rem;
  min-width: 0.56rem;
  max-width: 0.56rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  white-space: nowrap;
  margin-right: 0.04rem;
}
.Live-course-item-detail > .course-action .course-anthor-teacher > span.teacher-text {
  margin-left: 0.08rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.Live-course-item-detail > .course-action .course-anthor-teacher > span.teacher-text > a {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #FCFDFF;
}
.Live-course-item-detail > .course-action .course-anthor-teacher + .course-anthor-teacher {
  margin-top: 0.04rem;
}
.Live-course-item-detail > .course-action .live-button {
  width: 1.28rem;
  height: 0.48rem;
  margin-left: 0.2rem;
  cursor: pointer;
}
.Live-course-item-detail > .course-action .live-button.live-appoint {
  background: url('/static/images/activity/N-Game/btn_live-appoint.png') no-repeat;
  background-size: 1.28rem auto;
}
.Live-course-item-detail > .course-action .live-button.live-appoint-finish {
  background: url('/static/images/activity/N-Game/btn_live-appoint-finish.png') no-repeat;
  background-size: 1.28rem auto;
}
.Live-course-item-detail > .course-action .live-button.live-live {
  background: url('/static/images/activity/N-Game/btn_live.png') no-repeat;
  background-size: 1.28rem auto;
}
.Live-course-item-detail > .course-action .live-button.live-live-end {
  background: url('/static/images/activity/N-Game/btn_live-end.png') no-repeat;
  background-size: 1.28rem auto;
}
.Live-course-item-detail > .course-action .live-button.live-live-video {
  background: url('/static/images/activity/N-Game/btn_live-video.png') no-repeat;
  background-size: 1.28rem auto;
}
.teacher-text-tooltip {
  padding-bottom: 0;
}
.teacher-text-tooltip .ant-tooltip-content .ant-tooltip-arrow {
  display: none;
}
.teacher-text-tooltip .ant-tooltip-content .ant-tooltip-inner {
  font-size: 14px;
  height: 24px;
  min-height: 24px;
  line-height: 24px;
  text-align: justify;
  color: #02071D;
  background: #fff;
  border-radius: 4px;
  padding: 0 8px;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}

.talent-course {
  width: 1200px;
  margin: 0 auto;
  padding-top: 90px;
}
.talent-course-banner {
  width: 100%;
  height: 200px;
  margin-bottom: 60px;
  background-image: url('/static/images/activity/talent/banner.png');
  background-size: 100% auto;
  cursor: pointer;
}
.talent-course-intro {
  width: 100%;
  height: 100px;
  margin-bottom: 12px;
  background-image: url('/static/images/activity/talent/course-intro.png');
  background-size: 100% 100%;
}
.talent-course-integral {
  text-align: right;
  margin-bottom: 20px;
  position: relative;
}
.talent-course-integral img {
  cursor: pointer;
  width: 160px;
  height: auto;
}
.talent-course-integral .integral {
  position: absolute;
  right: 170px;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-course-integral .integral::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  width: 7px;
  height: 35px;
  background-image: url('/static/images/activity/talent/left.png');
  background-size: 100% 100%;
}
.talent-course-integral .integral::after {
  content: '';
  position: absolute;
  right: 7px;
  top: -4px;
  width: 7px;
  height: 35px;
  background-image: url('/static/images/activity/talent/right.png');
  background-size: 100% 100%;
}
.talent-course-integral .integral > span {
  height: 27px;
  line-height: 27px;
  text-align: center;
}
.talent-course-integral .integral-label {
  width: 82px;
  font-size: 14px;
  color: #BEC1FF;
  position: relative;
  background-image: url('/static/images/activity/talent/integral-label.png');
  background-size: 100% 100%;
}
.talent-course-integral .integral-data {
  position: relative;
  left: -11px;
  width: 58px;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  text-shadow: 0px 1px 1px rgba(17, 16, 30, 0.21);
  background-image: url(/static/images/activity/talent/integral-right.png);
  background-size: 100% 100%;
  line-height: 25px !important;
}
.talent-course-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 120px;
}
.talent-course-item {
  width: 380px;
  height: 520px;
  margin-right: 30px;
  background-image: url("/static/images/activity/talent/video-box.png");
  background-size: 100% 100%;
  padding: 28px;
  margin-bottom: 38px;
  position: relative;
}
.talent-course-item:nth-child(3n) {
  margin-right: 0;
}
.talent-course-item-video {
  width: 100%;
  height: 217px;
  margin-bottom: 24px;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  cursor: pointer;
}
.talent-course-item-video > img {
  width: 100%;
  height: 100%;
}
.talent-course-item-video .play-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.talent-course-item-video .play-btn::after {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/static/images/activity/talent/play-btn.png");
  background-size: 100% 100%;
}
.talent-course-item-video .course-status {
  position: absolute;
  top: 18px;
  left: 20px;
}
.talent-course-item-video .course-status[status='1'] img {
  width: 68px;
  height: 22px;
}
.talent-course-item-video .course-status img {
  width: 75px;
  height: 28px;
}
.talent-course-item-title {
  width: 324px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 170%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.talent-course-item-info {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #A6A8C4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-course-item-info:last-child {
  height: 44px;
}
.talent-course-item-info .item-lebal {
  width: 87px;
  word-wrap: break-word;
}
.talent-course-item-info .item-info {
  width: 237px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-course-item-btn {
  width: 324px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  bottom: 36px;
}
.talent-course-item-btn img {
  width: 100%;
  height: auto;
}
.talent-course-modal {
  width: 10rem;
  margin: 80px auto 0;
}
.talent-course-modal .ac-modal-content {
  z-index: 10;
  padding-top: 0;
}
.talent-course-modal .ac-modal-close-x {
  height: 0.24rem;
  width: 0.24rem;
  cursor: pointer;
  background-image: url('/static/images/activity/talent/close.png');
  background-size: 100% 100%;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.talent-course-exch {
  height: 8.2rem;
  width: 10rem;
  background-size: 100%;
  padding: 1.92rem 0 0.4rem 1.05rem;
  background-image: url('/static/images/activity/talent/bg-wrap.png');
  background-size: 100% auto;
  border: 1px solid #8791FF;
  --ac-tab-color: #78A1FF;
  --ac-tab-active-color: #78A1FF;
  --ac-tab-bgimg: url('/static/images/activity/talent/tab.png');
  --ac-tab-active-bgimg: url('/static/images/activity/talent/tab-active.png');
}
.talent-course-exch .ac-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1.05rem;
  padding-bottom: 0.4rem;
}
.talent-course-exch .ac-tabs-tab {
  font-size: 0.18rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--ac-tab-color);
  height: 0.5rem;
  width: 1.56rem;
  text-align: center;
  line-height: 0.48rem;
  background-image: var(--ac-tab-bgimg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.talent-course-exch .ac-tabs-tab:not(.talent-course-exch .ac-tabs-tab:first-child) {
  margin-left: 0.4rem;
}
.talent-course-exch .ac-tabs .tabActive {
  color: var(--ac-tab-active-color);
  font-weight: 500;
  background-image: var(--ac-tab-active-bgimg);
}
.talent-course-exch-score {
  height: 0.52rem;
  width: 7.26rem;
  background-size: 100% 100%;
  background-image: url('/static/images/activity/talent/point-exchange.png');
  position: absolute;
  left: 1.37rem;
  top: 0.64rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: linear-gradient(to bottom, #6ad2ff 0%, #cf6aff 0%);
}
.talent-course-exch-score img {
  width: 1.12rem;
  height: auto;
}
.talent-course-exch-tip {
  position: absolute;
  top: 1.46rem;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.talent-course-exch-tip .ant-popover-inner {
  background-color: transparent;
}
.talent-course-exch-tip .ant-popover-arrow {
  display: none;
}
.talent-course-exch-tip .ant-popover-content {
  background: #404A63;
}
.talent-course-exch-tip .ant-popover-inner-content {
  padding: 12px 38px;
}
.talent-course-exch-tip .label {
  font-size: 0.16rem;
  color: #FFFFFF;
  margin-right: 0.06rem;
  padding: 0;
  text-align: center;
  color: #BEC1FF;
}
.talent-course-exch-tip .icon {
  height: 0.24rem;
  width: 0.24rem;
  background-size: 100%;
  display: block;
  background-image: url('/static/images/activity/talent/help.png');
}
.talent-course-exch-tip-text {
  font-size: 0.14rem;
  line-height: 0.24rem;
  text-align: left;
  color: #fff;
}
.talent-course-exch-tip .integral {
  position: absolute;
  right: 1.09rem;
  top: -0.01rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talent-course-exch-tip .integral::before {
  content: '';
  position: absolute;
  left: -0.04rem;
  top: -0.04rem;
  width: 0.07rem;
  height: 0.35rem;
  background-image: url('/static/images/activity/talent/left.png');
  background-size: 100% 100%;
}
.talent-course-exch-tip .integral::after {
  content: '';
  position: absolute;
  right: 0.07rem;
  top: -0.04rem;
  width: 0.07rem;
  height: 0.35rem;
  background-image: url('/static/images/activity/talent/right.png');
  background-size: 100% 100%;
}
.talent-course-exch-tip .integral > span {
  height: 0.27rem;
  line-height: 0.27rem;
  text-align: center;
}
.talent-course-exch-tip .integral-label {
  width: 0.82rem;
  font-size: 0.14rem;
  color: #BEC1FF;
  line-height: 0.28rem !important;
  position: relative;
  background-image: url('/static/images/activity/talent/integral-label.png');
  background-size: 100% 100%;
}
.talent-course-exch-tip .integral-data {
  position: relative;
  left: -0.11rem;
  width: 0.58rem;
  font-weight: 600;
  font-size: 0.2rem;
  color: #FFFFFF;
  text-shadow: 0px 1px 1px rgba(17, 16, 30, 0.21);
  background-image: url(/static/images/activity/talent/integral-right.png);
  background-size: 100% 100%;
}
.talent-course-exch-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 0.98rem;
  overflow: auto;
  max-height: 5.2rem;
}
.talent-course-exch-list::-webkit-scrollbar {
  width: 0.04rem;
  height: 100%;
  background: transparent;
}
.talent-course-exch-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 0.04rem;
  border-radius: 0.04rem;
  border: 1px solid #0dc8cf;
  background: #0dc8cf;
}
.talent-course-exch-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 0.04rem;
  background: transparent;
  border-radius: 0.07rem;
}
.talent-course-exch-item {
  height: 2.56rem;
  width: 1.66rem;
  margin-right: 0.42rem;
  margin-bottom: 0.46rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.talent-course-exch-item:nth-child(4n) {
  margin-right: 0;
}
.talent-course-exch-item-img {
  height: 0.8rem;
  width: 1.2rem;
  position: relative;
  margin-bottom: 0.6rem;
}
.talent-course-exch-item-img::after {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: -0.23rem;
  display: block;
  width: 1.66rem;
  height: 1.2rem;
  background-image: url('/static/images/activity/talent/prize-base.png');
  background-size: 1.66rem 1.2rem;
}
.talent-course-exch-item-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.talent-course-exch-item-name {
  font-size: 0.16rem;
  text-align: center;
  width: 100%;
  color: #fff;
  margin-top: 0.08rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.talent-course-exch-item-tip {
  font-size: 0.14rem;
  color: #A6A8C4;
  margin-top: 0.08rem;
  white-space: nowrap;
}
.talent-course-exch-item-btn {
  height: 0.32rem;
  width: 1rem;
  background-size: 100% 100%;
  margin: 0.12rem auto 0;
  cursor: pointer;
  font-size: 0.14rem;
  color: #fff;
  background-image: url('/static/images/activity/talent/exchange-btn.png');
  text-align: center;
  line-height: 0.32rem;
}
.talent-course-exch-item-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.talent-course-exch-mine {
  padding: 0 0 0 0.1rem;
}
.talent-course-exch-mine-got {
  height: 100%;
  width: 100%;
  padding-right: 1.03rem;
  position: relative;
  height: 4.28rem;
  overflow: auto;
}
.talent-course-exch-mine-got::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background: transparent;
  z-index: 10;
}
.talent-course-exch-mine-got::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 0.06rem;
  border: 1px solid #0dc8cf;
  background: #0dc8cf;
}
.talent-course-exch-mine-got::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  width: 0.06rem;
  height: 0.06rem;
  background: transparent;
  border-radius: 0.06rem;
}
.talent-course-exch-mine-got.empty {
  background-image: url('/static/images/activity/talent/mine-empty.png');
  background-size: 1.3rem 1.24rem;
  background-repeat: no-repeat;
  background-position: 43% 0.7rem;
  height: 3rem;
}
.talent-course-exch-mine-got .empty-text {
  padding-top: 2.2rem;
  font-size: 0.16rem;
  color: #BEC1FF;
  text-align: center;
}
.talent-course-exch-mine-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 7.4rem;
  margin: 0 auto;
}
.talent-course-exch-mine-item {
  margin-right: 0.36rem;
  margin-bottom: 0.2rem;
  height: 1.92rem;
  width: 1.58rem;
}
.talent-course-exch-mine-item:nth-child(4n) {
  margin-right: 0;
}
.talent-course-exch-mine-item-img {
  width: 1.58rem;
  height: 1.36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(/static/images/activity/talent/my-prize-box.png);
  background-size: 100% 100%;
}
.talent-course-exch-mine-item-img > img {
  width: 1.2rem;
  height: 0.8rem;
}
.talent-course-exch-mine-item-name {
  margin: 0.13rem auto 0;
}
.talent-course-exch-mine-item-name > div {
  font-size: 0.16rem;
  text-align: center;
  color: #fff;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.talent-course-exch-mine-footer {
  padding-right: 1.05rem;
}
.talent-course-exch-mine-tip {
  font-size: 0.16rem;
  color: #BEC1FF;
  margin: 0 auto 0.24rem;
  text-align: center;
}
.talent-course-exch-mine-btn {
  height: 0.32rem;
  width: 1rem;
  background-size: 100% 100%;
  cursor: pointer;
  margin: auto;
  text-align: center;
  line-height: 0.32rem;
  background-image: url('/static/images/activity/talent/exchange-btn.png');
  font-size: 0.14rem;
  color: #fff;
  font-weight: 500;
}
.talent-course-exch-address {
  width: 684px;
  margin: 80px auto 0;
  border-radius: 0;
  /* 输入框的样式 */
  --ac-input-normal-bcolor: #D5D8E6;
  --ac-input-focus-bcolor: #2EB6E5;
  --ac-input-error-bcolor: #E52B23;
}
.talent-course-exch-address-content {
  padding: 48px 60px 0;
}
.talent-course-exch-address-item {
  margin-bottom: 24px;
  position: relative;
}
.talent-course-exch-address .ant-input {
  width: 100%;
  border: 2px solid #D5D8E5;
  outline: none;
  height: 54px;
  padding: 0 17px;
  color: #162943;
  border-radius: 0;
}
.talent-course-exch-address .ant-input:focus,
.talent-course-exch-address .ant-input:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.talent-course-exch-address .name-input {
  padding: 0 50px 0 17px;
}
.talent-course-exch-address .name-data {
  position: absolute;
  color: #A5A7B5;
  right: 15px;
  top: 52px;
  font-size: 16px;
  line-height: 22px;
}
.talent-course-exch-address-title {
  font-size: 16px;
  color: #162943;
  margin-bottom: 12px;
  position: relative;
  margin-left: 20px;
}
.talent-course-exch-address-title::before {
  content: '*';
  position: absolute;
  left: -20px;
  color: #D73B2E;
  font-size: 20px;
}
.talent-course-exch-address-input {
  height: 54px;
  width: 100%;
}
.talent-course-exch-address-input .ant-select-dropdown {
  width: 560px !important;
  text-align: left;
}
.talent-course-exch-address-input .ant-select,
.talent-course-exch-address-input .ant-select-selection,
.talent-course-exch-address-input .ant-select-selection__rendered {
  width: 100px !important;
  height: 54px;
  border-radius: 0;
  line-height: 54px;
}
.talent-course-exch-address-input .ant-select-selection-selected-value {
  line-height: 50px;
}
.talent-course-exch-address-input .ant-select-selection {
  border: 2px solid #D5D8E5;
  outline: none;
  border-right: none;
}
.talent-course-exch-address-input .ant-select-selection:focus,
.talent-course-exch-address-input .ant-select-selection:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.talent-course-exch-address-btn {
  height: 50px;
  width: 324px;
  background-size: 100% 100%;
  margin: 56px auto;
  cursor: pointer;
  background-image: url('/static/images/activity/talent/write-address-btn.png');
  font-weight: 500;
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}
.talent-course-exch-address .ac-modal-close-x {
  background-image: url('/static/images/activity/talent/close-block.png');
}
.talent-modal-tip {
  border-radius: 0;
}
.talent-modal-tip .ac-modal-cf-btn {
  background-image: url('/static/images/activity/talent/sure-btn.png');
  background-size: 100% 100%;
  color: transparent;
  border: none;
  border-radius: 0;
  width: 150px;
  background-color: #fff;
}
.talent-modal-tip .ac-modal-cf-btn-cancel {
  background-image: url('/static/images/activity/talent/close-btn.png');
}
.talent-modal-tip .ac-modal-close-x {
  background-image: url('/static/images/activity/talent/close-block.png');
}

.talent-course2 {
  padding-top: 90px;
}
.talent-course2-box {
  width: 1180px;
  margin: 0 auto;
}
.talent-course2-box:first-child {
  margin-bottom: 96px;
}
.talent-course2-box:first-child .talent-course2-title {
  margin-bottom: 40px;
  background-image: url('/static/images/activity/talent/course2-title2.png');
}
.talent-course2-box:last-child .talent-course2-title {
  background-image: url('/static/images/activity/talent/course2-title1.png');
}
.talent-course2-title {
  width: 670px;
  height: 60px;
  margin: 0 auto 74px;
  background-size: contain;
}
.talent-course2-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.talent-course2-content .talent-course2-videoItem {
  width: 280px;
  height: 280px;
  margin-right: 20px;
  margin-bottom: 24px;
  background-image: url('/static/images/activity/talent/course2-videoBox.png');
  background-size: 100% 100%;
  padding: 20px;
}
.talent-course2-content .talent-course2-videoItem:nth-child(4n) {
  margin-right: 0;
}
.talent-course2-content > div {
  font-weight: 500;
  font-size: 16px;
  line-height: 170%;
  text-align: justify;
}
.talent-course2-content .video-box {
  position: relative;
  width: 100%;
  height: 166px;
  margin-bottom: 16px;
}
.talent-course2-content .video-box > img {
  width: 100%;
  height: 100%;
}
.talent-course2-content .video-box .play-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.talent-course2-content .video-box .play-btn::after {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  cursor: pointer;
  top: 59px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("/static/images/activity/talent/play-btn.png");
  background-size: 100% 100%;
}
.talent-course2-content .talent-course2-contentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #414A6C;
}
.talent-course2-content .talent-course2-contentItem .talent-course2-left {
  width: 300px;
  height: 200px;
  margin-right: 20px;
  cursor: pointer;
}
.talent-course2-content .talent-course2-contentItem .talent-course2-left > img {
  width: 100%;
  height: 100%;
}
.talent-course2-content .talent-course2-contentItem .talent-course2-right {
  width: 850px;
}
.talent-course2-content .talent-course2-contentItem .talent-course2-right > div[status='name'] {
  margin-top: 8px;
  font-weight: 500;
  font-size: 24px;
  line-height: 41px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.talent-course2-content .talent-course2-contentItem .talent-course2-right > div[status='intro'] {
  font-weight: normal;
  width: 850px;
  font-size: 18px;
  line-height: 34px;
  color: #D9E8FF;
  margin-top: 13px;
  height: 66px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.talent-course2-content .talent-course2-contentItem .talent-course2-right > div[status='date'] {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-top: 40px;
  color: #A6A8C4;
}
.EM-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 103;
}
.EM-video-modal .EM-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.EM-video-modal .EM-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 12rem;
  height: 6.03rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.EM-video-modal .EM-video-video {
  width: 11rem;
  height: auto;
}
.EM-video-modal .EM-video-video video {
  width: 100%;
  height: 100%;
}
.EM-video-modal .EM-video-video video:focus {
  outline: none;
}
.EM-video-modal .EM-video-close {
  margin-left: 0.04rem;
  width: 0.66rem;
  height: 0.66rem;
  background: url("https://gameacademy.res.netease.com/web_event_dev_qzif8fmq/images/ac/mg/course/close.png") no-repeat;
  background-size: 0.66rem 0.66rem;
  cursor: pointer;
}

.video-js-box-job_practice .video-js {
  width: 100%;
  height: 60vh;
}
.video-js-box-job_practice .video-js button.vjs-big-play-button {
  width: 1rem;
  height: 1rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: url("/static/images/activity/job_practice/video-icon.png") no-repeat;
  background-size: 1rem auto;
  border: none;
}
.video-js-box-job_practice .video-js button.vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}
.video-js-box-job_practice .video-js div.vjs-time-control {
  display: block;
}
.video-js-box-job_practice .video-js div.vjs-remaining-time {
  display: none;
}

.talent {
  width: 100%;
  min-width: 1200px;
}
.talent-head {
  width: 100%;
}
.talent-head > img {
  width: 100%;
  height: auto;
}
.talent-nav {
  width: 100%;
  height: 64px;
  background-image: url("/static/images/activity/talent/bg-nav.png");
  background-size: 100% 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.talent-nav .nav-Item {
  width: 228px;
  text-align: center;
  height: 64px;
  cursor: pointer;
  background-size: 228px 64px;
}
.talent-nav .nav-Item[status='intro'] {
  background-image: url("/static/images/activity/talent/nav1.png");
}
.talent-nav .nav-Item[status='course'] {
  background-image: url("/static/images/activity/talent/nav2.png");
}
.talent-nav .nav-Item[status='course2'] {
  background-image: url("/static/images/activity/talent/nav3.png");
}
.talent-nav .nav-Item + .nav-Item {
  margin-left: 60px;
}
.talent-nav .nav-Item.active {
  color: #144f62;
}
.talent-nav .nav-Item.active[status='intro'] {
  background-image: url("/static/images/activity/talent/nav1-active.png");
}
.talent-nav .nav-Item.active[status='course'] {
  background-image: url("/static/images/activity/talent/nav2-active.png");
}
.talent-nav .nav-Item.active[status='course2'] {
  background-image: url("/static/images/activity/talent/nav3-active.png");
}
.talent-wrap {
  width: 100%;
  min-width: 1200px;
  background-image: url("/static/images/activity/talent/bg-wrap.png");
  background-repeat: repeat;
  background-size: 100% auto;
  color: #D9E8FF;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\F101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C";
}
.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10D";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}
.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: -1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
.video-container {
  height: 562px;
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.video-container .bottom-mask {
  position: absolute;
  width: 100%;
  height: 160px;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 50;
}
.video-container .video-js {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-container > img {
  width: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-container .video-play {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 80px;
  background: url('/static/icons/play_big@2x.png') no-repeat;
  background-size: 100% 100%;
  z-index: 11;
  cursor: pointer;
}
.video-container .video-mask {
  position: absolute;
  height: 562px;
  width: 1000px;
  background: #000;
  opacity: 0.32;
}
.video-container .video-js .vjs-big-play-button {
  display: none;
}
.video-container .video-js .vjs-play-control {
  width: 24px;
  margin-right: 24px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-play-control .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/static/icons/play copy@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
}
.video-container .video-js .vjs-play-control .vjs-icon-placeholder:hover {
  background-position: -24px;
}
.video-container .video-js .vjs-play-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.video-container .video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 14px;
  line-height: 70px;
  text-align: center;
  min-width: 10px;
  padding-left: 0;
  padding-right: 0;
}
.video-container .video-js .vjs-volume-panel {
  position: absolute;
  right: 44px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level:before {
  left: -0.35em;
}
.video-container .video-js .vjs-volume-panel .vjs-slider-vertical {
  height: 64%;
  margin-top: 34%;
}
.video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
}
.video-container .video-js .vjs-volume-panel .vjs-volume-control {
  height: 132px;
  width: 82px;
  background: url('/static/images/2@2x.png') no-repeat;
  background-size: 82px 132px;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  bottom: 19em;
  opacity: 0;
}
.video-container .video-js .vjs-volume-panel .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/static/icons/sound@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
  margin-right: 0px;
  margin-left: 24px;
}
.video-container .video-js .vjs-volume-panel .vjs-icon-placeholder::before {
  content: '' !important;
}
.video-container .video-js .vjs-volume-panel:hover .vjs-icon-placeholder {
  background-position: -24px;
}
.video-container .video-js .vjs-volume-panel:hover .vjs-volume-control {
  left: -0.5rem !important;
  bottom: 154px;
  opacity: 1;
  width: 80px;
  height: 130px;
}
.video-container .video-js .vjs-poster {
  background-size: cover;
}
.video-container .video-js .vjs-fullscreen-control {
  position: absolute;
  right: 0px;
  width: 24px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/static/icons/full screen@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
}
.video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.video-container .video-js .vjs-fullscreen-control:hover .vjs-icon-placeholder {
  background-position: -24px !important;
}
.video-container .video-js .vjs-progress-control {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
  height: 0.5em;
}
.video-container .video-js .vjs-progress-control .vjs-time-tooltip {
  display: none !important;
}
.video-container .video-js .vjs-progress-control .vjs-mouse-display {
  display: none !important;
}
.video-container .video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
  font-size: 5px !important;
}
.video-container .video-js .vjs-progress-control .vjs-play-progress {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  border-radius: 2px;
}
.video-container .video-js .vjs-progress-control .vjs-play-progress::before {
  font-size: 20px !important;
}
.video-container .video-js .vjs-control-bar {
  z-index: 51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  width: 95%;
  margin: 0 auto;
  background: none;
}
.video-container .video-js .vjs-control-bar > div {
  display: block;
}
.video-container .video-js .vjs-control-bar button {
  outline: none;
}
.video-container .video-js .vjs-control-bar .sharpness {
  position: absolute;
  right: 88px;
  background: none;
  width: 48px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-control-bar .sharpness span {
  position: absolute;
  height: 26px;
  width: 48px;
  background: #282029;
  border-radius: 13px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  text-align: center;
}
.video-container .video-js .vjs-control-bar .sharpness ul {
  position: absolute;
  list-style: none;
  display: none;
  width: 142px;
  height: 172px;
  background: url('/static/images/1@2x.png') no-repeat;
  background-size: 142px 172px;
  top: -155px;
  left: -47px;
  border-radius: 5px;
  overflow: hidden;
  padding-top: 24px;
}
.video-container .video-js .vjs-control-bar .sharpness ul li {
  float: left;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.video-container .video-js .vjs-control-bar .sharpness ul li:hover {
  color: #D0021B;
}
.video-container .video-js .vjs-control-bar .sharpness:hover ul {
  display: block;
}
.video-container .video-js .vjs-control-bar .next {
  width: 24px;
  height: 30px;
  margin-top: 20px;
  background: url('/static/icons/next copy@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
  margin-right: 24px;
  cursor: pointer;
}
.video-container .video-js .vjs-control-bar .next:hover {
  background-position: -24px;
}
.video-container .video-js .vjs-control-bar .vjs-icon-placeholder::before {
  font-size: 24px !important;
  line-height: 2.67;
}
.video-container .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: 3.8em;
}
.video-container .vjs-playing .vjs-play-control .vjs-icon-placeholder {
  background: url('/static/icons/pause@2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
}
.video-container .vjs-playing .vjs-play-control:hover {
  background-position: -24px;
}
.video-modal .ant-modal-header {
  border-radius: 12px 12px 0 0;
  border-bottom: 0;
}
.video-modal .ant-modal-header .ant-modal-title {
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  font-weight: bold;
}
.video-modal .ant-modal-content {
  width: 380px;
}
.video-modal .ant-modal-body {
  height: auto;
  padding: 0 24px 60px;
  font-size: 15px;
  color: #9A9DAB;
}
.video-modal .ant-modal-footer {
  border-top: 0;
  padding: 10px 24px 24px;
}
.video-modal .ant-modal-footer button + button {
  margin-left: 20px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course-video-detail-container {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
  line-height: 1.75;
  letter-spacing: 0.062em;
}
.course-video-detail-container h1,
.course-video-detail-container h2,
.course-video-detail-container h3,
.course-video-detail-container h4,
.course-video-detail-container h5,
.course-video-detail-container h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.course-video-detail-container h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.course-video-detail-container h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.course-video-detail-container h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.course-video-detail-container h4,
.course-video-detail-container h5,
.course-video-detail-container h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.course-video-detail-container p,
.course-video-detail-container section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.course-video-detail-container figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.course-video-detail-container blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course-video-detail-container .course-count {
  border-bottom: 1px solid #EEEEF2;
  position: relative;
}
.course-video-detail-container .course-count .course-left {
  float: left;
  width: 650px;
  margin: 24px 0px;
}
.course-video-detail-container .course-count .course-left h3 {
  font-size: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  line-height: 38px;
}
.course-video-detail-container .course-count .course-left p {
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
}
.course-video-detail-container .course-count .course-left em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #A1A5B3;
  vertical-align: middle;
  margin: 0 5px;
}
.course-video-detail-container .course-count .course-right {
  float: right;
  width: 350px;
  height: 72px;
}
.course-video-detail-container .course-count .course-right .ns-zan {
  width: 250px;
  height: 52px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.course-video-detail-container .course-count .course-right .ns-zan p {
  text-align: center;
}
.course-video-detail-container .course-section-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.course-video-detail-container .course-section-2 .section-left {
  width: 600px;
}
.course-video-detail-container .course-section-2 .section-right {
  width: 340px;
}
.course-video-detail-container .course-section-2 .section-right .section-title {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 48px;
  font-weight: 700;
}
.course-video-detail-container .course-section-2 .section-right .section-title-course {
  margin-top: 0;
}
.course-video-detail-container .course-list {
  margin-bottom: 36px;
}
.course-video-detail-container .course-video-item {
  width: 340px;
  height: 56px;
  border-radius: 8px;
  background: #F9F9FC;
  padding: 18px 18px 18px 13px;
  margin-bottom: 12px;
  cursor: pointer;
}
.course-video-detail-container .course-video-item i {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: top;
  margin-top: 3px;
  background: url('/static/icons/play_small@2x.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-right: 5px;
}
.course-video-detail-container .course-video-item .item-isplaying {
  margin-left: 0;
  color: #D0021B;
}
.course-video-detail-container .course-video-item p {
  font-size: 14px;
  color: #2E2E33;
  line-height: 20px;
  margin-left: 21px;
}
.course-video-detail-container .course-video-item:hover p {
  color: #D0021B;
}
.course-video-detail-container .course-detail {
  margin-bottom: 48px;
}
.course-video-detail-container .course-detail > p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
}
.course-video-detail-container .course-detail h3 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.course-video-detail-container .course-detail .course-author {
  margin-bottom: 48px;
  overflow: hidden;
}
.course-video-detail-container .course-detail .course-author > div:nth-of-type(1) {
  float: left;
  width: 72px;
  height: 72px;
  margin-right: 16px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.course-video-detail-container .course-detail .course-author > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course-video-detail-container .course-detail .course-author > div:nth-of-type(2) {
  margin-left: 88px;
  overflow: hidden;
}
.course-video-detail-container .course-detail .course-author > div:nth-of-type(2) h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 4px;
  margin-top: 10px;
}
.course-video-detail-container .course-detail .course-author > div:nth-of-type(2) p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.course-video-detail-container .ralated-item {
  cursor: pointer;
  margin-bottom: 24px;
  overflow: hidden;
  display: block;
}
.course-video-detail-container .ralated-item > div:nth-of-type(1) {
  float: left;
  width: 160px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 14px;
  position: relative;
}
.course-video-detail-container .ralated-item > div:nth-of-type(1) img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
}
.course-video-detail-container .ralated-item > div:nth-of-type(1):hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.course-video-detail-container .ralated-item > div:nth-of-type(2) {
  margin-left: 174px;
}
.course-video-detail-container .ralated-item > div:nth-of-type(2) p {
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 24px;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.course-video-detail-container .ralated-item > div:nth-of-type(2) p span {
  display: inline-block;
  background-image: -webkit-gradient(linear, right top, left top, from(#B4CAC0), to(#A7C0B4));
  background-image: -o-linear-gradient(right, #B4CAC0 0%, #A7C0B4 100%);
  background-image: linear-gradient(-90deg, #B4CAC0 0%, #A7C0B4 100%);
  border-radius: 6px;
  color: #FFFFFF;
  height: 24px;
  padding: 0 7px;
  margin-right: 7px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.nshow-navigations-container {
  width: 1000px;
}
.ns-container {
  width: 1000px;
  margin-bottom: 100px;
}
.author-detail {
  width: 1000px;
}
.author-detail h3 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 16px;
  font-weight: 700;
}
.author-detail .author-contant {
  min-height: 72px;
  margin-bottom: 48px;
}
.author-detail .author-contant-left {
  float: left;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.author-detail .author-contant-left img {
  height: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.author-detail .author-contant-right {
  margin-left: 88px;
  overflow: hidden;
}
.author-detail .author-contant-right h4 {
  font-size: 18px;
  line-height: 25px;
  color: #2E2E33;
  margin-top: 11px;
  margin-bottom: 4px;
}
.author-detail .author-contant-right h4 > span {
  line-height: 25px;
  margin-left: 12px;
}
.author-detail .author-contant-right p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.article-detail {
  margin-bottom: 40px;
}
.article-detail img {
  max-width: 100%;
  height: auto !important;
}
.article-detail h4 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
}
.article-detail .line {
  height: 1px;
  width: 100%;
  margin: 32px auto;
  background: #f5f5f9;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.ns-massage {
  margin-bottom: 32px;
  border-bottom: 1px solid #EEEEF2;
}
.ns-massage .ns-message-title {
  width: 680px;
  color: #2E2E33;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 10px;
  font-weight: 700;
}
.ns-massage .ns-massage-buttom {
  position: relative;
}
.ns-massage .ns-massage-buttom .ns-content {
  width: 680px;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  line-height: 20px;
}
.ns-massage .ns-massage-buttom .float-left {
  float: left;
  margin: 24px 0;
}
.ns-massage .ns-massage-buttom .ns-zan {
  width: 250px;
  height: 72px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ns-massage .ns-massage-buttom:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.news-detail {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px !important;
}
.news-detail .line {
  margin: 32px 0;
  height: 0;
  border-bottom: 1px solid #EEEEF2;
}
.news-detail .navigation {
  height: 53px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 20px;
}
.news-detail .navigation .navigation-text {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 16px;
}
.news-detail .navigation .navigation-title {
  color: #A1A5B3;
}
.news-detail .navigation .navigation-link {
  cursor: pointer;
  color: #6A6D7A;
}
.news-detail .navigation .navigation-link:hover > span {
  color: #D83B2F;
}
.news-detail-breadcrumb {
  margin-top: 20px;
}
.news-detail-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEF2;
  position: relative;
}
.news-detail-title h2 {
  color: #2E2E33;
  font-size: 26px;
  line-height: 34px;
  max-width: 700px;
  font-weight: bold;
  margin-bottom: 10px;
  max-height: 68px;
}
.news-detail-title p {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 14px;
  margin-bottom: 0;
}
.news-detail-action {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 250px;
  height: 72px;
}
.news-detail-action-item {
  margin-left: 32px;
  text-align: center;
}
.news-detail-action-item img {
  width: 24px;
  height: 24px;
  margin-top: 8px;
}
.news-detail-action-item p {
  font-size: 14px;
  color: #2E2E33;
  margin-bottom: 0px;
}
.news-detail-content {
  width: 1000px;
  margin-top: 24px;
  line-height: 1.75;
  letter-spacing: 0.062em;
}
.news-detail-content .word {
  width: 100%;
  overflow: hidden;
}
.news-detail-content img {
  max-width: 100%;
  height: auto !important;
}
.news-detail-content h1,
.news-detail-content h2,
.news-detail-content h3,
.news-detail-content h4,
.news-detail-content h5,
.news-detail-content h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.news-detail-content h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.news-detail-content h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.news-detail-content h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.news-detail-content h4,
.news-detail-content h5,
.news-detail-content h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.news-detail-content p,
.news-detail-content section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.news-detail-content figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.news-detail-content blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.iframe {
  width: 100%;
  min-width: 800px;
}
.course-comment {
  width: 100%;
  margin-top: 40px;
}

.master-author-detail {
  width: 100%;
  height: 136px;
  background: url('/static/images/course/master-author.png') no-repeat;
  background-size: 1000px 136px;
  background-position: 0 0;
  border-radius: 8px;
  padding: 32px 61px 32px 32px;
  position: relative;
}
.master-author-detail .left-img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
  float: left;
}
.master-author-detail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.master-author-detail > div:nth-of-type(2) {
  margin-left: 88px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.master-author-detail > div:nth-of-type(2) h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 4px;
  color: #2E2E33;
}
.master-author-detail > div:nth-of-type(2) p {
  font-size: 14px;
  line-height: 22px;
  color: #2E2E33;
  margin-top: 4px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.trainArticle-container {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.trainArticle-container .hr {
  margin: 40px 0;
  height: 0;
  border-bottom: 1px solid #EEEEF2;
}
.trainArticle-container p {
  margin: 0;
  margin-bottom: 0;
  word-wrap: break-word;
}
.trainArticle-container .course-title {
  line-height: 44px;
  font-size: 26px;
  color: #2E2E33;
  margin-bottom: 0;
  font-weight: bold;
}
.trainArticle-container .course-title > p {
  font-size: 14px;
  line-height: 20px;
  color: #a1a5b3;
  margin-bottom: 0;
  font-weight: 400;
  margin-top: 4px;
}
.trainArticle-container .course-title > p > span {
  padding-right: 12px;
}
.trainArticle-container .course-author {
  width: 100%;
  height: 48px;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.trainArticle-container .course-author .left-img {
  width: 48px;
  height: 48px;
  margin-right: 12px;
}
.trainArticle-container .course-author .left-img > img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.trainArticle-container .course-author .right-content > h4 {
  color: #2E2E33;
  margin-bottom: 2px;
  margin-top: 2px;
}
.trainArticle-container .course-author .right-content > p {
  color: #A1A5B3;
}
.trainArticle-container .course-author .right-content > p > span:nth-of-type(2) {
  margin-left: 12px;
}
.trainArticle-container .tip-line {
  height: 1px;
  width: 100%;
  background: #EEEEF2;
  margin: 24px auto;
}
.trainArticle-container .course-count {
  padding-bottom: 24px;
  position: relative;
  min-height: 74px;
}
.trainArticle-container .course-count .course-left {
  width: 750px;
}
.trainArticle-container .course-count .course-left .left-img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 11px;
  float: left;
}
.trainArticle-container .course-count .course-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.trainArticle-container .course-count .course-left > div:nth-of-type(2) {
  margin-left: 59px;
}
.trainArticle-container .course-count .course-left > div:nth-of-type(2) h4 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  color: #2E2E33;
}
.trainArticle-container .course-count .course-left > div:nth-of-type(2) p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.trainArticle-container .course-count .course-left > div:nth-of-type(2) em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #6A6D7A;
  vertical-align: middle;
  margin: 0 5px;
}
.trainArticle-container .course-count .course-right {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -12px;
  width: 250px;
  height: 72px;
}
.trainArticle-container .article-detail {
  width: 100%;
  font-size: 16px;
}
.trainArticle-container .article-detail img {
  max-width: 100%;
  height: auto !important;
}
.trainArticle-container .course-comment {
  width: 100%;
  margin-top: 40px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.strain-course-video-detail-container {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.strain-course-video-detail-container p {
  margin: 0;
}
.strain-course-video-detail-container .course-count {
  border-bottom: 1px solid #EEEEF2;
  position: relative;
}
.strain-course-video-detail-container .course-count .course-left {
  margin: 24px 0px;
}
.strain-course-video-detail-container .course-count .course-left h3 {
  font-size: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  line-height: 38px;
}
.strain-course-video-detail-container .course-count .course-left p {
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
}
.strain-course-video-detail-container .course-count .course-left p > span:nth-of-type(4) {
  padding-left: 16px;
}
.strain-course-video-detail-container .course-count .course-left em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #A1A5B3;
  vertical-align: middle;
  margin: 0 2px;
  margin-top: -4px;
}
.strain-course-video-detail-container .course-count .course-right {
  float: right;
  width: 250px;
  height: 72px;
}
.strain-course-video-detail-container .course-count .course-right .ns-zan {
  width: 250px;
  height: 52px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.strain-course-video-detail-container .course-section-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.strain-course-video-detail-container .course-section-2 .section-left {
  width: 600px;
}
.strain-course-video-detail-container .course-section-2 .section-right {
  width: 340px;
}
.strain-course-video-detail-container .course-section-2 .section-right .section-title {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 48px;
  font-weight: 700;
}
.strain-course-video-detail-container .course-section-2 .section-right .section-title-course {
  margin-top: 0;
}
.strain-course-video-detail-container .course-section-2 .section-right .question-head .question-asking {
  margin-right: 0;
}
.strain-course-video-detail-container .course-section-2 .section-right .question-list-Item {
  background: #F9F9FC;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 8px;
}
.strain-course-video-detail-container .course-section-2 .section-right .question-list-Item > div {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.strain-course-video-detail-container .course-section-2 .section-right .question-list .tips-line {
  display: none;
}
.strain-course-video-detail-container .course-list {
  margin-bottom: 36px;
}
.strain-course-video-detail-container .course-video-item {
  width: 340px;
  height: 56px;
  border-radius: 8px;
  background: #F9F9FC;
  padding: 18px 18px 18px 13px;
  margin-bottom: 12px;
  cursor: pointer;
}
.strain-course-video-detail-container .course-video-item i {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: top;
  margin-top: 3px;
  background: url('/static/icons/play_small@2x.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-right: 5px;
}
.strain-course-video-detail-container .course-video-item .item-isplaying {
  margin-left: 0;
  color: #D0021B;
}
.strain-course-video-detail-container .course-video-item p {
  font-size: 16px;
  color: #2E2E33;
  line-height: 20px;
  margin-left: 21px;
}
.strain-course-video-detail-container .course-video-item:hover p {
  color: #D0021B;
}
.strain-course-video-detail-container .course-detail {
  margin-bottom: 48px;
}
.strain-course-video-detail-container .course-detail > p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  word-wrap: break-word;
}
.strain-course-video-detail-container .course-detail h3 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.strain-course-video-detail-container .course-detail h3:nth-of-type(2) {
  margin-bottom: 8px;
}
.strain-course-video-detail-container .course-detail .course-author {
  margin-bottom: 48px;
  overflow: hidden;
}
.strain-course-video-detail-container .course-detail .course-author > div:nth-of-type(1) {
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 16px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.strain-course-video-detail-container .course-detail .course-author > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.strain-course-video-detail-container .course-detail .course-author > div:nth-of-type(2) {
  margin-left: 80px;
  overflow: hidden;
}
.strain-course-video-detail-container .course-detail .course-author > div:nth-of-type(2) h4 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 8px;
  margin-top: 10px;
  color: #2E2E33;
}
.strain-course-video-detail-container .course-detail .course-author > div:nth-of-type(2) h4 span {
  padding-left: 16px;
}
.strain-course-video-detail-container .course-detail .course-author > div:nth-of-type(2) p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  word-wrap: break-word;
}
.strain-course-video-detail-container .ralated-item {
  cursor: pointer;
  margin-bottom: 24px;
  overflow: hidden;
}
.strain-course-video-detail-container .ralated-item > div:nth-of-type(1) {
  float: left;
  width: 160px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 14px;
  position: relative;
}
.strain-course-video-detail-container .ralated-item > div:nth-of-type(1) img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.strain-course-video-detail-container .ralated-item > div:nth-of-type(1):hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.strain-course-video-detail-container .ralated-item > div:nth-of-type(2) {
  margin-left: 174px;
}
.strain-course-video-detail-container .ralated-item > div:nth-of-type(2) p {
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 24px;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.strain-course-video-detail-container .ralated-item > div:nth-of-type(2) p span {
  display: inline-block;
  background-image: -webkit-gradient(linear, right top, left top, from(#B4CAC0), to(#A7C0B4));
  background-image: -o-linear-gradient(right, #B4CAC0 0%, #A7C0B4 100%);
  background-image: linear-gradient(-90deg, #B4CAC0 0%, #A7C0B4 100%);
  border-radius: 6px;
  color: #FFFFFF;
  height: 24px;
  padding: 0 7px;
  margin-right: 7px;
}
.ant-modal-content {
  border-radius: 12px;
}
.ant-modal-content .ant-modal-header {
  border-radius: 12px 12px 0 0 ;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.enclosure > h3 {
  font-size: 20px;
  color: #2E2E33;
  margin-bottom: 0;
  font-weight: bold;
}
.enclosure-detail {
  position: relative;
  width: 100%;
  min-height: 96px;
  background: #F9F9FC;
  margin: 17px auto 47px;
  padding: 11px 12px 13px;
  border-radius: 8px;
}
.enclosure-detail-Item {
  position: relative;
  width: 100%;
  height: 72px;
  background: #F9F9FC;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 8px;
}
.enclosure-detail-Item div:nth-of-type(2) {
  width: 100%;
  padding-right: 160px;
}
.enclosure-detail-Item div:nth-of-type(2) h4 {
  font-size: 16px;
}
.enclosure-detail-Item .enclosure_icon > img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.enclosure-detail-download {
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #a1a5b3;
  font-size: 14px;
  margin-right: 8px;
  position: absolute;
  right: 5px;
  top: 20px;
  color: #2E2E33;
  cursor: pointer;
}
.enclosure-detail-download:hover {
  color: #D83B2F;
  border-color: #D83B2F;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.grade-detail-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.grade-detail-container .error {
  color: #D83B2F;
}
.grade-detail-container .warn {
  color: #EAC54E;
}
.grade-detail-container .success {
  color: #00B24A;
}
.grade-detail-container .link {
  cursor: pointer;
}
.grade-detail-container .ant-table-body .ant-table-thead > tr {
  background-color: transparent;
}
.grade-detail-container .ant-table-body .ant-table-thead th {
  background-color: transparent;
  padding: 24px 0 16px 0;
  font-size: 16px;
  color: #A1A5B3;
  font-weight: normal;
  border-color: #F5F5F9;
}
.grade-detail-container .ant-table-body .ant-table-tbody > tr:hover > td {
  background: #FAFAFC;
}
.grade-detail-container .ant-table-body .ant-table-tbody td {
  padding: 38px 0 36px 0;
  border-color: #F5F5F9;
  font-size: 16px;
  line-height: 22px;
}
.grade-detail-container .ant-table-body .overflow-td {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.quizDetail {
  width: 1000px;
  margin: 0 auto;
}
.quizDetail .link {
  cursor: pointer;
}
.quizDetail-detail > h2 {
  font-size: 20px;
  line-height: 32px;
  color: #2E2E33;
  font-weight: bold;
  margin-bottom: 8px;
  word-break: break-word;
}
.quizDetail-detail > P {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
}
.quizDetail-detail > P .course-title {
  float: right;
  margin-left: 12px;
  padding: 0 8px;
  line-height: 26px;
  background: #F9F9FC;
  color: #6A6D7A;
  border-radius: 6px;
  cursor: pointer;
}
.quizDetail-detail > P .course-title:hover {
  color: #2E2E33;
}
.quizDetail .head-tip-line {
  width: 100%;
  height: 1px;
  background: #EEEEF2;
  margin: 24px 0px 24px;
}
.quizDetail .quizDetail-teacher > h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
}
.quizDetail .quizDetail-teacher-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 16px;
}
.quizDetail .quizDetail-teacher-detail > div:nth-child(1) {
  width: 48px;
  height: 48px;
  margin-right: 16px;
}
.quizDetail .quizDetail-teacher-detail > div:nth-child(1) > img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quizDetail .quizDetail-teacher-detail .answer {
  color: #A1A5B3;
}
.quizDetail .quizDetail-teacher-detail .noAnswer {
  color: #A1A5B3;
}
.quizDetail .quizDetail-teacher-detail .answer-detail {
  padding: 12px 20px 14px 16px;
  background: #F9F9FC;
  margin-top: 12px;
  border-radius: 8px;
}
.quizDetail .quizDetail-teacher-detail > div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.quizDetail .quizDetail-teacher-detail > div:nth-child(2) > h4 {
  font-size: 16px;
  margin-right: 16px;
  line-height: 25px;
  margin-bottom: 0;
}
.quizDetail .quizDetail-teacher-detail > div:nth-child(2) > h4 span {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 25px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  margin-left: 16px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.degree_start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
}
.degree_start .start {
  width: 24px;
  height: 24px;
  background: url('/static/images/train/start.png') no-repeat;
  background-size: 24px auto;
}
.degree_start .start + .start {
  margin-left: 2px;
}
.degree_start .start.active {
  background: url('/static/images/train/slect_start.png') no-repeat;
  background-size: 24px auto;
}
.degree_start > span {
  margin-left: 16px;
  display: inline-block;
  font-size: 14px;
  color: #8A8A99;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.RecruitmentInfo {
  width: 100%;
}
.RecruitmentInfo-Item {
  padding: 0 32px 0px;
}
.RecruitmentInfo-Item > h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 32px 0 18px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info {
  border: 1px solid #ecedf0;
  border-radius: 8px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p {
  width: 328px;
  height: 64px;
  line-height: 64px;
  margin-bottom: 0;
  padding-left: 20px;
  border-right: 1px solid #ecedf0;
  border-bottom: 1px solid #ecedf0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p > span {
  padding-left: 20px;
  color: #2e2e33;
  font-weight: 600;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p:nth-child(2n) {
  border-right: none;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p.written-report {
  width: 656px;
  border-right: none;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p.written-report a {
  color: #3D87FF;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #ecedf0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-th,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td {
  width: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-th {
  height: 58px;
  line-height: 58px;
  text-align: left;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > p,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > div {
  font-size: 14px;
  line-height: 20px;
  color: #2e2e33;
  margin-bottom: 8px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > p > span,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > div > span {
  padding-left: 6px;
  color: #8a8a99;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > p.single {
  font-size: 24px;
  font-weight: 600;
  color: #2e2e33;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-evaluate {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #ecedf0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-evaluate .title {
  color: #8a8a99;
  margin-top: 24px;
  margin-bottom: 0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-evaluate .evaluate {
  color: #2e2e33;
  line-height: 22px;
  margin-top: 8px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 20px 20px 20px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .left,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .right {
  width: 376px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .left > p,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .right > p {
  margin-top: 24px;
  margin-bottom: 0;
  color: #2e2e33;
  white-space: nowrap;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .left > p > span,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .right > p > span {
  display: inline-block;
  width: 104px;
  color: #8a8a99;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview > div.right {
  width: 280px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .enclosure {
  height: 28px;
  line-height: 32px;
  margin-bottom: 0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .enclosure > span {
  display: inline-block;
  width: 104px;
  color: #8a8a99;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .enclosure > a {
  color: #3D87FF;
}
.RecruitmentInfo-Item .other-info {
  padding: 14px 20px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.task-detail-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.task-detail-container p {
  margin-bottom: 0;
}
.task-detail-container .error {
  color: #D83B2F;
}
.task-detail-container .link {
  cursor: pointer;
}
.task-detail-container .task-score-status {
  font-weight: 400;
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
}
.task-detail-container .upload-input,
.task-detail-container .re-upload-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.task-detail-container .task-module {
  border-bottom: 1px solid #EEEEF2;
  color: #2E2E33;
  padding-bottom: 24px;
}
.task-detail-container .task-module .title {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px;
  font-size: 20px;
}
.task-detail-container .task-module + .task-module {
  margin-top: 24px;
}
.task-detail-container .task-request-border {
  border-bottom: none;
}
.task-detail-container .task-title .title {
  font-size: 26px;
  line-height: 32px;
}
.task-detail-container .task-title .content {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 20px;
}
.task-detail-container .task-title .error {
  margin-left: 16px;
}
.task-detail-container .task-grade .title {
  margin-bottom: 0;
}
.task-detail-container .task-grade .title .error {
  margin-left: 20px;
  font-weight: 400 !important;
}
.task-detail-container .task-grade .content {
  font-size: 15px;
  line-height: 2;
}
.task-detail-container .task-request .title {
  margin-bottom: 16px;
}
.task-detail-container .task-action {
  border-bottom: none;
  padding-bottom: 0;
}
.task-detail-container .task-action .rule {
  font-size: 14px;
  color: #6A6D7A;
  line-height: 24px;
  margin-bottom: 24px;
}
.task-detail-container .task-action .btn {
  outline: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: 112px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border: none;
}
.task-detail-container .task-action .file .current-file {
  padding: 24px 24px 24px 84px;
  background: #F9F9FC;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.task-detail-container .task-action .file .current-file .info .file-title {
  font-size: 14px;
  color: #2E2E33;
  line-height: 20px;
  width: 434px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.task-detail-container .task-action .file .current-file .info .file-size {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 22px;
  margin-top: 4px;
}
.task-detail-container .task-action .file .current-file .action .ant-btn {
  min-width: 96px;
  border-radius: 8px;
  background: transparent;
}
.task-detail-container .task-action .file .current-file:after {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url('/static/images/train/zip.png') no-repeat;
  background-size: 48px 48px;
  border-radius: 50%;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -24px;
}
.task-detail-container .task-action .file .submit-btn {
  margin-top: 24px;
}
.task-detail-container .task-action .file .file-comment {
  font-size: 20px;
  color: #2E2E33;
  line-height: 20px;
  margin-top: 48px;
}
.task-detail-container .task-action .file .file-comment > label {
  font-weight: bold;
  color: inherit;
}
.task-detail-container .task-action .file .file-comment__res {
  font-weight: normal;
}
.task-detail-container .task-action .file .file-comment__value {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
}
.task-detail-container .primaryColor {
  color: #D83B2F;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.task-teacher-detail-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.task-teacher-detail-container .error {
  color: #D83B2F;
}
.task-teacher-detail-container .link {
  cursor: pointer;
}
.task-teacher-detail-container .upload-input,
.task-teacher-detail-container .re-upload-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.task-teacher-detail-container .task-module {
  border-bottom: 1px solid #EEEEF2;
  color: #2E2E33;
  padding-bottom: 24px;
}
.task-teacher-detail-container .task-module .title {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px;
  font-size: 20px;
}
.task-teacher-detail-container .task-module + .task-module {
  margin-top: 24px;
}
.task-teacher-detail-container .task-title .title {
  font-size: 26px;
  line-height: 34px;
}
.task-teacher-detail-container .task-title .content {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 20px;
}
.task-teacher-detail-container .task-title .error {
  margin-left: 16px;
}
.task-teacher-detail-container .task-grade .title .error {
  margin-left: 20px;
}
.task-teacher-detail-container .task-grade .content {
  font-size: 15px;
  line-height: 2;
}
.task-teacher-detail-container .task-request {
  border-bottom: none;
}
.task-teacher-detail-container .task-request .title {
  margin-bottom: 16px;
}
.task-teacher-detail-container .task-action {
  border-bottom: none;
}
.task-teacher-detail-container .task-action .rule {
  font-size: 14px;
  color: #6A6D7A;
  line-height: 24px;
  margin-bottom: 24px;
}
.task-teacher-detail-container .task-action .btn {
  outline: none;
  background-image: -webkit-gradient(linear, right top, left top, from(#E9653F), color-stop(49%, #D83A34), to(#D52E4C));
  background-image: -o-linear-gradient(right, #E9653F 0%, #D83A34 49%, #D52E4C 100%);
  background-image: linear-gradient(-90deg, #E9653F 0%, #D83A34 49%, #D52E4C 100%);
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: 112px;
  height: 40px;
  cursor: pointer;
  border: none;
}
.task-teacher-detail-container .task-action .file .current-file {
  padding: 24px 24px 24px 84px;
  background: #F9F9FC;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.task-teacher-detail-container .task-action .file .current-file .info .file-title {
  font-size: 14px;
  color: #2E2E33;
  line-height: 20px;
  width: 434px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.task-teacher-detail-container .task-action .file .current-file .info .file-size {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 22px;
  margin-top: 4px;
}
.task-teacher-detail-container .task-action .file .current-file .action .ant-btn {
  min-width: 96px;
  border-radius: 8px;
}
.task-teacher-detail-container .task-action .file .current-file:after {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url('/static/images/train/zip.png') no-repeat;
  background-size: 48px 48px;
  border-radius: 50%;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -24px;
}
.task-teacher-detail-container .task-action .file .submit-btn {
  margin-top: 24px;
}
.task-teacher-detail-container .task-action .file .file-comment {
  font-size: 20px;
  color: #2E2E33;
  line-height: 20px;
  margin-top: 48px;
}
.task-teacher-detail-container .task-action .file .file-comment > label {
  font-weight: bold;
  color: inherit;
}
.task-teacher-detail-container .task-action .file .file-comment__res {
  font-weight: normal;
}
.task-teacher-detail-container .task-action .file .file-comment__value {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.activityDetail {
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
}
.activityDetail .navigator {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 20px 0 16px 0;
}
.activityDetail .navigator > a:nth-of-type(1) {
  color: #6A6D7A;
}
.activityDetail .navigator > a:nth-of-type(1):hover {
  color: #D83B2F;
}
.activityDetail .navigator > a:nth-of-type(2) {
  color: #A1A5B3;
}
.activityDetail .activity-msg {
  margin-top: 32px;
  width: 1000px;
  position: relative;
  margin-bottom: 100px;
}
.activityDetail .activity-msg .adit-team-name {
  color: #5A82F5;
  cursor: pointer;
  margin-left: 40px;
}
.activityDetail .activity-msg .am-left {
  width: 564px;
  border-right: 1px solid #ccc;
}
.activityDetail .activity-msg .am-left input {
  margin-left: 20px;
  border-radius: 5px;
}
.activityDetail .activity-msg .am-right {
  position: absolute;
  padding-left: 40px;
  width: 437px;
  top: 0;
  left: 563px;
  border-left: 1px solid #ccc;
}
.activityDetail .activity-msg .am-right-self {
  position: unset;
  border-left: none;
  padding: 0;
  width: 100%;
}
.activityDetail .am-left {
  padding-right: 30px;
}
.activityDetail .am-left > h3 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 24px;
  font-weight: 700;
}
.activityDetail .am-left > h3 span {
  color: red;
  float: right;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.activityDetail .am-left > p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 32px;
}
.activityDetail .am-left > div {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 24px;
  font-weight: 700;
}
.activityDetail .am-left ul li {
  margin-bottom: 24px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activityDetail .am-left ul li span {
  font-size: 18;
  line-height: 25px;
  display: inline-block;
}
.activityDetail .am-left ul li > span:nth-of-type(1) {
  width: 100px;
}
.activityDetail .am-left ul li > span:nth-of-type(2) {
  width: 123px;
}
.activityDetail .am-left ul li > span:nth-of-type(3) {
  width: 168px;
}
.activityDetail .am-left ul li > span:nth-of-type(4) {
  width: 76px;
  color: #5A82F5;
  cursor: pointer;
}
.activityDetail .am-left ul li > span:nth-of-type(5) {
  width: 50px;
  position: relative;
}
.activityDetail .am-left ul li > span:nth-of-type(5) .action {
  display: none;
  width: 100px;
  height: 60px;
  position: absolute;
  top: 24px;
  left: -25px;
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0 0 5px #ccc;
          box-shadow: 0 0 5px #ccc;
  overflow: hidden;
  background: #fff;
  z-index: 10;
}
.activityDetail .am-left ul li > span:nth-of-type(5) .action p {
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  margin: 0;
}
.activityDetail .am-left ul li > span:nth-of-type(5) .action p:hover {
  background: #f4754a;
}
.activityDetail .am-left ul li > span:nth-of-type(5):hover .action {
  display: inline-block;
}
.activityDetail .am-right h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 24px;
  font-weight: 700;
}
.activityDetail .am-right h3 span {
  color: #5A82F5;
  float: right;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.activityDetail .am-right p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 24px;
  color: #2E2E33;
}
.activityDetail .am-right p span {
  margin-left: 10px;
}
.activityDetail .detail {
  width: 100%;
  height: 224px;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEF2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.activityDetail .detail-left {
  width: 320px;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 24px;
}
.activityDetail .detail-left img {
  border-radius: 8px;
  width: 320px;
  height: 200px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.activityDetail .detail-info {
  position: relative;
}
.activityDetail .detail-info a {
  color: #2E2E33;
}
.activityDetail .detail-info > p {
  position: absolute;
  bottom: 0;
}
.activityDetail .detail-info h2 {
  max-height: 74px;
  font-size: 26px;
  color: #2e2e33;
  line-height: 37px;
}
.activityDetail .detail-info .activityItem-addr_time {
  padding-left: 25px;
  color: #2e2e33;
  margin-right: 18px;
  line-height: 22px;
}
.activityDetail .detail-info .activityItem-addr_time span {
  color: #6A6D7A;
  margin-right: 4px;
}
.activityDetail .detail-info .time {
  background: url('/static/images/activity/clock.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.activityDetail .detail-info .addr {
  background: url('/static/images/activity/addr.png') no-repeat;
  background-size: 18px 18px;
  background-position: left;
}
.activityDetail .detail:hover .detail-left img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.ant-input {
  border-radius: 8px;
}
.activity-select .ant-select-selection--single {
  height: 32px !important;
}
.activity-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 32px !important;
}
.activityDetail .activity-member:after {
  content: '';
  display: table;
  clear: both;
}
.activityDetail .activity-tabs {
  margin-top: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activityDetail .activity-tabs > div {
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #6A6D7A;
  margin-right: 40px;
  cursor: pointer;
  margin-bottom: 6px;
  white-space: nowrap;
}
.activityDetail .activity-tabs .activity-tab {
  color: #D83B2F;
  position: relative;
}
.activityDetail .activity-tabs .activity-tab::after {
  content: '';
  display: block;
  width: 24px;
  height: 3px;
  background-color: #D83B2F;
  border-radius: 2px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.activityDetail .member-personal {
  float: left;
  margin: 20px 0 20px 8px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 24px;
  width: 320px;
  height: 231px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
}
.activityDetail .member-personal-item {
  margin: 10px 0;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #2E2E33;
}
.activityDetail .member-personal-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.activityDetail .member-personal-info .cancal-enroll {
  font-size: 14px;
  position: absolute;
  right: 0px;
  bottom: -10px;
}
.activityDetail .member-personal-info .avatar {
  min-width: 70px;
  height: 70px;
}
.activityDetail .member-personal-info .avatar > img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.activityDetail .member-personal-info .info-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.activityDetail .member-personal-info .info-detail .member-personal-item {
  margin: 10px 0;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #2E2E33;
  max-width: 80%;
}
.activityDetail .member-team {
  float: right;
  margin: 20px 8px 20px 0 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 24px;
  width: 640px;
  height: 231px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7;
}
.activityDetail .personal-title {
  font-family: PingFang-SC-Heavy;
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 28px;
  height: 28px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.activityDetail .personal-title .cancel_edit {
  float: right;
  width: 100px;
  text-align: right;
}
.activityDetail .personal-title .cancel_edit > span {
  font-size: 14px;
}
.activityDetail .personal-title .cancel_edit > span + span {
  margin-left: 16px;
}
.activityDetail .personal-gender-male {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/static/images/user/male@2x.png');
  background-size: 100% 100%;
  margin-left: 4px;
  -webkit-transform: translate(0, -3px);
      -ms-transform: translate(0, -3px);
          transform: translate(0, -3px);
}
.activityDetail .personal-gender-female {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/static/images/user/female@2x.png');
  background-size: 100% 100%;
  margin-left: 4px;
  -webkit-transform: translate(0, -3px);
      -ms-transform: translate(0, -3px);
          transform: translate(0, -3px);
}
.activityDetail .quietTeam {
  font-size: 14px;
  color: red;
  float: right;
  cursor: pointer;
}
.activityDetail .team-title {
  font-family: PingFang-SC-Heavy;
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 28px;
  display: inline-block;
  -webkit-transform: translate(0, -6px);
      -ms-transform: translate(0, -6px);
          transform: translate(0, -6px);
}
.activityDetail .team-title-detail {
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #2E2E33;
  margin-left: 16px !important;
}
.activityDetail .backward-slider {
  position: absolute;
  width: 30px;
  height: 44px;
  left: -26px;
  top: 40px;
  background: url('/static/images/user/backward.png') no-repeat;
  background-position: -75px -22px;
}
.activityDetail .backward-slider:hover {
  position: absolute;
  width: 30px;
  height: 44px;
  left: -26px;
  top: 40px;
  background: url('/static/images/user/backward.png') no-repeat;
  background-position: -135px -22px;
}
.activityDetail .backward-slider-disable {
  position: absolute;
  width: 30px;
  height: 44px;
  left: -26px;
  top: 40px;
  background: url('/static/images/user/backward.png') no-repeat;
  background-position: -15px -22px;
}
.activityDetail .forward-slider {
  position: absolute;
  width: 30px;
  height: 44px;
  right: -26px;
  top: 40px;
  background: url('/static/images/user/forward.png') no-repeat;
  background-position: -75px -22px;
}
.activityDetail .forward-slider:hover {
  background: url('/static/images/user/forward.png') no-repeat;
  background-position: -135px -22px;
}
.activityDetail .forward-slider-disable {
  position: absolute;
  width: 30px;
  height: 44px;
  right: -26px;
  top: 40px;
  background: url('/static/images/user/forward.png') no-repeat;
  background-position: -15px -22px;
}
.editInfo-title {
  display: inline-block;
  width: 50px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #A1A5B3;
  text-align: left;
}
.editInfo-item-row {
  margin: 15px 0;
  position: relative;
}
.editInfo-value {
  width: 406px;
}
.editTeamInfo-header {
  margin: 20px 0 0 0;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #A1A5B3;
  text-align: left;
}
.editTeamInfo-header > div {
  display: inline-block;
}
.editTeamInfo-body-c1 {
  width: 40px;
  height: 40px;
  position: relative;
  background-size: 100% 100%;
  border-radius: 50%;
}
.editTeamInfo-body-c2,
.editTeamInfo-body-c3 {
  width: 110px;
  margin-right: 20px;
  height: 40px;
  line-height: 40px;
}
.editTeamInfo-body-c2 {
  margin-left: 10px;
}
.editTeamInfo-body > div {
  display: inline-block;
}
.editTeamInfo-body-name {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #2E2E33;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transform: translate(0, 16px);
      -ms-transform: translate(0, 16px);
          transform: translate(0, 16px);
}
.editTeamInfo-body-phone {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
}
.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}
.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}
.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}
.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}
.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}
.activityDetail div.ant-tabs-tabpane.ant-tabs-tabpane-active {
  border: 1px solid #e8e8e8;
  border-top: 0;
  margin-top: -16px;
  padding: 25px 36px 25px 16px;
}
.activityTab-row:after {
  content: '';
  display: table;
  clear: both;
}
.activityTabs {
  margin-bottom: 40px;
  margin-top: 12px;
}
.activityTabs .works_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}
.activityTabs .works_nav-Item {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}
.activityTabs .works_nav-Item + .works_nav-Item {
  margin-left: 80px;
}
.activityTabs .works_nav-Item.active:after {
  content: '';
  display: block;
  width: 18px;
  height: 3px;
  border-radius: 1px;
  background: #D83B2F;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -8px;
}
.activityTabs .ant-tabs-bar {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.activityTabs .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border: none;
  color: #6A6D7A;
  background: #fff;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.activityTabs .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 54px;
}
.activityTabs .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab::before {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.activityTabs .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  position: relative;
  color: #2E2E33;
}
.activityTabs .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  display: block;
  width: 18px;
  height: 3px;
  top: 32px;
  background: #D83B2F;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.activityTab-row {
  margin: 30px 0;
}
.activityTab-row:first-child {
  margin-top: 0;
}
.activityTab-row-c1 {
  float: left;
  width: 100px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #2E2E33;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
}
.activityTab-row-c2 {
  float: right;
  width: 840px;
}
.activityTabs .teamInfo-pic {
  display: inline-block;
  width: 186px;
  height: 105px;
  text-align: center;
  border: 1px dashed #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  background-size: 100% 100%;
}
.activityTabs .teamInfo-pic:hover {
  border-color: #e66557;
}
.activityTabs .teamInfo-pic-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  height: 100%;
}
.activityTabs .teamInfo-move {
  display: inline-block;
  width: 840px;
  height: 105px;
  text-align: center;
  border-radius: 8px;
}
.activityTabs .teamInfo-desc {
  display: inline-block;
  width: 615px;
  height: 105px;
  float: right;
}
.activityTabs .ant-input {
  line-height: 1.72 !important;
}
.activityTabs .upload-pic-icon {
  display: inline-block;
  width: 24px;
  height: 22px;
  background: url('/static/images/user/Group 3.png');
  background-size: 100% 100%;
}
.activityTabs .upload-move-icon {
  display: inline-block;
  width: 24px;
  height: 22px;
  background: url('/static/images/user/Group 3@2x.png');
  background-size: 100% 100%;
}
.activityTabs .upload-desc {
  display: inline-block;
  margin-top: 20px;
}
.upload-pic-text {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #A1A5B3;
  text-align: center;
  line-height: 20px;
}
.activityTabs div.ant-upload-list.ant-upload-list-text {
  display: none;
}
.activity-detail-link {
  display: inline-block;
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #A1A5B3;
  border-radius: 8px;
}
.activity-detail-link:hover {
  border-color: #D83B2F;
  color: #D83B2F !important;
}
.tab-operation-btn {
  text-align: center;
}
.tab-operation-btn > button {
  border-radius: 8px;
  padding: 3px 30px;
  display: inline-block;
}
.tab-view-title {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.tab-view-intro {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.tab-view-info {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.noTabDetail-container {
  height: 424px;
  position: relative;
}
.noTabDetail-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.noTabDetail-text {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}
.tab-move-view {
  width: 390px;
  height: 217px;
  background: url('/static/images/user/moveCover.png') no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  position: relative;
  display: inline-block;
}
.tab-move-view .tab-move-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url('/static/nshow-image/small@2x.png') no-repeat;
  background-size: 100% 100%;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.tab-move-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  background: rgba(0, 0, 0, 0.9);
}
.tab-move-show {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tab-move-close {
  position: absolute;
  top: 64px;
  right: 64px;
  background: url('/static/nshow-image/delete@2x.png') no-repeat;
  background-size: 192px 64px;
  cursor: pointer;
  width: 64px;
  height: 64px;
}
.tab-move-close:hover {
  background-position: -64px 0;
}
.tab-movie-progress {
  float: right;
  width: 420px;
}
.tab-movie-name {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #2E2E33;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 336px;
  float: left;
}
.tab-movie-cancel {
  float: right;
  color: red;
  cursor: pointer;
}
.tab-movie-loaded {
  background: #F9F9FC;
  border-radius: 2px;
  height: 4px;
}
.tab-movie-loading {
  background-image: -o-linear-gradient(233deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  border-radius: 2px;
  height: 4px;
  margin-top: 150px;
}
.tab-movie-speed {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  margin-top: 10px;
}
.tab-upload-success {
  font-family: PingFang-SC-Medium;
  font-size: 14px;
  color: #00B24A;
  letter-spacing: 0.67px;
  line-height: 16px;
}
.member-personal-name {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.member-personal-school {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.valueLength-limit {
  position: absolute;
  top: 5px;
  right: 25px;
}
.editInfo-item-row > input {
  padding-right: 45px;
}
.team-item-img {
  position: relative;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  background-size: 100% 100%;
  display: inline-block;
}
.team-item-leader {
  background-image: -o-linear-gradient(218deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  background-image: linear-gradient(-128deg, #FC9050 0%, #D83B2F 52%, #D4275D 100%);
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  position: absolute;
  width: 37px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.team-item-leader-small {
  width: 29px;
  height: 13px;
  line-height: 13px;
  bottom: -3px;
}
.team-title-detail-name {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 288px;
}
.team-title-detail-id {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 188px;
}
.tab-upload-error-cancel {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #A1A5B3;
  display: inline-block;
  margin-right: 15px;
}
.tab-upload-error-reset {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #4A90E2;
}
.activityDetail div.ant-tabs-tabpane.ant-tabs-tabpane-active {
  background: #FFFFFF !important;
  -webkit-box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7 !important;
          box-shadow: 4px 4px 10px #f7f7f7, 4px -4px 10px #f7f7f7, -4px 4px 10px #f7f7f7, -4px -4px 8px #f7f7f7 !important;
  border-radius: 0 12px 12px 12px !important;
  margin-bottom: 10px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 983px !important;
  margin-left: 8px !important;
  padding-top: 22px !important;
  /*padding-left:40px !important;*/
}
.activityDetail div.ant-tabs-bar.ant-tabs-top-bar.ant-tabs-card-bar {
  -webkit-transform: translate(8px, 0);
      -ms-transform: translate(8px, 0);
          transform: translate(8px, 0);
  border-bottom-width: 0 !important;
}
.activityDetail div.ant-tabs-tab.ant-tabs-tab-active {
  background: #fff !important;
}
.activityDetail div.ant-tabs-nav-scroll {
  overflow: visible !important;
}
.activityDetail div.ant-tabs-nav-wrap {
  overflow: visible !important;
}
.activityDetail div.ant-tabs-nav-container {
  overflow: visible !important;
}
.activityDetail div.ant-upload.ant-upload-drag {
  border-radius: 8px;
}

.upload-image-component {
  width: 100%;
  height: 100%;
}
.upload-image-component .ant-upload {
  width: 100%;
  height: 100%;
  background: #fff;
}
.upload-image-component .ant-upload .ant-upload-btn {
  border-radius: 8px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.upload-image-component .ant-upload .ant-upload-btn .ant-upload-drag-container {
  display: block;
  width: 100%;
  height: 100%;
}
.upload-image-component .ant-upload .ant-upload-btn .ant-upload-drag-container .ant-upload-drag-file {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.upload-image-component .ant-upload .ant-upload-btn .ant-upload-drag-container .ant-upload-drag-img {
  display: block;
  width: 100%;
  height: 100%;
}
.upload-image-component .ant-upload .ant-upload-btn .ant-upload-drag-container .ant-upload-drag-img > img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.upload-image-component .ant-upload p.ant-upload-drag-icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 10px;
  background: url('/static/images/icons/icon-img.png') no-repeat;
  background-size: 24px 24px;
}
.upload-image-component .ant-upload p.ant-upload-drag-icon .anticon {
  font-size: 24px;
}
.upload-image-component .ant-upload .ant-upload-drag-img {
  width: 100%;
  height: 100%;
}
.upload-image-component .ant-upload p.ant-upload-text,
.upload-image-component .ant-upload p.ant-upload-hint {
  font-size: 12px;
  color: #A1A5B3;
  text-align: center;
  line-height: 20px;
}
.upload-image-component .ant-upload-list {
  display: none;
}

.ym-works_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 6rem;
}
.ym-works_image .Img_Item {
  width: 1.8rem;
  height: 1.2rem;
  border-radius: 0.08rem;
  margin-bottom: 0.2rem;
  position: relative;
  border: 1px dotted #a1a5B3;
}
.ym-works_image .Img_Item .delete-icon {
  width: 0.16rem;
  height: 0.16rem;
  position: absolute;
  top: 0.05rem;
  right: 0.05rem;
  background: url('/static/images/icons/delete-icon.png') no-repeat;
  background-size: 0.16rem 0.16rem;
}
.ym-works_image .Img_Item > img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ym-works_image .Img_Item + .Img_Item {
  margin-left: 0.2rem;
}
.ym-works_image .Img_Item:nth-child(3n+1) {
  margin-left: 0px;
}

.textArea-ym-box {
  position: relative;
  width: 100%;
  height: 1.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.textArea-ym-box-left {
  height: 100%;
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/textArea/textArea-normal-left.png") no-repeat;
  background-size: cover;
}
.textArea-ym-box-right {
  width: 0.2rem;
  height: 100%;
  background: url("/static/images/activity/art_design/yimeng/enroll/textArea/textArea-normal-right.png") no-repeat;
  background-size: cover;
}
.textArea-ym-box-center {
  height: 100%;
  background: url("/static/images/activity/art_design/yimeng/enroll/textArea/textArea-normal-center.png") no-repeat;
  background-size: cover;
  background-size: auto 1.24rem;
  background-repeat: repeat-x;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: -0.02rem;
}
.textArea-ym-box-count {
  position: absolute;
  right: 16px;
  vertical-align: center;
  bottom: 6px;
  font-size: 0.16rem;
  background: transparent;
  text-align: right;
  color: #9FB8C7;
}
.textArea-ym-box textArea.textArea-box-ym-input {
  margin-top: 0.04rem;
  max-width: calc(100% - 0.24rem);
  max-height: calc(100% - 0.32rem);
  padding: 0;
  border: none;
  height: 0.7rem;
  border-radius: 0;
  font-size: 14px;
  resize: none;
  position: absolute;
  left: 0.12rem;
  top: 0.12rem;
  color: #023a4d;
  background: transparent;
}
.textArea-ym-box textArea.textArea-box-ym-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #a5a7b5;
}
.textArea-ym-box textArea.textArea-box-ym-input::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 3px;
}
.textArea-ym-box textArea.textArea-box-ym-input::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #9FB8C7;
  cursor: pointer;
}
.textArea-ym-box textArea.textArea-box-ym-input::-webkit-scrollbar-thumb:hover {
  background-color: #9FB8C7;
}
.textArea-ym-box textArea.textArea-box-ym-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.textArea-ym-box textArea.textArea-box-ym-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modalUploadWorks {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.modalUploadWorks .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modalUploadWorks .content-border {
  width: 6.84rem;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 0.12rem;
  background: #CAE0E5;
  z-index: 99;
}
.modalUploadWorks .content-border .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 23px;
  top: 23px;
}
.modalUploadWorks .content {
  width: 100%;
  height: 100%;
  border-radius: 0.11rem;
  min-height: 8rem;
  max-height: 60vh;
  height: 60vh;
  padding: 0.6rem 0.2rem 0.6rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modalUploadWorks .content > h3 {
  font-size: 0.24rem;
  line-height: 1.2;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.modalUploadWorks .content .form-item {
  margin-top: 0.24rem;
}
.modalUploadWorks .content .form-item .form-title {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #404652;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.2rem;
  margin-bottom: 0.12rem;
}
.modalUploadWorks .content .form-item .form-title.required {
  background: url("/static/images/activity/art_design/yimeng/enroll/start.png") no-repeat;
  background-size: cover;
  background-size: 0.12rem 0.12rem;
  background-position: 0 0.04rem;
}
.modalUploadWorks .content .form-item .form-uploadImg {
  width: 1.8rem;
  height: 1.2rem;
}
.modalUploadWorks .content .form-item .form-uploadImg .upload-limit {
  font-size: 0.12rem;
  line-height: 0.26rem;
  color: #9FB8C7;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin-top: 0.2rem;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  margin-top: -0.02rem;
}
.modalUploadWorks .content .form-item .form-uploadImg .upload-limit > p {
  white-space: nowrap;
}
.modalUploadWorks .content .form-item .form-uploadImg .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #d9d9d9;
}
.modalUploadWorks .content .form-item .form-worksBox {
  width: 100%;
  height: auto;
}
.modalUploadWorks .content .content-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  padding-right: 0.3rem;
}
.modalUploadWorks .content .content-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.modalUploadWorks .content .content-body::-webkit-scrollbar-thumb {
  background-color: #9FB8C7;
  border-radius: 4px;
  cursor: pointer;
}
.modalUploadWorks .content .content-body::-webkit-scrollbar-thumb:hover {
  background-color: #9FB8C7;
}
.modalUploadWorks .content .content-btn {
  width: 2.72rem;
  height: 0.78rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/btn-btn-noshadow.png") no-repeat;
  background-size: cover;
  background-size: 2.72rem auto;
  margin: 0.4rem auto 0;
  font-size: 0.2rem;
  line-height: 0.7rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  cursor: pointer;
}
.modalUploadWorks .content .content-btn.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.lottery {
  font-family: 'Font-song';
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0.8rem;
  margin: auto;
  width: 6rem;
  height: 8rem;
  z-index: 1000;
}
.lottery::before {
  content: ' ';
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
}
.lottery-close {
  position: absolute;
  right: 0.36rem;
  top: 0.6rem;
  width: 0.54rem;
  height: 0.54rem;
  cursor: pointer;
}
.lottery-tips {
  margin-top: -0.22rem;
  margin-bottom: 0.25rem;
  line-height: 0.25rem;
  font-size: 0.18rem;
  color: #d83b2f;
  text-align: center;
  font-family: 'pingfang-SC';
}
.lottery-alert {
  position: relative;
  width: 6rem;
  margin: 0 auto;
  background: url('/static/images/activity/art_design/yimeng/lottery/lottery-2.png');
  background-size: 6rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-bottom: 1.98rem;
  padding-top: 1.98rem;
  left: 50%;
  top: 45%;
  -webkit-transform: scale(0.75) translate3d(-50%, -50%, 0);
          transform: scale(0.75) translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  margin: auto;
}
.lottery-alert::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 6rem;
  height: 2rem;
  background: url('/static/images/activity/art_design/yimeng/lottery/lottery-1.png');
  background-size: 6rem auto;
}
.lottery-alert::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 6rem;
  height: 2rem;
  background: url('/static/images/activity/art_design/yimeng/lottery/lottery-3.png');
  background-size: 6rem auto;
  background-position: left bottom ;
}
.lottery-alert-main {
  position: relative;
  z-index: 1;
  padding: 0.54rem;
  margin-top: -2rem;
  margin-bottom: -2rem;
  padding-top: 0.83rem;
}
.lottery-title {
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.44rem;
  color: #618498;
  margin-bottom: 0.72rem;
}
.lottery-next-btn {
  margin: 0.35rem auto 0;
  width: 3.56rem;
  height: 1.04rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.2rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/lottery/bg-btn.png');
  background-size: 3.56rem 1.04rem;
  cursor: pointer;
}
.lottery-success {
  margin: 0 auto;
  width: 3.2rem;
  height: 3.2rem;
  background: url('/static/images/activity/art_design/yimeng/lottery/select.png');
  background-size: 3.2rem 3.2rem;
  text-align: center;
}
.lottery-success img {
  margin-top: 0.4rem;
  width: 2.2rem;
  height: 1.72rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.lottery-success-title {
  margin-top: 0.24rem;
  text-align: center;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.45rem;
}
.lottery-success-tips {
  margin-top: 0.32rem;
  color: #618498;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.lottery-box {
  padding-top: 0.16rem;
  width: 4.88rem;
  height: 4.88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: url('/static/images/activity/art_design/yimeng/lottery/box.png');
  background-size: 4.88rem 4.88rem;
}
.lottery-box-item {
  padding-top: 0.12rem;
  margin-left: 0.15rem;
  margin-bottom: 0.15rem;
  width: 1.42rem;
  height: 1.42rem;
  background: url('/static/images/activity/art_design/yimeng/lottery/normal.png');
  background-size: 1.42rem 1.42rem;
  color: #595347;
}
.lottery-box-item.checked {
  background: url('/static/images/activity/art_design/yimeng/lottery/checked.png');
  background-size: 1.42rem 1.42rem;
  color: #fff;
}
.lottery-box-btn {
  margin-left: 0.15rem;
  margin-bottom: 0.15rem;
  background: url('/static/images/activity/art_design/yimeng/lottery/btn.png');
  width: 1.42rem;
  height: 1.42rem;
  background-size: 1.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.48rem;
  color: #ffffff;
  cursor: pointer;
}
.lottery-box-img {
  margin: 0 auto;
  width: 1.1rem;
  height: 0.86rem;
}
.lottery-box-img img {
  width: 1.1rem;
  height: 0.86rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.lottery-box-title {
  margin-top: 0.04rem;
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.28rem;
  margin-left: -0.44rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  width: 2rem;
  white-space: nowrap;
}
.lottery-close-confirm {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4.32rem;
  height: 2.46rem;
  border-radius: 0.08rem;
  padding: 0.23rem;
  background: #fff;
  z-index: 1001;
}
.lottery-close-confirm-close {
  font-size: 0.14rem;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0;
  margin-left: auto;
  cursor: pointer;
}
.lottery-close-confirm-title {
  margin-top: 0.19rem;
  margin-bottom: 0.48rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  text-align: center;
}
.lottery-close-confirm-btn {
  margin-bottom: 0.37rem;
  padding: 0 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lottery-close-confirm-btn-item {
  width: 1.58rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  border: 0.02rem solid #ada28c;
  text-align: center;
  line-height: 0.48rem;
  color: #fff;
  background: #ada28c;
  cursor: pointer;
}
.lottery-close-confirm-btn-item.cancel {
  color: #ada28c;
  background: #fff;
}

.YMSubmit {
  width: 12.56rem;
  overflow: hidden;
  margin: 0 auto;
}
.YMSubmit-works-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-fusai-rule.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 1.4rem auto 0;
}
.YMSubmit-works-rule-text {
  margin-top: 0.6rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YMSubmit-works-rule-text > p {
  text-indent: 1.5em;
  margin-bottom: 0;
}
.YMSubmit-works .btn-upload-works {
  width: 2.72rem;
  height: 0.78rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/bg-btn.png") no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  line-height: 0.22rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 0.72rem;
  margin: 1rem auto 1.6rem;
  cursor: pointer;
}
.YMSubmit-worksInfo {
  width: 11.22rem;
  height: auto;
  margin: 0.8rem auto 0;
  overflow: hidden;
  position: relative;
  background: url('/static/images/activity/art_design/yimeng/enroll/bg-works-center.png');
  background-size: 11.22rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 3.7rem;
  padding-bottom: 0.9rem;
}
.YMSubmit-worksInfo::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 11.22rem;
  height: 3.7rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/bg-works-top.png');
  background-size: 11.22rem auto;
}
.YMSubmit-worksInfo::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 11.22rem;
  height: 6.11rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/bg-works-bottom.png');
  background-size: 11.22rem auto;
  background-position: left bottom ;
  z-index: 9;
}
.YMSubmit-worksInfo-wrap {
  margin-top: -3.7rem;
  position: relative;
  z-index: 10;
}
.YMSubmit-worksInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-works.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.8rem auto 0;
  position: relative;
  z-index: 9;
}
.YMSubmit-worksInfo-detail {
  padding: 0 1.55rem;
  margin-top: 0.64rem;
  position: relative;
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YMSubmit-worksInfo-detail .detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMSubmit-worksInfo-detail .detail-item__title {
  min-width: 1.4rem;
  width: 1.4rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YMSubmit-worksInfo-detail .detail-item + .detail-item {
  margin-top: 0.24rem;
}
.YMSubmit-worksInfo-detail .detail-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YMSubmit-worksInfo-detail .detail-item__detail .detail-coverUrl {
  width: 2.07rem;
  height: 1.38rem;
  border-radius: 4px;
  margin-bottom: 0.24rem;
}
.YMSubmit-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMSubmit-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  border-radius: 4px;
}
.YMSubmit-worksInfo-detail .detail-item__detail .detail-coverUrl + .detail-coverUrl {
  margin-left: 0.24rem;
}
.YMSubmit-worksInfo-detail .detail-item__detail .detail-coverUrl:nth-child(3n+1) {
  margin-left: 0;
}
.YMSubmit-worksInfo-detail .detail-item__detail.attachmentList {
  height: auto;
}
.YMSubmit-worksInfo--actions {
  padding: 0 1.75rem;
  margin: 0.4rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMSubmit-worksInfo--actions > div {
  width: 1.36rem;
  height: 0.48rem;
}
.YMSubmit-worksInfo--actions .share-works {
  background: url("/static/images/activity/art_design/yimeng/enroll/btn-share.png") no-repeat;
  background-size: cover;
}
.YMSubmit-worksInfo--actions .edit-worksInfo {
  background: url("/static/images/activity/art_design/yimeng/enroll/btn_updateWorks.png") no-repeat;
  background-size: cover;
  margin-left: 0.24rem;
}

.YMWorks {
  width: 100%;
  overflow: hidden;
  height: auto;
}
.YMWorks-empty {
  width: 12.28rem;
  height: 9.65rem;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/works/bg-empty.png") no-repeat;
  background-size: cover;
  margin: 1.4rem auto 0;
}
.YMWorks-empty .empty-gif {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0.98rem auto 0.4rem;
}
.YMWorks-empty .empty-gif > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMWorks-empty > p {
  font-size: 0.4rem;
  line-height: 1.2;
  color: #618498;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.YMWorks-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-fusai-vote.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 1.4rem auto 0;
}
.YMWorks-rule-text {
  width: 13.12rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  margin: 0.32rem auto;
  text-align: left;
}
.YMWorks-rule-text > a {
  color: #FF866A;
  text-decoration: underline;
}
.YMWorks-content {
  width: 13.12rem;
  margin: 0 auto;
}
.YMWorks-content .works-category {
  margin: 0.96rem auto 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 0.64rem;
  padding-bottom: 0.16rem;
  border-bottom: 1px solid #7CA6BD;
}
.YMWorks-content .works-category .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 0.48rem;
  line-height: 0.48rem;
}
.YMWorks-content .works-category .category .tab_works {
  width: 1.36rem;
  height: 0.48rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.YMWorks-content .works-category .category .tab_works.active {
  background: url("/static/images/activity/art_design/yimeng/works/tabs-active.png") no-repeat;
  background-size: cover;
  background-size: 1.36rem auto;
}
.YMWorks-content .works-category .search-box {
  width: 4.86rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMWorks-content .works-category .search-box .order {
  width: 0.61rem;
  height: 0.4rem;
  font-size: 0.14rem;
  line-height: 0.44rem;
  color: #ADA28C;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  background: url("/static/images/activity/art_design/yimeng/works/sort.png") no-repeat;
  background-size: cover;
  margin-left: 0.2rem;
  cursor: pointer;
}
.YMWorks-content .works-category .search-box .order.active {
  background: url("/static/images/activity/art_design/yimeng/works/sort-active.png") no-repeat;
  background-size: cover;
  color: #FFFDBF;
}
.YMWorks-content .works-category .search-box .search {
  width: 3.28rem;
  height: 0.44rem;
  background: url("/static/images/activity/art_design/yimeng/works/search.png") no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMWorks-content .works-category .search-box .search::before {
  content: '';
  display: inline-block;
  width: 0.2rem;
  min-width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.12rem;
  margin-left: 0.14rem;
  background: url("/static/images/activity/art_design/yimeng/works/icon_search@2x.png") no-repeat;
  background-size: cover;
}
.YMWorks-content .works-category .search-box .search .art_works-input {
  width: 3.2rem;
  height: 0.44rem;
  line-height: 0.44rem;
  background: transparent;
  border: none;
  font-size: 0.14rem;
  color: #ADA28C;
}
.YMWorks-content .works-category .search-box .search .art_works-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YMWorks-content .works-category .search-box .search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #ADA28C;
  font-size: 0.14rem;
}
.YMWorks-content .works-list {
  width: 13.12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YMWorks-content .YM-pagination {
  margin: 0.8rem auto;
  text-align: center;
  clear: both;
}
.YMWorks-content .YM-pagination li {
  width: 0.44rem;
  height: 0.41rem;
}
.YMWorks-content .YM-pagination .ant-pagination-item {
  width: 0.44rem;
  height: 0.41rem;
  line-height: 0.41rem;
  min-width: 0.44rem;
  background: url("/static/images/activity/art_design/yimeng/works/page.png") 0 0 / contain no-repeat;
}
.YMWorks-content .YM-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/yimeng/works/page.png") 0 0 / contain no-repeat;
  border: none;
}
.YMWorks-content .YM-pagination .ant-pagination-item > a {
  display: inline;
  color: #ADA28C;
  border: none;
  font-size: 0.16rem;
  line-height: 0.41rem;
}
.YMWorks-content .YM-pagination .ant-pagination-item-active {
  width: 0.44rem;
  height: 0.41rem;
  min-width: 0.44rem;
  background: url("/static/images/activity/art_design/yimeng/works/page-active.png") 0 0 / contain no-repeat;
  border: none;
}
.YMWorks-content .YM-pagination .ant-pagination-item-active a {
  color: #fff;
}
.YMWorks-content .YM-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/art_design/yimeng/works/icon_last.png") center / contain no-repeat;
}
.YMWorks-content .YM-pagination .ant-pagination-prev a {
  display: none;
}
.YMWorks-content .YM-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/art_design/yimeng/works/icon_next.png") center / contain no-repeat;
}
.YMWorks-content .YM-pagination .ant-pagination-next a {
  display: none;
}
.YMWorks-content .YM-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.YMWorks-content .YM-pagination .ant-pagination-item-ellipsis {
  color: #ADA28C;
}
.YMWorks-content .YM-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.YMWorks-content .YM-pagination .ant-pagination-disabled {
  -webkit-filter: unset;
          filter: unset;
  opacity: 0.5;
}
.YMWorksDetail {
  width: 13.14rem;
  margin: 0 auto 1.2rem;
  padding-top: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMWorksDetail-guid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: rgba(2, 58, 77, 0.7);
  margin-bottom: 0.24rem;
}
.YMWorksDetail-guid > p {
  color: #D6C4A5;
  margin-bottom: 0;
  cursor: pointer;
  opacity: 0.7;
}
.YMWorksDetail-guid > p > span {
  margin: 0 0.12rem;
}
.YMWorksDetail-guid > p:last-child {
  opacity: 1;
}
.YMWorksDetail__left {
  width: 8.56rem;
}
.YMWorksDetail__coverUrl {
  width: 8.56rem;
  height: 4.92rem;
  background: url("/static/images/activity/art_design/yimeng/works/bg-worksDetail.png") no-repeat;
  background-size: cover;
  padding: 0.12rem;
}
.YMWorksDetail__coverUrl .swiperBox {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 4px solid #618498;
  position: relative;
}
.YMWorksDetail__coverUrl .swiperBox .swiper-slide {
  width: 6.72rem;
  height: 4.68rem;
  background: #070a0e;
  border-radius: 0.08rem;
  border: 4px solid #30230c;
  padding: 0;
}
.YMWorksDetail__coverUrl .swiperBox .swiper-slide > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.08rem;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel {
  width: 100%;
  height: 100%;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-slider {
  width: 100%;
  height: 100%;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-slider .slick-list {
  width: 100%;
  height: 100%;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-dots {
  height: 12px;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-dots > li {
  outline: none;
  list-style: none;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-dots > li button {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: transparent;
  border: solid 1px #FFFDBF;
  opacity: 1;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-dots > li button::before {
  display: none;
}
.YMWorksDetail__coverUrl .swiperBox .ant-carousel .slick-dots > li.slick-active button::after {
  display: block;
  content: ' ';
  width: 4px;
  height: 4px;
  background: #FFFDBF;
  margin: 1px;
}
.YMWorksDetail__coverUrl .swiperBox .swiper-button-prev {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  top: 50%;
  left: 0.35rem;
  margin-top: 0px;
  background: url("/static/images/activity/art_design/yimeng/h5/works/app_icon_last.png") top no-repeat;
  z-index: 9;
  background-size: 0.44rem auto;
}
.YMWorksDetail__coverUrl .swiperBox .swiper-button-next {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  top: 50%;
  right: 0.35rem;
  margin-top: 0px;
  background: url("/static/images/activity/art_design/yimeng/h5/works/app_icon_next.png") top no-repeat;
  background-size: 0.44rem auto;
}
.YMWorksDetail__anthor {
  margin-top: 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMWorksDetail__anthor .anthor-coverUrl {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.16rem;
}
.YMWorksDetail__anthor .anthor-coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMWorksDetail__anthor .anthor-coverUrl > img {
  border-radius: 50%;
}
.YMWorksDetail__anthor .anthor-info {
  padding-top: 0.06rem;
}
.YMWorksDetail__anthor .anthor-info > p {
  margin-bottom: 0;
}
.YMWorksDetail__anthor .anthor-info .name {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YMWorksDetail__anthor .anthor-info .school {
  margin-top: 0.1rem;
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
  opacity: 0.7;
}
.YMWorksDetail__intro {
  margin-top: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YMWorksDetail__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.24rem;
}
.YMWorksDetail__title .title {
  font-size: 0.48rem;
  line-height: 0.52rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YMWorksDetail__title .detail-Id {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #F4F5F5;
  text-align: justify;
  font-family: 'Font-song';
}
.YMWorksDetail__right {
  width: 3.78rem;
  height: calc(100vh - 0.48rem - 80px);
  background: url('/static/images/activity/art_design/yimeng/works/bg-comment-top.png') no-repeat top, url('/static/images/activity/art_design/yimeng/works/bg-comment-bottom.png') no-repeat bottom;
  background-size: 3.78rem auto;
  padding: 0.5rem 0;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.YMWorksDetail__right .worksDetail-content {
  width: 3.78rem;
  height: calc(100% + 0.2rem);
  background: url('/static/images/activity/art_design/yimeng/works/bg-comment-center.png') repeat-y;
  background-size: contain;
}
.YMWorksDetail__right .worksDetail-content .right-content-title {
  width: 100%;
  padding: 0 0.2rem;
  height: 0.45rem;
  line-height: 0.45rem;
  margin-top: -0.12rem;
  font-size: 0.28rem;
  line-height: 0.3rem;
  color: #618498;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
}
.YMWorksDetail__right .worksDetail-content .right-content-like {
  width: 2.74rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: url("/static/images/activity/art_design/yimeng/works/bg-vote.png") no-repeat;
  background-size: cover;
  background-size: 2.72rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #D6C4A5;
  margin: 0.1rem auto 0.2rem;
  cursor: pointer;
  font-size: 0.24rem;
}
.YMWorksDetail__right .worksDetail-content .right-content-like > span {
  font-size: 0.24rem;
  line-height: 1.2;
  color: #D6C4A5;
  text-align: justify;
  font-family: 'Font-song';
}
.YMWorksDetail__right .worksDetail-content .right-content-like .liked {
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  margin-right: 0.08rem;
  background: url("/static/images/activity/art_design/yimeng/works/like-lg.png") no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-0.02rem);
      -ms-transform: translateY(-0.02rem);
          transform: translateY(-0.02rem);
}
.YMWorksDetail__right .worksDetail-content .right-content-like .liked.active {
  background: url("/static/images/activity/art_design/yimeng/works/like-lg-active.png") no-repeat;
  background-size: cover;
}
.YMWorksDetail__right .worksDetail-content .right-content-like .zero {
  font-size: 0.16rem;
}
.YMWorksDetail__right .worksDetail-content .pc-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: calc(100% - 0.16rem);
  margin: 0 auto;
  height: 0.46rem;
  line-height: 0.24rem;
  font-size: 0.14rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #A3BFCC;
}
.YMWorksDetail__right .worksDetail-content .pc-share .art_worksDetail_share .web-share-small > div {
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.YMWorksDetail__right .worksDetail-content .pc-share .art_worksDetail_share .web-share-small div:nth-of-type(1) {
  background: url("/static/images/activity/art_design/yimeng/works/weChat.png") no-repeat;
  background-size: cover;
  background-size: 0.24rem auto;
  margin: 0 0.2rem 0 0.12rem;
}
.YMWorksDetail__right .worksDetail-content .pc-share .art_worksDetail_share .web-share-small div:nth-of-type(2) {
  background: url("/static/images/activity/art_design/yimeng/works/QQ.png") no-repeat;
  background-size: cover;
  background-size: 0.24rem auto;
  margin: 0 0.2rem 0 0;
}
.YMWorksDetail__right .worksDetail-content .pc-share .art_worksDetail_share .web-share-small div:nth-of-type(3) {
  background: url("/static/images/activity/art_design/yimeng/works/weibo.png") no-repeat;
  background-size: cover;
  background-size: 0.24rem auto;
  margin: 0 0.2rem 0 0;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment {
  padding: 0.25rem 0.06rem 0rem 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 1.86rem);
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__title {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #618498;
  padding-bottom: 0.2rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con::-webkit-scrollbar {
  width: 0.06rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con::-webkit-scrollbar-thumb {
  background-color: #CDE0E6;
  border-radius: 0.03rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__avatar {
  width: 0.24rem;
  height: 0.24rem;
  min-width: 0.24rem;
  margin-right: 0.12rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head {
  font-size: 0.14rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .name {
  max-width: 1.19rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #036483;
  text-align: justify;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .comment-time {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #618498;
  text-align: justify;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .comment-like {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #618498;
  text-align: justify;
  background-size: 0.24rem auto;
  padding-left: 0.3rem;
  cursor: pointer;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment__head .comment-like.active {
  background-size: 0.24rem auto;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment-body {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #036483;
  text-align: justify;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment-body .actions {
  width: 0.56rem;
  height: 0.2rem;
  background-size: 0.56rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__con .mg2020-comment__content .mg2020-comment-body .actions.open {
  background-size: 0.56rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input {
  width: 3.28rem;
  height: 1.6rem;
  border: 1px solid #618498;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  position: relative;
  margin-top: 0.2rem;
  padding-right: 0.02rem;
  overflow: hidden;
  background: #F4F5F5;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-input {
  border: none;
  height: 1.24rem;
  color: #023a4d;
  resize: none;
  background: #F4F5F5;
  font-size: 0.14rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-input::-webkit-input-placeholder {
  color: #8AA8B6;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-input::-moz-placeholder {
  /* Firefox 18- */
  color: #8AA8B6;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8AA8B6;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-input::-ms-input-placeholder {
  color: #8AA8B6;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input textarea.input-input::-webkit-scrollbar {
  width: 0.06rem;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  cursor: pointer;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input textarea.input-input::-webkit-scrollbar-thumb {
  width: 0.06rem;
  background-color: #CDE0E6;
  border-radius: 4px;
  cursor: pointer;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-actions {
  width: 3.28rem;
  padding: 0 0.1rem;
  position: absolute;
  bottom: 0.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-actions > span {
  color: #8AA8B6;
  -webkit-transform: translateY(0.14rem);
      -ms-transform: translateY(0.14rem);
          transform: translateY(0.14rem);
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__input .input-actions .input-submit {
  width: 0.64rem;
  height: 0.32rem;
  line-height: 0.28rem;
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  background: url("/static/images/activity/art_design/yimeng/works/btn-submit.png") no-repeat;
  background-size: cover;
  background-size: 0.64rem auto;
  cursor: pointer;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment .comment-empty {
  margin: 1rem auto 0rem;
  text-align: center;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment .comment-empty > img {
  width: 2rem;
  height: 1.3rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment .comment-empty .text {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #9a9dab;
  text-align: justify;
  margin-top: 0.3rem;
  text-align: center;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item {
  margin-top: 0.2rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .name {
  color: #023a4d;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-like {
  padding-left: 0;
  padding-right: 0.3rem;
  background-position: right;
  font-weight: 'DIN-Medium';
  cursor: pointer;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-like.active {
  padding-left: 0;
  padding-right: 0.3rem;
  background-position: right;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body {
  color: #023a4d;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body .actions {
  width: 0.42rem;
  background: url("/static/images/activity/art_design/yimeng/web_close.png") no-repeat;
  background-size: cover;
  background-size: 0.42rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body .actions.open {
  background: url("/static/images/activity/art_design/yimeng/web_open.png") no-repeat;
  background-size: cover;
  background-size: 0.42rem;
}
.YMWorksDetail__right .worksDetail-content .mg2020-comment__comment-item:first-child {
  margin-top: 0;
}
.YM-works-list-item {
  width: 4.16rem;
  height: 3.19rem;
  background: url("/static/images/activity/art_design/yimeng/works/bg-works.png") no-repeat;
  background-size: cover;
  margin: 0.32rem 0 0 0.32rem;
  padding: 0.06rem;
}
.YM-works-list-item:nth-child(3n+1) {
  margin-left: 0;
}
.YM-works-list-item .list-item-box {
  border: 4px solid #618498;
  background: #fff;
  height: 3.07rem;
}
.YM-works-list-item .list-item-box .pic {
  width: 100%;
  height: 2.25rem;
  border-bottom: 2px solid #618498;
  position: relative;
}
.YM-works-list-item .list-item-box .pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YM-works-list-item .list-item-box .pic .pic-ID {
  padding: 0.04rem 0.12rem;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.16rem;
}
.YM-works-list-item .list-item-box .Item-title {
  margin: 0.08rem 0.2rem 0.04rem;
  width: auto;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 0.28rem;
  height: 0.28rem;
  font-size: 0.2rem;
  color: #1E3443;
}
.YM-works-list-item .list-item-box .author {
  height: 0.24rem;
  line-height: 0.24rem;
  width: auto;
  margin: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.14rem;
  color: #969FB0;
}
.YM-works-list-item .list-item-box .author > .like {
  cursor: pointer;
}
.YM-works-list-item .list-item-box .author > .like .like_num {
  height: 0.24rem;
  font-size: 0.18rem;
  padding-left: 0.28rem;
  background: url("/static/images/activity/art_design/yimeng/works/like-sm.png") no-repeat;
  background-size: cover;
  background-size: 0.24rem;
  background-position: left;
  font-family: 'DIN-Mudium';
}
.YM-works-list-item .list-item-box .author > .like .like_num.active {
  background: url("/static/images/activity/art_design/yimeng/works/like-sm-active.png") no-repeat;
  background-size: cover;
  background-size: 0.24rem;
}
.modal-YM-appVote {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.modal-YM-appVote .content {
  width: 6rem;
  height: 7.22rem;
  background: url('/static/images/activity/art_design/yimeng/works/modal-YM-bg.png') no-repeat;
  background-size: 6rem auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-YM-appVote .content .close {
  width: 0.64rem;
  height: 0.64rem;
  position: absolute;
  top: 0.56rem;
  right: 0.36rem;
}
.modal-YM-appVote .content .title {
  width: 3.87rem;
  height: 0.44rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/title-app-vote.png') no-repeat;
  background-size: 3.87rem auto;
  margin: 0.93rem auto 0;
}
.modal-YM-appVote .content .qr_code {
  width: 3.1rem;
  height: 3.1rem;
  background: url('/static/images/activity/art_design/yimeng/works/bg-qrcode.png') no-repeat;
  background-size: 3.1rem auto;
  margin: 0.92rem auto 0;
}
.modal-YM-appVote .content .qr_code > img {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0.4rem 0.45rem;
}
.modal-YM-appVote .content .text {
  font-size: 0.24rem;
  color: #1e3443;
  text-align: center;
  line-height: 0.34rem;
  margin-top: 0.24rem;
}
.modal-YM-appVote .content .intro {
  color: #9C917D;
  font-size: 0.18rem;
  line-height: 0.25rem;
  margin-top: 0.16rem;
  text-align: center;
}

.font-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg2020-h5-works {
  padding-top: 8.23rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/h5/bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/bg-2.png") repeat;
  background-size: 7.5rem auto;
  min-height: 100vh;
}
.mg2020-h5-works .title-img {
  width: 3.52rem;
  margin: 0.3rem auto;
}
.mg2020-h5-works .works-h5-rule {
  width: 4.1rem;
  height: 0.72rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/works/h5/title-rule.png") no-repeat;
  background-size: contain;
}
.mg2020-h5-works .works-h5-rule.fusai {
  width: 4.1rem;
  height: 0.72rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/works/h5/title-rule-fusai.png") no-repeat;
  background-size: contain;
}
.mg2020-h5-works .works-h5-rule-text {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #036483;
  text-align: justify;
  margin-top: 0.24rem;
  padding: 0 0.48rem;
}
.mg2020-h5-works .works-h5-rule-text .better {
  color: #f70;
  text-decoration: underline;
}
.mg2020-h5-works--wrap {
  padding: 0.4rem 0.42rem 0;
}
.mg2020-h5-works--wrap .works-category {
  width: 100%;
}
.mg2020-h5-works--wrap .works-category .category {
  border-bottom: 1px solid #C0DBD4;
  height: 0.56rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-works--wrap .works-category .category .tab_works {
  min-width: 1.52rem;
  max-height: 0.56rem;
  height: 0.56rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: justify;
  color: #678994;
  text-align: center;
}
.mg2020-h5-works--wrap .works-category .category .tab_works.active {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: justify;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
}
.mg2020-h5-works--wrap .works-category .category .tab_works.active::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 0.13rem;
  background: url('/static/images/activity/MG2020/works/h5/tab-active.png') no-repeat;
  background-size: contain;
  position: relative;
  bottom: -0.09rem;
}
.mg2020-h5-works--wrap .works-category .search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.32rem;
}
.mg2020-h5-works--wrap .works-category .search-box .search {
  width: 4.22rem;
  min-width: 4.22rem;
  height: 0.64rem;
  background: url('/static/images/activity/MG2020/works/h5/bg-search.png') no-repeat;
  background-size: 4.22rem auto;
}
.mg2020-h5-works--wrap .works-category .search-box .search .art_works-input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #036483;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0.6rem;
  background: url('/static/images/activity/MG2020/works/h5/icon_search.png') no-repeat;
  background-size: 0.28rem auto;
  background-position: 0.24rem center;
  font-size: 0.24rem;
}
.mg2020-h5-works--wrap .works-category .search-box .search .art_works-input:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg2020-h5-works--wrap .works-category .search-box .search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #036483;
  font-size: 0.24rem;
}
.mg2020-h5-works--wrap .works-category .search-box .order {
  width: 0.92rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.26rem;
  color: #023a4d;
  text-align: center;
  background: url('/static/images/activity/MG2020/works/h5/sort.png') no-repeat;
  background-size: 0.9rem auto;
}
.mg2020-h5-works--wrap .works-category .search-box .order.active {
  background: url('/static/images/activity/MG2020/works/h5/sort-active.png') no-repeat;
  background-size: 0.9rem auto;
  color: #fff;
}
.mg2020-h5-works--wrap .works-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.12rem;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination {
  margin: 0.48rem auto;
  text-align: center;
  clear: both;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination li {
  width: 0.68rem;
  height: 0.64rem;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item {
  width: 0.68rem;
  height: 0.64rem;
  line-height: 0.64rem;
  min-width: 0.68rem;
  background: url("/static/images/activity/MG2020/works/h5/page.png") 0 0 / contain no-repeat;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/MG2020/works/h5/page.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item > a {
  display: inline;
  color: #023a4d;
  border: none;
  font-size: 0.26rem;
  line-height: 0.64rem;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item-active {
  width: 0.68rem;
  height: 0.64rem;
  min-width: 0.68rem;
  background: url("/static/images/activity/MG2020/works/h5/page-active.png") 0 0 / contain no-repeat;
  border: none;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item-active a {
  color: #fff;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/MG2020/works/h5/app_icon_last.png") center / contain no-repeat;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-prev a {
  display: none;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/MG2020/works/h5/app_icon_next.png") center / contain no-repeat;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-next a {
  display: none;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-item-ellipsis {
  color: #023a4d;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.mg2020-h5-works--wrap .mg2020-h5-pagination .ant-pagination-disabled {
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}
.mg2020-h5-works .worksDetail-head {
  padding-top: 0.22rem;
}
.mg2020-h5-works .worksDetail-head-title {
  width: 4rem;
  margin: 0 auto;
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #036483;
  text-align: justify;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg2020-h5-works .worksDetail-head-team {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #000;
  text-align: justify;
  text-align: center;
  margin-top: 0.06rem;
}
.mg2020-h5-works-like {
  width: 6.54rem;
  height: 1.32rem;
  background: url("/static/images/activity/MG2020/works/h5/bg-vote-big.png") no-repeat;
  background-size: contain;
  margin: 0.48rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-works-like .heart {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.08rem;
  background: url("/static/images/activity/MG2020/works/h5/icon_84_like.png") no-repeat;
  background-size: contain;
  position: relative;
}
.mg2020-h5-works-like .heart::before {
  content: ' ';
  width: 0.8rem;
  height: 0.4rem;
  position: absolute;
  top: -0.4rem;
}
.mg2020-h5-works-like .heart.active {
  background: url("/static/images/activity/MG2020/works/h5/icon_84_liked.png") no-repeat;
  background-size: contain;
}
.mg2020-h5-works-like .count {
  font-size: 0.6rem;
  line-height: 0.73rem;
  color: #036483;
  text-align: justify;
  font-family: 'DIN-Medium';
}
.mg2020-h5-works-like .count.zero {
  font-size: 0.32rem;
  line-height: 0.73rem;
  color: #036483;
  text-align: justify;
}
.mg2020-h5-works-detail-box {
  background: #F3F9EE;
}
.mg2020-h5-works-detail {
  padding-top: 8.23rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  margin: 0 auto;
  background: url("/static/images/activity/MG2020/works/h5/bg-01.png") no-repeat, url("/static/images/activity/MG2020/works/h5/bg-02.png") 0 11.16rem no-repeat;
  background-size: 7.5rem auto;
  min-height: 100vh;
}
.mg2020-h5-works-detail .title-img.team {
  width: 3.52rem;
  height: 1.05rem;
  background: url("/static/images/activity/MG2020/works/h5/title-team.png") no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-top: 1.8rem;
}
.mg2020-h5-works-detail .worksDetail-head {
  padding-top: 0.18rem;
  margin-top: -2rem;
  height: 1.2rem;
}
.mg2020-h5-works-detail .worksDetail-head-title {
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), to(#0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 100%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 0.4rem;
  font-weight: 600;
  line-height: 0.56rem;
  margin-bottom: 0.06rem;
  text-align: center;
}
.mg2020-h5-works-detail .worksDetail-head-team {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: justify;
  text-align: center;
}
.mg2020-h5-works-detail .team-content-box {
  width: 6.56rem;
  height: auto;
  margin: 0.46rem auto 0;
  background: url('/static/images/activity/MG2020/works/h5/bg-top.png') no-repeat top, url('/static/images/activity/MG2020/works/h5/bg-bottom.png') no-repeat bottom;
  background-size: 6.56rem auto;
  overflow: hidden;
}
.mg2020-h5-works-detail .team-content-box .team-content {
  background: url('/static/images/activity/MG2020/works/h5/bg-center.png') repeat-y;
  background-size: 6.56rem auto;
  margin: 0.4rem 0;
  padding: 0 0.3rem;
}
.mg2020-h5-works-detail .team-content-box .team-content .img-box {
  width: 5.92rem;
  height: 3.33rem;
  border: 2px solid #023a4d;
}
.mg2020-h5-works-detail .team-content-box .team-content .img-box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-works-detail .team-content-box .team-content .team-name {
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #036483;
  text-align: justify;
  margin: 0.24rem 0 0.08rem;
}
.mg2020-h5-works-detail .team-content-box .team-content .team-intro {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #036483;
  text-align: justify;
}
.mg2020-h5-works-detail .title-img.works-intro {
  width: 3.52rem;
  height: 1.05rem;
  background: url("/static/images/activity/MG2020/works/h5/title-works-intro.png") no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-top: 1.28rem;
}
.mg2020-h5-works-detail .works-intro-box {
  width: 6.72rem;
  height: 3.85rem;
  background: url('/static/images/activity/MG2020/works/h5/bg-works-intro.png') no-repeat;
  background-size: 6.72rem auto;
  margin: 0.5rem auto 0.16rem;
  padding: 0.08rem;
}
.mg2020-h5-works-detail .works-intro-box .works-intro-content {
  width: 100%;
  height: 100%;
  border: 2px solid #023a4d;
}
.mg2020-h5-works-detail .works-intro-box .works-intro-content > video {
  width: 100%;
  height: 100%;
  background: #000;
}
.mg2020-h5-works-detail .works-ID {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: justify;
  text-align: center;
}
.mg2020-h5-works-detail .title-img.works-design {
  width: 3.52rem;
  height: 1.05rem;
  background: url("/static/images/activity/MG2020/works/h5/title-design.png") no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-top: 1.28rem;
}
.mg2020-h5-works-detail .works-design-content {
  width: 6.54rem;
  margin: 0.56rem auto 0;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #036483;
  text-align: justify;
}
.mg2020-h5-works-detail .mg2020-h5-works-like-sm {
  width: 4.36rem;
  height: 0.88rem;
  margin: 0.35rem auto 0;
  font-size: 0.32rem;
  line-height: 0.88rem;
  color: #81b1c1;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url('/static/images/activity/MG2020/works/h5/bg-vote-sm.png') no-repeat;
  background-size: 4.32rem auto;
}
.mg2020-h5-works-detail .mg2020-h5-works-like-sm .heart {
  width: 0.6rem;
  height: 0.6rem;
  background: url("/static/images/activity/MG2020/works/h5/icon_48_like.png") no-repeat;
  background-size: contain;
  margin-left: 0.24rem;
}
.mg2020-h5-works-detail .mg2020-h5-works-like-sm .heart.active {
  background: url("/static/images/activity/MG2020/works/h5/icon_48_liked.png") no-repeat;
  background-size: contain;
}
.mg2020-h5-works-detail .mg2020-h5-works-like-sm .count {
  font-size: 0.36rem;
  line-height: 0.44rem;
  color: #036483;
  text-align: justify;
  font-family: 'DIN-Medium';
}
.mg2020-h5-works-detail .mg2020-h5-works-like-sm .count.zero {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #036483;
  text-align: justify;
}
.mg2020-h5-works-detail .line-comment {
  width: 6.54rem;
  height: 1px;
  background: #023a4d;
  opacity: 0.2;
  margin: 0.7rem auto 0;
}
.mg2020-h5-works-detail .mg2020-works-comment {
  width: 6.54rem;
  padding-top: 0.48rem;
  margin: 0 auto;
}
.mg2020-h5-works-detail .mg2020-works-comment .comment-title {
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #036483;
  text-align: justify;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input {
  width: 6.54rem;
  height: 3.2rem;
  border: 1px solid #0DC8CF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  margin-top: 0.2rem;
  padding-right: 0.02rem;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-input {
  border: none;
  height: 2.24rem;
  resize: none;
  background: transparent;
  padding: 0.16rem 0.16rem 0;
  color: #023a4d;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-input::-webkit-scrollbar {
  width: 0.06rem;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-input::-webkit-scrollbar-thumb {
  border-radius: 0.03rem;
  background-color: #cde0e6;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-actions {
  width: 100%;
  padding: 0 0.16rem;
  position: absolute;
  bottom: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-actions > span {
  color: #a5a7b5;
  -webkit-transform: translateY(0.06rem);
      -ms-transform: translateY(0.06rem);
          transform: translateY(0.06rem);
}
.mg2020-h5-works-detail .mg2020-works-comment .mg2020-comment__input .input-actions .input-submit {
  width: 1.28rem;
  height: 0.56rem;
  background: url('/static/images/activity/MG2020/works/h5/bg-sbmit.png') no-repeat;
  background-size: 1.28rem auto;
  cursor: pointer;
}
.mg2020-h5-works-detail .mg2020-works-comment .comment-empty {
  margin: 1.44rem auto 0rem;
  text-align: center;
}
.mg2020-h5-works-detail .mg2020-works-comment .comment-empty > img {
  width: 2rem;
  height: 1.3rem;
}
.mg2020-h5-works-detail .mg2020-works-comment .comment-empty .text {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: #9a9dab;
  text-align: justify;
  margin-top: 0.3rem;
  text-align: center;
}
.mg2020-comment__comment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.48rem;
}
.mg2020-comment__comment-item .mg2020-comment__avatar {
  width: 0.8rem;
  height: 0.8rem;
  min-width: 0.8rem;
  margin-right: 0.24rem;
  border-radius: 50%;
}
.mg2020-comment__comment-item .mg2020-comment__avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  vertical-align: baseline;
}
.mg2020-comment__comment-item .mg2020-comment__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.1rem;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .name {
  max-width: 2.28rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 0.24rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #5b7f8B;
  text-align: justify;
  font-weight: 600;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #5b7f8B;
  text-align: justify;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-like {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #81B1C1;
  text-align: justify;
  font-family: 'DIN-Medium';
  padding-left: 0.46rem;
  background: url('/static/images/activity/MG2020/works/h5/icon_24_like.png') no-repeat;
  background-size: 0.4rem auto;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment__head .comment-like.active {
  background: url('/static/images/activity/MG2020/works/h5/icon_24_liked.png') no-repeat;
  background-size: 0.4rem auto;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body {
  font-size: 0.3rem;
  line-height: 0.48rem;
  color: #023a4d;
  text-align: justify;
  word-break: break-all;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body .actions {
  float: right;
  width: 0.86rem;
  height: 0.48rem;
  background: url('/static/images/activity/MG2020/works/h5/shou.png') no-repeat;
  background-size: 0.86rem auto;
}
.mg2020-comment__comment-item .mg2020-comment__content .mg2020-comment-body .actions.open {
  background: url('/static/images/activity/MG2020/works/h5/open.png') no-repeat;
  background-size: 0.86rem auto;
}
.mg2020-h5-works-list-item {
  width: 3.2rem;
  height: 2.92rem;
  background: url("/static/images/activity/MG2020/works/h5/bg-works.png") no-repeat;
  background-size: contain;
  margin: 0.28rem 0 0 0.26rem;
  padding: 0.06rem;
}
.mg2020-h5-works-list-item:nth-child(2n+1) {
  margin-left: 0;
}
.mg2020-h5-works-list-item .list-item-box {
  border: 2px solid #036483;
  background: #fff;
  height: 2.8rem;
}
.mg2020-h5-works-list-item .list-item-box .pic {
  width: 100%;
  height: 1.71rem;
  border-bottom: 1px solid #036483;
  position: relative;
}
.mg2020-h5-works-list-item .list-item-box .pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-works-list-item .list-item-box .pic .pic-ID {
  padding: 0.04rem 0.12rem;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.16rem;
}
.mg2020-h5-works-list-item .list-item-box .Item-title {
  margin: 0.12rem 0.2rem 0.04rem;
  width: auto;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 0.28rem;
  line-height: 0.45rem;
  height: 0.45rem;
  font-size: 0.32rem;
  color: #036483;
}
.mg2020-h5-works-list-item .list-item-box .author {
  height: 0.24rem;
  line-height: 0.24rem;
  width: auto;
  margin: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #678994;
}
.mg2020-h5-works-list-item .list-item-box .author > .like .like_num {
  height: 0.4rem;
  font-size: 0.26rem;
  padding-left: 0.4rem;
  font-family: 'DIN-Medium';
  background: url("/static/images/activity/MG2020/works/h5/icon_24_like.png") no-repeat;
  background-size: contain;
}
.mg2020-h5-works-list-item .list-item-box .author > .like .like_num.active {
  background: url("/static/images/activity/MG2020/works/h5/icon_24_liked.png") no-repeat;
  background-size: contain;
}
.mg2020-tooltip .ant-tooltip-inner {
  padding: 0.04rem 0.06rem;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.5);
  min-height: auto;
}
.mg2020-tooltip .ant-tooltip-arrow {
  display: none;
}
.mg2020-tooltip.ant-tooltip-placement-top {
  padding-bottom: 0;
}

.YMResult {
  width: 100%;
  overflow: hidden;
}
.YMResult-title {
  margin: 0 auto 1.2rem;
  width: 10.04rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.YMResult-title-item {
  cursor: pointer;
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-fusai.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
}
.YMResult-title-item.default.checked {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-fusai-checked.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
  cursor: auto;
}
.YMResult-title-item.winner {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-winner.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
}
.YMResult-title-item.winner.checked {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-winner-checked.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
  cursor: auto;
}
.YMResult-text {
  width: 12.56rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  margin: 0.6rem auto 0;
  text-align: center;
}
.YMResult-table {
  width: 14.61rem;
  margin: 0.6rem auto 0;
}
.YMResult-table::before {
  content: ' ';
  display: block;
  width: 14.61rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/prize/prize-rule-top.png") no-repeat;
  background-size: cover;
  background-size: 14.61rem auto;
}
.YMResult-table::after {
  content: ' ';
  display: block;
  width: 14.61rem;
  height: 1rem;
  background: url("/static/images/activity/art_design/yimeng/prize/prize-rule-bottom.png") no-repeat;
  background-size: cover;
  background-size: 14.61rem auto;
}
.YMResult-table .table-body {
  width: 14.61rem;
  background: url("/static/images/activity/art_design/yimeng/prize/prize-rule-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-y;
  background-size: 14.61rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.YMResult-table .table-body-wrap {
  width: 10.36rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YMResult-table .table-body-wrap .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.18rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YMResult-table .table-body-wrap .col > p {
  font-size: 0.18rem;
  line-height: 0.42rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
  margin-bottom: 0;
}
.YMResult-table .table-body-wrap .col > p:first-child {
  width: 0.68rem;
  min-width: 0.68rem;
}
.YMResult-table .table-body-wrap .col > p:nth-child(2) {
  width: 1.44rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.YMResult-table .table-body-wrap .col > p + p {
  margin-left: 0.4rem;
}
.YMResult-table .table-body-wrap .col.col-head > p {
  font-size: 0.18rem;
  line-height: 0.42rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
  opacity: 0.6;
}
.YMResult-table .table-body-wrap .col:nth-child(2n) {
  padding-left: 0.5rem;
  border-left: 1px solid #D2CEBD;
}
.YMResult-table .table-body-wrap .col:nth-child(2n+1) {
  padding-right: 0.5rem;
}
.YMResult-title-renqi {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/result/title-chu-renqi.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1.4rem auto 0;
}
.YMResult-prize > h3 {
  margin: 0.8rem auto 0.56rem;
  width: 3.22rem;
  height: 2.8rem;
}
.YMResult-prize h3.first {
  background: url('/static/images/activity/art_design/yimeng/result/first.png') no-repeat;
  background-size: 3.22rem auto;
}
.YMResult-prize h3.second {
  background: url('/static/images/activity/art_design/yimeng/result/second.png') no-repeat;
  background-size: 3.22rem auto;
}
.YMResult-prize h3.second.margin-bottom {
  margin-bottom: 0.08rem;
}
.YMResult-prize h3.third {
  background: url('/static/images/activity/art_design/yimeng/result/third.png') no-repeat;
  background-size: 3.22rem auto;
}
.YMResult-prize h3.renqi {
  background: url('/static/images/activity/art_design/yimeng/result/title-popular.png') no-repeat;
  background-size: 3.22rem auto;
}
.YMResult-prize .second_word_box {
  width: 13.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
.YMResult-prize .second_word_box.slider-box {
  padding-bottom: 0.4rem;
}
.YMResult-prize .second_word_box.slider-box .slick-prev {
  -webkit-transform: translateX(-1.5rem) translateY(-0.7rem);
      -ms-transform: translateX(-1.5rem) translateY(-0.7rem);
          transform: translateX(-1.5rem) translateY(-0.7rem);
}
.YMResult-prize .second_word_box.slider-box .slick-next {
  -webkit-transform: translateX(1.5rem) translateY(-0.7rem);
      -ms-transform: translateX(1.5rem) translateY(-0.7rem);
          transform: translateX(1.5rem) translateY(-0.7rem);
}
.YMResult-prize .renqi_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YMResult-prize .renqi_box .renqi_Item {
  width: 4rem;
  height: 2.93rem;
  background: url('/static/images/activity/art_design/yimeng/result/popular-bg.png') no-repeat;
  background-size: 4rem auto;
  margin: 0 0.15rem 0.24rem;
}
.YMResult-prize .renqi_box .renqi_Item .renqi_work {
  width: 100%;
  padding: 0.2rem;
  height: 2.06rem;
  position: relative;
}
.YMResult-prize .renqi_box .renqi_Item .renqi_work > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 2px solid #32240b;
}
.YMResult-prize .renqi_box .renqi_Item .renqi_work > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMResult-prize .renqi_box .renqi_Item .renqi_work .label {
  position: absolute;
  right: 0.24rem;
  bottom: 0.3rem;
  width: 0.64rem;
  height: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.34rem;
}
.YMResult-prize .renqi_box .renqi_Item .author {
  margin: 0 auto;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.22rem;
  text-align: center;
  display: block;
  color: #1E3443;
  font-weight: 600;
  width: 3.6rem;
}
.YMResult .slick-slider .slick-list {
  width: 13.12rem;
  margin: 0 auto;
}
.YMResult .slick-slider .slick-arrow {
  width: 0.96rem;
  height: 0.96rem;
  z-index: 9;
}
.YMResult .slick-slider .slick-arrow::before {
  display: none;
}
.YMResult .slick-slider .slick-prev {
  left: 0;
  background: url('/static/images/activity/art_design/yimeng/result/icon_last.png') no-repeat;
  background-size: 0.96rem 0.96rem;
  -webkit-transform: translateX(-1.7rem);
      -ms-transform: translateX(-1.7rem);
          transform: translateX(-1.7rem);
}
.YMResult .slick-slider .slick-next {
  right: 0;
  background: url('/static/images/activity/art_design/yimeng/result/icon_next.png') no-repeat;
  background-size: 0.96rem 0.96rem;
  -webkit-transform: translateX(1.7rem);
      -ms-transform: translateX(1.7rem);
          transform: translateX(1.7rem);
}
.YMResult .slick-slider .slick-dots li button:before {
  font-size: 0.4rem;
  color: #618498;
}
.YMResult .slick-slider .slick-dots li.slick-active button:before {
  color: #D6C4A5;
}
.YMResult_first_prize {
  width: 13.12rem;
  height: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin: 0.32rem auto 0.32rem;
}
.YMResult_first_prize .author {
  position: absolute;
  width: 2rem;
  height: 1.08rem;
  background: url('/static/images/activity/art_design/yimeng/result/author-title.png') no-repeat;
  background-size: 2rem auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 9;
  display: block;
  color: #1E3443;
}
.YMResult_first_prize .author-name {
  margin: 0.24rem 0 0.12rem;
  line-height: 0.26rem;
  font-size: 0.24rem;
  text-align: center;
}
.YMResult_first_prize .author-school {
  max-width: 2.4rem;
  line-height: 0.2rem;
  margin: 0 auto;
  font-size: 0.16rem;
  text-align: center;
}
.YMResult_first_prize .work_Item {
  width: 6.4rem;
  height: 100%;
  border: 0.05rem solid #618498;
  border-radius: 0.05rem;
  position: relative;
}
.YMResult_first_prize .work_Item + .work_Item {
  margin-left: 0.15rem;
}
.YMResult_first_prize .work_Item > a {
  width: 100%;
  height: 100%;
}
.YMResult_first_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMResult_first_prize .work_Item .label {
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  width: 0.6rem;
  height: 0.32rem;
  margin: 0;
  font-size: 0.14rem;
  color: #FFFDBF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.34rem;
}
.YMResult_first_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/yimeng/result/tag.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.YMResult_first_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/yimeng/result/tag.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.YMResult_second_prize {
  width: 6.4rem;
  height: 2.45rem;
  background: url('/static/images/activity/art_design/yimeng/result/third-bg.png') no-repeat;
  background-size: 6.4rem 2.45rem;
  margin: 0 auto 0.4rem;
}
.YMResult_second_prize .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.1rem;
}
.YMResult_second_prize .work_Item {
  margin-top: 10px;
  width: 3.04rem;
  height: 1.71rem;
  background: #618498;
  position: relative;
}
.YMResult_second_prize .work_Item + .work_Item {
  margin-left: 0.12rem;
}
.YMResult_second_prize .work_Item > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 2px solid #618498;
}
.YMResult_second_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMResult_second_prize .work_Item .label {
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
  width: 0.6rem;
  height: 0.32rem;
  margin: 0;
  font-size: 0.14rem;
  color: #FFFDBF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.34rem;
}
.YMResult_second_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/yimeng/result/tag.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.YMResult_second_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/yimeng/result/tag.png') no-repeat;
  background-size: 0.6rem 0.32rem;
}
.YMResult_second_prize .sec_author {
  width: 6rem;
  margin: 0.02rem auto 0;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.2rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1E3443;
}
.YMResult_third_prize {
  width: 4.2rem;
  height: 2.99rem;
  background: url('/static/images/activity/art_design/yimeng/result/popular-bg.png') no-repeat;
  background-size: 4.2rem auto;
  margin: 0 auto 0.4rem;
  overflow: hidden;
}
.YMResult_third_prize .work {
  margin: 10px auto 0;
  width: 4rem;
  height: 2.25rem;
  position: relative;
}
.YMResult_third_prize .work > a {
  width: 100%;
  height: 100%;
}
.YMResult_third_prize .work > a > img {
  border: 2px solid #618498;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YMResult_third_prize .third_author {
  width: 3.6rem;
  margin: 0 auto;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.2rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1E3443;
}

.mg2020-result-tab {
  margin: 0 auto 0.6rem;
  padding-top: 1.23rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6.08rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-result-tab-item {
  width: 2.8rem;
  height: 1.04rem;
  background-size: 2.8rem 1.04rem;
  background-repeat: no-repeat;
}
.mg2020-result-tab-item:first-child {
  background-image: url('/static/images/activity/MG2020/result/tab-1.png');
  cursor: pointer;
}
.mg2020-result-tab-item:first-child.checked {
  background-image: url('/static/images/activity/MG2020/result/tab-1-checked.png');
  cursor: auto;
}
.mg2020-result-tab-item:nth-child(2) {
  margin-left: 0.5rem;
  background-image: url('/static/images/activity/MG2020/result/tab-2.png');
  cursor: pointer;
}
.mg2020-result-tab-item:nth-child(2).checked {
  background-image: url('/static/images/activity/MG2020/result/tab-2-checked.png');
  cursor: auto;
}
.mg2020-result-tips {
  width: 12.56rem;
  margin: 0 auto 0.68rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  text-align: center;
  color: #036483;
}
.mg2020-result-table {
  position: relative;
  width: 13.4rem;
  margin: 0 auto 0.8rem;
  background: url('/static/images/activity/MG2020/result/bg-2.png');
  background-size: 13.4rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 0.8rem;
  padding-bottom: 0.78rem;
}
.mg2020-result-table::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 13.4rem;
  height: 0.8rem;
  background: url('/static/images/activity/MG2020/result/bg-1.png');
  background-size: 13.4rem auto;
}
.mg2020-result-table::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 13.4rem;
  height: 0.8rem;
  background: url('/static/images/activity/MG2020/result/bg-3.png');
  background-size: 13.4rem auto;
  background-position: left bottom ;
}
.mg2020-result-table-content {
  position: relative;
  margin-top: -0.8rem;
  padding-top: 0.87rem;
  padding-left: 0.76rem;
  padding-right: 0.76rem;
  margin-bottom: -0.3rem;
  z-index: 1;
}
.mg2020-result-table-list {
  margin-top: 0.4rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-result-table-item {
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
  width: 2.88rem;
  height: 1.36rem;
  border: 0.01rem solid #e1e5e4;
  border-radius: 0.08rem;
  background: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.22rem;
  line-height: 0.31rem;
  color: #023A4D;
}
.mg2020-result-table-item:nth-child(4n) {
  margin-right: 0;
}
.mg2020-result-table-item-team {
  margin-bottom: 0.1rem;
}
.mg2020-result-table-item.long {
  width: 100%;
}
.mg2020-result-title-1 {
  margin: 0 auto;
  width: 4.42rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/result/title-1.png');
  background-size: 4.42rem 0.67rem;
}
.mg2020-result-title-2 {
  margin: 0 auto;
  width: 3.94rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/result/title-2.png');
  background-size: 3.94rem 0.67rem;
}
.mg2020-result-title-3 {
  margin: 0 auto;
  width: 5.86rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/result/title-3.png');
  background-size: 5.86rem 0.67rem;
}
.mg2020-winner__prize {
  margin: 0 auto;
  width: 12.6rem;
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mg2020-winner__prize-item {
  padding-top: 2.12rem;
  width: 3.92rem;
  height: 3.14rem;
}
.mg2020-winner__prize-item.first {
  background: url('/static/images/activity/MG2020/result/prize-1-checked.png') no-repeat;
  background-size: 3.92rem 3.14rem;
}
.mg2020-winner__prize-item.first.checked {
  background: url('/static/images/activity/MG2020/result/prize-1-checked.png') no-repeat;
  background-size: 3.92rem 3.14rem;
}
.mg2020-winner__prize-item.second {
  background: url('/static/images/activity/MG2020/result/prize-2.png') no-repeat;
  background-size: 3.92rem 3.14rem;
}
.mg2020-winner__prize-item.second.checked {
  background: url('/static/images/activity/MG2020/result/prize-2-checked.png') no-repeat;
  background-size: 3.92rem 3.14rem;
}
.mg2020-winner__prize-item.third {
  background: url('/static/images/activity/MG2020/result/prize-3.png') no-repeat;
  background-size: 3.92rem 3.14rem;
}
.mg2020-winner__prize-item.third.checked {
  background: url('/static/images/activity/MG2020/result/prize-3-checked.png') no-repeat;
  background-size: 3.92rem 3.14rem;
}
.mg2020-winner__prize-img {
  margin: 0 auto 0.35rem;
  width: 2.96rem;
  height: 0.96rem;
  border: 0.01rem solid;
}
.mg2020-winner__prize-team {
  width: 2.96rem;
  height: 0.58rem;
  margin: 0 auto;
  border: 0.01rem solid;
  color: #023A4D;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.58rem;
  border-radius: 0.08rem;
}
.mg2020-winner__work {
  position: relative;
  margin-bottom: 1.2rem;
  width: 12.8rem;
  height: 3.93rem;
  margin: 0 auto 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0.25rem;
}
.mg2020-winner__work::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 12.12rem;
  height: 3.93rem;
  content: '';
  z-index: 0;
  background: url('/static/images/activity/MG2020/result/work-bg.png') no-repeat left top;
  background-size: 12.12rem 3.93rem;
}
.mg2020-winner__work-video {
  margin-right: 0.4rem;
  position: relative;
  margin-left: 0.46rem;
  padding: 0.06rem;
  width: 6.04rem;
  height: 3.45rem;
  background: url('/static/images/activity/MG2020/result/video.png') no-repeat;
  background-size: 6.04rem 3.45rem;
  z-index: 1;
}
.mg2020-winner__work-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  width: 0.8rem;
  height: 0.8rem;
  background: url("/static/images/activity/MG2020/news/icon_play.png") no-repeat;
  background-size: 0.8rem 0.8rem;
  cursor: pointer;
}
.mg2020-winner__work video {
  border: 0.04rem solid #036483;
  background: #036483;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}
.mg2020-winner__work-info {
  position: relative;
  z-index: 1;
  width: 4.82rem;
  margin-right: 0.4rem;
}
.mg2020-winner__work-name {
  margin-bottom: 0.12rem;
  font-size: 0.28rem;
  line-height: 0.39rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
  color: #038cd0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  cursor: pointer;
}
.mg2020-winner__work-tips {
  color: #023A4D;
  line-height: 0.32rem;
  font-size: 0.18rem;
  margin-bottom: 0.04rem;
}
.mg2020-winner__work-intro {
  width: 100%;
  height: 2.34rem;
  font-size: 0.16rem;
  line-height: 0.26rem;
  text-align: justify;
  color: #036483;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.mg2020-winner__work-tabs {
  position: relative;
  width: 0.5rem;
  z-index: 0;
}
.mg2020-winner__work-tabs-item {
  margin-bottom: 0.06rem;
  width: 100%;
  height: 1.74rem;
}
.mg2020-winner__work-tabs-item:first-child {
  background: url('/static/images/activity/MG2020/result/btn-1.png');
  background-size: 0.5rem 1.74rem;
  cursor: pointer;
}
.mg2020-winner__work-tabs-item:first-child.checked {
  background: url('/static/images/activity/MG2020/result/btn-1-checked.png');
  background-size: 0.5rem 1.74rem;
  cursor: auto;
}
.mg2020-winner__work-tabs-item:nth-child(2) {
  background: url('/static/images/activity/MG2020/result/btn-2.png');
  background-size: 0.5rem 1.74rem;
  cursor: pointer;
}
.mg2020-winner__work-tabs-item:nth-child(2).checked {
  background: url('/static/images/activity/MG2020/result/btn-2-checked.png');
  background-size: 0.5rem 1.74rem;
  cursor: auto;
}
.mg2020-winner__table {
  position: relative;
  width: 12.42rem;
  margin: 0 auto 1.2rem;
  background: url('/static/images/activity/MG2020/result/bg-2.png');
  background-size: 12.42rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
}
.mg2020-winner__table.youxiu {
  padding-top: 0.1rem;
  height: 5.23rem;
  background: url('/static/images/activity/MG2020/result/bg-4.png');
  background-size: 12.42rem 5.23rem;
}
.mg2020-winner__table.renqi {
  height: 3.71rem;
  background: url('/static/images/activity/MG2020/result/bg-5.png');
  background-size: 12.42rem 3.71rem;
}
.mg2020-winner__table-content {
  position: relative;
  padding-top: 0.6rem;
  padding-left: 0.56rem;
  padding-right: 0.56rem;
  z-index: 1;
}
.mg2020-winner__table-list {
  margin-top: 0.4rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-winner__table-item {
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  width: 3.66rem;
  height: 1.36rem;
  border: 0.01rem solid;
  border-radius: 0.08rem;
  background: transparent;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.22rem;
  line-height: 0.31rem;
  color: #023A4D;
}
.mg2020-winner__table-item:nth-child(3n) {
  margin-right: 0;
}
.mg2020-winner__table-item-team {
  margin-bottom: 0.1rem;
}
.mg2020-winner__table-item-title {
  cursor: pointer;
}
.mg2020-winner__table-item-title:hover {
  color: #8E1C1C;
  text-decoration: underline;
}
.mg2020-winner__table-item.long {
  width: 100%;
  margin-right: 0;
}
.mg2020-winner__title-1 {
  margin: 0 auto;
  width: 3.94rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/result/title-4.png');
  background-size: 3.94rem 0.67rem;
}
.mg2020-winner__title-2 {
  margin: 0 auto;
  width: 3.94rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/result/title-5.png');
  background-size: 3.94rem 0.67rem;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.works_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.works_image .Img_Item {
  width: 180px;
  height: 116px;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  border: 1px dotted #a1a5B3;
}
.works_image .Img_Item .delete-icon {
  width: 22px;
  height: 22px;
  position: absolute;
  top: -8px;
  right: -8px;
  background: url('/static/images/icons/delete-icon.png') no-repeat;
  background-size: 22px 22px;
}
.works_image .Img_Item > img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.works_image .Img_Item + .Img_Item {
  margin-left: 20px;
}
.works_image .Img_Item:nth-child(4n+1) {
  margin-left: 0px;
}


/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.works_video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.works_video .Video-upload {
  width: 100%;
}
.works_video .upload_progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.works_video .upload_progress .video-cover {
  min-width: 390px;
  height: 217px;
  background: url(/static/images/user/moveCover.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  position: relative;
  display: inline-block;
}
.works_video .upload_progress .video-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(/static/nshow-image/small@2x.png) no-repeat;
  background-size: 100% 100%;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.works_video .upload_progress-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 24px;
  height: 217px;
}
.works_video .upload_progress-progress .video-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.works_video .upload_progress-progress .video-title > h3 {
  width: 300px;
}
.works_video .upload_progress-progress .progress {
  margin-top: 130px;
}
.works_video .upload_progress-progress .progress .ant-progress-bg {
  background: -webkit-gradient(linear, left top, right top, from(#E9653F), color-stop(52%, #D83A34), to(#D52E4c));
  background: -o-linear-gradient(left, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
}
.works_video .upload_progress-progress .video-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.works_video .tab-move-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  background: rgba(0, 0, 0, 0.9);
}
.works_video .tab-move-container .tab-move-show {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.works_video .tab-move-container .tab-move-close {
  position: absolute;
  top: 64px;
  right: 64px;
  background: url('/static/nshow-image/delete@2x.png') no-repeat;
  background-size: 192px 64px;
  cursor: pointer;
  width: 64px;
  height: 64px;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.ActivitySubmitworks {
  width: 983px;
  -webkit-box-shadow: 0 0 16px 0 rgba(207, 209, 218, 0.36);
          box-shadow: 0 0 16px 0 rgba(207, 209, 218, 0.36);
  border-radius: 12px;
  padding: 20px 24px 48px;
  margin: 0 auto;
  margin-bottom: 24px;
  position: relative;
}
.ActivitySubmitworks .EditBtn {
  position: absolute;
  padding-left: 26px;
  height: 20px;
  width: 86px;
  font-size: 14px;
  color: #2E2E33;
  line-height: 20px;
  white-space: nowrap;
  background: url('/static/images/user/edit.png') left no-repeat;
  background-size: 18px 18px;
  right: 24px;
  top: 36px;
}
.ActivitySubmitworks .title {
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  color: #2E2E33;
}
.ActivitySubmitworks .actionItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ActivitySubmitworks .actionItems .actionItem {
  margin: 32px 0 0;
  min-width: 234px;
  height: 234px;
  border: 1px dotted #a1a5b3;
  border-radius: 8px;
}
.ActivitySubmitworks .actionItems .actionItem + .actionItem {
  margin-left: 80px;
}
.ActivitySubmitworks .actionItems .actionItem:nth-child(3n+1) {
  margin-left: 0;
}
.ActivitySubmitworks .actionItems .actionItem > p {
  margin: 70px auto 50px;
  font-size: 20px;
  line-height: 28px;
  color: #2E2E33;
  font-weight: bold;
  text-align: center;
}
.ActivitySubmitworks .actionItems .actionItem .submitBtn {
  width: 112px;
  height: 40px;
  line-height: 40px;
  margin: 32px auto;
  border-radius: 8px;
}
.ActivitySubmitworks .EditData {
  padding: 24px 16px 0px;
}
.ActivitySubmitworks .works_Item p {
  margin-bottom: 0;
}
.ActivitySubmitworks .works_Item .vice-title {
  min-width: 120px;
  color: #2E2E33;
  font-size: 16px;
  line-height: 22px;
}
.ActivitySubmitworks .works_Item .uploadImg {
  width: 186px;
  height: 116px;
  border: 1px dotted #a1a5b3;
  border-radius: 8px;
  margin-right: 20px;
}
.ActivitySubmitworks .works_Item .uploadImg > img {
  width: 186px;
  height: 116px;
  border-radius: 8px;
}
.ActivitySubmitworks .works_Item .input-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.ActivitySubmitworks .works_Item .input-text textarea.ant-input {
  min-height: 116px;
}
.ActivitySubmitworks .works_Item .input-text .works-title {
  font-size: 16px;
  color: #2E2E33;
  margin-bottom: 12px;
}
.ActivitySubmitworks .works_Item .input-text .works-intro {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.ActivitySubmitworks .works_Item .worksData {
  height: 134px;
}
.ActivitySubmitworks .personInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 48px;
  min-height: 116px;
}
.ActivitySubmitworks .worksData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 28px;
}
.ActivitySubmitworks .worksData .coverPic {
  width: 185px;
  border-radius: 8px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #F9F9FC;
  margin-top: 10px;
}
.ActivitySubmitworks .worksData-position {
  position: relative;
}
.ActivitySubmitworks .worksData .editCoverPic {
  position: absolute;
  width: 40px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.5);
  right: 26px;
  top: 78px;
}
.ActivitySubmitworks .worksData .input-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ActivitySubmitworks .worksData .input-text .textArea-box .works_title {
  min-height: 34px;
  line-height: 1 !important;
}
.ActivitySubmitworks .worksData .input-text .textArea-box .works_intro {
  min-height: 78px;
  margin-top: 16px;
  line-height: 1 !important;
}
.ActivitySubmitworks .worksIntroduce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 48px;
  min-height: 100px;
}
.ActivitySubmitworks .works_work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ActivitySubmitworks .works_work-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ActivitySubmitworks .works_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 48px;
}
.ActivitySubmitworks .works_action .ant-btn {
  width: 112px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 8px;
}
.ActivitySubmitworks .works_action .ant-btn + .ant-btn {
  margin-left: 24px;
}

.yimeng-share-Box {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share-imgBox {
  height: calc(100vh - 2rem);
  overflow-y: auto;
}
.yimeng-share-Box .canvas-Img {
  width: 100%;
  height: auto;
}
.yimeng-share-Box .yimeng-share {
  padding-top: 0.5rem;
  padding-bottom: 0.1rem;
  background: url("/static/images/activity/art_design/yimeng/h5/bg-01.png") no-repeat, url("/static/images/activity/art_design/yimeng/h5/bg-02.png") repeat;
  background-size: 7.5rem auto;
  font-family: 'Font-song';
}
.yimeng-share-Box .yimeng-share__alert {
  margin: 0 auto;
  padding-top: 0.84rem;
  width: 6.9rem;
  height: 11.13rem;
  background: url("/static/images/activity/art_design/yimeng/h5/share.png") no-repeat;
  background-size: 6.9rem auto;
}
.yimeng-share-Box .yimeng-share__title {
  margin: 0 auto 0.52rem;
  width: 3.2rem;
  line-height: 0.48rem;
  font-size: 0.4rem;
  color: #618498;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__img {
  margin: 0 auto 0.2rem;
  padding: 0 0.08rem;
  width: 5.6rem;
  height: 3.22rem;
}
.yimeng-share-Box .yimeng-share__img img {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #618498;
}
.yimeng-share-Box .yimeng-share__project-title {
  margin-left: 0.75rem;
  margin-bottom: 0.16rem;
  color: #404652;
  font-size: 0.3rem;
  line-height: 0.33rem;
}
.yimeng-share-Box .yimeng-share__project-info {
  margin-left: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
.yimeng-share-Box .yimeng-share__project-cover {
  margin-right: 0.16rem;
  width: 0.48rem;
  height: 0.48rem;
}
.yimeng-share-Box .yimeng-share__project-cover img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.yimeng-share-Box .yimeng-share__project-author {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #404652;
}
.yimeng-share-Box .yimeng-share__project-content {
  width: 5.6rem;
  margin-left: 0.75rem;
  margin-bottom: 0.6rem;
  text-align: justify;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #404652;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 0.72rem;
  -webkit-box-orient: vertical;
}
.yimeng-share-Box .yimeng-share__project-qr__title {
  margin-bottom: 0.24rem;
  color: #618498;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: center;
}
.yimeng-share-Box .yimeng-share__project-qr__code {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__project-qr__code canvas {
  width: 100% !important;
  height: 100% !important;
}
.yimeng-share-Box .yimeng-share__btn-box {
  width: 100vw;
  margin: 0 auto;
  position: fixed;
  bottom: 0.16rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #1e354b;
}
.yimeng-share-Box .yimeng-share__btn-box .yimeng-share__btn {
  margin: 0.35rem auto 0;
  width: 5.58rem;
  height: 0.88rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png');
  background-size: 5.58rem 0.88rem;
  cursor: pointer;
  margin: 0 auto;
}
.yimeng-share-Box .yimeng-share__btn-box > p {
  font-size: 0.26rem;
  line-height: 0.28rem;
  color: #CAE0E5;
  font-family: 'Font-song';
  margin: 0.18rem auto 0;
  text-align: center;
}
.YM_H5_Enroll {
  width: 7.5rem;
  overflow: hidden;
  margin: 0 auto;
}
.YM_H5_Enroll-Enroll {
  width: 7.5rem;
  margin: 0 auto;
}
.YM_H5_Enroll-Enroll-rule-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-rule.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0rem auto 0;
}
.YM_H5_Enroll-Enroll-rule-text {
  width: 6.7rem;
  margin: 0.48rem auto 0;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-enrollForm {
  width: 7.1rem;
  height: 17.32rem;
  margin: 0.6rem auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/bg-enroll-form.png") no-repeat;
  background-size: cover;
  background-size: 7.3rem auto;
  margin-left: 0.16rem;
}
.YM_H5_Enroll-enrollForm-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/title-enroll.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.98rem auto 0;
}
.YM_H5_Enroll-enrollForm .enroll-form {
  width: 5.58rem;
  margin: 0 auto;
  padding-top: 0.36rem;
  -webkit-transform: translateX(0.04rem);
      -ms-transform: translateX(0.04rem);
          transform: translateX(0.04rem);
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item {
  margin-top: 0.32rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .form-title {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #404652;
  text-align: justify;
  font-family: 'Font-song';
  padding-left: 0.2rem;
  margin-bottom: 0.16rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .form-title.required {
  background: url("/static/images/activity/art_design/yimeng/enroll/start.png") no-repeat;
  background-size: cover;
  background-size: 0.12rem 0.12rem;
  background-position: 0 0.1rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-input {
  height: 0.8rem;
  font-size: 0.28rem;
  line-height: 0.78rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-left {
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-center {
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-right {
  width: 0.3rem;
  height: 0.8rem;
  background-size: auto 0.8rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ymInput .input-box-count {
  font-size: 0.24rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper {
  font-size: 0.16rem;
  line-height: 1.2;
  color: 0.16rem;
  text-align: justify;
  font-family: 'Font-song';
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper > span {
  color: 0.16rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #404652;
  margin-top: 0.24rem;
  font-size: 0.24rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement > a {
  color: #4a90e2;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check {
  margin-top: 0.02rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.2rem;
  height: 0.2rem;
  border: none;
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
  margin-right: 0.08rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background: url("/static/images/activity/art_design/yimeng/enroll/checkbox-active.png") no-repeat;
  background-size: cover;
  background-size: 0.2rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner::after {
  display: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked::after {
  display: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-inner {
  width: 0.24rem;
  height: 0.24rem;
  background-size: 0.24rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item.agreement .agreement_check .ant-checkbox-checked .ant-checkbox-inner {
  background-size: 0.24rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect {
  width: 100%;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect-left {
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-left.png") no-repeat;
  background-size: cover;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect-center {
  width: 0.2rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-center.png") no-repeat;
  background-size: cover;
  background-repeat: repeat-x;
  background-size: auto 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .antSelect-right {
  width: 0.3rem;
  background: url("/static/images/activity/art_design/yimeng/enroll/input/input-normal-right.png") no-repeat;
  background-size: cover;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select {
  width: 5.58rem;
  height: 0.8rem;
  line-height: 0.81rem;
  color: #023A4d;
  background: transparent;
  margin-left: -0.2rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection {
  height: 0.81rem;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection .ant-select-selection-selected-value {
  font-size: 0.28rem;
  line-height: 0.81rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection:focus {
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection.error {
  background-size: auto 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-selection__placeholder {
  color: #a5a7b5;
  margin-top: 0;
  height: 0.78rem;
  line-height: 0.98rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.28rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-arrow {
  width: 0.32rem;
  height: 0.32rem;
  right: 0.24rem;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/icon_to-bottom.png') no-repeat;
  background-size: 0.32rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .form-item .ant-select.ant-select-open .ant-select-arrow .anticon-down {
  width: 0.32rem;
  height: 0.32rem;
  background: url('/static/images/activity/MG2020/h5/enroll/arrow-to-top.png') no-repeat;
  background-size: 0.32rem auto;
}
.YM_H5_Enroll-enrollForm .enroll-form .ym-enroll-submit {
  width: 5.76rem;
  height: 1.07rem;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/btn.png") no-repeat;
  background-size: cover;
  font-size: 0.32rem;
  line-height: 0.36rem;
  color: #FFFCBB;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  line-height: 1.07rem;
  margin: 0.3rem auto;
  cursor: pointer;
  -webkit-transform: translateX(-0.1rem);
      -ms-transform: translateX(-0.1rem);
          transform: translateX(-0.1rem);
}
.YM_H5_Enroll-works-rule-title {
  width: 5.18rem;
  height: 1.44rem;
  background: url('/static/images/activity/art_design/yimeng/enroll/title-works-rule.png') no-repeat;
  background-size: 5.18rem auto;
  margin: 0rem auto 0;
}
.YM_H5_Enroll-works-rule-text {
  width: 6.7rem;
  margin: 0.48rem auto 0;
  font-size: 0.28rem;
  line-height: 0.52rem;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-works-rule-text > p {
  text-indent: 1.5em;
  margin-bottom: 0;
}
.YM_H5_Enroll-worksInfo {
  width: 7.02rem;
  height: auto;
  margin: 0.8rem auto 0;
  overflow: hidden;
  position: relative;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/bg-works-center.png');
  background-size: 7.01rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 2.95rem;
  padding-bottom: 0.9rem;
}
.YM_H5_Enroll-worksInfo::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 7.02rem;
  height: 2.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/bg-works-top.png');
  background-size: 7.02rem auto;
}
.YM_H5_Enroll-worksInfo::after {
  bottom: -0.9rem;
  left: 0;
  display: block;
  content: '';
  width: 7.02rem;
  height: 4.98rem;
  background: transparent url('/static/images/activity/art_design/yimeng/h5/enroll/bg-works-bottom.png');
  background-size: 7.01rem auto;
  background-position: 0 0 ;
  position: relative;
  z-index: 9;
  margin-top: -3.8rem;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.YM_H5_Enroll-worksInfo-wrap {
  margin-top: -3rem;
  position: relative;
  z-index: 10;
}
.YM_H5_Enroll-worksInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/title-works-submit.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 1rem auto 0;
  position: relative;
  z-index: 9;
}
.YM_H5_Enroll-worksInfo-detail {
  padding: 0 0.3rem 0 0.7rem;
  margin-top: 0.64rem;
  position: relative;
  z-index: 9;
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
}
.YM_H5_Enroll-worksInfo-detail .detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__title {
  min-width: 1.8rem;
  width: 1.8rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YM_H5_Enroll-worksInfo-detail .detail-item + .detail-item {
  margin-top: 0.24rem;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl {
  width: 1.86rem;
  height: 1.24rem;
  border-radius: 4px;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl > img {
  border-radius: 4px;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl + .detail-coverUrl {
  margin-left: 0.14rem;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail .detail-coverUrl:nth-child(2n+1) {
  margin-left: 0;
}
.YM_H5_Enroll-worksInfo-detail .detail-item__detail.attachmentList .detail-coverUrl {
  margin-bottom: 0.24rem;
}
.YM_H5_Enroll-worksInfo--actions {
  margin: 0.4rem auto 0;
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.YM_H5_Enroll-worksInfo--actions .share-works {
  width: 5.76rem;
  height: 1.07rem;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/btn.png") no-repeat;
  background-size: cover;
  font-size: 0.32rem;
  line-height: 3;
  color: #fff;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin: 0 auto;
}
.YM_H5_Enroll-worksInfo--actions > p {
  font-size: 0.24rem;
  line-height: 0.26rem;
  color: #ADA28C;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin-bottom: 0;
}
.YM_H5_Enroll-enrollInfo {
  width: 7.2rem;
  height: 9.21rem;
  margin: 0.8rem auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/bg-userInfo.png") no-repeat;
  background-size: cover;
  background-size: 7.3rem auto;
  -webkit-transform: translateX(-0.04rem);
      -ms-transform: translateX(-0.04rem);
          transform: translateX(-0.04rem);
}
.YM_H5_Enroll-enrollInfo-title {
  width: 4.72rem;
  height: 0.98rem;
  background: url('/static/images/activity/art_design/yimeng/h5/enroll/title-userInfo.png') no-repeat;
  background-size: 4.72rem auto;
  margin: 0.8rem auto 0;
}
.YM_H5_Enroll-enrollInfo-detail {
  padding: 0 0.9rem;
  margin-top: 0.64rem;
  position: relative;
}
.YM_H5_Enroll-enrollInfo-detail > p {
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: #1e3443;
  text-align: justify;
  font-family: 'Font-song';
  margin-bottom: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YM_H5_Enroll-enrollInfo-detail > p > span {
  display: inline-block;
  width: 1.8rem;
  min-width: 1.8rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 0.6rem;
  opacity: 0.7;
}
.YM_H5_Enroll-enrollInfo-detail > p > p {
  margin-bottom: 0;
}
.YM_H5_Enroll-enrollInfo-detail .btn-enrollInfo {
  width: 5.76rem;
  height: 1.07rem;
  background: url("/static/images/activity/art_design/yimeng/h5/enroll/btn-userInfo.png") no-repeat;
  background-size: cover;
  margin-left: -0.2rem;
  margin-top: 0.3rem;
}
.submitWorks-toast {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #FFFDBF;
  text-align: justify;
  font-family: 'Font-song';
  text-align: center;
  margin-top: 0.24rem;
}
.submitWorks-toast > i {
  margin: 0 0.16rem;
  display: inline-block;
  width: 0.36rem;
  height: 0.4rem;
  background: url("/static/images/activity/art_design/yimeng/h5/snowflake.png") no-repeat;
  background-size: cover;
  -webkit-transform: translateY(0.06rem);
      -ms-transform: translateY(0.06rem);
          transform: translateY(0.06rem);
}
.modal-argreement-h5 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 110;
}
.modal-argreement-h5__mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}
.modal-argreement-h5-border {
  width: 6.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.modal-argreement-h5-content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.32rem;
  position: relative;
  padding: 0.48rem 0.28rem 0.48rem 0.48rem;
}
.modal-argreement-h5-content .close {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url('/static/images/close.png') no-repeat;
  background-size: 14px auto;
  right: 14px;
  top: 14px;
}
.modal-argreement-h5-content > h3 {
  text-align: center;
  font-size: 0.28rem;
}
.modal-argreement-h5-content .content {
  max-height: 6.2rem;
  overflow-y: auto;
  margin-bottom: 0.5rem;
  padding-right: 0.2rem;
}
.modal-argreement-h5-content .content > p {
  font-size: 0.24rem;
  word-break: break-all;
  text-align: justify;
}
.modal-argreement-h5-content .content > h4 {
  margin-top: 0.36rem;
}
.modal-h5-wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.modal-h5-wrap__mask {
  width: 100vw;
  height: 100vh;
  background: #1e354b;
}
.modal-h5-wrap .modal-h5-body {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-h5-wrap .modal-h5-imgBox {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 100vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-height: calc(100vh - 2rem);
  background: #1e354b;
  overflow-y: auto;
}
.modal-h5-wrap .modal-h5-imgBox .yimeng-share {
  background: transparent;
  padding-top: 0.2rem;
  min-height: 10.72rem;
  padding-bottom: 0rem;
}
.modal-h5-wrap .modal-h5-imgBox .yimeng-share__alert {
  padding-top: 0;
  overflow: hidden;
}
.modal-h5-wrap .modal-h5-imgBox .yimeng-share__title {
  margin-top: 0.84rem;
}
.modal-h5-wrap .yimeng-share__btn-box {
  position: fixed;
  bottom: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-repeat: no-repeat;
  height: auto;
  width: 7.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  background: #1e354b;
}
.modal-h5-wrap .yimeng-share__btn-box .yimeng-share__btn {
  margin: 0.35rem auto 0;
  width: 5.58rem;
  height: 1.04rem;
  padding-top: 0.1rem;
  color: #FFFCBB;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/lottery/bg-btn.png');
  background-size: 5.58rem auto;
  cursor: pointer;
  margin: 0 auto;
}
.modal-h5-wrap .yimeng-share__btn-box > p {
  font-size: 0.26rem;
  line-height: 0.28rem;
  color: #CAE0E5;
  text-align: justify;
  font-family: 'Font-song';
  margin: 0.18rem auto 0;
  text-align: center;
}
.YM-select-downMenu {
  border-radius: 0.08rem;
}
.YM-select-downMenu .ant-select-dropdown-menu {
  border: 2px solid #618498;
  border-radius: 0.08rem;
  background: #618498;
  padding: 0;
}
.YM-select-downMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  background: #fff;
  color: #023A4D;
}
.YM-select-downMenu .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active {
  background: #618498;
  color: #fff;
}
.modal-ym-h5-confirm {
  width: 4.32rem !important;
  min-height: 2.46rem;
  border-radius: 12px;
}
.modal-ym-h5-confirm .ant-modal-body {
  padding: 0.48rem;
}
.modal-ym-h5-confirm .ant-modal-confirm-content {
  text-align: center;
}
.modal-ym-h5-confirm .anticon.anticon-question-circle {
  display: none;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn {
  width: 1.58rem;
  height: 0.48rem;
  border-radius: 0.48rem;
  color: #ADA28C;
  border-color: #ADA28C;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary {
  color: #fff;
  background-color: #ADA28C !important;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary:hover {
  background: #ADA28C !important;
}
.modal-ym-h5-confirm .ant-modal-confirm-btns .ant-btn-primary {
  background: #ADA28C;
}

.mg2020-h5-result {
  padding-top: 5.23rem;
  padding-bottom: 1.5rem;
  width: 7.5rem;
  background: url("/static/images/activity/MG2020/h5/intro/bg-1.png") no-repeat, url("/static/images/activity/MG2020/h5/intro/bg-2.png") no-repeat, url("/static/images/activity/MG2020/h5/intro/bg-3.png") no-repeat;
  background-size: 7.5rem auto;
  background-position: 0 0, 0 29.6rem, 0 72.36rem;
  min-height: 14rem;
}
.mg2020-h5-result-tab {
  margin: 0rem auto 0.6rem;
  padding-top: 1.23rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6.08rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-h5-result-tab-item {
  width: 2.8rem;
  height: 1.04rem;
  background-size: 2.8rem 1.04rem;
  background-repeat: no-repeat;
}
.mg2020-h5-result-tab-item:first-child {
  background-image: url('/static/images/activity/MG2020/h5/result/tab-1.png');
}
.mg2020-h5-result-tab-item:first-child.checked {
  background-image: url('/static/images/activity/MG2020/h5/result/tab-1-checked.png');
}
.mg2020-h5-result-tab-item:nth-child(2) {
  background-image: url('/static/images/activity/MG2020/h5/result/tab-2.png');
}
.mg2020-h5-result-tab-item:nth-child(2).checked {
  background-image: url('/static/images/activity/MG2020/h5/result/tab-2-checked.png');
}
.mg2020-h5-result-tips {
  width: 6.54rem;
  margin: 0 auto 0.68rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: justify;
  color: #036483;
}
.mg2020-h5-result-tips div {
  margin-bottom: 0.3rem;
}
.mg2020-h5-result-table {
  position: relative;
  width: 7.36rem;
  margin: 0 auto 0.8rem;
  background: url('/static/images/activity/MG2020/h5/result/bg-2.png');
  background-size: 7.36rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
  padding-top: 0.93rem;
  padding-bottom: 0.98rem;
}
.mg2020-h5-result-table::before {
  position: absolute;
  top: 0rem;
  left: 0;
  content: '';
  width: 7.36rem;
  height: 1rem;
  background: url('/static/images/activity/MG2020/h5/result/bg-1.png');
  background-size: 7.36rem auto;
}
.mg2020-h5-result-table::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  content: '';
  width: 7.36rem;
  height: 1rem;
  background: url('/static/images/activity/MG2020/h5/result/bg-3.png');
  background-size: 7.36rem auto;
  background-position: left bottom ;
}
.mg2020-h5-result-table-content {
  position: relative;
  z-index: 1;
  background: #fff;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: -0.62rem;
}
.mg2020-h5-result-table-list {
  margin-top: 0.4rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-h5-result-table-item {
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  width: 3.1rem;
  height: 1.42rem;
  border: 0.02rem solid #e1e6e4;
  border-radius: 0.08rem;
  background: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #023A4D;
}
.mg2020-h5-result-table-item:nth-child(2n) {
  margin-right: 0;
}
.mg2020-h5-result-table-item-team {
  margin-bottom: 0.1rem;
}
.mg2020-h5-result-table-item.long {
  width: 100%;
}
.mg2020-h5-result-title-1 {
  margin: 0 auto;
  width: 4.42rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/h5/result/title-1.png');
  background-size: 4.42rem 0.67rem;
}
.mg2020-h5-result-title-2 {
  margin: 0 auto;
  width: 3.94rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/h5/result/title-2.png');
  background-size: 3.94rem 0.67rem;
}
.mg2020-h5-result-title-3 {
  margin: 0 auto;
  width: 5.86rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/h5/result/title-3.png');
  background-size: 5.86rem 0.67rem;
}
.mg2020-h5-winner__prize {
  margin: 0 auto;
  width: 6.88rem;
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mg2020-h5-winner__prize-item {
  padding-top: 2.12rem;
  width: 3.92rem;
  height: 3.14rem;
}
.mg2020-h5-winner__prize-item.first {
  width: 3.43rem;
  height: 3.14rem;
  padding-top: 2.12rem;
  background: url('/static/images/activity/MG2020/h5/result/prize-1-checked.png') no-repeat;
  background-size: 3.43rem 3.14rem;
}
.mg2020-h5-winner__prize-item.first .mg2020-h5-winner__prize-team {
  width: 2.6rem;
  height: 0.55rem;
  font-size: 0.24rem;
  line-height: 0.55rem;
}
.mg2020-h5-winner__prize-item.first .mg2020-h5-winner__prize-team span {
  -webkit-transform: scale(0.91);
      -ms-transform: scale(0.91);
          transform: scale(0.91);
  display: block;
  margin-top: -0.02rem;
}
.mg2020-h5-winner__prize-item.first.checked {
  background: url('/static/images/activity/MG2020/h5/result/prize-1-checked.png') no-repeat;
  background-size: 3.43rem 3.14rem;
}
.mg2020-h5-winner__prize-item.second {
  width: 3.3rem;
  height: 2.91rem;
  padding-top: 2rem;
  background: url('/static/images/activity/MG2020/h5/result/prize-2.png') no-repeat;
  background-size: 3.3rem 2.91rem;
}
.mg2020-h5-winner__prize-item.second.checked {
  background: url('/static/images/activity/MG2020/h5/result/prize-2-checked.png') no-repeat;
  background-size: 3.3rem 2.91rem;
}
.mg2020-h5-winner__prize-item.second .mg2020-h5-winner__prize-team {
  width: 2.48rem;
  height: 0.52rem;
  font-size: 0.24rem;
  line-height: 0.52rem;
}
.mg2020-h5-winner__prize-item.second .mg2020-h5-winner__prize-team span {
  -webkit-transform: scale(0.91);
      -ms-transform: scale(0.91);
          transform: scale(0.91);
  display: block;
  margin-top: -0.02rem;
}
.mg2020-h5-winner__prize-item.third {
  width: 2.24rem;
  height: 2rem;
  padding-top: 1.36rem;
  background: url('/static/images/activity/MG2020/h5/result/prize-3.png') no-repeat;
  background-size: 2.24rem 2rem;
}
.mg2020-h5-winner__prize-item.third.checked {
  background: url('/static/images/activity/MG2020/h5/result/prize-3-checked.png') no-repeat;
  background-size: 2.24rem 2rem;
}
.mg2020-h5-winner__prize-item.third .mg2020-h5-winner__prize-team {
  width: 1.76rem;
  height: 0.36rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.mg2020-h5-winner__prize-item.third .mg2020-h5-winner__prize-team span {
  -webkit-transform: scale(0.67);
      -ms-transform: scale(0.67);
          transform: scale(0.67);
  display: block;
  width: 2rem;
  margin-left: -0.16rem;
}
.mg2020-h5-winner__prize-team {
  width: 2.96rem;
  height: 0.58rem;
  margin: 0 auto;
  border: 0.01rem solid;
  color: #023A4D;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.58rem;
  border-radius: 0.08rem;
}
.mg2020-h5-winner__work {
  width: 6.54rem;
  position: relative;
  margin: 0 auto 0.8rem;
  background: url('/static/images/activity/MG2020/h5/result/work-2.png') center center;
  background-size: 6.54rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  background-clip: content-box;
  padding-top: 0.8rem;
  padding-bottom: 0.46rem;
  padding-top: 3.62rem;
}
.mg2020-h5-winner__work::before {
  position: absolute;
  margin: 0 auto;
  top: 0rem;
  left: 0;
  right: 0;
  content: '';
  width: 6.54rem;
  height: 3.64rem;
  background: url('/static/images/activity/MG2020/h5/result/work-1.png') center center;
  background-size: 6.54rem 3.64rem;
}
.mg2020-h5-winner__work::after {
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  content: '';
  width: 6.54rem;
  margin: 0 auto;
  height: 0.48rem;
  background: url('/static/images/activity/MG2020/h5/result/work-3.png') center center;
  background-size: 6.54rem 0.48rem;
  background-position: left bottom ;
}
.mg2020-h5-winner__work-content {
  position: relative;
  margin-top: -3.64rem;
  padding-top: 0.26rem;
}
.mg2020-h5-winner__work-video {
  position: relative;
  margin: 0 auto 0.32rem;
  padding: 0.08rem;
  width: 6.08rem;
  height: 3.49rem;
  background: url('/static/images/activity/MG2020/h5/result/video.png') no-repeat;
  background-size: 6.08rem 3.49rem;
}
.mg2020-h5-winner__work-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-winner__work-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.8rem;
  height: 0.8rem;
  background: url("/static/images/activity/MG2020/news/icon_play.png") no-repeat;
  background-size: 0.8rem 0.8rem;
  cursor: pointer;
}
.mg2020-h5-winner__work img {
  border: 0.04rem solid #036483;
  background: #036483;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020-h5-winner__work-info {
  width: 5.92rem;
  margin: 0 auto;
}
.mg2020-h5-winner__work-name {
  font-size: 0.34rem;
  line-height: 0.48rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#038cd0), color-stop(84%, #0dc8cf));
  background: -o-linear-gradient(top, #038cd0 0%, #0dc8cf 84%);
  background: linear-gradient(180deg, #038cd0 0%, #0dc8cf 84%);
  color: #038cd0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  cursor: pointer;
}
.mg2020-h5-winner__work-tips {
  color: #023A4D;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin-bottom: 0.04rem;
}
.mg2020-h5-winner__work-intro {
  width: 100%;
  font-size: 0.26rem;
  line-height: 0.44rem;
  text-align: justify;
  color: #036483;
}
.mg2020-h5-winner__work-tabs {
  width: 100%;
  height: 0.52rem;
  margin-bottom: -0.04rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mg2020-h5-winner__work-tabs-item {
  width: 1.54rem;
  height: 0.52rem;
}
.mg2020-h5-winner__work-tabs-item:first-child {
  background: url('/static/images/activity/MG2020/h5/result/btn-1.png');
  background-size: 1.54rem 0.52rem;
  cursor: pointer;
}
.mg2020-h5-winner__work-tabs-item:first-child.checked {
  background: url('/static/images/activity/MG2020/h5/result/btn-1-checked.png');
  background-size: 1.54rem 0.52rem;
  cursor: auto;
}
.mg2020-h5-winner__work-tabs-item:nth-child(2) {
  margin-left: 0.12rem;
  background: url('/static/images/activity/MG2020/h5/result/btn-2.png');
  background-size: 1.54rem 0.52rem;
  cursor: pointer;
}
.mg2020-h5-winner__work-tabs-item:nth-child(2).checked {
  background: url('/static/images/activity/MG2020/h5/result/btn-2-checked.png');
  background-size: 1.54rem 0.52rem;
  cursor: auto;
}
.mg2020-h5-winner__table {
  position: relative;
  width: 6.9rem;
  margin: 0 auto 0.8rem;
  background: url('/static/images/activity/MG2020/h5/result/bg-2.png');
  background-size: 6.9rem;
  background-repeat: repeat-y;
  font-size: 0.26rem;
  line-height: 0.48rem;
  background-clip: content-box;
}
.mg2020-h5-winner__table.youxiu {
  height: 6.55rem;
  background: url('/static/images/activity/MG2020/h5/result/bg-4.png');
  background-size: 6.9rem 6.55rem;
}
.mg2020-h5-winner__table.renqi {
  height: 3.51rem;
  background: url('/static/images/activity/MG2020/h5/result/bg-5.png');
  background-size: 6.9rem 3.51rem;
}
.mg2020-h5-winner__table-content {
  position: relative;
  padding-top: 0.72rem;
  padding-left: 0.42rem;
  padding-right: 0.42rem;
  z-index: 1;
}
.mg2020-h5-winner__table-list {
  margin-top: 0.4rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020-h5-winner__table-item {
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  width: 2.95rem;
  height: 1.36rem;
  border: 0.01rem solid;
  border-radius: 0.08rem;
  background: transparent;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.22rem;
  line-height: 0.31rem;
  color: #023A4D;
}
.mg2020-h5-winner__table-item:nth-child(2n) {
  margin-right: 0;
}
.mg2020-h5-winner__table-item-team {
  margin-bottom: 0.12rem;
}
.mg2020-h5-winner__table-item-title {
  cursor: pointer;
}
.mg2020-h5-winner__table-item-title:hover {
  color: #8E1C1C;
  text-decoration: underline;
}
.mg2020-h5-winner__table-item.long {
  width: 100%;
  margin-right: 0;
}
.mg2020-h5-winner__title-1 {
  margin: 0 auto;
  width: 3.94rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/h5/result/title-4.png');
  background-size: 3.94rem 0.67rem;
}
.mg2020-h5-winner__title-2 {
  margin: 0 auto;
  width: 3.94rem;
  height: 0.67rem;
  background: url('/static/images/activity/MG2020/h5/result/title-5.png');
  background-size: 3.94rem 0.67rem;
}
.mg2020-h5-winner-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mg2020-h5-winner-video-mock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.mg2020-h5-winner-video-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 6rem;
  height: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mg2020-h5-winner-video-video {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #036483;
}
.mg2020-h5-winner-video-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.mg2020-h5-winner-video-video video:focus {
  outline: none;
}

.mg2020-h5-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 7.5rem;
  height: 1.1rem;
  background: url("/static/images/activity/MG2020/h5/tab-bg.png") no-repeat;
  background-size: 7.5rem 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020-h5-nav-item {
  padding-top: 0.12rem;
  width: 25%;
  height: 1.14rem;
  font-size: 0.24rem;
  line-height: 1.02rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.mg2020-h5-nav-item.checked {
  background: url("/static/images/activity/MG2020/h5/tab-checked.png") no-repeat;
  background-size: 100% 1.14rem;
  color: #144f62;
}

.h5_phone_login {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 103;
  padding: 0.64rem 0.5rem;
}
.h5_phone_login-close {
  position: absolute;
  left: 0.32rem;
  top: 0.24rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url('/static/images/close@2x.png') no-repeat;
  background-size: 0.48rem auto;
  opacity: 0.6;
}
.h5_phone_login-close.goBack {
  background: url('/static/images/left-arrow1.png') no-repeat;
  background-size: 0.48rem auto;
  opacity: 0.6;
}
.h5_phone_login-head {
  margin: 0 auto 0.22rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: 0.2s margin;
  -o-transition: 0.2s margin;
  transition: 0.2s margin;
}
.h5_phone_login-head.hidden {
  margin-top: -2.14rem;
}
.h5_phone_login-head img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.h5_phone_login-title {
  padding-top: 1.1rem;
  margin-bottom: 0.62rem;
  font-size: 0.4rem;
  color: #333;
  line-height: 0.56rem;
  font-weight: bold;
}
.h5_phone_login-tips {
  margin-bottom: 0.16rem;
  font-size: 0.26rem;
  color: #B4B4B4;
  line-height: 0.36rem;
}
.h5_phone_login-error {
  margin-bottom: 0.16rem;
  font-size: 0.26rem;
  color: #FF3B30;
  line-height: 0.36rem;
}
.h5_phone_login-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.52rem;
  border-bottom: 0.02rem solid #EDEFF3;
}
.h5_phone_login-phone .ant-input {
  border: 0;
  outline: 0;
}
.h5_phone_login-phone .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5_phone_login-countrycode {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5_phone_login-countrycode::after {
  content: '';
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background: url('/static/images/login/h5/arrow.png') no-repeat right center;
  background-size: 0.2rem 0.2rem;
}
.h5_phone_login-code {
  padding-bottom: 0.52rem;
}
.h5_phone_login-msg-tips {
  margin-bottom: 0.08rem;
  font-size: 0.26rem;
  color: #B4B4B4;
}
.h5_phone_login-countdown {
  margin-bottom: 0.08rem;
  font-size: 0.26rem;
  color: #B4B4B4;
}
.h5_phone_login-reset-btn {
  color: #467DFC;
  font-size: 0.26rem;
}
.h5_phone_login-btn {
  margin-bottom: 0.38rem;
  width: 6.5rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #D83B2F;
  text-align: center;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.8rem;
}
.h5_phone_login-btn.disable {
  opacity: 0.3;
}
.h5_phone_login-protocol {
  font-size: 0.2rem;
}
.h5_phone_login-protocol a {
  color: #067CFF;
}
.h5_phone_login-protocol-agreement {
  margin-right: 0.16rem;
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: url('/static/images/login/h5/common-icon.png') no-repeat;
  background-size: 0.28rem;
  position: relative;
}
.h5_phone_login-protocol-agreement.checked {
  background: url('/static/images/login/h5/checked-icon.png') no-repeat;
  background-size: 0.28rem;
}
.h5_phone_login-protocol-agreement:after {
  content: '';
  position: absolute;
  height: 200%;
  width: 200%;
  left: -50%;
  top: -50%;
}
.h5_phone_login .actionsheet-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  height: 1rem;
  background: #fff;
}
.h5_phone_login .actionsheet-control-btn {
  padding: 0.18rem 0.3rem;
  font-size: 0.3rem;
  color: #108ee9;
}
.h5_phone_login .actionsheet-control-btn.sumbit {
  color: #D83B2F;
}
.h5_phone_login .rmc-picker,
.h5_phone_login .rmc-multi-picker {
  height: 200px;
}
.h5-login-code {
  padding: 0;
  border-radius: 0.2rem;
  padding-top: 0.4rem;
}
.h5-login-code-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.h5-login-code-input-item {
  height: 0.68rem;
  padding-bottom: 0.12rem;
  margin-right: 0.34rem;
  width: 0.8rem;
  border-bottom: 1px solid #EDEFF3;
}
.h5-login-code-input-item.inputed {
  border-color: #333;
}
.h5-login-code-input-item:last-child {
  margin-right: 0;
}
.h5-login-code-input-item .ant-input {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  padding-bottom: 0.12rem;
  width: 0.8rem;
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.56rem;
}
.h5-login-code-input-item .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.rmc-picker,
.rmc-multi-picker {
  height: 238px;
  /*34*7*/
}
.rmc-multi-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
          -ms-flex-align: center;
      align-items: center;
}
.rmc-picker-item {
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #9b9b9b;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rmc-picker {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-box-flex: 1;
          -ms-flex: 1;
      flex: 1;
  text-align: center;
}
.rmc-picker-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -o-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-position: top, bottom;
  background-size: 100% 204px;
  background-repeat: no-repeat;
}
.rmc-picker-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.rmc-picker-indicator {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 34px;
  position: absolute;
  left: 0;
  top: 102px;
  z-index: 3;
  border-top: 1PX solid #ddd;
  border-bottom: 1PX solid #ddd;
}

.ART_ST_APP .art_ST-nav {
  position: fixed;
  bottom: 0;
  width: 7.5rem;
  padding: 0.24rem 0.5rem;
  z-index: 99;
}
.ART_ST_APP .art_ST-nav .nav-Item + .nav-Item {
  margin-left: 1rem;
}

.next-a-wrap-download {
  width: 7.5rem;
  height: 16rem;
  overflow: hidden;
  background: url(/static/images/activity/art_design/202007/bg_02.png);
}
.next-a-wrap-download .header-box {
  position: relative;
  display: block;
  width: 7.5rem;
  height: auto;
  z-index: 0;
}
.next-a-wrap-download .content-bg {
  width: 7.5rem;
  margin-top: -0.02rem;
}
.next-a-wrap-download .download-content {
  width: 7.5rem;
  position: absolute;
  top: 5.4rem;
  height: 10rem;
}
.next-a-wrap-download .download-content .download-intro {
  width: 6.4rem;
  height: 5.47rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg.png') no-repeat;
  margin: 0 auto;
  background-size: 6.4rem auto;
  text-align: center;
  overflow: hidden;
}
.next-a-wrap-download .download-content .download-intro > h2 {
  margin-top: 1rem;
  margin-bottom: 0.34rem;
  height: 0.32rem;
  background: url('/static/images/activity/art_design/202007/webapp/title-vote-app.png') no-repeat;
  background-size: 5.04rem auto;
  background-position: top;
}
.next-a-wrap-download .download-content .download-intro > p {
  color: #333333;
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
}
.next-a-wrap-download .download-content .download-intro > p.vote-text {
  font-size: 0.4rem;
  color: #b86d36;
  margin-top: 0.32rem;
  font-weight: 600;
}
.next-a-wrap-download .download-content .download-intro > h3 {
  color: #333333;
  margin-top: 0.3rem;
  font-size: 0.32rem;
}
.next-a-wrap-download .download-content .download-android,
.next-a-wrap-download .download-content .download-ios {
  width: 5.01rem;
  height: 1.16rem;
  margin: 0 auto;
  display: block;
}
.next-a-wrap-download .download-content .download-ios {
  background: url('/static/images/activity/art_design/202007/webapp/vote_ios_download.png') no-repeat;
  background-size: 5.01rem auto;
}
.next-a-wrap-download .download-content .download-android {
  background: url('/static/images/activity/art_design/202007/webapp/vote_android_download.png') no-repeat;
  background-size: 5.01rem auto;
  margin-top: 0.5rem;
}
.next-a-wrap-download .download-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.next-a-wrap-download .download-modal .modal_arrow {
  position: absolute;
  width: 30px;
  height: 34px;
  right: 20px;
  top: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABECAMAAAAMem2oAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA/Pj17BgJBujZyLucgBThWCUfDwLwrY+HPi4qDdyxlV1GBMM4MuTU0Lagaks0HM2menRyTmVwUtcR4bgAAAJrSURBVHgBndfpbupIFMTxatt4wZh9AbNACEsghOz3/t//yUZjZSQSNxncv49OWofTVchCt5sF3qOc9IC2XNQwGKejWwZgVqquTUIKmSobc6DxCIuaKron46BTQPDZVxU14014lropJG95qJtlDM/ExcJzYHD7SJ9JiNG/+qfj/OaTUcpC8ggrtyAlrkkDmqpoSJxLiumqosmwCLFFV27cTwbU5GZAT25+T2XW0zVNfF3Rye4HQHK8s/+ZuazyBcAgMEBysmXDvSz6mcFvnJqSpm8JLNf6acWLysIDZtTUl/WjTxqWvy5ja6N3E13YxuUBQ1YqadD6UY9pQFaq0FQ/3eHlpWfGbHWpht/XT8/8UcmSui61SS0jW2tLJ2I+dOHIm2XLTBbv34auA8uaCU/WIn773xN7W5ObslleBrjgVSUgq7uLunWMV1NJcGXmDP/iLhoqqzOR1Y7/5uTGdK7vU/ZArkK/zkiSPU+bOlsVMnY92exZ2Wd+xfJhuJPVisB6RzHF44nPq65IOfRtdzuQpL8+DV1zjjmWV51Ql6IxLHXdxudQ+sCvjLR5wLzrN08xu4/SC/79BZKNftetw/1H/9sLHvDHof7P+k8Au0Z7GknqbT+PAXiNrm4xe08A8AOPwvism23fhokH+PuXBXtVFfbConqfcvKXViQX0ZyVnGQ89+Vi6pknuYgeGMnJiH0oF238XC42Pm256MSM5aLbYuEUyHlOPZSDzpznnhxsAupOB9se6cylOSNoRKouf8Dp515vZEgcWt58DTCjsErsy6co6qyGHgw7qiKFgllsqga/nHt+a/h4VkX/AIf9SGrNm4WOAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.next-a-wrap-download .download-modal .modal_inner {
  position: absolute;
  right: 32px;
  top: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.ART_ST_APP-Result {
  width: 7.5rem;
  background: url('/static/images/activity/art_design/202007/bg_01.png') no-repeat, url('/static/images/activity/art_design/202007/bg_02.png') repeat-y;
  background-size: 7.5rem auto;
}
.ART_ST_APP-Result .works-wrap {
  width: 6.5rem;
  margin: 0 auto;
}
.ART_ST_APP-Result .works_head {
  width: 7.5rem;
  height: 10.8rem;
  overflow: hidden;
  background-size: 7.5rem auto;
  background-position: 0 0;
}
.ART_ST_APP-Result .works_head .works-title {
  margin: 5.32rem auto 0.4rem;
  width: 6.5rem;
  height: 0.46rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ART_ST_APP-Result .works_head .works-title-item {
  width: 2.99rem;
  height: 0.46rem;
}
.ART_ST_APP-Result .works_head .works-title-item.first {
  background: url('/static/images/activity/art_design/202007/result/h5/title-second.png') no-repeat;
  background-size: 2.99rem auto;
}
.ART_ST_APP-Result .works_head .works-title-item.first.active {
  background: url('/static/images/activity/art_design/202007/result/h5/title-second-active.png') no-repeat;
  background-size: 2.99rem auto;
}
.ART_ST_APP-Result .works_head .works-title-item.second {
  background: url('/static/images/activity/art_design/202007/result/h5/title-winner.png') no-repeat;
  background-size: 2.99rem auto;
}
.ART_ST_APP-Result .works_head .works-title-item.second.active {
  background: url('/static/images/activity/art_design/202007/result/h5/title-winner-active.png') no-repeat;
  background-size: 2.99rem auto;
}
.ART_ST_APP-Result .works_head .works-intro > p {
  color: #c6a56f;
  font-size: 0.3rem;
  line-height: 0.56rem;
  margin-bottom: 0.24rem;
}
.ART_ST_APP-Result .works_body {
  width: 7.5rem;
  min-height: calc(100vh - 10rem);
  padding-bottom: 2rem;
  background-size: 7.5rem auto;
  color: #c6a56f;
}
.ART_ST_APP-Result .works_body .result-table {
  width: 6.7rem;
  margin: 0 auto;
  margin-top: -2.8rem;
}
.ART_ST_APP-Result .works_body .result-table .table-tr {
  height: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ART_ST_APP-Result .works_body .result-table .table-tr > p.title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 0;
}
.ART_ST_APP-Result .works_body .result-table .table-tr > p.title > span {
  padding-right: 0.24rem;
}
.ART_ST_APP-Result .works_body-prize {
  overflow: hidden;
  margin-top: -4.8rem;
}
.ART_ST_APP-Result .works_body-prize > h3 {
  width: 1.5rem;
  height: 0.84rem;
  margin: 0.8rem auto 0.3rem;
}
.ART_ST_APP-Result .works_body-prize > h3.first {
  background: url('/static/images/activity/art_design/202007/result/h5/first.png') no-repeat;
  background-size: 1.5rem auto;
}
.ART_ST_APP-Result .works_body-prize > h3.second {
  background: url('/static/images/activity/art_design/202007/result/h5/second.png') no-repeat;
  background-size: 1.5rem auto;
}
.ART_ST_APP-Result .works_body-prize > h3.third {
  background: url('/static/images/activity/art_design/202007/result/h5/three.png') no-repeat;
  background-size: 1.5rem auto;
}
.ART_ST_APP-Result .works_body-prize > h3.youxiu {
  background: url('/static/images/activity/art_design/202007/result/h5/youxiu.png') no-repeat;
  background-size: 1.5rem auto;
}
.ART_ST_APP-Result .works_body-prize > h3.renqi {
  background: url('/static/images/activity/art_design/202007/result/h5/renqi.png') no-repeat;
  background-size: 1.5rem auto;
}
.ART_ST_APP-Result .works_body-prize .third_word_box {
  width: 6.62rem;
  margin: 0 auto 0.7rem;
}
.ART_ST_APP-Result .works_body-prize .third_word_box.renqi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-arrow {
  width: 0.55rem;
  height: 0.8rem;
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-arrow.slick-prev {
  width: 0.4rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/202007/result/h5/last.png') no-repeat;
  background-size: 0.4rem auto;
  -webkit-transform: translateY(-0.6rem);
      -ms-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-arrow.slick-next {
  width: 0.4rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/202007/result/h5/next.png') no-repeat;
  background-size: 0.4rem auto;
  -webkit-transform: translateY(-0.6rem);
      -ms-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-arrow::before {
  display: none;
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-dots {
  white-space: nowrap;
  bottom: -0.27rem;
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-dots li {
  margin: 0;
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-dots li button:before {
  font-size: 0.4rem;
  color: #78403e;
}
.ART_ST_APP-Result .works_body-prize .third_word_box .slick-slider .slick-dots li.slick-active button:before {
  color: #fff;
}
.ART_ST_APP-Result_second_prize {
  width: 6.38rem;
  height: 2.68rem;
  background: url('/static/images/activity/art_design/202007/result/h5/bg-second.png') no-repeat;
  background-size: 6.38rem 2.68rem;
  margin: 0 auto 0.4rem;
  overflow: hidden;
}
.ART_ST_APP-Result_second_prize .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0rem 0.14rem 0;
}
.ART_ST_APP-Result_second_prize .work_Item {
  margin-top: 0.16rem;
  width: 3rem;
  height: 1.68rem;
  position: relative;
}
.ART_ST_APP-Result_second_prize .work_Item > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 0.03rem solid #32240b;
}
.ART_ST_APP-Result_second_prize .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ART_ST_APP-Result_second_prize .work_Item .label {
  position: absolute;
  right: 0.08rem;
  bottom: 0.08rem;
  width: 0.76rem;
  height: 0.4rem;
}
.ART_ST_APP-Result_second_prize .work_Item .label1 {
  background: url('/static/images/activity/art_design/202007/result/h5/label-first.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.ART_ST_APP-Result_second_prize .work_Item .label2 {
  background: url('/static/images/activity/art_design/202007/result/h5/label-second.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.ART_ST_APP-Result_second_prize .sec_author {
  width: 6rem;
  margin: 0 auto;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.28rem;
  text-align: center;
  color: #664400;
  font-weight: 600;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ART_ST_APP-Result-Excellent {
  width: 3.2rem;
  height: 2.59rem;
  background: url('/static/images/activity/art_design/202007/result/h5/bg-youxiu.png') no-repeat;
  background-size: 3.2rem auto;
  margin: 0 auto 0.4rem;
  overflow: hidden;
}
.ART_ST_APP-Result-Excellent .work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.08rem 0.14rem 0;
}
.ART_ST_APP-Result-Excellent .work_Item {
  margin-top: 0.1rem;
  width: 3rem;
  height: 1.68rem;
  position: relative;
}
.ART_ST_APP-Result-Excellent .work_Item > a {
  width: 100%;
  height: 100%;
}
.ART_ST_APP-Result-Excellent .work_Item > a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ART_ST_APP-Result-Excellent .work_Item .label {
  position: absolute;
  right: 0.08rem;
  bottom: 0.08rem;
  width: 0.76rem;
  height: 0.4rem;
}
.ART_ST_APP-Result-Excellent .work_Item .label1 {
  background: url('/static/images/activity/art_design/202007/result/h5/label-first.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.ART_ST_APP-Result-Excellent .work_Item .label2 {
  background: url('/static/images/activity/art_design/202007/result/h5/label-second.png') no-repeat;
  background-size: 0.76rem 0.4rem;
}
.ART_ST_APP-Result-Excellent .sec_author {
  width: 3rem;
  margin: 0 auto;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.28rem;
  text-align: center;
  color: #664400;
  font-weight: 600;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.art_ST_app_vote {
  width: 7.5rem;
  background: url('/static/images/activity/art_design/202007/webapp/BG_01.png') no-repeat, url('/static/images/activity/art_design/202007/webapp/BG_02.png') repeat-y;
  background-size: 7.5rem auto;
  min-height: 100vh;
  overflow: hidden;
}
.art_ST_app_vote .share_img {
  width: 6rem;
  position: fixed;
  top: -12rem;
}
.art_ST_app_vote .font {
  color: #cbaf7d;
  line-height: 1.5;
}
.art_ST_app_vote .font-center {
  text-align: center;
}
.art_ST_app_vote > h3 {
  margin-top: 3.6rem;
  color: #cbaf7d;
  font-size: 0.55rem;
  text-align: center;
}
.art_ST_app_vote > p.font {
  font-size: 0.28rem;
  width: 6.5rem;
  margin: 0.4rem auto 0;
  line-height: 1.7;
}
.art_ST_app_vote > div.title {
  width: 5.11rem;
  height: 0.46rem;
  margin: 0.68rem auto 0;
}
.art_ST_app_vote > div.title > img {
  width: 100%;
  height: auto;
}
.art_ST_app_vote > div.vote_count {
  font-size: 0.3rem;
  color: #7c89a0;
  text-align: center;
  margin-top: 0.3rem;
}
.art_ST_app_vote > div.search_box {
  width: 6.5rem;
  height: 0.84rem;
  margin: 0.5rem auto 0;
}
.art_ST_app_vote > div.search_box .order.search {
  width: 6.5rem;
  height: 0.7rem;
  background: url('/static/images/activity/art_design/202007/works/bg_search.png') no-repeat;
  background-size: 6.5rem auto;
  margin: 0.28rem 0 0.38rem;
  position: relative;
}
.art_ST_app_vote > div.search_box .order.search .art_works-input {
  width: 100%;
  height: 100%;
  font-size: 0.28rem;
  background-color: transparent;
  border: none;
  color: #947f5d;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0.9rem;
  background: url('/static/images/activity/art_design/202007/works/icon_search.png') no-repeat;
  background-size: 0.38rem auto;
  background-position: 0.25rem 0.15rem;
}
.art_ST_app_vote > div.search_box .order.search .art_works-input:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.art_ST_app_vote > div.search_box .order.search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #947f5d;
  font-size: 0.28rem;
}
.art_ST_app_vote > div.search_box .order.search .art_works-input::before {
  content: '';
  display: inline-block;
  width: 0.21rem;
  height: 0.21rem;
  background: url('/static/images/activity/art_design/202007/works/icon_search.png') no-repeat;
  background-size: 0.21rem auto;
}
.art_ST_app_vote > div.search_box .order.search .btn-search {
  position: absolute;
  width: 1.32rem;
  height: 0.68rem;
  font-size: 0.32rem;
  line-height: 0.68rem;
  right: -0.3rem;
  top: 0;
  background: url('/static/images/activity/art_design/202007/webapp/bg_search-btn.png') no-repeat;
  background-size: auto 0.68rem;
  padding-left: 0.24rem;
}
.art_ST_app_vote > div.works-list {
  width: 6.5rem;
  margin: 0 auto;
  margin-top: 0.4rem;
  position: relative;
  padding-top: 4.6rem;
}
.art_ST_app_vote > div.works-list.padding-0 {
  padding-top: 0;
}
.art_ST_app_vote > div.works-list .art_vote-toTop {
  width: 0.96rem;
  height: 0.96rem;
  position: fixed;
  right: 0.2rem;
  bottom: 1rem;
  z-index: 9;
}
.art_ST_app_vote > div.works-list .art_vote-toTop > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST_app_vote > div.works-list .empty-status {
  width: 2.4rem;
  height: 2.4rem;
  margin: 1rem auto;
}
.art_ST_app_vote > div.works-list .empty-status > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST_app_vote > div.works-list .no_works {
  text-align: center;
  font-size: 12px;
  color: #ccc;
}
.art_ST_app_vote > div.works-list-search {
  padding-top: 0;
}
.art_ST_app_vote > div.works-list .list-Item {
  width: 6.5rem;
  height: 1.8rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg_list_col.png') no-repeat;
  background-size: 6.5rem auto;
  margin-bottom: 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.12rem 0.24rem 0.12rem 0.2rem;
  position: relative;
}
.art_ST_app_vote > div.works-list .list-Item .num {
  position: absolute;
  width: 0.54rem;
  height: 0.54rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg_index.png') no-repeat;
  background-size: 0.54rem;
  top: 50%;
  left: 0.04rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  z-index: 9;
  text-align: center;
  line-height: 0.54rem;
  color: #fff;
  font-family: 'DIN-Medium';
  font-size: 0.24rem;
}
.art_ST_app_vote > div.works-list .list-Item .pic {
  width: 2.6rem;
  height: 1.5rem;
  position: relative;
  border: 1px solid #32240b;
  border-radius: 0.02rem;
}
.art_ST_app_vote > div.works-list .list-Item .pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.art_ST_app_vote > div.works-list .list-Item .pic > .works_ID {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 0.8rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  color: #fff;
  font-size: 0.18rem;
  text-align: center;
  padding: 0 0.1rem;
  margin-bottom: 0;
}
.art_ST_app_vote > div.works-list .list-Item .title_vote {
  width: 2.3rem;
  padding: 0 0.12rem;
  display: block;
}
.art_ST_app_vote > div.works-list .list-Item .title_vote .title {
  white-space: nowrap;
  font-size: 0.32rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  color: #72551b;
}
.art_ST_app_vote > div.works-list .list-Item .title_vote .vote_count {
  margin-top: 0.24rem;
  padding-left: 0.5rem;
  font-size: 0.3rem;
  font-family: 'DIN-Medium';
  background: url('/static/images/activity/art_design/202007/works/icon_like_select.png') no-repeat;
  background-size: 0.32rem auto;
  background-position: left;
  color: #72551b;
}
.art_ST_app_vote > div.works-list .list-Item .vote_btn {
  width: 1.34rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/202007/webapp/btn_vote_btn.png') no-repeat;
  background-size: 1.28rem auto;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col {
  background: url('/static/images/activity/art_design/202007/webapp/bg-list.png') no-repeat;
  background-size: 100% auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  padding-top: 0.12rem;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col > .title_vote {
  width: 1.97rem;
  margin: 0.1rem auto 0;
  padding: 0;
  text-align: center;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col > .title_vote .title {
  font-size: 0.28rem;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col > .title_vote .vote_count {
  margin-top: 0.1rem;
  display: inline-block;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col.rankValue1 > .title_vote .title {
  margin-top: 0.06rem;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col.rankValue1 > .title_vote .vote_count {
  margin-top: 0.16rem;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col.rankValue1 .vote_btn {
  margin-top: 0.06rem;
}
.art_ST_app_vote > div.works-list .list-Item.list-Item__col .vote_btn {
  margin-top: 0.16rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item1 {
  width: 2.2rem;
  height: 3.6rem;
  position: absolute;
  top: 0.67rem;
  left: 2.14rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item1 > .pic {
  width: 1.94rem;
  height: 1.2rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item2,
.art_ST_app_vote > div.works-list .list-Item.Item3 {
  width: 2rem;
  height: 3.14rem;
  position: absolute;
  top: 0.98rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item2 > .title_vote,
.art_ST_app_vote > div.works-list .list-Item.Item3 > .title_vote {
  width: 1.78rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item2 > .vote_count,
.art_ST_app_vote > div.works-list .list-Item.Item3 > .vote_count {
  margin-top: 0.08rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item2 > .pic,
.art_ST_app_vote > div.works-list .list-Item.Item3 > .pic {
  width: 1.76rem;
  height: 1rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item2 .vote_btn,
.art_ST_app_vote > div.works-list .list-Item.Item3 .vote_btn {
  margin-top: 0.06rem;
}
.art_ST_app_vote > div.works-list .list-Item.Item3 {
  right: 0;
}
.art_ST_app_vote > div.works-list .list-Item.rankValue1::before {
  content: ' ';
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -0.5rem;
  background: url('/static/images/activity/art_design/202007/webapp/vote_01.png') no-repeat;
  background-size: 0.8rem auto;
  z-index: 9;
}
.art_ST_app_vote > div.works-list .list-Item.rankValue2::before {
  content: ' ';
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -0.45rem;
  background: url('/static/images/activity/art_design/202007/webapp/vote_02.png') no-repeat;
  background-size: 0.7rem auto;
  z-index: 9;
}
.art_ST_app_vote > div.works-list .list-Item.rankValue3::before {
  content: ' ';
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -0.45rem;
  background: url('/static/images/activity/art_design/202007/webapp/vote_03.png') no-repeat;
  background-size: 0.7rem auto;
  z-index: 9;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.comment-list .empty_status {
  text-align: center;
}
.comment-list .empty_status > img {
  width: 160px;
  height: 160px;
}
.comment-list .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.comment-list > div {
  padding-bottom: 22px;
  padding-top: 22px;
  border-bottom: 1px solid #F5F5F9;
}
.comment-list > div:last-of-type {
  border-bottom: none;
}
.comment-list .item-left {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 24px;
  overflow: hidden;
}
.comment-list .item-left img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-list .item-right {
  margin-left: 64px;
}
.comment-list .item-right > div {
  font-size: 16px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  margin-bottom: 8px;
  word-wrap: break-word;
  white-space: break-spaces;
}
.comment-list .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.comment-list .item-right h5 span {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
}
.comment-list .item-right h5 > span:nth-of-type(1) {
  margin-right: 16px;
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list .item-right .item-action {
  margin-top: 10px;
  margin-bottom: 0;
}
.comment-list .item-right .item-action > span {
  margin-right: 24px;
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  line-height: 24px;
  cursor: pointer;
}
.comment-list .item-right .item-action .item-like i {
  background: url('/static/icons/like_small@2x.png') no-repeat;
  background-size: 72px 24px;
}
.comment-list .item-right .item-action .item-like .has-liked {
  background-position: -48px 0;
}
.comment-list .item-right .item-action .item-answer i {
  background: url('/static/icons/comment_small@2x.png') no-repeat;
  background-size: 48px 24px;
}
.comment-list .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.comment-list .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 4px;
}
.comment-list .item-right .item-action > span:hover i {
  background-position: -24px 0;
}
.comment-list .child-comments {
  padding: 16px 27px 16px 16px;
  background: #F9F9FC;
  border-radius: 8px;
}
.comment-list .child-comments .child-more {
  font-size: 14px;
  color: #4A90E2;
  margin-top: 10px;
  cursor: pointer;
}
.comment-list .child-comments .child-item {
  margin-bottom: 12px;
}
.comment-list .child-comments .child-item .child-item-left {
  float: left;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  overflow: hidden;
}
.comment-list .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 24px;
  width: 24px;
}
.comment-list .child-comments .child-item .child-item-right {
  margin-left: 30px;
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-list .child-comments .child-item .child-item-right span {
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.comment-list button {
  height: 32px;
  width: 80px;
  outline: none;
  border: none;
  cursor: pointer;
  background-image: -o-linear-gradient(322deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  background-image: linear-gradient(128deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  border-radius: 8px;
  margin-top: 12px;
  color: #fff;
}
.comment-list textarea {
  height: 80px;
  border-radius: 8px;
  margin-top: 16px;
}
.comment-list .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.comment-list .comment-pagination {
  text-align: right;
}
.comment-list .comment-pagination .ant-pagination-total-text {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 40px;
  float: left;
}
.comment-list .comment-pagination .ant-pagination-item,
.comment-list .comment-pagination .ant-pagination-prev,
.comment-list .comment-pagination .ant-pagination-next {
  background: #FFFFFF;
  border-radius: 8px;
  width: 40px;
  height: 40px;
}
.comment-list .comment-pagination .ant-pagination-item > a,
.comment-list .comment-pagination .ant-pagination-prev > a,
.comment-list .comment-pagination .ant-pagination-next > a,
.comment-list .comment-pagination .ant-pagination-item .ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-prev .ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #CFD1DA;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  line-height: 40px;
}
.comment-list .comment-pagination .ant-pagination-item > a.ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-prev > a.ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-next > a.ant-pagination-item-link {
  border: 1px solid #CFD1DA;
}

/* 系统主题颜色 */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-weight: bold;
  color: #2E2E33;
  border-bottom: none;
}
.richtext h1 {
  font-size: 24px;
  line-height: 34px;
  margin: 20px 0;
}
.richtext h2 {
  font-size: 21px;
  line-height: 32px;
  margin: 20px 0;
}
.richtext h3 {
  font-size: 18px;
  line-height: 30px;
  margin: 20px 0;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 16px;
  line-height: 28px;
  margin: 15px 0;
}
.richtext p,
.richtext section {
  font-size: 17px;
  line-height: 28px;
  color: #2E2E33;
  letter-spacing: 1px;
  text-align: justify;
  margin-bottom: 15px;
}
.richtext figure figcaption {
  margin-top: 12px;
  color: #9a9dab;
  line-height: 20px;
  letter-spacing: 0px;
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.ART_ST_APP-works {
  width: 7.5rem;
  background: url('/static/images/activity/art_design/202007/bg_01.png') no-repeat, url('/static/images/activity/art_design/202007/bg_02.png') repeat-y;
  background-size: 7.5rem auto;
}
.ART_ST_APP-works .head-img {
  width: 7.5rem;
  height: auto;
  position: relative;
  z-index: 0;
}
.ART_ST_APP-works .works-wrap {
  width: 6.5rem;
  margin: 0 auto;
}
.ART_ST_APP-works .works_head {
  width: 7.5rem;
  overflow: hidden;
}
.ART_ST_APP-works .works_head .works-title {
  margin: 5.32rem auto 0.4rem;
  width: 6.5rem;
  height: 0.46rem;
  background: url('/static/images/activity/art_design/202007/title-fu-rule.png') no-repeat;
  background-size: 6.5rem auto;
}
.ART_ST_APP-works .works-intro > p {
  color: #c6a56f;
  font-size: 0.3rem;
  line-height: 1.7;
  margin-bottom: 0.24rem;
}
.ART_ST_APP-works .works-intro > p > a {
  color: #f9b606;
  text-decoration: underline ;
}
.ART_ST_APP-works .works-intro > p.vote_time {
  margin-top: 0.3rem;
  color: #7c89a1;
  margin-bottom: 0.3rem;
}
.ART_ST_APP-works .works-works_vote {
  width: 6.5rem;
  height: 6.2rem;
  margin: 0 auto 0.5rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg_vote.png') no-repeat;
  background-size: 6.5rem auto;
  overflow: hidden;
}
.ART_ST_APP-works .works-works_vote > h3 {
  font-family: 'DIN-Medium';
  padding-top: 0.32rem;
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.2;
  color: #f9b606;
  text-shadow: 0px 0px 3px rgba(119, 85, 3, 0.8);
  margin-bottom: 0;
}
.ART_ST_APP-works .works-works_vote > p.intro {
  line-height: 0.22rem;
  font-size: 0.2rem;
  text-align: center;
  color: #775503;
}
.ART_ST_APP-works .works-works_vote .vote-rule {
  width: 6.1rem;
  height: 1.68rem;
  margin: 0.9rem auto 0.32rem;
  position: relative;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p {
  width: 0.9rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.32rem;
  font-family: 'DIN-Medium';
  color: #7e7e7e;
  margin-bottom: 0;
  margin-top: 0.2rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p > img {
  width: 1.46rem;
  height: auto;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p.image {
  width: 1.46rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p.active {
  color: #775503;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p.left {
  text-align: left;
  padding-left: 0.36rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p.right {
  text-align: right;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p.num-2 {
  margin-right: -0.1rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-num > p.num-5 {
  margin-right: -0.12rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule p.image {
  width: 1.18rem;
  height: 0.64rem;
  position: absolute;
}
.ART_ST_APP-works .works-works_vote .vote-rule p.image > img {
  width: 100%;
}
.ART_ST_APP-works .works-works_vote .vote-rule p.image.image_vote-1 {
  left: 0.6rem;
  bottom: 0.94rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule p.image.image_vote-2 {
  left: 2.49rem;
  bottom: 1.32rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule p.image.image_vote-3 {
  left: 4.24rem;
  bottom: 1.32rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress {
  position: relative;
  width: 6.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  margin-left: -0.1rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-pic-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 9;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p {
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p > img {
  width: 0.8rem;
  height: auto;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p > span.lock-text {
  display: block;
  line-height: 0.2rem;
  font-size: 0.18rem;
  text-align: center;
  color: #7e7e7e;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-pic-lock > p > span.lock-text.active {
  color: #775503;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-pic-lock > div.progress {
  width: 3rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-progress-box {
  width: 5.6rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0.08rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-progress-box .progress {
  width: 1.8rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-progress-box .progress .ant-progress-inner {
  background-color: #dbb78e;
  height: 0.06rem;
}
.ART_ST_APP-works .works-works_vote .vote-rule .vote-progress .vote-progress-box .progress .ant-progress-bg {
  background-color: #b66c30;
}
.ART_ST_APP-works .works-works_vote .btn-getVote {
  width: 3.6rem;
  height: 0.72rem;
  margin: 0 auto;
  text-align: center;
}
.ART_ST_APP-works .works-works_vote .btn-getVote > img {
  width: 100%;
  height: auto;
}
.ART_ST_APP-works .works-works_vote .btn-getVote > p.vote_num {
  margin-top: 0.2rem;
  color: #775503;
}
.ART_ST_APP-works .works_body {
  width: 7.5rem;
  padding-bottom: 2rem;
  background: url('/static/images/activity/art_design/202007/bg_02.png') repeat-y;
  background-size: 7.5rem auto;
}
.ART_ST_APP-works .works_body .search-box {
  width: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-bottom: 1px solid #332b1c;
}
.ART_ST_APP-works .works_body .search-box .order {
  width: 0.72rem;
  height: 0.4rem;
  margin-left: 0.35rem;
}
.ART_ST_APP-works .works_body .search-box .order.search {
  width: 6.5rem;
  height: 0.7rem;
  background: url('/static/images/activity/art_design/202007/works/bg_search.png') no-repeat;
  background-size: 6.5rem auto;
  margin: 0.28rem 0 0.38rem;
}
.ART_ST_APP-works .works_body .search-box .order.search .art_works-input {
  width: 100%;
  height: 100%;
  font-size: 0.28rem;
  background-color: transparent;
  border: none;
  color: #947f5d;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0.9rem;
  background: url('/static/images/activity/art_design/202007/works/icon_search.png') no-repeat;
  background-size: 0.38rem auto;
  background-position: 0.25rem 0.15rem;
}
.ART_ST_APP-works .works_body .search-box .order.search .art_works-input:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ART_ST_APP-works .works_body .search-box .order.search .art_works-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #947f5d;
  font-size: 0.28rem;
}
.ART_ST_APP-works .works_body .search-box .order.search .art_works-input::before {
  content: '';
  display: inline-block;
  width: 0.21rem;
  height: 0.21rem;
  background: url('/static/images/activity/art_design/202007/works/icon_search.png') no-repeat;
  background-size: 0.21rem auto;
}
.ART_ST_APP-works .works_body .search-box .order.ren {
  background: url('/static/images/activity/art_design/202007/works/ren_normal.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .search-box .order.ren.active {
  background: url('/static/images/activity/art_design/202007/works/ren_select.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .search-box .order.default {
  background: url('/static/images/activity/art_design/202007/works/default_normal.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .search-box .order.default.active {
  background: url('/static/images/activity/art_design/202007/works/dafault_select.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .works-category {
  padding: 0.3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ART_ST_APP-works .works_body .works-category .works_order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ART_ST_APP-works .works_body .works-category .works_order .order {
  width: 0.72rem;
  height: 0.4rem;
}
.ART_ST_APP-works .works_body .works-category .works_order .order + .order {
  margin-left: 0.18rem;
}
.ART_ST_APP-works .works_body .works-category .works_order .order.ren {
  background: url('/static/images/activity/art_design/202007/works/ren_normal.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .works-category .works_order .order.ren.active {
  background: url('/static/images/activity/art_design/202007/works/ren_select.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .works-category .works_order .order.default {
  background: url('/static/images/activity/art_design/202007/works/default_normal.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .works-category .works_order .order.default.active {
  background: url('/static/images/activity/art_design/202007/works/dafault_select.png') no-repeat;
  background-size: 0.72rem auto;
}
.ART_ST_APP-works .works_body .works-category .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ART_ST_APP-works .works_body .works-category .category .tab_works {
  min-width: 1.12rem;
  max-height: 0.78rem;
  text-align: center;
  line-height: 1;
  color: #7c89a0;
  font-size: 0.32rem;
  font-weight: bolder;
  padding: 0.23rem;
  background: url('/static/images/activity/art_design/202007/works/tab-category.png') no-repeat;
  background-size: cover;
}
.ART_ST_APP-works .works_body .works-category .category .tab_works.active {
  color: #2d200a;
  background: url('/static/images/activity/art_design/202007/works/tab-category-active.png') no-repeat;
  background-size: cover;
}
.ART_ST_APP-works .works_body .works-category .category .tab_works + .tab_works {
  margin-left: 0.15rem;
}
.ART_ST_APP-works .works_body .works-list {
  width: 6.5rem;
  min-width: 50%;
  overflow: hidden;
}
.ART_ST_APP-works .works_body .works-list .list_Item {
  width: 3.2rem;
  height: 2.78rem;
  margin-bottom: 0.34rem;
  margin-left: 0.1rem;
  background: url('/static/images/activity/art_design/202007/webapp/bg_small.png') no-repeat;
  background-size: 3.2rem auto;
  float: left;
}
.ART_ST_APP-works .works_body .works-list .list_Item:nth-child(2n+1) {
  margin-left: 0;
}
.ART_ST_APP-works .works_body .works-list .list_Item .coverUrl {
  width: 2.93rem;
  height: 1.66rem;
  margin: 0.13rem auto 0.1rem;
  border: 2px solid #322309;
  position: relative;
}
.ART_ST_APP-works .works_body .works-list .list_Item .coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ART_ST_APP-works .works_body .works-list .list_Item .coverUrl > P {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 0.8rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  color: #fff;
  font-size: 0.18rem;
  text-align: center;
  padding: 0 0.1rem;
  margin-bottom: 0;
}
.ART_ST_APP-works .works_body .works-list .list_Item .Item-title {
  width: 2.93rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #654400;
  font-size: 0.24rem;
  margin: 0 auto;
}
.ART_ST_APP-works .works_body .works-list .list_Item .author {
  width: 2.93rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ART_ST_APP-works .works_body .works-list .list_Item .author > div.ellipsis {
  white-space: nowrap;
  color: #65573e;
  font-size: 0.2rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 2.2rem;
  overflow: hidden;
}
.ART_ST_APP-works .works_body .works-list .list_Item .author > div > span + span {
  margin-left: 0.14rem;
}
.ART_ST_APP-works .works_body .works-list .list_Item .author > div > span.like_num {
  color: #654400;
  padding-left: 0.24rem;
  background: url('/static/images/activity/art_design/202007/works/icon_like_normal.png') no-repeat;
  background-size: 0.2rem auto;
  background-position: left;
}
.ART_ST_APP-works .works_body .works-list .list_Item .author > div > span.like_num.active {
  background: url('/static/images/activity/art_design/202007/works/icon_like_select.png') no-repeat;
  background-size: 0.2rem auto;
  background-position: 0 0.08rem;
}
.ART_ST_APP-works .works_body .gallery-pagination {
  text-align: center;
  clear: both;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item {
  width: 0.56rem;
  height: 0.56rem;
  line-height: 0.56rem;
  background: url("/static/images/activity/art_design/202007/works/pagination_normal.png") 0 0 / contain no-repeat;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item:not(.ant-pagination-item-active) {
  background: url("/static/images/activity/art_design/202007/works/pagination_normal.png") 0 0 / contain no-repeat;
  border: none;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item > a {
  color: #c0a573;
  border: none;
  font-size: 0.32rem;
  margin-top: 0.01rem;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item-active {
  background: url("/static/images/activity/art_design/202007/works/pagination_select.png") 0 0 / contain no-repeat;
  border: none;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item-active a {
  color: #322309;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-prev {
  border: none;
  background: url("/static/images/activity/art_design/202007/works/icon_previous_noraml.png") center / contain no-repeat;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-prev a {
  display: none;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-next {
  border: none;
  background: url("/static/images/activity/art_design/202007/works/icon_next_noraml.png") center / contain no-repeat;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-next a {
  display: none;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item-link {
  background-color: transparent;
  border: none;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-item-ellipsis {
  color: #6e403d;
}
.ART_ST_APP-works .works_body .gallery-pagination .ant-pagination-disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.ART_ST_APP-works .Works-modal_rule {
  position: relative;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content {
  width: 6.5rem;
  height: auto;
  background: #fff;
  border-radius: 0.2rem;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 0.3rem;
  color: #947f5d;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content .content {
  height: 5rem;
  width: 100%;
  overflow: auto;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content > h3 {
  font-size: 0.3rem;
  text-align: center;
  color: #947f5d;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content p {
  font-size: 0.26rem;
  line-height: 0.48rem;
  margin-bottom: 0;
  margin-top: 0.24rem;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content p > label {
  color: #ffba2c;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content p.li {
  margin-top: 0;
  margin-bottom: 0;
}
.ART_ST_APP-works .Works-modal_rule .modal_rule-content .modal_rule-close {
  width: 0.68rem;
  height: 0.68rem;
  background: url('/static/images/activity/art_design/202007/webapp/close.png') no-repeat;
  background-size: 0.68rem auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.15rem;
}
.ART_ST_APP-workDetail {
  width: 7.5rem;
}
.ART_ST_APP-workDetail p {
  margin-bottom: 0;
}
.ART_ST_APP-workDetail .works_head {
  width: 7.5rem;
  height: 9rem;
  overflow: hidden;
  background: url('/static/images/activity/art_design/202007/bg_01.png') no-repeat;
  background-size: 7.5rem auto;
  background-position: 0 0;
}
.ART_ST_APP-workDetail .works_head .works-title {
  margin: 5.32rem auto 0.4rem;
  width: 5.11rem;
  height: 0.46rem;
  background: url('/static/images/activity/art_design/202007/works/title-vote.png') no-repeat;
  background-size: 5.11rem auto;
}
.ART_ST_APP-workDetail .works_head .works-like {
  height: 3.04rem;
  position: relative;
}
.ART_ST_APP-workDetail .works_head .works-like .liked_heart {
  margin: 0.56rem auto 0.46rem;
  width: 2.63rem;
  height: 2rem;
  background: url('/static/images/activity/art_design/202007/works/like_big_normal.png') no-repeat;
  background-size: 2.63rem auto;
}
.ART_ST_APP-workDetail .works_head .works-like .liked_heart.active {
  background: url('/static/images/activity/art_design/202007/works/like_big_select.png') no-repeat;
  background-size: 2.63rem auto;
}
.ART_ST_APP-workDetail .works_head .works-like > p {
  position: absolute;
  top: 1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.26rem;
  color: #947f5d;
}
.ART_ST_APP-workDetail .works_body {
  width: 7.5rem;
  padding-bottom: 2rem;
  background: url('/static/images/activity/art_design/202007/bg_02.png') repeat-y;
  background-size: 7.5rem auto;
  overflow: hidden;
}
.ART_ST_APP-workDetail .works_body .modular-content {
  width: 6.91rem;
  height: 6.5rem;
  margin: 0 auto;
  overflow: hidden;
  background: url("/static/images/activity/art_design/202007/webapp/bg_big.png") no-repeat;
  background-size: 6.91rem 6.56rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 0.2rem 0.7rem;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper {
  width: 100%;
  height: 100%;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .swiper-slide {
  width: 6.91rem;
  height: 5.55rem;
  background: #070a0e;
  border-radius: 0.08rem;
  border: 4px solid #30230c;
  padding: 0;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .swiper-slide > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.08rem;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel {
  width: 100%;
  height: 100%;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-slider {
  width: 100%;
  height: 100%;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-slider .slick-list {
  width: 100%;
  height: 100%;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-dots {
  height: 12px;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-dots.slick-dots-bottom {
  bottom: -0.42rem;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-dots > li {
  outline: none;
  list-style: none;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-dots > li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  border: solid 2px #605133;
  opacity: 1;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-dots > li button::before {
  display: none;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .ant-carousel .slick-dots > li.slick-active button {
  background-color: #605133;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .swiper-button-prev {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  left: 0.35rem;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/202007/works/worksdetail_left.png") top no-repeat;
}
.ART_ST_APP-workDetail .works_body .modular-content .art_worksdetail-swiper .swiper-button-next {
  width: 37px;
  height: 72px;
  position: absolute;
  top: 50%;
  right: 0.35rem;
  margin-top: -36px;
  background-size: 37px 72px;
  background: url("/static/images/activity/art_design/202007/works/worksdetail_right.png") top no-repeat;
}
.ART_ST_APP-workDetail .works_body .modular-content .modular-spiwer {
  width: 6.5rem;
  height: 5.63rem;
  background: #070a0e;
  border: 0.04rem solid #30230c;
  border-radius: 0.08rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-content {
  width: 6.5rem;
  margin: 0.2rem auto 0;
  color: #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-content > p.title {
  font-size: 0.48rem;
  font-weight: bold;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-content > p.id {
  font-size: 0.28rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-preson {
  width: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0.3rem auto 0.24rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-preson .header {
  min-width: 0.7rem;
  min-height: 0.7rem;
  max-height: 0.7rem;
  border-radius: 50%;
  margin-right: 0.3rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-preson .info {
  color: #d8d8d8;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-preson .info > p.name {
  font-size: 0.26rem;
  margin-bottom: 0;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-preson .info > p.school {
  margin-bottom: 0;
  font-size: 0.2rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-describe {
  font-size: 0.2rem;
  line-height: 0.4rem;
  width: 6.5rem;
  margin: 0 auto;
  color: #d8d8d8;
  word-break: break-all;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn {
  width: 6.5rem;
  margin: 0.48rem auto 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #453a28;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn .like_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 0.18rem;
  border-radius: 0.1rem;
  border-style: solid;
  border-width: 0.03rem;
  border-color: #453a28;
  background-color: rgba(66, 51, 24, 0.2);
  font-size: 0.24rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn .like_btn .like-1 {
  color: #d8d8d8;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn .like_btn .doLike {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.1rem;
  background: url('/static/images/activity/art_design/202007/works/icon_like_small_normal.png') no-repeat;
  background-size: 0.5rem auto;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn .like_btn .doLike.active {
  background: url('/static/images/activity/art_design/202007/works/icon_like_small_select.png') no-repeat;
  background-size: 0.5rem auto;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn .like_btn .like-2 {
  margin-left: 0.06rem;
  color: #c0a573;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment {
  width: 6.5rem;
  margin: 0.4rem auto;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-container {
  text-align: right;
  padding-top: 0.08rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-container > h3 {
  color: #d8d8d8;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0.24rem;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-container .textArea-box-input {
  background-color: transparent;
  border: 0.05rem solid #453a28;
  color: #d8d8d8;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-container .textArea-box-count {
  display: none;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-container .next-button {
  width: 1.2rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/202007/webapp/btn-submit-webapp.png') no-repeat;
  background-size: 1.2rem auto;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list::-webkit-scrollbar-thumb {
  background-color: #7d6b4b;
  border-radius: 4px;
  cursor: pointer;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list::-webkit-scrollbar-thumb:hover {
  background-color: #7d6b4b;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list > div {
  border-bottom: 1px solid #453a28;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list > div:nth-last-of-type(1) {
  border-bottom: none;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right > div {
  color: #ffffff;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right h5 {
  color: #999999;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right h5 span {
  color: #999999;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .child-item-right {
  color: #999999;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .child-item-right span {
  color: #999999;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .textArea-box-input {
  background-color: transparent;
  border: 0.04rem solid #453a28;
  color: #d8d8d8;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .textArea-box-count {
  display: none;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .textArea-box + .comment-replay-btn {
  width: 1.2rem;
  height: 0.64rem;
  background: url('/static/images/activity/art_design/202007/webapp/btn-submit-webapp.png') no-repeat;
  background-size: 1.2rem auto;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .item-action + div {
  text-align: right;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .item-action .item-answer i {
  background: url('/static/images/activity/art_design/202007/works/comment_small1@2x1.png') no-repeat;
  background-size: 22px 18px;
  background-position: 0px 2px;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .item-action .item-like i {
  background: url('/static/images/activity/art_design/202007/works/like_small1@2x1.png') no-repeat;
  background-size: 21px 21px;
  background-position: 0px 0px;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .item-action .item-like i.has-liked {
  background: url('/static/images/activity/art_design/202007/works/liked_small1@2x1.png') no-repeat;
  background-size: 21px 21px;
  background-position: 0px 0px;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .item-action .item-answer:hover > span {
  color: #947f5d;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .item-right .item-action .item-answer:hover i {
  background: url('/static/images/activity/art_design/202007/works/comment_small1_hover@2x1.png') no-repeat;
  background-size: 22px 18px;
  background-position: 0px 2px;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .child-comments {
  background: transparent;
}
.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-comment .comment-list .comment-loadModule {
  padding: 0.14rem 0.52rem;
  border-radius: 0.1rem;
  border: 1px solid #947f5d;
  color: #d8d8d8;
  width: auto;
  height: auto;
  background: #171717;
  margin: 0 auto;
  display: block;
}

.ART_ST_APP-voteDetail .vote_count {
  text-align: center;
  margin: 5.32rem auto 0.4rem;
  color: #5d697e;
}
.ART_ST_APP-voteDetail.ART_ST_APP-workDetail .works_head {
  height: 10rem;
}
.ART_ST_APP-voteDetail.ART_ST_APP-workDetail .works_head .works-title {
  margin-top: 0;
}
.ART_ST_APP-voteDetail.ART_ST_APP-workDetail .works_body .works_info .art_works_detail-like_btn {
  border-bottom: none;
}
.ART_ST_APP-voteDetail .goBack {
  width: 1.36rem;
  height: 0.88rem;
  position: fixed;
  bottom: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url('/static/images/activity/art_design/202007/webapp/go_back.png') no-repeat;
  background-size: 1.36rem 0.88rem;
  z-index: 99;
}

.yimeng-h5-nav {
  position: fixed;
  bottom: 0;
  width: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  z-index: 100;
}
.yimeng-h5-nav-item {
  width: 1.5rem;
  height: 1.2rem;
}
.yimeng-h5-nav-item.Intro {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-intro.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Intro.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-intro-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Prize {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-prize.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Prize.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-prize-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Classroom {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-classroom.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Classroom.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-classroom-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Enroll {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-enroll.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Enroll.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-enroll-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Works {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-works.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Works.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-works-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Result {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-result.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Result.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-result-active.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Submit {
  background: url("/static/images/activity/art_design/yimeng/h5/nav-submit.png") no-repeat;
  background-size: cover;
}
.yimeng-h5-nav-item.Submit.active {
  width: 1.5rem;
  height: 1.2rem;
  background: url("/static/images/activity/art_design/yimeng/h5/nav-submit-active.png") no-repeat;
  background-size: cover;
}

.next-a-wrap-download {
  width: 7.5rem;
  height: 16rem;
  overflow: hidden;
  background: url('/static/images/activity/art_design/yimeng/h5/bg-02.png');
}
.next-a-wrap-download .header-box {
  position: relative;
  display: block;
  width: 7.5rem;
  height: auto;
  z-index: 0;
}
.next-a-wrap-download .content-bg {
  width: 7.5rem;
  margin-top: -0.02rem;
}
.next-a-wrap-download .download-content {
  width: 7.5rem;
  position: absolute;
  top: 5.4rem;
  height: 10rem;
}
.next-a-wrap-download .download-content .download-intro {
  width: 6.4rem;
  height: 5.47rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/bg-intro.png') no-repeat;
  margin: 0 auto;
  background-size: 6.4rem auto;
  text-align: center;
  overflow: hidden;
}
.next-a-wrap-download .download-content .download-intro > h2 {
  margin-top: 1rem;
  margin-bottom: 0.34rem;
  height: 0.32rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/title-app-vote.png') no-repeat;
  background-size: 5.04rem auto;
  background-position: top;
}
.next-a-wrap-download .download-content .download-intro > p {
  color: #333333;
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
}
.next-a-wrap-download .download-content .download-intro > p.vote-text {
  font-size: 0.4rem;
  margin-top: 0.32rem;
  font-weight: 600;
}
.next-a-wrap-download .download-content .download-intro > h3 {
  color: #333333;
  margin-top: 0.3rem;
  font-size: 0.32rem;
}
.next-a-wrap-download .download-content .download-android,
.next-a-wrap-download .download-content .download-ios {
  width: 5.01rem;
  height: 1.16rem;
  margin: 0 auto;
  display: block;
}
.next-a-wrap-download .download-content .download-ios {
  background: url('/static/images/activity/art_design/yimeng/h5/vote/btnIos.png') no-repeat;
  background-size: 5.01rem auto;
}
.next-a-wrap-download .download-content .download-android {
  background: url('/static/images/activity/art_design/yimeng/h5/vote/btnAndroid.png') no-repeat;
  background-size: 5.01rem auto;
  margin-top: 0.5rem;
}
.next-a-wrap-download .download-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.next-a-wrap-download .download-modal .modal_arrow {
  position: absolute;
  width: 30px;
  height: 34px;
  right: 20px;
  top: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABECAMAAAAMem2oAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA/Pj17BgJBujZyLucgBThWCUfDwLwrY+HPi4qDdyxlV1GBMM4MuTU0Lagaks0HM2menRyTmVwUtcR4bgAAAJrSURBVHgBndfpbupIFMTxatt4wZh9AbNACEsghOz3/t//yUZjZSQSNxncv49OWofTVchCt5sF3qOc9IC2XNQwGKejWwZgVqquTUIKmSobc6DxCIuaKron46BTQPDZVxU14014lropJG95qJtlDM/ExcJzYHD7SJ9JiNG/+qfj/OaTUcpC8ggrtyAlrkkDmqpoSJxLiumqosmwCLFFV27cTwbU5GZAT25+T2XW0zVNfF3Rye4HQHK8s/+ZuazyBcAgMEBysmXDvSz6mcFvnJqSpm8JLNf6acWLysIDZtTUl/WjTxqWvy5ja6N3E13YxuUBQ1YqadD6UY9pQFaq0FQ/3eHlpWfGbHWpht/XT8/8UcmSui61SS0jW2tLJ2I+dOHIm2XLTBbv34auA8uaCU/WIn773xN7W5ObslleBrjgVSUgq7uLunWMV1NJcGXmDP/iLhoqqzOR1Y7/5uTGdK7vU/ZArkK/zkiSPU+bOlsVMnY92exZ2Wd+xfJhuJPVisB6RzHF44nPq65IOfRtdzuQpL8+DV1zjjmWV51Ql6IxLHXdxudQ+sCvjLR5wLzrN08xu4/SC/79BZKNftetw/1H/9sLHvDHof7P+k8Au0Z7GknqbT+PAXiNrm4xe08A8AOPwvism23fhokH+PuXBXtVFfbConqfcvKXViQX0ZyVnGQ89+Vi6pknuYgeGMnJiH0oF238XC42Pm256MSM5aLbYuEUyHlOPZSDzpznnhxsAupOB9se6cylOSNoRKouf8Dp515vZEgcWt58DTCjsErsy6co6qyGHgw7qiKFgllsqga/nHt+a/h4VkX/AIf9SGrNm4WOAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.next-a-wrap-download .download-modal .modal_inner {
  position: absolute;
  right: 32px;
  top: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}
.next-a-wrap-download .download-content {
  top: 4.2rem;
}
.next-a-wrap-download .download-content .download-intro {
  height: 5.4rem;
}
.next-a-wrap-download .download-content .download-android {
  margin-top: 0.4rem;
}
.next-a-wrap-download .download-content .download-intro > h2 {
  margin-bottom: 0.44rem;
  height: 0.48rem;
  background-size: 3.87rem auto;
}
.next-a-wrap-download .download-content .download-intro > p.vote-text {
  width: 4.25rem;
  height: 0.52rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/btnVote.png') no-repeat;
  background-size: auto 0.52rem;
  margin: 0.76rem auto 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}


.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg2020_vote-toTop {
  width: 0.96rem;
  height: 0.96rem;
  position: fixed;
  right: 0.24rem;
  bottom: 1.24rem;
  z-index: 9;
}
.mg2020_vote-toTop > img {
  width: 0.96rem;
  height: 0.96rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.AppVote {
  width: 100vw;
  min-height: 100vh;
  background: url('/static/images/activity/art_design/yimeng/h5/bg-02.png') repeat-y;
  background-size: 7.5rem auto;
  overflow: hidden;
}
.AppVote-kv {
  width: 7.5rem;
  height: 4.55rem;
}
.AppVote-kv > img {
  width: 100%;
  height: 100%;
}
.AppVote-wrap .title-vote {
  width: 5.14rem;
  height: 0.6rem;
  margin: 0.5rem auto 0;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/app-vote.png') no-repeat;
  background-size: 5.14rem auto;
}
.AppVote-wrap .vote-rule {
  width: 6.54rem;
  height: auto;
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: justify;
  color: #1E3443;
  margin: 0.24rem auto 0;
}
.AppVote-wrap .vote-sort {
  width: 4.72rem;
  height: 0.98rem;
  margin: 0.6rem auto 0;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/title-vote.png') no-repeat;
  background-size: 4.72rem auto;
}
.AppVote-wrap .vote-sort-count {
  margin-top: 0.12rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  color: #023A4D;
  margin-bottom: 0;
  font-family: 'DIN-Medium';
}
.AppVote-wrap .vote-search {
  width: 6.54rem;
  height: 0.8rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/bg-search.png') no-repeat;
  background-size: 6.54rem auto;
  margin: 0.48rem auto 0;
  position: relative;
}
.AppVote-wrap .vote-search::before {
  content: ' ';
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/icon_search.png') no-repeat;
  background-size: auto 0.4rem;
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
}
.AppVote-wrap .vote-search .MG_APP_vote-input {
  border: none;
  height: 0.54rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background: transparent;
  font-size: 0.3rem;
  padding: 0;
  padding-right: 30px;
  color: #FFFDBF;
  width: 100%;
  height: 0.8rem;
  padding: 0.12rem 1.3rem 0.12rem 0.68rem;
}
.AppVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill,
.AppVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill:hover,
.AppVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill:focus,
.AppVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.AppVote-wrap .vote-search .MG_APP_vote-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: rgba(255, 253, 191, 0.7);
}
.AppVote-wrap .vote-search .MG_APP_vote-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.AppVote-wrap .vote-search .MG_APP_vote-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.AppVote-wrap .vote-search .btn-search {
  width: 1.24rem;
  height: 0.8rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  color: #fff;
  text-align: justify;
  position: absolute;
  top: 0;
  right: 0;
  background-size: auto 0.8rem;
  text-align: center;
}
.AppVote-wrap .vote-rule {
  color: #fff;
  font-family: 'Font-song';
}
.AppVote-wrap .vote-search .btn-search {
  color: #FFFDBF;
  font-family: 'Font-song';
}
.AppVote-wrap .title-vote {
  margin: 0.03rem auto 0;
}
.AppVote-wrap .vote-sort-count {
  font-family: 'Font-song';
}
.AppVote-list {
  width: 6.66rem;
  padding-top: 0.6rem;
  margin: 0 auto 2rem;
}
.AppVote-list.sort-render {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.AppVote-list__empty {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.2rem auto 2rem;
}
.AppVote-list__empty > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.AppVote-list__empty > p {
  margin-top: 0.24rem;
  font-size: 0.32rem;
  line-height: 0.45rem;
  color: #6A9FB0;
  text-align: justify;
  text-align: center;
  white-space: nowrap;
}
.AppVote-list__item {
  width: 6.66rem;
  min-width: 6.66rem;
  height: 1.78rem;
  margin-bottom: 0.24rem;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/bg-vote-item.png') no-repeat;
  background-size: 6.66rem auto;
  padding: 0.06rem;
  position: relative;
}
.AppVote-list__item .vote-label {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: -0.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9;
}
.AppVote-list__item .vote-label-0 {
  background: url('/static/images/activity/art_design/yimeng/h5/vote/label-1.png') no-repeat;
  background-size: 0.8rem auto;
}
.AppVote-list__item .vote-label-1 {
  background: url('/static/images/activity/art_design/yimeng/h5/vote/label-2.png') no-repeat;
  background-size: 0.8rem auto;
}
.AppVote-list__item .vote-label-2 {
  background: url('/static/images/activity/art_design/yimeng/h5/vote/label-3.png') no-repeat;
  background-size: 0.8rem auto;
}
.AppVote-list__item-box {
  width: 6.54rem;
  height: 1.66rem;
  border: 0.04rem solid #618498;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AppVote-list__item_pic {
  width: 2.88rem;
  height: 1.62rem;
  min-width: 2.88rem;
  border-right: 0.02rem solid #1E3443;
  position: relative;
}
.AppVote-list__item_pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.AppVote-list__item_pic .works_ID {
  padding: 0.04rem 0.12rem;
  min-width: 1.11rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #fff;
  text-align: justify;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0rem;
  bottom: 0rem;
}
.AppVote-list__item_pic .works_index {
  padding: 0.06rem 0.12rem;
  min-width: 0.4rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.22rem;
  line-height: 0.27rem;
  color: #fff;
  font-family: 'DIN-Medium';
  background: -o-linear-gradient(135deg, transparent 0.08rem, #1E3443 0);
  background: linear-gradient(-45deg, transparent 0.08rem, #1E3443 0);
}
.AppVote-list__item_right {
  padding: 0.24rem 0.16rem 0.16rem 0.24rem;
  width: 100%;
  height: 1.62rem;
  background: #fff;
  position: relative;
}
.AppVote-list__item_right .title {
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #1E3443;
  text-align: justify;
}
.AppVote-list__item_right .vote_count {
  width: 1.64rem;
  height: 0.4rem;
  position: absolute;
  left: 0.24rem;
  bottom: 0.26rem;
  padding-left: 0.4rem;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: #1E3443;
  text-align: justify;
  font-family: 'DIN-Medium';
  background: url('/static/images/activity/MG2020/h5/vote/icon_24_like.png') no-repeat;
  background-size: 0.4rem auto;
}
.AppVote-list__item_right .vote_count.isVote {
  background: url('/static/images/activity/MG2020/h5/vote/icon_24_liked.png') no-repeat;
  background-size: 0.4rem auto;
}
.AppVote-list__item_right .vote_btn {
  width: 1.28rem;
  height: 0.63rem;
  line-height: 0.6rem;
  color: #fff;
  text-align: center;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/bg-btn.png') no-repeat;
  background-size: 1.28rem auto;
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
}
.AppVote-list__item.sort {
  margin-top: 0.5rem;
}
.AppVote-list__item.sort .AppVoteStyle-list__item_right .title {
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #1E3443;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AppVote-list__item.sort .AppVoteStyle-list__item_right .vote_count {
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.AppVote-list__item.sort-0 {
  width: 2.4rem;
  height: 4rem;
  min-width: 2.4rem;
  padding: 0.06rem 0.06rem 0;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/bg-first.png') no-repeat;
  background-size: 2.4rem auto;
  margin-bottom: 0.36rem;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box {
  width: 2.28rem;
  height: 2.89rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box .AppVote-list__item_pic {
  width: 2.2rem;
  height: 1.26rem;
  min-width: 2.2rem;
  border-right: none;
  border-bottom: 0.02rem solid #618498;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box .AppVote-list__item_pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box .AppVote-list__item_right {
  padding: 0.12rem 0.16rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box .AppVote-list__item_right .title {
  width: 1.92rem;
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #3e3e3e;
  text-align: justify;
  text-align: center;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box .AppVote-list__item_right .vote_count {
  margin: 0.12rem auto;
  position: static;
  width: unset;
}
.AppVote-list__item.sort-0 .AppVote-list__item-box .AppVote-list__item_right .vote_btn {
  bottom: -0.94rem;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.AppVote-list__item.sort-1,
.AppVote-list__item.sort-2 {
  width: 2.08rem;
  height: 4rem;
  padding: 0;
  min-width: 2.08rem;
  padding: 0.06rem 0.06rem 0;
  background: url('/static/images/activity/art_design/yimeng/h5/vote/bg-sec.png') no-repeat;
  background-size: 2.08rem auto;
  margin-bottom: 0.36rem;
  -webkit-transform: translateY(0.24rem);
      -ms-transform: translateY(0.24rem);
          transform: translateY(0.24rem);
}
.AppVote-list__item.sort-1 .AppVote-list__item-box,
.AppVote-list__item.sort-2 .AppVote-list__item-box {
  width: 1.96rem;
  height: 2.64rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.AppVote-list__item.sort-1 .AppVote-list__item-box .AppVote-list__item_pic,
.AppVote-list__item.sort-2 .AppVote-list__item-box .AppVote-list__item_pic {
  width: 1.88rem;
  height: 1.08rem;
  min-width: 1.88rem;
  border-right: none;
  border-bottom: 0.02rem solid #618498;
}
.AppVote-list__item.sort-1 .AppVote-list__item-box .AppVote-list__item_pic > img,
.AppVote-list__item.sort-2 .AppVote-list__item-box .AppVote-list__item_pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.AppVote-list__item.sort-1 .AppVote-list__item-box .AppVote-list__item_right,
.AppVote-list__item.sort-2 .AppVote-list__item-box .AppVote-list__item_right {
  padding: 0.12rem 0.16rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.AppVote-list__item.sort-1 .AppVote-list__item-box .AppVote-list__item_right .title,
.AppVote-list__item.sort-2 .AppVote-list__item-box .AppVote-list__item_right .title {
  width: 1.56rem;
  min-width: 1.56rem;
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #3e3e3e;
  text-align: justify;
  text-align: center;
}
.AppVote-list__item.sort-1 .AppVote-list__item-box .AppVote-list__item_right .vote_count,
.AppVote-list__item.sort-2 .AppVote-list__item-box .AppVote-list__item_right .vote_count {
  margin: 0.12rem auto;
  position: static;
  width: unset;
}
.AppVote-list__item.sort-1 .AppVote-list__item-box .AppVote-list__item_right .vote_btn,
.AppVote-list__item.sort-2 .AppVote-list__item-box .AppVote-list__item_right .vote_btn {
  bottom: -0.94rem;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.AppVote-list__item.sort-1 {
  -webkit-transform: translateX(-2.45rem) translateY(0.24rem);
      -ms-transform: translateX(-2.45rem) translateY(0.24rem);
          transform: translateX(-2.45rem) translateY(0.24rem);
}
.AppVote-list__item.sort-0 {
  -webkit-transform: translateX(2.125rem);
      -ms-transform: translateX(2.125rem);
          transform: translateX(2.125rem);
}
.AppVote-list__item.sort-2 {
  -webkit-transform: translateX(0.15rem) translateY(0.24rem);
      -ms-transform: translateX(0.15rem) translateY(0.24rem);
          transform: translateX(0.15rem) translateY(0.24rem);
}
.AppVote .AppVote-wrap .vote-sort-count {
  margin-top: 0.2rem;
  color: #fff;
}

.halloween-h5 {
  background-color: #13124A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
}
.halloween-h5-onner {
  position: relative;
}
.halloween-h5-userName {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 8.16rem;
  text-align: center;
  width: 3.2rem;
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  -webkit-box-orient: vertical;
}
.halloween-h5-img {
  width: 100%;
  height: 100%;
}

.mg2020-h5 .modal-topic {
  width: 1.8rem;
  position: fixed;
  top: 1rem;
  right: 0.1rem;
  z-index: 99;
  cursor: pointer;
}
.mg2020-h5 .modal-topic .head {
  width: 1.8rem;
  height: 1.572rem;
  background: url('/static/images/activity/MG2020/works/h5/modal-topic-app.png') no-repeat;
  background-size: 1.8rem auto;
}
.mg2020-h5 .modal-topic .arrow-top {
  width: 1.28rem;
  height: 1.28rem;
  background: url('/static/images/activity/MG2020/works/h5/arrow-topic-app.gif') no-repeat;
  background-size: 1.28rem;
  margin: 0 auto;
}

.ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mg2020APPVote {
  width: 100vw;
  min-height: 100vh;
  background: url('/static/images/activity/MG2020/h5/vote/bg-02.png') repeat-y;
  background-size: 7.5rem auto;
  overflow: hidden;
}
.mg2020APPVote-kv {
  width: 7.5rem;
  height: 4.55rem;
}
.mg2020APPVote-kv > img {
  width: 100%;
  height: 100%;
}
.mg2020APPVote-wrap .title-vote {
  width: 5.14rem;
  height: 0.6rem;
  margin: 0.5rem auto 0;
  background: url('/static/images/activity/MG2020/h5/vote/title-app-vote.png') no-repeat;
  background-size: 5.14rem auto;
}
.mg2020APPVote-wrap .vote-rule {
  width: 6.54rem;
  height: auto;
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: justify;
  color: #036483;
  margin: 0.24rem auto 0;
}
.mg2020APPVote-wrap .vote-sort {
  width: 3.52rem;
  height: 1.04rem;
  margin: 0.6rem auto 0;
  background: url('/static/images/activity/MG2020/h5/vote/title-vote-sort.png') no-repeat;
  background-size: 3.52rem auto;
}
.mg2020APPVote-wrap .vote-sort-count {
  margin-top: 0.12rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: center;
  color: #023A4D;
  margin-bottom: 0;
  font-family: 'DIN-Medium';
}
.mg2020APPVote-wrap .vote-search {
  width: 6.54rem;
  height: 0.8rem;
  background: url('/static/images/activity/MG2020/h5/vote/bg-search.png') no-repeat;
  background-size: 6.54rem auto;
  margin: 0.48rem auto 0;
  position: relative;
}
.mg2020APPVote-wrap .vote-search::before {
  content: ' ';
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: url('/static/images/activity/MG2020/h5/vote/search-icon.png') no-repeat;
  background-size: auto 0.4rem;
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
}
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input {
  border: none;
  height: 0.54rem;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background: transparent;
  font-size: 0.3rem;
  padding: 0;
  padding-right: 30px;
  color: #023a4d;
  width: 100%;
  height: 0.8rem;
  padding: 0.12rem 1.3rem 0.12rem 0.68rem;
}
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill,
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill:hover,
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill:focus,
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: rgba(3, 100, 131, 0.7);
}
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg2020APPVote-wrap .vote-search .MG_APP_vote-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mg2020APPVote-wrap .vote-search .btn-search {
  width: 1.24rem;
  height: 0.8rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  color: #fff;
  text-align: justify;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/static/images/activity/MG2020/h5/vote/search-btn.png') no-repeat;
  background-size: auto 0.8rem;
  text-align: center;
}
.mg2020APPVote-list {
  width: 6.66rem;
  padding-top: 0.6rem;
  margin: 0 auto 2rem;
}
.mg2020APPVote-list.sort-render {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mg2020APPVote-list__empty {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.2rem auto 2rem;
}
.mg2020APPVote-list__empty > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020APPVote-list__empty > p {
  margin-top: 0.24rem;
  font-size: 0.32rem;
  line-height: 0.45rem;
  color: #6A9FB0;
  text-align: justify;
  text-align: center;
  white-space: nowrap;
}
.mg2020APPVote-list__item {
  width: 6.66rem;
  min-width: 6.66rem;
  height: 1.78rem;
  margin-bottom: 0.24rem;
  background: url('/static/images/activity/MG2020/h5/vote/bg-vote-item.png') no-repeat;
  background-size: 6.66rem auto;
  padding: 0.06rem;
  position: relative;
}
.mg2020APPVote-list__item .vote-label {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  top: -0.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9;
}
.mg2020APPVote-list__item .vote-label-0 {
  background: url('/static/images/activity/MG2020/h5/vote/label-1.png') no-repeat;
  background-size: 0.8rem auto;
}
.mg2020APPVote-list__item .vote-label-1 {
  background: url('/static/images/activity/MG2020/h5/vote/label-2.png') no-repeat;
  background-size: 0.8rem auto;
}
.mg2020APPVote-list__item .vote-label-2 {
  background: url('/static/images/activity/MG2020/h5/vote/label-3.png') no-repeat;
  background-size: 0.8rem auto;
}
.mg2020APPVote-list__item-box {
  width: 6.54rem;
  height: 1.66rem;
  border: 0.02rem solid #036483;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020APPVote-list__item_pic {
  width: 2.88rem;
  height: 1.62rem;
  min-width: 2.88rem;
  border-right: 0.02rem solid #036483;
  position: relative;
}
.mg2020APPVote-list__item_pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020APPVote-list__item_pic .works_ID {
  padding: 0.04rem 0.12rem;
  min-width: 1.11rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #fff;
  text-align: justify;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0rem;
  bottom: 0rem;
}
.mg2020APPVote-list__item_pic .works_index {
  padding: 0.06rem 0.12rem;
  min-width: 0.4rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.22rem;
  line-height: 0.27rem;
  color: #fff;
  font-family: 'DIN-Medium';
  background: -o-linear-gradient(135deg, transparent 0.08rem, #036483 0);
  background: linear-gradient(-45deg, transparent 0.08rem, #036483 0);
}
.mg2020APPVote-list__item_right {
  padding: 0.24rem 0.16rem 0.16rem 0.24rem;
  width: 100%;
  height: 1.62rem;
  background: #fff;
  position: relative;
}
.mg2020APPVote-list__item_right .title {
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #036483;
  text-align: justify;
}
.mg2020APPVote-list__item_right .vote_count {
  width: 1.64rem;
  height: 0.4rem;
  position: absolute;
  left: 0.24rem;
  bottom: 0.26rem;
  padding-left: 0.4rem;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: #036483;
  text-align: justify;
  font-family: 'DIN-Medium';
  background: url('/static/images/activity/MG2020/h5/vote/icon_24_like.png') no-repeat;
  background-size: 0.4rem auto;
}
.mg2020APPVote-list__item_right .vote_count.isVote {
  background: url('/static/images/activity/MG2020/h5/vote/icon_24_liked.png') no-repeat;
  background-size: 0.4rem auto;
}
.mg2020APPVote-list__item_right .vote_btn {
  width: 1.28rem;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #fff;
  text-align: center;
  background: url('/static/images/activity/MG2020/h5/vote/btn-vote.png') no-repeat;
  background-size: 1.28rem auto;
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
}
.mg2020APPVote-list__item.sort {
  margin-top: 0.5rem;
}
.mg2020APPVote-list__item.sort .mg2020APPVote-list__item_right .title {
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #036483;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mg2020APPVote-list__item.sort .mg2020APPVote-list__item_right .vote_count {
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mg2020APPVote-list__item.sort-0 {
  width: 2.4rem;
  height: 4rem;
  min-width: 2.4rem;
  padding: 0.08rem 0.08rem 0;
  background: url('/static/images/activity/MG2020/h5/vote/bg-first.png') no-repeat;
  background-size: 2.4rem auto;
  margin-bottom: 0.36rem;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box {
  width: 2.24rem;
  height: 2.88rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_pic {
  width: 2.2rem;
  height: 1.26rem;
  min-width: 2.2rem;
  border-right: none;
  border-bottom: 0.02rem solid #036483;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right {
  padding: 0.12rem 0.16rem 0;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .title {
  width: 1.92rem;
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #3e3e3e;
  text-align: justify;
  text-align: center;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .vote_count {
  margin-top: 0.12rem;
}
.mg2020APPVote-list__item.sort-0 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .vote_btn {
  bottom: -0.94rem;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.mg2020APPVote-list__item.sort-1,
.mg2020APPVote-list__item.sort-2 {
  width: 2.08rem;
  height: 4rem;
  padding: 0;
  min-width: 2.08rem;
  padding: 0.08rem 0.08rem 0;
  background: url('/static/images/activity/MG2020/h5/vote/bg-sec.png') no-repeat;
  background-size: 2.08rem auto;
  margin-bottom: 0.36rem;
  -webkit-transform: translateY(0.24rem);
      -ms-transform: translateY(0.24rem);
          transform: translateY(0.24rem);
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box {
  width: 1.92rem;
  height: 2.64rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_pic,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_pic {
  width: 1.88rem;
  height: 1.08rem;
  min-width: 1.88rem;
  border-right: none;
  border-bottom: 0.02rem solid #036483;
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_pic > img,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right {
  padding: 0.12rem 0.16rem 0;
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .title,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .title {
  width: 1.56rem;
  min-width: 1.56rem;
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #3e3e3e;
  text-align: justify;
  text-align: center;
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .vote_count,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .vote_count {
  margin-top: 0.12rem;
}
.mg2020APPVote-list__item.sort-1 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .vote_btn,
.mg2020APPVote-list__item.sort-2 .mg2020APPVote-list__item-box .mg2020APPVote-list__item_right .vote_btn {
  bottom: -0.94rem;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.mg2020APPVote-list__item.sort-1 {
  -webkit-transform: translateX(-2.45rem) translateY(0.24rem);
      -ms-transform: translateX(-2.45rem) translateY(0.24rem);
          transform: translateX(-2.45rem) translateY(0.24rem);
}
.mg2020APPVote-list__item.sort-0 {
  -webkit-transform: translateX(2.05rem);
      -ms-transform: translateX(2.05rem);
          transform: translateX(2.05rem);
}
.mg2020APPVote .mg2020_vote-toTop {
  width: 0.96rem;
  height: 0.96rem;
  position: fixed;
  right: 0.24rem;
  bottom: 1.24rem;
  z-index: 9;
}
.mg2020APPVote .mg2020_vote-toTop > img {
  width: 0.96rem;
  height: 0.96rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #fcfdff;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #fcfdff;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #fcfdff;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #fcfdff;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #fcfdff;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #fcfdff;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-NGEnroll-form-detail {
  padding: 0 0.3rem;
}
.h5-NGEnroll-form-detail .form-Item {
  padding-bottom: 1px;
  padding-right: 1px;
}
.h5-NGEnroll-form-detail .form-Item .form-title {
  margin-top: 0.32rem;
  margin-bottom: 0.16rem;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.2rem;
  color: #fcfdff;
}
.h5-NGEnroll-form-detail .form-Item .form-title.required {
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/require.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: left;
}
.h5-NGEnroll-form-detail .form-Item .input-box {
  position: relative;
}
.h5-NGEnroll-form-detail .form-Item .input-box .input-box-input {
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid #1367B2;
  background: rgba(24, 131, 227, 0.2);
  font-size: 0.24rem;
  color: #fcfdff;
  padding-left: 0.24rem;
}
.h5-NGEnroll-form-detail .form-Item .input-box .input-box-input::-webkit-input-placeholder {
  /*Webkit browsers*/
  color: #fcfdff;
  opacity: 0.5;
}
.h5-NGEnroll-form-detail .form-Item .input-box .input-box-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-NGEnroll-form-detail .form-Item .input-box .input-box-input.error {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-NGEnroll-form-detail .form-Item .input-box .input-box-count {
  color: #fcfdff;
  right: 0.24rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  top: 0.27rem;
  opacity: 0.5;
}
.h5-NGEnroll-form-detail .form-Item .input-box.radio-function {
  margin-top: 0.12rem;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-box {
  height: 0.8rem;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select {
  width: 1.66rem;
  background: rgba(24, 131, 227, 0.2);
  color: #fcfdff;
  border-radius: 0.4rem 0 0 0.4rem;
  border: 1px solid #1367B2;
  border-right: 0;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select > span {
  padding-right: 0.4rem;
  padding-left: 0.24rem;
  width: 1.26rem;
  line-height: 0.76rem;
  font-size: 0.24rem;
  background-position: 0.9rem 0.32rem;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-input .input-box-input {
  border-radius: 0 0.4rem 0.4rem 0;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu {
  width: 4.8rem;
  background: #06235A;
  border-radius: 0.08rem;
  max-height: 3.6rem;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu.show {
  height: 3.6rem;
  border: 1px solid #06235A;
  bottom: -3.68rem;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu .Item {
  background: #06235A;
  color: #fcfdff;
  font-size: 0.24rem;
  height: 0.8rem;
  line-height: 0.8rem;
}
.h5-NGEnroll-form-detail .form-Item .phone-input-select_menu .Item.active {
  background: #0074FD;
}
.h5-NGEnroll-form-detail .form-Item-Select {
  width: 4.68rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.4rem;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection {
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid #1367B2;
  background: rgba(24, 131, 227, 0.2);
  font-size: 0.24rem;
  color: #fcfdff;
  padding-left: 0.24rem;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection__rendered {
  margin: 0;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection__placeholder {
  color: #fcfdff;
  opacity: 0.5;
  height: 0.8rem;
  line-height: 0.8rem;
  margin-top: -0.38rem;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection.ant-select-selection--single .ant-select-selection__rendered {
  line-height: 0.76rem;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection .ant-select-arrow {
  width: 0.28rem;
  height: 0.28rem;
  right: 0.26rem;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection .ant-select-arrow .anticon-down {
  background: url('/static/images/activity/N-Game/h5/app-icon.png') no-repeat;
  background-size: 0.28rem auto;
}
.h5-NGEnroll-form-detail .form-Item-Select .ant-select-selection:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-NGEnroll-form-detail .form-Item-Select.ant-select-open .ant-select-arrow .anticon-down {
  background: url('/static/images/activity/N-Game/h5/app-icon-top.png') no-repeat;
  background-size: 0.28rem auto;
}
.h5-NGEnroll-form-detail .form-Item-Select.ant-select-open .ant-select-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper {
  text-align: justify;
  font-size: 0.16rem;
  line-height: 1.2;
  color: #fcfdff;
  margin-right: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper .ant-radio {
  margin-right: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper span.ant-radio + * {
  padding-left: 0.08rem;
  padding-right: 0;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper > span {
  color: #fcfdff;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-wrapper + .ant-radio-wrapper {
  margin-bottom: 0.06rem;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 0.16rem;
  min-height: 0.16rem;
  border: none;
  text-shadow: none;
  background: url("/static/images/activity/N-Game/radio.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
  -webkit-transform: translateY(-0.01rem);
      -ms-transform: translateY(-0.01rem);
          transform: translateY(-0.01rem);
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-inner::after {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-checked::after {
  border: none;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-checked .ant-radio-inner {
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/N-Game/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem 0.16rem;
  background-position: center;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-input:focus {
  text-shadow: none;
}
.h5-NGEnroll-form-detail .form-Item .enroll-radio .ant-radio-input:focus + .ant-radio-inner {
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: url("/static/images/activity/N-Game/radio-active.png") no-repeat;
  background-size: cover;
  background-size: 0.16rem auto;
  background-position: center;
}
.h5-NGEnroll-form-detail .form-Item .radio_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0.16rem;
}
.h5-NGEnroll-form-detail .form-Item .radio_box .radio-Item {
  width: 0.64rem;
  white-space: nowrap;
  padding-left: 0.24rem;
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox.png') no-repeat;
  background-size: 0.16rem;
  background-position: left;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #023a4d;
}
.h5-NGEnroll-form-detail .form-Item .radio_box .radio-Item + .radio-Item {
  margin-left: 0.32rem;
}
.h5-NGEnroll-form-detail .form-Item .radio_box .radio-Item.active {
  background: url('/static/images/activity/MG2020/Enroll/icon_checkbox-check.png') no-repeat;
  background-size: 0.16rem;
  background-position: left;
}
.h5-NGEnroll-form-detail .form-Item .btn-submit {
  margin: 0.48rem auto 0;
  width: 100%;
  height: 0.8rem;
  display: block;
  background: url('/static/images/activity/N-Game/h5/btn_submit.png') no-repeat;
  background-size: 100% auto;
  color: #fff;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.2rem;
}
.h5-NGEnroll-form-detail .form-Item .btn-submit.disabled {
  opacity: 0.5;
}
.form-Item-dropdown {
  background-color: unset;
  border-radius: 0.08rem;
  overflow: hidden;
}
.form-Item-dropdown .ant-select-dropdown-menu {
  background: #06235A;
  padding: 0;
}
.form-Item-dropdown .ant-select-dropdown-menu-item {
  background: #06235A;
  padding: 0 0.24rem;
  color: #fcfdff;
  font-size: 0.24rem;
  height: 0.8rem;
  line-height: 0.8rem;
}
.form-Item-dropdown .ant-select-dropdown-menu-item:hover,
.form-Item-dropdown .ant-select-dropdown-menu-item-active {
  background: #0074FD;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-NG2021-enroll {
  padding: 0.39rem;
}
.h5-NG2021-enroll-rule {
  padding-bottom: 0.16rem;
  border-bottom: 0.01rem solid rgba(0, 116, 253, 0.35);
}
.h5-NG2021-enroll-rule .title {
  width: 1.5rem;
  height: 0.36rem;
  background: url('/static/images/activity/N-Game/h5/title-enroll-rule.png') no-repeat;
  background-size: 1.5rem auto;
  margin: 0 auto;
}
.h5-NG2021-enroll-rule .rule-wrap {
  margin-top: 0.24rem;
  width: 5.92rem;
  height: 1.4rem;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: justify;
  font-size: 0.2rem;
  line-height: 1.5;
  color: #FCFDFF;
}
.h5-NG2021-enroll-rule .rule-wrap::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
}
.h5-NG2021-enroll-rule .rule-wrap::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-enroll-rule .rule-wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-enroll-wrap {
  width: 5.4rem;
  height: 6.32rem;
  margin: 0.44rem auto;
  overflow-y: auto;
}
.h5-NG2021-enroll-wrap::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
}
.h5-NG2021-enroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-enroll-wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-enroll-wrap .wrap-form {
  overflow: auto;
}
.h5-NG2021-enroll-wrap .wrap-form-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 0.1rem;
}
.h5-NG2021-enroll-wrap .wrap-form-tab-Item {
  width: 2.4rem;
  height: 0.8rem;
  border-radius: 0 0.4rem 0.4rem 0;
  color: #fcFDFF;
  background: rgba(24, 131, 227, 0.2);
  border: 1px solid #1367B2;
  letter-spacing: 0.1em;
  font-size: 0.28rem;
  line-height: 0.8rem;
  text-align: center;
}
.h5-NG2021-enroll-wrap .wrap-form-tab-Item.active {
  background: #0074FD;
}
.h5-NG2021-enroll-wrap .wrap-form-tab-Item:nth-child(1) {
  border-radius: 0.4rem 0 0 0.4rem;
}
.h5-NG2021-enroll-wrap .wrap-form-tab .tab-active {
  width: 0.8rem;
  height: 0.8rem;
  background: url('/static/images/activity/N-Game/h5/circle.png') no-repeat;
  background-size: 0.8rem;
  position: absolute;
  top: -0.03rem;
}
.h5-NG2021-enroll-wrap .wrap-form-tab .tab-active::before {
  content: ' ';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-circle.png') no-repeat;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  background-size: 0.8rem;
}
.h5-NG2021-enroll-wrap .wrap-form-tab .tab-active.tab-A::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.h5-NG2021-enroll-wrap .wrap-form-tab .tab-active.tab-B::before {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-NG2021-sharePoster {
  padding: 0.39rem;
  width: 100%;
  height: 100%;
}
.h5-NG2021-sharePoster-title {
  width: 1.51rem;
  height: 0.36rem;
  background: url('/static/images/activity/N-Game/h5/title-share.png') no-repeat;
  background-size: 1.51rem auto;
  margin: 0 auto;
}
.h5-NG2021-sharePoster-text {
  margin-top: 0.24rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.h5-NG2021-sharePoster-text > p {
  margin-bottom: 0;
  text-align: center;
  color: #FCFDFF;
}
.h5-NG2021-sharePoster-share-content {
  width: 5.56rem;
  height: 4.52rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.12rem;
  margin-top: 0.8rem;
  margin-left: 0.24rem;
}
.h5-NG2021-sharePoster-share-content::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-sharePoster-share-content::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-sharePoster-share-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-sharePoster-share-content .intro {
  width: 5.44rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #FCFDFF;
  text-align: center;
}
.h5-NG2021-sharePoster-share-content .img-Box {
  margin-top: 0.24rem;
}
.h5-NG2021-sharePoster-share-content .img-Box > img {
  width: 5.44rem;
  height: auto;
}
.h5-NG2021-sharePoster-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-sharePoster-submit {
  width: 2.54rem;
  height: 0.8rem;
  margin: 0.24rem auto;
  background: url('/static/images/activity/N-Game/h5/btn_saveImg.png') no-repeat;
  background-size: 2.54rem auto;
}
.h5-NG2021-sharePoster-submit > a {
  display: inline-block;
  width: 2.54rem;
  height: 0.8rem;
}
.h5-NG2021-sharePoster-share {
  width: 2.54rem;
  height: 0.8rem;
  margin: 0.24rem auto;
  background: url('/static/images/activity/N-Game/h5/btn-share.png') no-repeat;
  background-size: 2.54rem auto;
}
.h5-NG2021-sharePoster-share > a {
  display: inline-block;
  width: 2.54rem;
  height: 0.8rem;
}

.h5-lottery {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  margin: auto;
  width: 6.72rem;
  height: 8.49rem;
}
.h5-lottery::before {
  content: ' ';
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
}
.h5-lottery__close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 0.64rem;
  height: 0.64rem;
  cursor: pointer;
  background: url('/static/images/activity/N-Game/lottery/icon-close@3x.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-lottery__alert {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/lottery/bg-lottery.png') no-repeat;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 2.41rem;
  padding-bottom: 0.64rem;
  z-index: 1;
}
.h5-lottery__alert--prize {
  background-image: url('/static/images/activity/N-Game/lottery/bg-prize.png');
}
.h5-lottery__box {
  margin: 0 auto 0;
  padding: 0.12rem;
  width: 5.44rem;
  height: 5.44rem;
  background: rgba(24, 131, 227, 0.2);
  border-radius: 0.16rem;
  border: 0.03rem solid #0074FD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.h5-lottery__box-item {
  margin-right: 0.1rem;
  margin-bottom: 0.14rem;
  width: 1.64rem;
  height: 1.64rem;
  background: rgba(252, 253, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.08rem;
}
.h5-lottery__box-item:nth-child(3n) {
  margin-right: 0;
}
.h5-lottery__box-item.checked {
  background: #0074FD;
}
.h5-lottery__box-img {
  width: 1.48rem;
  height: 0.91rem;
  margin: 0.08rem;
  border-radius: 0.04rem;
}
.h5-lottery__box-img img {
  width: 100%;
  height: 100%;
}
.h5-lottery__box-title {
  margin-top: 0.08rem;
  text-align: center;
  font-size: 0.2rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  line-height: 0.26rem;
  color: #FFFFFF;
  height: 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-lottery__box-item.checked .h5-lottery__box-title {
  color: #fff;
}
.h5-lottery__box-btn {
  margin-right: 0.1rem;
  margin-bottom: 0.14rem;
  width: 1.64rem;
  height: 1.64rem;
  font-size: 0.48rem;
  line-height: 1.2;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url('/static/images/activity/N-Game/lottery/btn-lottery.png') no-repeat;
  background-size: 1.64rem auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.h5-lottery__box-btn div {
  white-space: nowrap;
}
.h5-lottery__success {
  margin-top: 32px;
}
.h5-lottery__success-img {
  padding-top: 50px;
  margin: 0 auto;
  width: 400px;
  height: 400px;
  background-image: url('/static/images/activity/N-Game/lottery/success-bg.png');
  background-repeat: no-repeat;
  background-size: 400px;
  text-align: center;
}
.h5-lottery__success-img img {
  width: 300px;
  height: 225px;
  margin: 0 auto;
}
.h5-lottery__success-name {
  margin-top: 20px;
  font-size: 40px;
  line-height: 56px;
  color: #595347;
}
.h5-lottery__success-tips {
  margin-top: 32px;
  margin: 32px auto;
  width: 436px;
  font-size: 28px;
  line-height: 40px;
  color: #36667a;
  text-align: center;
}
.h5-lottery__close-confirm {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5.9rem;
  height: 3.36rem;
  border-radius: 0.16rem;
  padding: 0.48rem;
  background: -o-radial-gradient(0% 0%, 143.8% 68.14%, #122A94 0%, #010B38 100%);
  background: radial-gradient(143.8% 68.14% at 0% 0%, #122A94 0%, #010B38 100%);
  z-index: 1001;
}
.h5-lottery__close-confirm-close {
  font-size: 0.14rem;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0;
  margin-left: auto;
  cursor: pointer;
}
.h5-lottery__close-confirm-title {
  margin-top: 0.32rem;
  margin-bottom: 0.8rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
  text-align: center;
  color: #FCFDFF;
  font-weight: bold;
}
.h5-lottery__close-confirm-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-lottery__close-confirm-btn-item {
  width: 2.31rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  border: 0.02rem solid #36667a;
  font-weight: bold;
  text-align: center;
  line-height: 0.78rem;
  font-size: 0.32rem;
  color: #fff;
  background: #0074FD;
  cursor: pointer;
}
.h5-lottery__close-confirm-btn-item.cancel {
  color: #0074FD;
  background: #fff;
}
.exclusive-lottery {
  position: relative;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  margin: auto;
  width: 6.72rem;
  height: 8.49rem;
}
.exclusive-lottery__success {
  margin: 0 auto 0;
  padding: 0.2rem;
  width: 4rem;
  height: 4rem;
  background: #0074FD;
  border-radius: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.exclusive-lottery__success-img {
  margin: 0 auto;
  width: 3.6rem;
  height: 4rem;
  text-align: center;
}
.exclusive-lottery__success-img img {
  display: inline-block;
  width: 3.6rem;
  height: 2.2rem;
}
.exclusive-lottery__success-name {
  font-size: 0.4rem;
  line-height: 0.56rem;
  margin-top: 0.24rem;
  width: 100%;
  height: 1.12rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.exclusive-lottery__success-tips {
  margin-top: 0.32rem;
  margin: 0.32rem auto;
  width: 4.36rem;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #FCFDFF;
  opacity: 0.8;
  text-align: center;
}
.exclusive-lottery__qr {
  margin-top: 36px;
}
.exclusive-lottery__qr-name {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 16px;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #fff;
  padding: 0.16rem 0.28rem;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-NG2021-Speaker {
  width: 3.2rem;
  height: 4.8rem;
  position: relative;
  cursor: pointer;
}
.h5-NG2021-Speaker + .h5-NG2021-Speaker {
  margin-left: 0.3rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-Speaker:nth-child(2n + 1) {
  margin-left: 0;
}
.h5-NG2021-Speaker > img {
  width: 3.2rem;
  height: 4.8rem;
  position: absolute;
  left: 0;
  top: 0;
}
.h5-NG2021-Speaker > img.h5-NG2021-Speaker-bg-hover {
  visibility: unset;
}
.h5-NG2021-Speaker > img.h5-NG2021-Speaker-bg {
  visibility: hidden;
}
.h5-NG2021-Speaker-content {
  width: 3.2rem;
  height: 4.8rem;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.2rem;
}
.h5-NG2021-Speaker-content > h3 {
  width: 2.8rem;
  text-align: left;
  color: #02071D;
  position: absolute;
  font-size: 0.28rem;
  line-height: 0.36rem;
  top: 3.11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.h5-NG2021-Speaker-content-name {
  font-size: 0.28rem;
  color: #FF5146;
  text-align: left;
  position: absolute;
  top: 3.95rem;
}
.h5-NG2021-Speaker-content-position {
  color: #868A95;
  text-align: left;
  font-size: 0.2rem;
  line-height: 1.4;
  background: unset;
  position: absolute;
  top: 4.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}
.h5-NG2021-speech-detail .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.78rem;
  background: url('/static/images/activity/N-Game/h5/bg-speech.png') no-repeat;
  background-size: 100% auto;
}
.h5-NG2021-speech-detail .h5-NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
  width: 0.64rem;
  height: 0.64rem;
  left: 50%;
  margin-left: -0.32rem;
  top: -0.81rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap {
  padding: 0.63rem 0.39rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left {
  width: 100%;
  height: 1.6rem;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left .coverUrl {
  width: 1.6rem;
  min-width: 1.6rem;
  max-width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.08rem;
  margin-right: 0.24rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left .coverUrl > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.08rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left .user-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left .user-detail .userName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  width: 4.08rem;
  height: 0.34rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #FCFDFF;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left .user-detail .userName > span {
  font-size: 0.3rem;
  line-height: 0.34rem;
  color: #FEE484;
  width: 100%;
  margin-right: 0.21rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left .user-detail .userIntro {
  margin-top: 0.16rem;
  padding-top: 0.16rem;
  border-top: 0.01rem solid rgba(0, 116, 253, 0.35);
  font-size: 0.2rem;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  color: #FCFDFF;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left > h3 {
  font-size: 0.24rem;
  line-height: 0.32rem;
  font-weight: 500;
  color: #fee484;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left > .intro {
  margin-top: 0.12rem;
  font-size: 0.14rem;
  line-height: 1.4;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left > .line {
  margin-top: 0.16rem;
  height: 0.01rem;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left > .useName {
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #FEE484;
  margin-top: 0.2rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left > .position {
  font-size: 0.16rem;
  line-height: 0.22rem;
  margin-top: 0.1rem;
  color: #FCFDFF;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-left > .userIntro {
  font-size: 0.14rem;
  line-height: 1.4;
  color: #FCFDFF;
  margin-top: 0.12rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right {
  width: 5.56rem;
  padding-right: 0.12rem;
  height: 5.16rem;
  margin: 0.76rem auto 0;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-video-play {
  width: 5.4rem;
  height: 3.03rem;
  position: relative;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-video-play > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-video-play .icon-play {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-html {
  color: #fff;
  padding-right: 0.08rem;
  width: 5.56rem;
  min-width: 5.56rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-html::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-html::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-html::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-html h1 {
  color: #fff;
}
.h5-NG2021-speech-detail .h5-NG-modal-content .speech-detail-wrap-right .NG2021-html img {
  width: 5.56rem;
  height: auto;
}
.h5-NG2021-speech-master {
  width: 4rem;
  height: 0.62rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-master.png') no-repeat;
  background-size: 4rem auto;
  margin-top: 0.4rem;
}
.h5-NG2021-speech-QA {
  width: 4rem;
  height: 0.62rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-QA.png') no-repeat;
  background-size: 4rem auto;
  margin-top: 0.59rem;
}
.h5-NG2021-speech-frank {
  width: 4.8rem;
  height: 4.8rem;
  background: url('/static/images/activity/N-Game/h5/frank.png') no-repeat;
  background-size: 4.8rem auto;
  margin: 0.48rem auto 0;
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
.h5-NG2021-speech-frank .frank-title {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #02071D;
  margin-bottom: 0.12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.h5-NG2021-speech-frank .frank-info .name {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #FF5146;
  margin-bottom: 0.04rem;
  text-align: left;
}
.h5-NG2021-speech-frank .frank-info .btn {
  line-height: 0.28rem;
  font-size: 0.2rem;
  color: #868A95;
  background: none;
  width: 100%;
  text-align: left;
}
.h5-NG2021-speech-tab {
  width: 6.9rem;
  height: 0.8rem;
  margin: 0.92rem auto 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-speech-tab-item {
  width: 2.3rem;
  height: 0.8rem;
}
.h5-NG2021-speech-tab-item.item-cehua {
  background: url('/static/images/activity/N-Game/h5/tab-cehua.png') no-repeat;
  background-size: 2.3rem auto;
}
.h5-NG2021-speech-tab-item.item-cehua.active {
  background: url('/static/images/activity/N-Game/h5/tab-cehua-active.png') no-repeat;
  background-size: 2.3rem auto;
}
.h5-NG2021-speech-tab-item.item-jishu {
  background: url('/static/images/activity/N-Game/h5/tab-jishu.png') no-repeat;
  background-size: 2.3rem auto;
}
.h5-NG2021-speech-tab-item.item-jishu.active {
  background: url('/static/images/activity/N-Game/h5/tab-jishu-active.png') no-repeat;
  background-size: 2.3rem auto;
}
.h5-NG2021-speech-tab-item.item-meishu {
  background: url('/static/images/activity/N-Game/h5/tab-meishu.png') no-repeat;
  background-size: 2.3rem auto;
}
.h5-NG2021-speech-tab-item.item-meishu.active {
  background: url('/static/images/activity/N-Game/h5/tab-meishu-active.png') no-repeat;
  background-size: 2.3rem auto;
}
.h5-NG2021-speech-tab-author {
  width: 6.7rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.7rem auto 0;
}
.h5-NG2021-speech-slick {
  width: 8.64rem;
  height: 2.78rem;
  margin: 0.48rem auto 0;
  margin-left: 0.24rem;
}
.h5-NG2021-speech-slick .slick-slider {
  height: 2.78rem;
}
.h5-NG2021-speech-slick .slick-slider .slick-arrow {
  width: 0.48rem;
  height: 0.32rem;
  display: none !important;
}
.h5-NG2021-speech-slick .slick-slider .slick-arrow.slick-prev {
  background: url('/static/images/activity/N-Game/slick-prev.png') no-repeat;
  background-size: 0.48rem auto;
  left: -0.72rem;
}
.h5-NG2021-speech-slick .slick-slider .slick-arrow.slick-next {
  background: url('/static/images/activity/N-Game/slick-next.png') no-repeat;
  background-size: 0.48rem auto;
  right: -0.72rem;
}
.h5-NG2021-speech-slick .slick-slider .slick-arrow::before {
  content: '';
}
.h5-NG2021-speech-slick .slick-slider .slick-list {
  height: 2.78rem;
}
.h5-NG2021-speech-slick .speech-QA-Item {
  width: 4.32rem;
  height: 2.78rem;
  background: url('/static/images/activity/N-Game/h5/speech/bg-QA.png') no-repeat;
  background-size: 4rem auto;
  background-position: top;
  padding: 0.2rem 0.36rem;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question {
  height: 1rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.5);
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question-question {
  margin-top: 0.12rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.4rem;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question-user.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 0.08rem;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question-user .avatar {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  margin-right: 0.08rem;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question-user .avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-question-user .name {
  color: #FCFDFF;
  font-size: 0.22rem;
  line-height: 0.31rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-answer {
  margin-top: 0.12rem;
}
.h5-NG2021-speech-slick .speech-QA-Item .Item-answer .question-answer {
  font-size: 0.26rem;
  line-height: 0.36rem;
  height: 0.72rem;
  color: #FCFDFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.h5-NG2021-speech-video > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.h5-NG2021-speech-video .icon-play {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.h5-NG2021-speech-video .h5-NG-modal-content {
  height: auto;
}
.h5-NG2021-speech-video .h5-NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
  width: 0.64rem;
  height: 0.64rem;
  left: 50%;
  margin-left: -0.32rem;
  top: -0.81rem;
}
.h5-NG2021-speech-video .NG2021-speech-video-main {
  position: relative;
}
.h5-NG2021-speech-video .NG2021-speech-video-video {
  width: 6.7rem;
  height: 3.77rem;
  border: 0.03rem solid #0074FD;
}
.h5-NG2021-speech-video .NG2021-speech-video-video video {
  width: 6.64rem;
  height: 3.71rem;
}

.NG2021 {
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/web-bg.png') no-repeat;
  background-size: 19.2rem auto;
  background-position: 0 9.65rem;
}
.NG2021-kv {
  width: 19.2rem;
  height: 9.66rem;
  position: relative;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 19.2rem auto;
}
.NG2021-kv video {
  width: 19.2rem;
  height: 9.66rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.NG2021-kv-shareBtn,
.NG2021-kv-enroll {
  width: 2.8rem;
  height: 2.64rem;
  background: url('/static/images/activity/N-Game/btn-enroll.png') no-repeat;
  background-size: 2.8rem auto;
  position: absolute;
  left: 1.77rem;
  bottom: 0.66rem;
  z-index: 2;
  cursor: pointer;
}
.NG2021-kv-shareBtn {
  background: url('/static/images/activity/N-Game/btn-share.png') no-repeat;
  background-size: 2.8rem auto;
}
.NG2021-kv-share {
  position: absolute;
  width: 2.48rem;
  height: 0.48rem;
  top: 0.8rem;
  right: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 0.24rem;
  font-size: 0.14rem;
  color: #fff;
}
.NG2021-kv-share .web-share-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: unset;
  height: unset;
}
.NG2021-kv-share .web-share-small > div {
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.NG2021-kv-share .web-share-small div:nth-of-type(1) {
  background: url('/static/images/activity/N-Game/wechat.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(2) {
  background: url('/static/images/activity/N-Game/QQ.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv-share .web-share-small div:nth-of-type(3) {
  background: url('/static/images/activity/N-Game/weibo.png') no-repeat;
  background-size: 0.32rem auto;
  margin: 0 0.1rem 0 0.1rem;
}
.NG2021-kv .kv-line {
  width: 19.2rem;
  height: 0.64rem;
  position: absolute;
  bottom: 0;
}
.NG2021-intro-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-intro.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.4rem;
}
.NG2021-intro-content {
  width: 9.6rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  margin: 0.4rem auto 0;
  color: #FCFDFF;
  text-align: justify;
}
.NG2021-schedule-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-schedule.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-schedule-content {
  width: 9.6rem;
  height: 2.2rem;
  background: url('/static/images/activity/N-Game/bg-schedule.png') no-repeat;
  background-size: 9.6rem auto;
  background-position: 0 0;
  margin: 0.62rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-schedule-content-item {
  width: 2.01rem;
  height: 2.2rem;
}
.NG2021-schedule-content-item .item-day {
  width: 2.01rem;
  height: 1.46rem;
  margin-top: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NG2021-schedule-content-item .item-day > p {
  font-size: 0.28rem;
  line-height: 0.39rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.NG2021-schedule-content-item .item-name {
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.39rem;
  margin-top: 0.22rem;
  color: #fff;
  text-align: center;
}
.NG2021-live-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-live.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-speech.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-speech-master {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/master-speech.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.18rem;
}
.NG2021-speech-QA {
  width: 3.54rem;
  height: 0.46rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/Q&A.png') no-repeat;
  background-size: 3.54rem auto;
  margin-top: 0.66rem;
}
.NG2021-news-title {
  width: 8.42rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-news.png') no-repeat;
  background-size: 8.42rem auto;
  margin-top: 1.05rem;
}
.NG2021-news-content {
  width: 9.6rem;
  height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.48rem auto;
}
.NG2021-news-content-img {
  width: 4.8rem;
  height: 2.7rem;
  background: url('/static/images/activity/N-Game/bg-news.png') no-repeat;
  background-size: 4.8rem auto;
  position: relative;
}
.NG2021-news-content-img > img {
  width: 4.8rem;
  height: 2.7rem;
}
.NG2021-news-content-img > .img-news {
  width: 4.8rem;
  height: 2.7rem;
  position: absolute;
  top: 0;
  left: 0;
}
.NG2021-news-content-text {
  width: 4.6rem;
  height: 2.7rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.1rem;
}
.NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-news-content-text > a {
  display: inline-block;
  width: 4.45rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.16rem;
  color: #FCFDFF;
  line-height: 0.22rem;
  padding-bottom: 0.11rem;
  border-bottom: 1px solid rgba(24, 131, 227, 0.35);
}
.NG2021-news-content-text > a + a {
  margin-top: 0.068rem;
}
.NG2021-news-content-text > a:hover {
  color: #FF5146;
}
.NG2021-partner-title {
  width: 9.51rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/title-partner.png') no-repeat;
  background-size: 9.51rem auto;
  margin-top: 1.05rem;
}
.NG2021-partner-content {
  width: 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.6rem auto 2rem;
}
.NG2021-partner-content .partner-item {
  width: 2.4rem;
  height: 1.32rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.NG2021-partner-content .partner-item:nth-child(4n) {
  margin-right: 0;
}
.NG2021-enroll-form .NG-modal-content {
  background: url('/static/images/activity/N-Game/bg-enroll-modal.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-form .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content {
  width: 8.78rem;
  height: 6.02rem;
  background: url('/static/images/activity/N-Game/bg-share-poster.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content-close {
  background: url('/static/images/activity/N-Game/close.png') no-repeat;
  background-size: 100% auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster {
  padding: 0.48rem 0.52rem 0.52rem 0.32rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode {
  width: 3.08rem;
  height: 100%;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .title {
  width: 1rem;
  height: 0.24rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode > p.intro {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.24rem 0;
  color: #FCFDFF;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .line {
  width: 100%;
  height: 0.01rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(154, 250, 239, 0)), color-stop(50%, #9AFAEF), to(rgba(154, 250, 239, 0)));
  background: -o-linear-gradient(left, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
  background: linear-gradient(90deg, rgba(154, 250, 239, 0) 0%, #9AFAEF 50%, rgba(154, 250, 239, 0) 100%);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .NG-arrow {
  width: 100%;
  height: 0.2rem;
  background: url('/static/images/activity/N-Game/arrow.png') no-repeat;
  background-size: 0.12rem auto;
  background-position: top;
  position: unset;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode {
  width: 2rem;
  height: 2rem;
  padding: 0.1rem;
  background: #fff;
  margin: 0.24rem auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-qrcode .qrCode canvas {
  width: 1.8rem !important;
  height: 1.8rem !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box {
  width: 4.06rem;
  height: 4.96rem;
  text-align: center;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box > p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #FCFDFF;
  margin-bottom: 0.2rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img {
  width: 4.06rem;
  height: 3.49rem;
  text-align: center;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.5rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box .poster-img > img {
  width: 3.06rem;
  height: auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn {
  text-align: center;
  margin: 0.32rem auto;
}
.NG2021-enroll-share .NG-modal-content .NG2021-share-poster .poster-box-savebtn > a {
  display: inline-block;
  width: 2.4rem;
  height: 0.54rem;
  background: url('/static/images/activity/N-Game/btn_saveImg.png') no-repeat;
  background-size: 2.4rem auto;
}
.h5-NG2021 {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: url('/static/images/activity/N-Game/h5/H5-BG01.png') no-repeat 0 3.76rem, url('/static/images/activity/N-Game/h5/H5-BG03.png') no-repeat bottom;
  background-size: 7.5rem auto;
  background-color: #02071D;
  overflow-x: hidden;
}
.h5-NG2021-kv {
  width: 7.5rem;
  height: 3.76rem;
  background: url('/static/images/activity/N-Game/KV.gif') no-repeat;
  background-size: 7.5rem auto;
  position: relative;
}
.h5-NG2021-kv-shareBtn {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-shareBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv-enroll {
  width: 1.92rem;
  height: 2.04rem;
  background: url('/static/images/activity/N-Game/h5/btn-enrollBtn.png') no-repeat;
  background-size: 1.92rem auto;
  position: absolute;
  top: 2.49rem;
  left: 0.64rem;
}
.h5-NG2021-kv .h5-kv-line {
  width: 7.5rem;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.h5-NG2021-intro-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-intro.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-intro-content {
  width: 6.7rem;
  line-height: 0.52rem;
  font-size: 0.3rem;
  margin: 0.32rem auto 0;
  letter-spacing: 0.05em;
  color: #FCFDFF;
  text-align: justify;
}
.h5-NG2021-schedule-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-schedule.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
.h5-NG2021-schedule-content {
  width: 6.32rem;
  height: 2.9rem;
  background: url('/static/images/activity/N-Game/h5/bg-schedule.png') no-repeat;
  background-size: 6.32rem auto;
  background-position: 0 0;
  margin: 0.45rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h5-NG2021-schedule-content-item {
  width: 2.8rem;
  height: 2.9rem;
}
.h5-NG2021-schedule-content-item .item-day {
  width: 2.8rem;
  height: 2.17rem;
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-NG2021-schedule-content-item .item-day > p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(#019bfe), to(#FCFDFF));
  background: -o-linear-gradient(top, #019bfe, #FCFDFF);
  background: linear-gradient(to bottom, #019bfe, #FCFDFF);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin-bottom: 0;
}
.h5-NG2021-schedule-content-item .item-name {
  font-size: 0.36rem;
  font-weight: 500;
  line-height: 0.5rem;
  margin-top: 0.1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
}
.h5-NG2021-live-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-live.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.26rem;
}
.h5-NG2021-speech-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-speech.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-news.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-news-content-img {
  width: 6.72rem;
  height: 3.78rem;
  position: relative;
  margin: 0.48rem auto 0;
}
.h5-NG2021-news-content-img > img {
  width: 6.72rem;
  height: 3.78rem;
}
.h5-NG2021-news-content-img > img.border {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.h5-NG2021-news-content-text {
  width: 6.72rem;
  max-height: 4.78rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.1rem auto 0;
}
.h5-NG2021-news-content-text::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 0.02rem;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: rgba(0, 116, 253, 0.6);
  cursor: pointer;
}
.h5-NG2021-news-content-text::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 116, 253, 0.6);
}
.h5-NG2021-news-content-text > .news-link {
  display: inline-block;
  width: 6.6rem;
  line-height: 0.36rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  color: #FCFDFF;
  border-bottom: 0.01rem solid rgba(24, 131, 227, 0.5);
  cursor: pointer;
  padding: 0.16rem 0 0.16rem;
}
.h5-NG2021-news-content-text > .news-link:hover {
  color: #FF5146;
}
.h5-NG2021-partner {
  overflow: hidden;
}
.h5-NG2021-partner-title {
  width: 7.5rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url('/static/images/activity/N-Game/h5/title-partner.png') no-repeat;
  background-size: 7.5rem auto;
  margin-top: 1.2rem;
}
.h5-NG2021-partner-content {
  width: 6.72rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.48rem auto 1.16rem;
}
.h5-NG2021-partner-content .partner-item {
  width: 2.12rem;
  height: 1.166rem;
  margin-right: 0.18rem;
  margin-bottom: 0.32rem;
}
.h5-NG2021-partner-content .partner-item > img {
  width: 100%;
  height: 100%;
}
.h5-NG2021-partner-content .partner-item:nth-child(3n) {
  margin-right: 0;
}
.h5-NG2021-enroll-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 9.98rem;
  background: url('/static/images/activity/N-Game/h5/bg-enroll.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-enroll-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content {
  width: 6.7rem;
  height: 8.8rem;
  background: url('/static/images/activity/N-Game/h5/bg-share.png') no-repeat;
  background-size: 6.7rem auto;
  top: 55%;
  z-index: 10;
}
.h5-NG2021-sharePoster-box .h5-NG-modal-content-close {
  width: 0.64rem;
  height: 0.64rem;
  top: -0.81rem;
  left: 50%;
  margin-left: -0.32rem;
  background: url('/static/images/activity/N-Game/h5/icon-close.png') no-repeat;
  background-size: 0.64rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG-modal-content {
  width: 100vw;
  height: 100vh;
  top: 50%;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-arrow {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  right: 0.43rem;
  top: 0.4rem;
  background: url('/static/images/activity/N-Game/h5/guide-arrow.png') no-repeat;
  background-size: 0.4rem auto;
}
.h5-NG2021-shareGuide-box .h5-NG2021-shareGuide-text {
  width: 6.64rem;
  height: 1.36rem;
  padding: 0.2rem 0.32rem;
  background: url('/static/images/activity/N-Game/h5/bg-guide.png') no-repeat;
  background-size: 6.64rem auto;
  position: absolute;
  top: 1.16rem;
  left: 0.43rem;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #FCFDFF;
}

.school-enterprise-h5 {
  width: 100%;
  min-height: 100vh;
  padding-top: 4.3rem;
  padding-bottom: 1rem;
  min-width: 7.5rem;
  background: url("/static/images/activity/school-enterprise/h5/kv.png") no-repeat, url("/static/images/activity/school-enterprise/web/bg.png") repeat;
  background-size: 7.5rem auto;
  background-position: 0 0;
}
.school-enterprise-h5-intro {
  position: relative;
  margin: 0 auto;
  width: 6.86rem;
  height: 4.36rem;
  padding: 0.3rem;
  text-align: justify;
  border-radius: 0.12rem;
  background: url("/static/images/activity/school-enterprise/h5/intro-bg.png") no-repeat;
  background-size: 6.86rem 4.36rem;
}
.school-enterprise-h5-intro-title {
  margin-left: 0.32rem;
  margin-bottom: 0.25rem;
  width: 2.26rem;
  height: 1.01rem;
  background: url("/static/images/activity/school-enterprise/h5/title-1.png") no-repeat;
  background-size: 2.26rem 1.01rem;
}
.school-enterprise-h5-intro-content {
  margin-bottom: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.43rem;
  color: #fff;
}
.school-enterprise-h5-main {
  width: 6.86rem;
  margin: 0 auto;
}
.school-enterprise-h5-tab {
  font-weight: 600;
  font-size: 0.68rem;
  line-height: 0.96rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 6.86rem;
  overflow: auto;
}
.school-enterprise-h5-tab-it {
  cursor: pointer;
  margin-bottom: 1.4rem;
  margin-right: 0.8rem;
}
.school-enterprise-h5-tab-it:last-child {
  margin-right: 0;
}
.school-enterprise-h5-tab-it[status='1'] {
  color: #FDD172;
  position: relative;
}
.school-enterprise-h5-tab-it[status='1']:after {
  content: '';
  display: block;
  width: 0.64rem;
  height: 0.08rem;
  background-image: url("/static/images/activity/school-enterprise/web/line-bottom.png");
  background-repeat: no-repeat;
  background-size: 0.64rem 0.08rem;
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.school-enterprise-h5-title-1 {
  margin: 0.48rem auto 0.42rem;
  width: 2.26rem;
  height: 1.01rem;
  background: url("/static/images/activity/school-enterprise/h5/title-2.png") no-repeat;
  background-size: 2.26rem 1.01rem;
}
.school-enterprise-h5-title-2 {
  margin: 0.48rem auto 0.42rem;
  width: 2.26rem;
  height: 1.01rem;
  background: url("/static/images/activity/school-enterprise/h5/title-3.png") no-repeat;
  background-size: 2.26rem 1.01rem;
}
.school-enterprise-h5-course-item {
  position: relative;
  margin-bottom: 0.52rem;
  padding: 0.3rem;
  width: 100%;
  border-radius: 0.12rem;
  background: #fff;
}
.school-enterprise-h5-course-item:after {
  position: absolute;
  content: "";
  width: 6.84rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-bottom-right-radius: 0.12rem;
  border-bottom-left-radius: 0.12rem;
  bottom: -0.08rem;
  border-bottom: 0.01rem solid #fff;
  border-left: 0.01rem solid #fff;
  border-right: 0.01rem solid #fff;
}
.school-enterprise-h5-course-img {
  margin-bottom: 0.2rem;
  width: 6.26rem;
  height: 3.53rem;
  cursor: pointer;
}
.school-enterprise-h5-course-img img {
  border: 0.04rem solid #7a829e;
  border-radius: 0.06rem;
  width: 100%;
  height: 100%;
}
.school-enterprise-h5-course-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.14rem;
}
.school-enterprise-h5-course-title-text {
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #253c78;
  cursor: pointer;
}
.school-enterprise-h5-course-tag {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0.46rem;
  top: 0.46rem;
  font-size: 0.22rem;
  line-height: 0.31rem;
  font-weight: bold;
  padding: 0.04rem 0.1rem;
  color: #fff;
  background: #5c6fa1;
  border-radius: 0.02rem;
}
.school-enterprise-h5-course-tag.tag--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-h5-course-tag.tag--review {
  background: #a0a6ba;
  color: #fff;
}
.school-enterprise-h5-course-tag.no-tag {
  display: none;
}
.school-enterprise-h5-course-content {
  margin-bottom: 0.34rem;
  width: 100%;
  text-align: justify;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #5c6fa1;
  opacity: 0.7;
  cursor: pointer;
  word-break: break-all;
}
.school-enterprise-h5-course-info {
  margin-bottom: 0.3rem;
  font-size: 0.28rem;
  line-height: 0.3rem;
  opacity: 0.7;
  color: #253c78;
  font-weight: 500;
}
.school-enterprise-h5-course-anchor {
  margin-bottom: 0.28rem;
}
.school-enterprise-h5-course-btn {
  width: 6.26rem;
  height: 0.88rem;
  line-height: 0.88rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdd172), to(#fdd172));
  background: -o-linear-gradient(bottom, #fdd172, #fdd172);
  background: linear-gradient(0deg, #fdd172, #fdd172);
  border-radius: 0.08rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.school-enterprise-h5-course-btn.btn--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-h5-course-btn.btn--review {
  background: -webkit-gradient(linear, left bottom, left top, from(#a0a6ba), to(#a0a6ba));
  background: -o-linear-gradient(bottom, #a0a6ba, #a0a6ba);
  background: linear-gradient(0deg, #a0a6ba, #a0a6ba);
  color: #fff;
}
.school-enterprise-h5-course-btn.btn--empty {
  margin-left: auto;
  margin-right: 0;
  width: 4.09rem;
  height: 1.32rem;
  background: url("/static/images/activity/school-enterprise/h5/empty.png") no-repeat;
  background-size: 4.09rem 1.32rem;
}
.school-enterprise-h5 .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.school-enterprise-h5 .ant-notification .school-enterprise-h5-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.school-enterprise-h5 .ant-notification .school-enterprise-h5-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_error.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-h5 .ant-notification .school-enterprise-h5-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.school-enterprise-h5 .ant-notification .school-enterprise-h5-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_success.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-h5 .ant-notification-notice-close {
  display: none;
}
.school-enterprise-h5 .ant-notification-notice-message {
  display: none;
}

.school-enterprise-beida-h5 {
  width: 100%;
  padding-bottom: 1rem;
  min-width: 7.5rem;
  background: #040A18;
}
.school-enterprise-beida-h5-header {
  position: relative;
}
.school-enterprise-beida-h5-header > img {
  width: 100%;
  height: auto;
}
.school-enterprise-beida-h5-header-title {
  position: absolute;
  font-weight: 700;
  font-size: 0.72rem;
  line-height: 0.99rem;
  color: #fff;
  top: 1.1rem;
  left: 0.83rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.school-enterprise-beida-h5-header-little-title {
  position: absolute;
  left: 0.83rem;
  top: 3.5rem;
}
.school-enterprise-beida-h5-header-little-title > img {
  width: 3.41rem;
  height: auto;
}
.school-enterprise-beida-h5-intro {
  position: relative;
  margin: 0 auto;
  width: 6.88rem;
  padding: 0.24rem;
  text-align: justify;
  background: rgba(33, 42, 63, 0.5);
}
.school-enterprise-beida-h5-intro-title {
  margin-top: 0.6rem;
  width: 100%;
  height: 1.6rem;
  background-image: url("/static/images/activity/school-enterprise/beida-h5/title-1.png");
  background-repeat: no-repeat;
  background-size: 7.5rem auto;
  background-position: center;
}
.school-enterprise-beida-h5-intro-content {
  margin-bottom: 0.24rem;
  font-size: 0.3rem;
  line-height: 0.5rem;
  color: #B2B7C5;
}
.school-enterprise-beida-h5-intro-content:last-child {
  margin-bottom: 0;
}
.school-enterprise-beida-h5-main {
  width: 6.88rem;
  margin: 0 auto;
}
.school-enterprise-beida-h5-tab {
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 0.8rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  overflow: auto;
  background-image: url("/static/images/activity/school-enterprise/beida-h5/tab-bg.png");
  background-size: 100% 0.8rem;
}
.school-enterprise-beida-h5-tab-it {
  cursor: pointer;
  margin-right: 0.8rem;
  width: 2.4rem;
  height: 0.8rem;
  text-align: center;
}
.school-enterprise-beida-h5-tab-it:last-child {
  margin-right: 0;
}
.school-enterprise-beida-h5-tab-it[status='1'] {
  color: #FDD172;
  position: relative;
  background-image: url("/static/images/activity/school-enterprise/beida-h5/tab-active.png");
  background-repeat: no-repeat;
  background-size: 2.4rem 0.8rem;
}
.school-enterprise-beida-h5-title-1 {
  margin-top: 0.6rem;
  width: 100%;
  height: 1.6rem;
  background: url("/static/images/activity/school-enterprise/beida-h5/title-2.png");
  background-repeat: no-repeat;
  background-size: 7.5rem auto;
  background-position: center;
}
.school-enterprise-beida-h5-title-2 {
  margin-top: 0.6rem;
  width: 100%;
  height: 1.6rem;
  background: url("/static/images/activity/school-enterprise/beida-h5/title-3.png");
  background-repeat: no-repeat;
  background-size: 7.5rem auto;
  background-position: center;
}
.school-enterprise-beida-h5-course-item {
  position: relative;
  margin-bottom: 0.3rem;
  padding: 0.24rem;
  width: 100%;
  background: #212A3F;
}
.school-enterprise-beida-h5-course-img {
  margin-bottom: 0.28rem;
  width: 100%;
  height: 3.66rem;
  cursor: pointer;
}
.school-enterprise-beida-h5-course-img img {
  width: 100%;
  height: 100%;
}
.school-enterprise-beida-h5-course-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.16rem;
}
.school-enterprise-beida-h5-course-title-text {
  font-size: 0.36rem;
  line-height: 0.5rem;
  cursor: pointer;
  font-weight: 600;
  color: #FFFFFF;
}
.school-enterprise-beida-h5-course-tag {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0.48rem;
  top: 3.24rem;
  font-size: 0.22rem;
  line-height: 0.31rem;
  font-weight: bold;
  padding: 0.04rem 0.1rem;
  color: #fff;
  background: #5c6fa1;
  border-radius: 0.02rem;
}
.school-enterprise-beida-h5-course-tag.tag--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-beida-h5-course-tag.tag--review {
  background: #a0a6ba;
  color: #fff;
}
.school-enterprise-beida-h5-course-tag.no-tag {
  display: none;
}
.school-enterprise-beida-h5-course-content {
  margin-bottom: 0.34rem;
  width: 100%;
  text-align: justify;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #B6BAC4;
  opacity: 0.7;
  cursor: pointer;
  word-break: break-all;
}
.school-enterprise-beida-h5-course-info {
  margin-bottom: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.22rem;
  opacity: 0.7;
  color: #FFFFFF;
  font-weight: 500;
}
.school-enterprise-beida-h5-course-anchor {
  margin-bottom: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.school-enterprise-beida-h5-course-anchor .anchor {
  min-width: 1.2rem;
}
.school-enterprise-beida-h5-course-anchor > span {
  line-height: 0.4rem;
}
.school-enterprise-beida-h5-course-btn {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdd172), to(#fdd172));
  background: -o-linear-gradient(bottom, #fdd172, #fdd172);
  background: linear-gradient(0deg, #fdd172, #fdd172);
  font-size: 0.28rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.school-enterprise-beida-h5-course-btn.btn--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-beida-h5-course-btn.btn--review {
  background: -webkit-gradient(linear, left bottom, left top, from(#a0a6ba), to(#a0a6ba));
  background: -o-linear-gradient(bottom, #a0a6ba, #a0a6ba);
  background: linear-gradient(0deg, #a0a6ba, #a0a6ba);
  color: #fff;
}
.school-enterprise-beida-h5-course-btn.btn--empty {
  margin-left: auto;
  margin-right: 0;
  width: 4.09rem;
  height: 1.32rem;
  background: url("/static/images/activity/school-enterprise/h5/empty.png") no-repeat;
  background-size: 4.09rem 1.32rem;
}
.school-enterprise-beida-h5 .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.school-enterprise-beida-h5 .ant-notification .school-enterprise-h5-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.school-enterprise-beida-h5 .ant-notification .school-enterprise-h5-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_error.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-beida-h5 .ant-notification .school-enterprise-h5-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.school-enterprise-beida-h5 .ant-notification .school-enterprise-h5-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_success.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-beida-h5 .ant-notification-notice-close {
  display: none;
}
.school-enterprise-beida-h5 .ant-notification-notice-message {
  display: none;
}

.school-enterprise-huake-h5 {
  width: 100%;
  min-height: 100vh;
  padding-top: 4.3rem;
  padding-bottom: 1rem;
  min-width: 7.5rem;
  background: url("/static/images/activity/school-enterprise/huake/kv-app.png") no-repeat, url("/static/images/activity/school-enterprise/web/bg.png") repeat;
  background-size: 7.5rem auto;
  background-position: 0 0;
}
.school-enterprise-huake-h5-intro {
  position: relative;
  margin: 0 auto;
  width: 6.86rem;
  height: 4.36rem;
  padding: 0.3rem;
  text-align: justify;
  border-radius: 0.12rem;
  background: url("/static/images/activity/school-enterprise/h5/intro-bg.png") no-repeat;
  background-size: 6.86rem 4.36rem;
}
.school-enterprise-huake-h5-intro-title {
  margin-left: 0.32rem;
  margin-bottom: 0.25rem;
  width: 2.26rem;
  height: 1.01rem;
  background: url("/static/images/activity/school-enterprise/huake/title-3.jpg") no-repeat;
  background-size: 2.26rem 1.01rem;
}
.school-enterprise-huake-h5-intro-content {
  margin-bottom: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.43rem;
  color: #fff;
}
.school-enterprise-huake-h5-main {
  width: 6.86rem;
  margin: 0 auto;
}
.school-enterprise-huake-h5-tab {
  font-weight: 600;
  font-size: 0.68rem;
  line-height: 0.96rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 6.86rem;
  overflow: auto;
}
.school-enterprise-huake-h5-tab-it {
  cursor: pointer;
  margin-bottom: 1.4rem;
  margin-right: 0.8rem;
}
.school-enterprise-huake-h5-tab-it:last-child {
  margin-right: 0;
}
.school-enterprise-huake-h5-tab-it[status='1'] {
  color: #FDD172;
  position: relative;
}
.school-enterprise-huake-h5-tab-it[status='1']:after {
  content: '';
  display: block;
  width: 0.64rem;
  height: 0.08rem;
  background-image: url("/static/images/activity/school-enterprise/web/line-bottom.png");
  background-repeat: no-repeat;
  background-size: 0.64rem 0.08rem;
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.school-enterprise-huake-h5-title-1 {
  margin: 0.48rem auto 0.42rem;
  width: 2.26rem;
  height: 1.01rem;
  background: url("/static/images/activity/school-enterprise/huake/title-1.png") no-repeat;
  background-size: 2.26rem 1.01rem;
}
.school-enterprise-huake-h5-title-2 {
  margin: 0.48rem auto 0.42rem;
  width: 2.26rem;
  height: 1.01rem;
  background: url("/static/images/activity/school-enterprise/huake/title-2.png") no-repeat;
  background-size: 2.26rem 1.01rem;
}
.school-enterprise-huake-h5-course-item {
  position: relative;
  margin-bottom: 0.52rem;
  padding: 0.3rem;
  width: 100%;
  border-radius: 0.12rem;
  background: #fff;
}
.school-enterprise-huake-h5-course-item:after {
  position: absolute;
  content: "";
  width: 6.84rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-bottom-right-radius: 0.12rem;
  border-bottom-left-radius: 0.12rem;
  bottom: -0.08rem;
  border-bottom: 0.01rem solid #fff;
  border-left: 0.01rem solid #fff;
  border-right: 0.01rem solid #fff;
}
.school-enterprise-huake-h5-course-img {
  margin-bottom: 0.2rem;
  width: 6.26rem;
  height: 3.53rem;
  cursor: pointer;
}
.school-enterprise-huake-h5-course-img img {
  border: 0.04rem solid #7a829e;
  border-radius: 0.06rem;
  width: 100%;
  height: 100%;
}
.school-enterprise-huake-h5-course-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.14rem;
}
.school-enterprise-huake-h5-course-title-text {
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #253c78;
  cursor: pointer;
}
.school-enterprise-huake-h5-course-tag {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0.46rem;
  top: 0.46rem;
  font-size: 0.22rem;
  line-height: 0.31rem;
  font-weight: bold;
  padding: 0.04rem 0.1rem;
  color: #fff;
  background: #5c6fa1;
  border-radius: 0.02rem;
}
.school-enterprise-huake-h5-course-tag.tag--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-huake-h5-course-tag.tag--review {
  background: #a0a6ba;
  color: #fff;
}
.school-enterprise-huake-h5-course-tag.no-tag {
  display: none;
}
.school-enterprise-huake-h5-course-content {
  margin-bottom: 0.34rem;
  width: 100%;
  text-align: justify;
  font-size: 0.26rem;
  line-height: 0.48rem;
  color: #5c6fa1;
  opacity: 0.7;
  cursor: pointer;
  word-break: break-all;
}
.school-enterprise-huake-h5-course-info {
  margin-bottom: 0.3rem;
  font-size: 0.28rem;
  line-height: 0.3rem;
  opacity: 0.7;
  color: #253c78;
  font-weight: 500;
}
.school-enterprise-huake-h5-course-anchor {
  margin-bottom: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.school-enterprise-huake-h5-course-anchor .anchor {
  min-width: 1.2rem;
}
.school-enterprise-huake-h5-course-anchor > span {
  line-height: 0.4rem;
}
.school-enterprise-huake-h5-course-btn {
  width: 6.26rem;
  height: 0.88rem;
  line-height: 0.88rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdd172), to(#fdd172));
  background: -o-linear-gradient(bottom, #fdd172, #fdd172);
  background: linear-gradient(0deg, #fdd172, #fdd172);
  border-radius: 0.08rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.school-enterprise-huake-h5-course-btn.btn--live {
  background: #fb7338;
  color: #fff;
}
.school-enterprise-huake-h5-course-btn.btn--review {
  background: -webkit-gradient(linear, left bottom, left top, from(#a0a6ba), to(#a0a6ba));
  background: -o-linear-gradient(bottom, #a0a6ba, #a0a6ba);
  background: linear-gradient(0deg, #a0a6ba, #a0a6ba);
  color: #fff;
}
.school-enterprise-huake-h5-course-btn.btn--empty {
  margin-left: auto;
  margin-right: 0;
  width: 4.09rem;
  height: 1.32rem;
  background: url("/static/images/activity/school-enterprise/h5/empty.png") no-repeat;
  background-size: 4.09rem 1.32rem;
}
.school-enterprise-huake-h5 .ant-notification {
  position: fixed;
  margin: 0 auto;
  padding: 0;
  right: 0;
  width: 110px;
}
.school-enterprise-huake-h5 .ant-notification .school-enterprise-h5-error {
  padding-left: 22px;
  -webkit-animation: none !important;
          animation: none !important;
}
.school-enterprise-huake-h5 .ant-notification .school-enterprise-h5-error::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_error.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-huake-h5 .ant-notification .school-enterprise-h5-success {
  -webkit-animation: none !important;
          animation: none !important;
  padding-left: 22px;
}
.school-enterprise-huake-h5 .ant-notification .school-enterprise-h5-success::before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/static/images/activity/job-compus/2020/web/toast_success.png") no-repeat;
  background-size: 14px;
}
.school-enterprise-huake-h5 .ant-notification-notice-close {
  display: none;
}
.school-enterprise-huake-h5 .ant-notification-notice-message {
  display: none;
}

.talent-h5 {
  position: relative;
  width: 100%;
  background: url("/static/images/activity/talent/h5/kv.png") no-repeat;
  background-size: 100% auto;
  padding: 4.8rem 0 0;
}
.talent-h5-nav {
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7rem;
  height: 1.6rem;
  padding-top: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  z-index: 1;
}
.talent-h5-nav .nav-Item {
  width: 2.04rem;
  text-align: center;
  height: 0.82rem;
  cursor: pointer;
  background-size: 2.04rem 0.82rem;
}
.talent-h5-nav .nav-Item[status='intro'] {
  background-image: url("/static/images/activity/talent/h5/nav1.png");
}
.talent-h5-nav .nav-Item[status='course'] {
  background-image: url("/static/images/activity/talent/h5/nav2.png");
}
.talent-h5-nav .nav-Item[status='course2'] {
  background-image: url("/static/images/activity/talent/h5/nav3.png");
}
.talent-h5-nav .nav-Item.active {
  color: #144f62;
}
.talent-h5-nav .nav-Item.active[status='intro'] {
  background-image: url("/static/images/activity/talent/h5/nav1-active.png");
}
.talent-h5-nav .nav-Item.active[status='course'] {
  background-image: url("/static/images/activity/talent/h5/nav2-active.png");
}
.talent-h5-nav .nav-Item.active[status='course2'] {
  background-image: url("/static/images/activity/talent/h5/nav3-active.png");
}
.talent-h5-box {
  background-image: url("/static/images/activity/talent/h5/bg-h5.png");
  background-repeat: repeat;
  background-size: 100% auto;
}

.web-live-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  margin: auto;
  width: 6.2rem;
  height: 4rem;
  padding-top: 0.4rem;
  background: #fff;
  border-radius: 0.2rem;
}
.web-live-modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.web-live-modal-mock {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
.web-live-modal-title {
  font-size: 0.4rem;
  color: #333333;
  text-align: center;
  line-height: 0.56rem;
  font-weight: 500;
}
.web-live-modal-content {
  margin-top: 0.62rem;
  margin-bottom: 0.9rem;
  padding: 0 0.4rem;
  font-size: 0.26rem;
  color: #000000;
  text-align: center;
  line-height: 0.42rem;
}
.web-live-modal-bottom {
  width: 100%;
  border-top: 0.02rem solid #EDEFF3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 0.2rem 0.2rem;
}
.web-live-modal-bottom-close {
  width: 50%;
  height: 1rem;
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 1rem;
  border-right: 0.02rem solid #EDEFF3;
}
.web-live-modal-bottom-ok {
  width: 100%;
  height: 1rem;
  font-size: 0.36rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 1rem;
  color: #4A90E2;
}

.h5-page-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  padding-top: 110px;
}
.h5-page-empty__image {
  height: 160px;
  width: 160px;
  margin-bottom: 16px;
  background: url('/static/images/empty/res_not_found.png') no-repeat;
  background-size: 100%;
}
.h5-page-empty__txt {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  color: #333333;
  margin-bottom: 32px;
}
.h5-page-empty__btn {
  width: 139px;
  height: 37px;
  background-color: #fff;
  border: 0.5px solid #D1D6E6;
  border-radius: 44px;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 15px;
  color: #2E2E33;
  text-align: center;
  line-height: 35px;
}