/*css sprites*/
.monkey,
.n_btm_star,
.n_btm_text_1,
.n_btm_text_2,
.n_monkey,
.n_monkey.s_monkey,
.black-mask .red-book-btn,
.n_register,
.n_register_icon {
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/425_bottomimg.png?v=111")
    no-repeat;
}

body,
html {
  margin: 0;
  padding: 0;
}

.app_show_tip{
  width: 100%;
  background-color: #f5f5f5;
}
.app_show_tip p{
  width: 1200px;
  margin: 0 auto;
  padding: 6px 0;
  color: #666;
}

.bottom_app_bar {
  width: 100%;
  height: 138px;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  right: 100%;
  bottom: 0;
  z-index: 998;
}

.bottom_app_content {
  width: 1920px;
  height: 155px;
  bottom: 0;
  position: fixed;
  left: -50%;
  margin-left: -960px;
  opacity: 0;
  z-index: 999;
  background-repeat: no-repeat;
}
.bottom_app_content img {
  width: 100%;
  height: 100%;
}

.bottom_app_logo {
  width: 360px;
  height: 127px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/logoandtxt.png?v=111") -8px -8px;
  margin-top: -22px;
  position: absolute;
}

.bottom_app_text {
  width: 520px;
  height: 120px;
  margin-left: 385px;
  font: 32px "Microsoft YaHei";
  color: #fff;
  font-style: italic;
  position: absolute;
  margin-top: 8px;
}

.bottom_app_text p {
  margin: 0;
  padding: 0;
}

.bottom_app_pic {
  width: 520px;
  height: 120px;
  margin-left: 360px;
  position: absolute;
  margin-top: 20px;
}

.bottom_app_text p:nth-child(2) {
  margin-left: 70px;
  margin-top: 5px;
}

.bottom_app_qcode {
  width: 153px;
  height: 133px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/logoandtxt.png?v=111") -380px 0;
  position: absolute;
  margin-left: 920px;
  margin-top: 2px;
}

.bottom_app_close {
  width: 30px;
  height: 30px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/logoandtxt.png?v=111") -550px -7px;
  position: absolute;
  margin-left: 1470px;
  margin-top: 25px;
  cursor: pointer;
}

.fz_28 {
  font-size: 28px;
}

.fz_46 {
  font-size: 46px;
}

.fz_25 {
  font-size: 25px;
}

.fc_y {
  color: #fed900;
}

.monkey {
  width: 231px;
  height: 153px;
  position: absolute;
  bottom: 0;
  margin-left: 120px;
}

.n_btm_qrcode {
  width: 130px;
  height: 120px;
  background-position: 0 0;
  position: absolute;
  right: 480px;
  bottom: -155px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/190715_content.png?v=222")
    no-repeat;
  background-position: -807px -25px;
}

.n_btm_star {
  width: 53px;
  height: 44px;
  background-position: -462px -39px;
  position: absolute;
  right: 91px;
  margin-top: 12px;
  display: none;
}

.n_btm_text_1 {
  width: 553px;
  height: 39px;
  background-position: -462px 0;
  margin-left: -200px;
  margin-top: 12px;
  position: absolute;
  opacity: 0;
}

.n_btm_text_2 {
  width: 560px;
  height: 24px;
  background-position: 0 -290px;
  margin-left: -200px;
  margin-top: 72px;
  position: absolute;
  opacity: 0;
}

.n_monkey {
  width: 231px;
  height: 153px;
  background-position: 0 0;
  position: absolute;
  bottom: -153px;
  margin-left: 103px;
}

.n_monkey.s_monkey {
  width: 231px;
  height: 153px;
  background-position: -231px 0;
  position: absolute;
}

#app_show_btn.napp_show_btn {
  cursor: pointer;
  position: fixed;
  bottom: 35px;
  z-index: 999;
  height: 107px;
  width: 92px;
  margin-left: -95px;
}

#app_show_btn.napp_show_btn img {
  position: absolute;
  bottom: 0;
}

/**全屏弹框**/

.black-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/bg.png?v=111");
  z-index: 1005;
}

.black-mask .red-package-wrp {
  position: relative;
  height: 100%;
}

.black-mask .red-package {
  width: 454px;
  height: 481px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/monkey_3.png?v=111");
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -227px;
  margin-top: -481px;
  opacity: 0;
}

.black-mask .red-close-btn {
  width: 30px;
  height: 30px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/logoandtxt.png?v=111") -550px -7px;
  position: absolute;
  cursor: pointer;
}

.black-mask .red-book-btn {
  position: absolute;
  background-position: -539px -58px;
  width: 73px;
  height: 73px;
  bottom: 69px;
  right: 11px;
  transform-origin: 0 100%;
  animation: rotate 2s infinite linear;
  cursor: pointer;
}

.black-mask .red-book-btn a {
  display: block;
  width: 100%;
  height: 100%;
}

.n_register {
  width: 413px;
  height: 117px;
  background-position: -518px -146px;
  margin-left: 338px;
  position: relative;
  margin-top: 12px;
}

.n_register_icon {
  width: 67px;
  height: 67px;
  background-position: -639px -57px;
  position: absolute;
  right: 20px;
  margin-top: -12px;
  transform-origin: 0 100%;
  animation: rotate 2s infinite linear;
}

.n_register_icon a {
  display: block;
  height: 100%;
}

.easygo {
  width: 579px;
  height: 46px;
  margin-left: 0;
  position: relative;
  margin-top: 30px;
  opacity: 0;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/190715_content.png?v=222")
    no-repeat;
}

.s_text {
  position: absolute;
  margin-left: 592px;
  margin-top: 15px;
  height: 138px;
  width: 502px;
}

.s_text > div {
  /* display: inline-block; */
  /* float: left; */
  position: absolute;
  background-image: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/190715_content.png?v=222");
  background-repeat: no-repeat;
}

.s_text_0 {
  width: 116px;
  height: 112px;
  top: 124px; 
  opacity: 0;
  background-position: 0 0;
}

.s_text_1 {
  display: block;
  width: 399px;
  height: 107px;
  background-position: -136px -0px;
  opacity: 0;
  left: -900px;
  top: 0;
}

.s_text_2 {
  width: 334px;
  height: 58px;
  background-position: -556px -12px;
  opacity: 0;
  top: 68px;
  left: 1200px;
}

.s_text_3 {
  width: 136px;
  height: 53px;
  background-position: -583px -92px;
  opacity: 0;
  top: 192px;
  left: 354px;
}
.s_text_3 a{
  display: block;
  width: 100%;
  height: 100%;
}
.animate-active{
  animation: floatBtn 0.8s infinite alternate linear;
  -webkit-animation: floatBtn 0.8s infinite alternate linear;
}

.s_text_4 {
  width: 0px;
  height: 0px;
  background-position: -680px -70px;
  opacity: 0;
  top: 72px;
  left: 1500px;
}

.s_phone {
  width: 223px;
  height: 125px;
  position: absolute;
  left: 410px;
  background: url("https://www.gzl.com.cn/staticpc/images/app_download_bar/418_phone.png?v=111")
    no-repeat;
  top: 0;
}

@keyframes rotate {
  0% {
    transform: rotateZ(-10deg);
  }
  25% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(10deg);
  }
  75% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-10deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-10deg);
  }
  25% {
    -moz-transform: rotateZ(0deg);
  }
  50% {
    -moz-transform: rotateZ(10deg);
  }
  75% {
    -moz-transform: rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateZ(-10deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(-10deg);
  }
  25% {
    -webkit-transform: rotateZ(0deg);
  }
  50% {
    -webkit-transform: rotateZ(10deg);
  }
  75% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-10deg);
  }
}



@keyframes floatBtn {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@-moz-keyframes floatBtn {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@-webkit-keyframes floatBtn {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}