#app {
  background: #06a212 url(img/banner_5.jpg) no-repeat center top;
  background-size: 100%;
}
#app header {
  opacity: 0.9;
}
#app main .banner {
  margin-top: -0.576rem;
  background: transparent;
  height: 40vw;
  position: relative;
  padding-top: 12.4%;
}
#app main .banner .banner-href {
  position: absolute;
  left: 25.2%;
  display: block;
  margin-top: 18.5%;
  padding: 1% 5.2%;
  background-color: #666;
  opacity: 0;
}
#app main .banner .mF_fancy_boxID {
  background: none;
}
#app main .banner #boxID {
  display: none;
  transform-origin: 0 0;
  position: absolute;
  left: 61.7%;
  width: 400px;
  height: 200px;
}
#app main .banner #boxID .pic {
  border-radius: .3rem;
}
#app main .banner #boxID .num {
  display: none;
}
#app main .card dl.style1 dd.show-img {
  background: url('img/zph_3.jpg');
  background-size: 100% auto;
}

#app main .card dl.style1 dd.show-img {
  height: 4.5rem;
}
	

#app main .card .ticket .style1 .step2 .item:nth-child(1) .bg {
  background: url("./img/zph004.png") no-repeat center top;
  background-size: 100% auto;
}
#app main .card .ticket .style1 .step2 .item:nth-child(2) .bg {
  background: url("./img/zph005.png") no-repeat center top;
  background-size: 100% auto;
}
#app main .card .ticket .style1 .step2 .item:nth-child(3) .bg {
  background: url("./img/zph006.png") no-repeat center top;
  background-size: 100% auto;
}
#app main .type-area .show-data-bar {
  opacity: 1;
}
#app main .type-area .card {
  opacity: 1;
}
#app main #process .des-box .des {
  line-height: 0.52rem;
}
@media screen and (min-width: 0px) and (max-width: 1220px) {
  #app main .banner {
    height: 6.03rem;
  }
}