@charset "utf-8";
html, body {
	-ms-touch-action: none;
	background: #000000;
	padding: 0;
	border: 0;
	margin: 0;
	height: 100%;
}
video{
	width: 100%;
	height: 100%;
	line-height: 0;
    vertical-align: baseline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    /*
    x5-video-player-fullscreen:"true";
    fullscreen:"true"
    x5-video-orientation="portrait";
    style:"object-fit: contain; width: 100%; height: 100%;"
    */
}
video::-webkit-media-controls-enclosure {
   /* display: none !important;*/
}

.vdmsk{
  position: absolute;
  width: 100%;
  height: 100%;
}
.tip{
  position: absolute;
  width: 100%;
  height: 100%;
  background:#000;
}
.tip_s{
  position: absolute;
  width: 100%;
  height: 100%;
  background:#000;
}
.game{
	width: 100%;
	height: 100%;
	position: absolute;
}
.vd{
	position: absolute;
	width: 100%;
	height: 100%;
}
.btn_skip{
	position: absolute;
	width: 100%;
	height: 100%;
}
.vd_ts{
	position: relative;
	width:100%;
	height: 100%;
}

.bg{
	position: absolute;
	width:100%;
	height: 100%;
}

.vd_s{
	width: 100%;
}
.share{
  position: absolute;
  width: 100%;
  height: 100%;
}
.share_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0, 0.5);
  opacity: 0.9;
}
.share_pic{
  position: absolute;
  width: 7.4615%;
  height: 15%;
  left:390px;
  top:470px;
}
.btn_close{
  position: absolute;
  width: 7.4615%;
  height: 15%;
  left:390px;
  top:470px;
}
.hand{
  position: absolute;
  width: 7.4615%;
  height: 15%;
  left:390px;
  top:470px;
}
.hide{
  display: none;
}

.btn{
  position: absolute;
	width:100%;
	height: 100%;
}
.btn2{
  position: absolute;
	width:100%;
	height: 100%;
}

.btn1_1{
  width: 100%;
	height: 100%;
	position: absolute;
}
.qrcode{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
}

.anime1{
  -webkit-animation: zoomin 1s backwards;
  animation: zoomin 1s backwards;
}

.anime{
  -webkit-animation: fadein 1s;
  animation: fadein 1s;
}
.anime2{
  -webkit-animation: fadeout 1s;
  animation: fadeout 1s;
}

@-webkit-keyframes zoomin {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, 1);
    transform: scale3d(.3, .3, 1);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomin {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, 1);
    transform: scale3d(.3, .3, 1);
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}