/*global css*/

*,
body {
    margin: 0;
    padding: 0;
}
a {
  color: #ffffff;
}

#app {
    max-width: 750px;
    height: auto;
    margin: auto;
    position: relative;
}




.xf_box {
  width: 750px;
  height: 150px;
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #f9f4b2;
  position:fixed;
  top: 0;
  z-index: 1001;
  color: #A54A19;
}

.app_name {
  font-size: 35px;
  color: #ef6e1e;
  font-style: italic;
  font-weight: 600;
  margin-left: 20px;

}

.app_name div:first-child {
  line-height: 60px;
}

.app_name div:last-child {
  font-size: 20px;
  line-height: 40px;
}


.xf_box img {
  width: 111px;
  height: 111px;
}


.xf_box .btn_box {
  width: 205px;
  height: 96px;
  background: url('../image/btn_box.png') no-repeat;
  background-size:100% 100%;
  position: absolute;
  top: calc(50% - 48px);
  right: 30px;
  text-align: center;
  line-height: 85px;
  font-weight: 600;
  font-size: 32px;
  color: #ef6e1e;
  transition: all 0.5s ease ;
}








.top_img {
  width: 750px;
  height: 1009px;
  margin-top: 150px;
}

.img1 {
  width: 750px;
  /* height: 676px; */
  height: 622px;
  margin-top: -100px;
}

.img2 {
  width: 750px;
  /* height: 721px; */
  height: 614px;
  background: url('../image/img2_new.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: 50px 0;
}

.btn_down {
  width: 368px;
  height: 100px;
  background: url('../image/btn.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(50% - 184px);
  bottom: -15px;

  text-align: center;
  line-height: 90px;
  color: #A54A19;
  font-size: 45px;
  font-weight: 800;
  transition: all 0.5s ease ;
}


.img3 {
  width: 750px;
  height: 1546px;
}


.footer {
  font-size: 30px;
  text-align: center;
  padding-bottom:40px;
  
}

.footer a {
  margin: 0 20px;
  color: #000;
  text-decoration: none;
}






.tishi,
.mask,.bk_bg{
    width: 750px;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.tishi img{ 
  width:100%; 
  margin-top:10px;
}


.bk_bg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bk_bg .load_box {
  width: 400px;
  height: 150px;
  background: #ffffff;
  border-radius:20px;
  text-align: center;
  line-height: 150px;
  font-size: 40px;
  letter-spacing: 2px;
}