/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
:focus {
  outline: none;
  text-decoration: none;
}
.btn {
  height: 8.53333vw;
  border-radius: 4.26667vw;
  font-size: 3.73333vw;
  padding: 0 4.26667vw;
  text-align: center;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
}
.btn:active {
  opacity: 0.8;
}
.btn-block {
  display: flex;
}
.btn-default {
  color: #2b2b2b;
  background-color: #e7e7e7;
}
.btn-default-text {
  color: #9a9ea8;
}
.btn-primary {
  background-color: #ff2339;
  color: #fff;
}
.btn-primary-text {
  color: #ff2339;
}
.btn-primary-ghost {
  color: #ff2339;
  border: solid 1px #ff2339;
  border-width: 0.5px;
}
.btn-white {
  color: #ff2339;
  background-color: #fff;
}
.btn-white-ghost {
  color: #fff;
  border: solid 1px #fff;
  border-width: 0.5px;
}
.btn-second {
  background-color: #ffe128;
  color: #fff;
}
.btn-second-ghost {
  color: #ffe128;
  border: solid 1px #ffe128;
  border-width: 0.5px;
}
.btn-disable {
  background-color: #999;
  color: #fff;
}
.btn-disable-ghost {
  color: #999;
  border: solid 1px #999;
  border-width: 0.5px;
}
.btn-sm {
  height: 6.4vw;
  font-size: 3.2vw;
  padding: 0 3.2vw;
  border-radius: 3.2vw;
}
.btn-sm-x {
  height: 5.33333vw;
  font-size: 2.66667vw;
  padding: 0 2.66667vw;
  border-radius: 2.66667vw;
}
.btn-lg {
  height: 11.73333vw;
  font-size: 4.26667vw;
  padding: 0 5.86667vw;
  border-radius: 5.86667vw;
}
html {
  height: 100%;
  background-color: #fff;
  font-size: 10vw;
}
body {
  width: 100%;
  height: 100%;
  font-size: 3.73333vw;
  line-height: 1.2;
  color: #2b2b2b;
  margin: 0 auto !important;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
a {
  text-decoration: none;
}
@media screen and (max-width: 320px) {
  html {
    font-size: 4.26667vw;
  }
  body {
    min-width: 42.66667vw;
    font-size: 1.59289vw;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 7.2vw;
  }
  body {
    max-width: 72vw;
    font-size: 2.688vw;
  }
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.page-overflow {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.page-overflow .page {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#__next,
body,
.page {
  height: 100%;
  max-width: 10rem;
}
.page {
  padding-top: 11.73333vw;
}
.page-no-header {
  padding-top: 0;
}
.page-input {
  overflow: hidden;
}
.page-room {
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  background: #2d2741;
  position: absolute;
  top: 0;
  bottom: 0;
}
.page-live-off {
  min-height: 100%;
  height: auto;
}
.page {
  margin: 0 auto;
  width: 100vw;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.center {
  margin: 0 auto;
  text-align: center;
}
.pre {
  white-space: pre-wrap;
}
.iconfont {
  font-size: 1em;
  max-height: 99999999Px;
}
.blank-bar {
  height: 4.26667vw;
}
input {
  color: #2b2b2b;
}
.hidden {
  display: none !important;
}
.modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 8000;
}
.modal-mask-higher {
  z-index: $z-modal-higher-mask;
}
.float-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 6000;
}
.float-mask-higher {
  z-index: 6300;
}
.page-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 7000;
}
.page-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 7200;
}
.fixed-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-close {
  font-size: 4.8vw;
  position: absolute;
  top: 4.26667vw;
  right: 4.26667vw;
}
.text-primary {
  color: #ff2339;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
input::-webkit-input-placeholder {
  color: #9a9ea8;
}
.fix-bottom-margin {
  margin-bottom: 4.26667vw;
}
.fix-bottom-fixed {
  bottom: 4.26667vw;
}
.inline {
  vertical-align: middle;
  display: inline-block;
}
.ui-hide {
  display: none;
}
.top {
  background: url(https://app.sumeme.com/2339/tg2/_next/static/images/top-cb56fda4.png);
  height: 16vw;
  width: 100vw;
}
.top2 {
  background: url("/static/download/top.png");
  height: 16vw;
  width: 100vw;
}

* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
#__next,
.screen {
  width: 100%;
  height: 100%;
}
#content {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#content .btn-bottom-download {
  position: absolute;
  left: 50%;
  bottom: 5.33333vw;
  width: 76.8vw;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
}
#content .btn-bottom-download img {
  width: 76.8vw;
  vertical-align: top;
}
#content .tip-text {
  bottom: 26.66667vw;
  max-width: 100vw;
}
.copyright {
  position: absolute;
  padding: 0 2.66667vw;
  font-size: 3vw;
}
.app {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.33333vw 2.66667vw;
  background-color: rgba(0,0,0,0.51);
  line-height: 4vw;
  font-size: 3vw;
  color: rgba(255,255,255,0.8);
}
.app a {
  color: rgba(255,255,255,0.8);
  text-decoration: underline;
  margin: 0 1.33333vw;
  font-size: 3vw;
}

* {
  margin: 0;
  padding: 0;
  font-size: 3.73333vw;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
._3vIRn::after {
  content: "";
  display: table;
  clear: both;
}
._2O6Nz {
  padding: 14.93333vw 0;
}
._2O6Nz .page-header {
  background: url("/static/live-list/images/header.png") 0 0/contain no-repeat;
  height: 14.93333vw;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
._2O6Nz .page-footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("/static/live-list/images/footer.png") 0 0/contain no-repeat;
  height: 14.93333vw;
  width: 100vw;
  z-index: 100;
}
._2O6Nz .page-title {
  font-size: 4vw;
  color: #333;
  padding: 3.2vw;
  font-weight: bold;
}
.PPb2U {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.PPb2U .item {
  color: #fff;
  width: 49.06667vw;
  height: 49.06667vw;
  position: relative;
  margin-bottom: 1.86667vw;
}
.PPb2U .item:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background-image: linear-gradient(-180deg, rgba(0,0,0,0) 68%, rgba(0,0,0,0.3) 100%);
}
.PPb2U .item img {
  width: 49.06667vw;
  height: 49.06667vw;
  vertical-align: top;
}
.PPb2U .item-nickname {
  font-size: 3.46667vw;
  position: absolute;
  left: 3.2vw;
  bottom: 6.93333vw;
  font-weight: bold;
  z-index: 10;
}
.PPb2U .item-view {
  font-size: 2.66667vw;
  position: absolute;
  left: 3.2vw;
  bottom: 3.2vw;
  z-index: 10;
}
.PPb2U .item-live {
  background: url("/static/live-list/images/icon-live.png") 0 0/contain no-repeat;
  width: 14vw;
  height: 5.33333vw;
  position: absolute;
  right: 2.13333vw;
  top: 2.13333vw;
  z-index: 10;
}
._3nBbB {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
._3nBbB .item {
  color: #fff;
  width: 31.73333vw;
  height: 42.66667vw;
  position: relative;
  margin-bottom: 1.86667vw;
}
._3nBbB .item:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background-image: linear-gradient(-180deg, rgba(0,0,0,0) 68%, rgba(0,0,0,0.3) 100%);
}
._3nBbB .item img {
  width: 31.73333vw;
  height: 42.66667vw;
  vertical-align: top;
}
._3nBbB .item-nickname {
  font-size: 3.46667vw;
  position: absolute;
  left: 3.2vw;
  bottom: 3.2vw;
  right: 3.2vw;
  font-weight: bold;
  z-index: 10;
}
._3nBbB .item-play {
  background: url("/static/live-list/images/icon-play.png") 0 0/contain no-repeat;
  width: 10.66667vw;
  height: 10.66667vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
._1ZRDg {
  text-align: center;
  padding: 4.53333vw 6.4vw 6.4vw;
}
._1ZRDg a {
  display: inline-block;
  border-radius: 5.86667vw;
  text-decoration: none;
  width: 80vw;
  height: 11.73333vw;
  line-height: 11.73333vw;
  color: #fff;
  font-size: 4vw;
  text-align: center;
  background-image: linear-gradient(-139deg, #ff56a1 0%, #ff5a00 100%);
}

* {
  margin: 0;
  padding: 0;
  font-size: 3.73333vw;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
._16T8a::after {
  content: "";
  display: table;
  clear: both;
  height: 0;
  overflow: hidden;
}
._1028m {
  padding: 16vw 0 17.6vw;
}
.zFsT0 {
  background: url(https://app.sumeme.com/2339/tg2/_next/static/images/top-cb56fda4.png) 0 0/contain no-repeat;
  height: 16vw;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.fLBlx {
  background: url(https://app.sumeme.com/2339/tg2/_next/static/images/bottom-f607c385.png) 0 0/contain no-repeat;
  height: 16vw;
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
._30x3h .item {
  padding: 1.6vw 1.6vw 0;
  position: relative;
}
._30x3h .item img {
  width: 100%;
  vertical-align: top;
}
._30x3h .item a {
  position: absolute;
  right: 6.93333vw;
  bottom: 5.33333vw;
  background: url(data:image/png;base64,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) center center/contain no-repeat;
  width: 15.2vw;
  height: 15.2vw;
}
._2Zuat a {
  animation: ani-play 3s backwards infinite;
}
.gQfcZ {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 10000;
}
._3wvFY {
  position: fixed;
  width: 80vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 1.33333vw;
  text-align: center;
  padding: 4vw;
  z-index: 10001;
}
._3wvFY .btn {
  animation: ani-play 3s alternate infinite;
}
._2cCXz {
  padding: 4vw 0 10.66667vw;
}
@-moz-keyframes ani-play {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ani-play {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes ani-play {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes ani-play {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

* {
  margin: 0;
  padding: 0;
  font-size: 3.73333vw;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
._11kse {
  padding-top: 4.8vw;
  padding-bottom: 16vw;
  width: 100vw;
  margin: 0 auto;
}
._31EIf {
  background: url("/static/ios/images/header.png") center center/contain no-repeat;
  height: 30.26667vw;
}
.o3KkB {
  width: 17.86667vw;
  height: 7.46667vw;
  text-align: center;
  background-color: #007aff;
  border-radius: 3.73333vw;
  line-height: 7.46667vw;
  color: #fff;
  font-size: 3.73333vw;
  cursor: pointer;
}
._1Zgda {
  padding: 23.46667vw 0 0 37.33333vw;
}
._2tid3 {
  margin: 3.73333vw auto;
  background: url("/static/ios/images/score.png") center center/contain no-repeat;
  height: 12.66667vw;
}
.IEUPP {
  margin: 0 auto;
  background: url("/static/ios/images/desc.png") center center/contain no-repeat;
  height: 37.06667vw;
}
._3unn9 {
  font-size: 5.33333vw;
  padding: 2.66667vw 4.8vw;
  font-weight: bold;
}
._2ero4 {
  padding: 4.8vw;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
._2ero4 .item {
  display: inline-block;
  margin-right: 4.8vw;
}
._2ero4 .item img {
  width: 59.46667vw;
  height: 105.6vw;
}
.YiWlg {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: url("/static/ios/images/tab.png") center center/contain no-repeat;
  height: 13.2vw;
}

._2AIhZ {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}
._2AIhZ .video-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  background-color: rgba(0,0,0,0.35);
  height: 12.26667vw;
  color: #fff;
  padding: 0 4.26667vw;
  box-sizing: border-box;
  z-index: 100;
}
._2AIhZ .img-list img {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  border: solid 1px #fff; /*no*/
  background-color: #ddd;
  margin-left: -4.8vw;
  vertical-align: top;
}
._2AIhZ .img-list img:first-child {
  margin-left: 0;
}
._2AIhZ .img-text {
  flex-grow: 1;
  width: 13.33333vw;
  padding-left: 2.66667vw;
  font-size: 3.2vw;
}
._2AIhZ .more {
  height: 6.4vw;
  line-height: 6.4vw;
  background-color: #fff;
  border-radius: 3.2vw;
  width: 24.53333vw;
  text-align: center;
  color: #333;
  font-size: 2.66667vw;
}
._2AIhZ .video-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 18.13333vw;
  box-sizing: border-box;
  padding: 0 4.26667vw;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  color: #fff;
}
._2AIhZ .video-bottom .avatar {
  position: relative;
}
._2AIhZ .video-bottom .avatar img {
  width: 10.66667vw;
  height: 10.66667vw;
  border-radius: 50%;
  border: solid 1px #ff283d; /*no*/
  box-sizing: border-box;
  background-color: #ddd;
}
._2AIhZ .video-bottom .avatar-text {
  position: absolute;
  bottom: 0;
  font-size: 3.73333vw;
  height: 6.4vw;
  width: 21.33333vw;
  text-align: center;
  line-height: 6.4vw;
  border-radius: 2.13333vw;
  background-color: #ff283d;
  left: 50%;
  transform-origin: center bottom;
  transform: translateX(-50%) scale(0.5);
}
._2AIhZ .video-bottom .info {
  width: 13.33333vw;
  flex-grow: 1;
  padding: 0 0 0 2.66667vw;
}
._2AIhZ .video-bottom .info .nickname {
  max-width: 40vw;
  font-size: 4vw;
  font-weight: bold;
  padding-bottom: 1.33333vw;
}
._2AIhZ .video-bottom .info .desc {
  font-size: 2.66667vw;
}
._2AIhZ .video-bottom .info .desc span {
  margin-right: 2.66667vw;
}
._2AIhZ .video-bottom .info .desc .iconfont {
  color: #41b5ff;
}
._2AIhZ .video-bottom .chat {
  background-color: #ff283d;
  height: 10.66667vw;
  border-radius: 5.33333vw;
  padding: 0 4.26667vw 0 3.2vw;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 3.73333vw;
}
._2AIhZ .video-bottom .chat-text {
  margin-left: 1.33333vw;
}
._2AIhZ .video-bottom .chat .line {
  width: 1.06667vw; /*px*/
  height: 3.73333vw;
  position: relative;
}
._2AIhZ .video-bottom .chat .line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  border-radius: 0.4vw;
  width: 0.53333vw; /*px*/
  background-color: #fff;
  height: 3.2vw; /*px*/
  transform-origin: center bottom;
}
._2AIhZ .video-bottom .chat .line-1:after {
  transform: scaleY(0.8);
  animation: ani-line1 linear 0.6s infinite;
}
._2AIhZ .video-bottom .chat .line-2:after {
  transform: scaleY(1);
  animation: ani-line1 linear 0.6s infinite 0.2s;
}
._2AIhZ .video-bottom .chat .line-3:after {
  transform: scaleY(0.6);
  animation: ani-line1 linear 0.6s infinite 0.4s;
}
.lpX_9 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}
._1rYpZ {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666;
}
._1rYpZ .spinner {
  width: 16vw;
  height: 16vw;
  position: relative;
}
._1rYpZ .double-bounce1,
._1rYpZ .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ff2339;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}
._1rYpZ .double-bounce2 {
  animation-delay: -1s;
}
._38E8w {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 10000;
}
._3z3gV {
  position: fixed;
  width: 80vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 1.33333vw;
  text-align: center;
  padding: 4vw;
  z-index: 10001;
}
._3z3gV .btn {
  animation: ani-play 3s alternate infinite;
}
._2X7yt {
  padding: 4vw 0 10.66667vw;
}
@-moz-keyframes ani-line1 {
  from {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.6);
  }
  to {
    transform: scaleY(1);
  }
}
@-webkit-keyframes ani-line1 {
  from {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.6);
  }
  to {
    transform: scaleY(1);
  }
}
@-o-keyframes ani-line1 {
  from {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.6);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes ani-line1 {
  from {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.6);
  }
  to {
    transform: scaleY(1);
  }
}
@-moz-keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@-o-keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}