@charset "utf-8";
* {
  padding: 0;
  margin: 0;
}
/*分享功能*/
.downloadApp {
  z-index: 999999;
  display: none;
}
.downloadApp .pop_openning {
  z-index: 999999;
  position: fixed;
  bottom: 112px;
  width: 94%;
  height: 70px;
  font-size: 15px;
  background-color: #2D2D2D;
  border-radius: 15px;
  color: #fff;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.downloadApp .pop_openning p {
  margin-top: 27px;
  margin-left: 16px;
}
.downloadApp .pop_openning img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 16px;
}
.downloadApp .pop_download {
  z-index: 999999;
  position: fixed;
  bottom: 112px;
  width: 94%;
  height: 180px;
  font-size: 15px;
  background-color: #2D2D2D;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.downloadApp .pop_download p {
  position: relative;
  margin: 60px 16px;
}
.downloadApp .pop_download .cancel {
  position: absolute;
  width: 43%;
  height: 40px;
  left: 16px;
  bottom: 16px;
  background-color: #4B4B4B;
  color: #0D9FFB;
  text-align: center;
  border-radius: 25px;
  line-height: 40px;
}
.downloadApp .pop_download .sure {
  position: absolute;
  width: 43%;
  height: 40px;
  right: 16px;
  bottom: 16px;
  background-color: #0D9FFB;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  line-height: 40px;
}
.downloadApp .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1B1C1D;
  /*display: none;*/
  font-size: 13px;
}
.downloadApp .loading p {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  text-align: center;
}
.downloadApp .loading img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -60px;
}
.downloadApp .explore {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000000;
}
.downloadApp .explore img {
  width: 228px;
  position: absolute;
  top: 8px;
  right: 36px;
}
.downloadApp .pop_tip {
  z-index: 999999;
  position: fixed;
  bottom: 124px;
  left: 0;
  width: 100%;
  line-height: 37px;
  height: 37px;
  display: none;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.downloadApp .pop_tip p {
  position: relative;
  margin: 0 auto;
  bottom: 65px;
  left: 0;
  width: 250px;
  line-height: 37px;
  height: 37px;
  background-color: #2F2F2F;
  font-size: 15px;
  text-align: center;
  border-radius: 15px;
}
.downloadApp .btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 999999;
}
a,
img,
button,
input,
textarea,
div,
span {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html,
body {
  width: 100%;
  height: 100%;
  background: white;
}
img {
  width: 100%;
  display: block;
}
.container {
  position: relative;
}
.container img {
  width: 100%;
}
.container #btn1 {
  position: absolute;
  width: 100%;
  top: 53.8%;
  height: 2.15%;
}
.container #btn2 {
  position: absolute;
  width: 100%;
  height: 2.15%;
  top: 65.2%;
}
.container .film {
  position: absolute;
  width: 30.75%;
  height: 9.6%;
}
.container .film1 {
  top: 69%;
  left: 3.2%;
}
.container .film2 {
  top: 69%;
  left: 34.6%;
}
.container .film3 {
  top: 69%;
  left: 65.9%;
}
.container .film4 {
  top: 79%;
  left: 3.2%;
}
.container .film5 {
  top: 79%;
  left: 34.6%;
}
.container .film6 {
  top: 79%;
  left: 65.9%;
}
/*遮罩*/
.fixedCover {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.close {
  position: absolute;
  top: 0%;
  left: 45%;
  width: 9.5%;
  height: 17%;
}
.pop_window .sure {
  position: absolute;
  top: 64%;
  left: 19%;
  width: 62%;
  height: 19%;
}
/*版本弹框*/
.doLogin,
.tipReload,
.isLogining,
.awardpopup {
  width: 88.889%;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.awardpopup .sure {
  position: absolute;
  top: 64%;
  left: 19%;
  width: 62%;
  height: 19%;
}
@media only screen and (max-device-aspect-ratio: 10/9) {
  /*版本弹框*/
  .Login,
  .tipReload,
  .isLogining {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .container01 {
    display: none;
  }
}
.container01 {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: #262529;
  text-align: center;
  display: none;
}
@media only screen and (min-device-aspect-ratio: 10/9) {
  .container01 {
    display: block;
  }
  .horizontal {
    display: inline-block;
    margin-top: 10%;
    width: 30%;
  }
}