.activity * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei"; }

.main { clear: both; margin-top: 58px; margin-bottom: -1%; overflow: hidden; }

.activity { position: relative; font-size: 0; }
.activity .layer { width: 100%; background-image: url(http://www.jahwa.com.cn/app/public/img/activity/bg-pc2.jpg); background-size: 100%; background-position: top center; background-repeat: no-repeat; padding-top: 50%; }
.activity .layer .live-box { text-align: center; margin-bottom: 3%; }
.activity .layer .live-box div { display: inline-block; width: 33.3%; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; user-select: none; }
.activity .layer .live-box h4 { font-size: 30px; font-weight: lighter; color: #fbdb80; background-image: linear-gradient(#fbdb80, rgba(251, 219, 128, 0.5)); background: none /9; -webkit-background-clip: text; -webkit-text-fill-color: transparent; user-select: none; white-space: nowrap; letter-spacing: -1px; }
.activity .layer .live-box h3 { font-size: 36px; font-weight: normal; color: #fbdb80; background-image: linear-gradient(#fbdb80, rgba(251, 219, 128, 0.5)); background: none /9; -webkit-background-clip: text; -webkit-text-fill-color: transparent; user-select: none; }
.activity .layer .live { width: 47.5%; border: 1px solid #fbdb80; border: 1px solid rgba(251, 219, 128, 0.7); margin: 0 auto; }
.activity .layer .live .mask { width: 98%; margin: 1%; position: relative; }
.activity .layer .live .mask img { width: 100%; }
.activity .layer .live .mask > div { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute !important; top: 0; left: 0; }
.activity .layer .live .mask > div p, .activity .layer .live .mask > div a { display: block; width: 100%; color: #fff; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -10px; font-size: 16px; line-height: 20px; }
.activity .layer .message { margin-top: 6%; position: relative; }
.activity .layer .message .head { width: 62.5%; margin: 0 auto; text-align: center; }
.activity .layer .message .head div { display: inline-block; width: 25%; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; user-select: none; }
.activity .layer .message .head h4 { opacity: 0; font-size: 30px; font-weight: lighter; color: #fbdb80; background-image: linear-gradient(#fbdb80, rgba(251, 219, 128, 0.5)); background: none /9; -webkit-background-clip: text; -webkit-text-fill-color: transparent; cursor: pointer; user-select: none; white-space: nowrap; letter-spacing: -1px; }
.activity .layer .message .head h3 { font-size: 36px; font-weight: normal; color: #fbdb80; background-image: linear-gradient(rgba(251, 219, 128, 0.7), rgba(251, 219, 128, 0.3)); background: none /9; -webkit-background-clip: text; -webkit-text-fill-color: transparent; cursor: pointer; user-select: none; }
.activity .layer .message .head h3:hover { background-image: linear-gradient(#fbdb80, rgba(251, 219, 128, 0.5)) !important; }
.activity .layer .message .msg-body .swiper { width: 62.5%; margin: 0 auto; margin-top: 3%; padding: 0; padding-bottom: 10%; overflow: hidden; }
.activity .layer .message .msg-body .swiper .swiper-wrapper { position: relative; }
.activity .layer .message .msg-body .swiper .swiper-wrapper .swiper-slide { position: relative; width: 100%; }
.activity .layer .message .msg-body .about { width: 68%; position: relative; }
.activity .layer .message .msg-body .about > div { position: relative; width: 100%; }
.activity .layer .message .msg-body .about .about1 { width: 47%; margin-left: 1%; position: absolute; top: 0; left: 0; z-index: 2; }
.activity .layer .message .msg-body .about .about2 { width: 57%; margin-left: 1%; position: absolute; top: 10%; right: 0; z-index: 1; }
.activity .layer .message .msg-body .about .wuzhen { width: 22%; position: absolute; top: 27%; left: 3%; z-index: 3; }
.activity .layer .message .msg-body .about .r-font { color: #fff; padding-top: 40%; }
.activity .layer .message .msg-body .about .r-font h3 { font-size: 30px; font-weight: normal; }
.activity .layer .message .msg-body .about .r-font .line { width: 9%; border-bottom: 2px solid #f3fa74; margin: 2% 0; }
.activity .layer .message .msg-body .about .r-font p { font-size: 16px; line-height: 26px; }
.activity .layer .message .msg-body .news { font-size: 0; height: 500px; }
.activity .layer .message .msg-body .news .new-item { display: inline-block; width: 31.6%; border: 1px solid #fbdb80; margin: 0.7%; color: #fff; text-decoration: none; }
.activity .layer .message .msg-body .news .new-item img { display: block; width: 98%; margin: 3px auto; }
.activity .layer .message .msg-body .news .new-item p { font-size: 16px; margin-left: 4%; margin-top: 2%; line-height: 24px; letter-spacing: 1px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 92%; }
.activity .layer .message .msg-body .news .new-item span { display: inline-block; font-size: 14px; margin-left: 4%; font-style: italic; line-height: 24px; margin-bottom: 2%; color: #fff; }
.activity .layer .message .msg-body .news .new-item:hover { text-decoration: underline; }
.activity .layer .message .msg-body .videos { font-size: 0; height: 500px; }
.activity .layer .message .msg-body .videos .video-item { display: inline-block; width: 31.6%; border: 1px solid #fbdb80; margin: 0.7%; color: #fff; text-decoration: none; position: relative; }
.activity .layer .message .msg-body .videos .video-item img { display: block; width: 98%; margin: 3px auto; }
.activity .layer .message .msg-body .videos .video-item .play { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.2s; background: rgba(0, 0, 0, 0.2); }
.activity .layer .message .msg-body .videos .video-item .play img { position: absolute; top: 50%; left: 50%; width: 20%; transform: translate(-50%, -50%); }
.activity .layer .message .msg-body .videos .video-item p { font-size: 16px; position: absolute; bottom: 0; left: 0; width: 92%; padding: 0 4%; background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); line-height: 40px; letter-spacing: 1px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity .layer .message .msg-body .videos .video-item:hover .play { opacity: 1; }
.activity .layer .message .msg-body .pictures { height: 500px; font-size: 0; margin-left: 19.5%; }
.activity .layer .message .msg-body .pictures img { margin-right: 1.6%; margin-bottom: 1.6%; cursor: pointer; }
.activity .layer .message .msg-body .pictures .big { width: 48%; }
.activity .layer .message .msg-body .pictures .small { width: 23.2%; }
.activity .layer .message .msg-body .pictures .marginL { margin-left: 1px; }
.activity .layer .message .btn-box { width: 72%; position: absolute; top: 46%; left: 0; margin-left: 14%; }
.activity .layer .message .btn-box img { position: absolute; top: 0; cursor: pointer; width: 5%; }
.activity .layer .message .btn-box .left { left: 0; }
.activity .layer .message .btn-box .right { right: 0; }
.activity .img-swiper { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; background: #000; background: rgba(0, 0, 0, 0.8); }
.activity .img-swiper .img-swiper-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 50%; max-width: 1200px; }
.activity .img-swiper .img-swiper-box .close { position: absolute; top: 0; right: 1%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 5%; margin-top: -7%; }
.activity .img-swiper .img-swiper-box .img-btn-box { width: 100%; position: absolute; top: 50%; left: 0; }
.activity .img-swiper .img-swiper-box .img-btn-box img { position: absolute; top: 0; cursor: pointer; width: 5%; transform: translateY(-50%); }
.activity .img-swiper .img-swiper-box .img-btn-box .left { left: 0; }
.activity .img-swiper .img-swiper-box .img-btn-box .right { right: 0; }
.activity .img-swiper .img-swiper-box .swiper-container5 { overflow: hidden; height: 50vw; max-height: 100%; }
.activity .img-swiper .img-swiper-box .swiper-container5 img { display: block; height: 100%; max-width: 100%; margin: 0 auto; }
.activity .video-moda { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, 0.5); }
.activity .video-moda > div { z-index: 99999; width: 100%; min-height: 50%; max-width: 1200px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 auto; }
.activity .video-moda > div .close { width: 100%; max-width: 1200px; }
.activity .video-moda > div .close img { float: right; cursor: pointer; margin-top: -30px; }
.activity .video-moda .video-js .vjs-big-play-button { display: none; }

@media screen and (max-width: 1366px) { .activity .layer .live { width: 58%; }
  .activity .layer .message { margin-top: 4%; }
  .activity .layer .message .msg-body .swiper { width: 80%; }
  .activity .layer .message .msg-body .about { width: 70%; }
  .activity .layer .message .msg-body .pictures { margin-left: 11%; }
  .activity .layer .message .btn-box { width: 90%; margin-left: 5%; } }
@media screen and (max-width: 1200px) { .activity .img-swiper .img-swiper-box .img-btn-box { display: none; } }
@media screen and (max-width: 768px) { .activity .layer { position: static; background-image: url(http://www.jahwa.com.cn/app/public/img/activity/bg-m2.jpg); background-size: 100%; padding-top: 172%; }
  .activity .layer .live { width: 92%; margin: 0 auto; }
  .activity .layer .message { margin-top: 8%; }
  .activity .layer .message .head { width: 90%; overflow-x: scroll; white-space: nowrap; }
  .activity .layer .message .head div { width: 27vw; }
  .activity .layer .message .btn-box { display: none; }
  .activity .layer .message .msg-body { padding-bottom: 10%; }
  .activity .layer .message .msg-body .swiper { width: 88%; height: auto; margin-top: 0; }
  .activity .layer .message .msg-body .swiper .swiper-wrapper .swiper-slide { width: 100%; }
  .activity .layer .message .msg-body .about { margin-top: 8%; }
  .activity .layer .message .msg-body .about .first-margin { margin-bottom: 10%; }
  .activity .layer .message .msg-body .about .about1, .activity .layer .message .msg-body .about .about2 { width: 100%; margin: 0; position: static; margin-bottom: 4%; }
  .activity .layer .message .msg-body .about .wuzhen { width: 37%; position: static; margin-top: -12%; margin-left: 2%; }
  .activity .layer .message .msg-body .about .r-font { position: static; margin-top: 7%; padding: 0; }
  .activity .layer .message .msg-body .about .r-font .line { border-bottom: 1px solid #f3fa74; }
  .activity .layer .message .msg-body .news { width: 92%; margin-top: 8%; overflow-y: auto; max-height: 128vw; }
  .activity .layer .message .msg-body .news .new-item { width: 47%; margin: 1%; }
  .activity .layer .message .msg-body .videos { width: 92%; margin-top: 8%; overflow-y: auto; max-height: 128vw; }
  .activity .layer .message .msg-body .videos .video-item { width: 99%; margin: 2% 0; box-sizing: border-box; }
  .activity .layer .message .msg-body .videos .video-item .play { opacity: 1; }
  .activity .layer .message .msg-body .pictures { width: 92%; margin: 0 auto; margin-top: 8%; height: 178vw; overflow-y: auto; }
  .activity .layer .message .msg-body .pictures .marginL { margin: 0; }
  .activity .layer .message .msg-body .pictures img { margin: 0; }
  .activity .layer .message .msg-body .pictures .big { width: 100%; margin-bottom: 2%; }
  .activity .layer .message .msg-body .pictures .small { width: 49%; margin-bottom: 2%; }
  .activity .layer .message .msg-body .pictures .marginM { margin-right: 2%; }
  .activity .img-swiper .img-swiper-box .close { width: 8%; margin-top: -10%; } }
.vjs-big-play-button, .vjs-big-play-button:focus { top: 50% !important; left: 50% !important; margin-top: -0.75em !important; margin-left: -1.5em !important; }

/*# sourceMappingURL=activity.css.map */