body,
html {
  background: #0d66ff;
  height: 100%;
}
.web-app .alt-get-ticket {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.web-app .alt-get-ticket .alt-box {
  background: url(../../images/jiashi/alt_box_bg3.png);
  background-size: 100% 100%;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.web-app .alt-get-ticket .alt-box .t1 {
  font-size: 0.65rem;
  color: #9e55ff;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.17rem;
}

.web-app .alt-get-ticket .alt-box .t2 {
  font-size: 0.43rem;
  color: #9e55ff;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.32rem;
}

.web-app .alt-get-ticket .alt-box .form-cont {
  width: 100%;
}

.web-app .alt-get-ticket .alt-box .form-cont .form-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.web-app .alt-get-ticket .alt-box .form-cont .form-info .form-item {
  display: flex;
  width: 6.01rem;
  height: 1.25rem;
  background-image: linear-gradient(340deg, #e248ff 0%, #8a4cff 100%);
  border-radius: 0.62rem;
  margin-bottom: 0.17rem;
}

.web-app .alt-get-ticket .alt-box .form-cont .form-info .form-item .input-item {
  flex: 1;
  background: transparent;
  font-size: 0.43rem;
  color: #bea3ff;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding-left: 0.49rem;
  width: 0;
}

.web-app
  .alt-get-ticket
  .alt-box
  .form-cont
  .form-info
  .form-item
  .input-item::-webkit-input-placeholder {
  color: #bea3ff;
}

.web-app
  .alt-get-ticket
  .alt-box
  .form-cont
  .form-info
  .form-item
  .input-item::-moz-placeholder {
  color: #bea3ff;
}

.web-app .alt-get-ticket .alt-box .form-cont .form-info .form-item .send-code {
  font-size: 0.43rem;
  color: #ffffff;
  width: 2.84rem;
  background: transparent;
  border: none;
  outline: none;
}

.web-app .alt-get-ticket .alt-box .btn-cont {
  padding: 0.15rem 0.95rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.web-app .alt-get-ticket .alt-box .btn-cont .btn {
  width: 2.88rem;
  height: 1.05rem;
  background-image: linear-gradient(180deg, #c99afc 0%, #8e36fc 100%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0rem 0rem 0.13rem 0rem rgba(151, 67, 253, 0.4);
  font-size: 0.43rem;
  color: #ffffff;
  outline: none;
  border: none;
  border-radius: 1.05rem;
}

.web-app .alt-get-ticket .alt-box .btn-cont .right-btn {
  background-image: linear-gradient(180deg, #f194fe 0%, #cf3cff 100%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0rem 0rem 0.13rem 0rem rgba(151, 67, 253, 0.4);
}

.web-app .alt-get-ticket .alt-box .small-text {
  font-size: 0.35rem;
  line-height: 0.35rem;
  color: #b2b2b2;
  text-align: center;
  text-align: right;
  padding-right: 1.4rem;
}
.web-app .alt-success .success-cont .ball,
.web-app .alt-get-ticket .alt-box .ball {
  position: absolute;
}
.web-app .alt-success .success-cont .ball-1,
.web-app .alt-get-ticket .alt-box .ball-1 {
  top: 4rem;
  left: -0.3rem;
  width: 1.03rem;
  height: 0.97rem;
  animation: ball1 linear infinite 2s;
}
.web-app .alt-success .success-cont .ball-2,
.web-app .alt-get-ticket .alt-box .ball-2 {
  top: 3.32rem;
  left: 0.5rem;
  width: 0.56rem;
  height: 0.61rem;
  animation: ball2 linear infinite 2s;
}
.web-app .alt-success .success-cont .ball-3,
.web-app .alt-get-ticket .alt-box .ball-3 {
  top: 5.3rem;
  left: 0.3rem;
  width: 0.79rem;
  height: 0.79rem;
  animation: ball1 linear infinite 2s;
}
.web-app .alt-success .success-cont .ball-4,
.web-app .alt-get-ticket .alt-box .ball-4 {
  top: 3.32rem;
  right: -0.3rem;
  width: 0.99rem;
  height: 0.91rem;
  animation: ball2 linear infinite 2s;
}
.web-app .alt-success .success-cont .ball-5,
.web-app .alt-get-ticket .alt-box .ball-5 {
  top: 4.5rem;
  right: 0rem;
  width: 0.69rem;
  height: 0.69rem;
  animation: ball1 linear infinite 2s;
}

@keyframes ball1 {
  0% {
    transform: scale(0.8);
  }

  25% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  75% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
  }
}

@keyframes ball2 {
  0% {
    transform: scale(1.1);
  }

  25% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.7);
  }

  75% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.web-app .show-gzh-cont {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.web-app .show-gzh-cont .blue-cont {
  width: 9.28rem;
  height: 16.35rem;
  background-color: #ffffff;
  border-radius: 0.32rem;
  background: url(../../images/jiashi/blue_bg.png) center center no-repeat;
  background-size: 100% 100%;
}

.web-app .show-gzh-cont .blue-cont .title-img {
  width: 100%;
}

.web-app .show-gzh-cont .blue-cont .cont-all {
  display: table;
  margin: auto;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont {
  position: relative;
  margin-top: -2rem;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .line-box {
  width: 7.67rem;
  height: 0.47rem;
  background-color: #f54851;
  border-radius: 0.23rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .line-box .inside-box {
  width: 7.47rem;
  height: 0.31rem;
  background-color: #d8252e;
  border-radius: 0.15rem;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .show-ewm-box {
  position: relative;
  top: -0.15rem;
  width: 6.89rem;
  height: 6.51rem;
  background-color: #ffffff;
  border-radius: 0rem 0rem 0.85rem 0.85rem;
  margin: auto;
  box-sizing: border-box;
  padding-top: 0.63rem;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .show-ewm-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  opacity: 0.3;
  top: 0rem;
  left: 0;
  box-shadow: 0 0 0.2rem 0.2rem #f54851;
}

.web-app .show-gzh-cont .blue-cont .cont-all .text-tit {
  font-size: 0.39rem;
  color: #ff7513;
  display: flex;
  align-items: center;
  justify-content: center;
}

.web-app .show-gzh-cont .blue-cont .cont-all .text-tit .text {
  margin: 0 0.2rem;
  line-height: 1;
}

.web-app .show-gzh-cont .blue-cont .cont-all .text-tit .icon-image {
  width: 0.25rem;
  height: 0.4rem;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .ewm-img-box {
  width: 3.89rem;
  height: 3.91rem;
  margin: auto;
  margin-top: 0.1rem;
  overflow: hidden;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .ewm-img-box .img {
  width: 100%;
  height: 100%;
}

.web-app .show-gzh-cont .blue-cont .cont-all .top-cont .btn-down-image {
  width: 5.05rem;
  height: 0.99rem;
  background-image: linear-gradient(90deg, #ffae24 0%, #ff7513 100%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0rem 0.19rem 0.21rem 0rem rgba(255, 117, 19, 0.34);
  border-radius: 0.49rem;
  display: block;
  margin: auto;
  margin-top: 0.16rem;
  color: #fff;
  outline: none;
  border: none;
}

.web-app .show-gzh-cont .blue-cont .cont-all .bottom-cont {
  width: 6.89rem;
  height: 3.65rem;
  background-color: #ffffff;
  border-radius: 0.85rem;
  margin: auto;
  margin-top: 0.28rem;
  box-sizing: border-box;
  padding-top: 0.52rem;
}

.web-app .show-gzh-cont .blue-cont .cont-all .bottom-cont .info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0.65rem;
  margin-top: 0.56rem;
}
.web-app .show-gzh-cont .blue-cont .cont-all .bottom-cont .info .item {
  display: flex;
  position: relative;
}
.web-app .show-gzh-cont .blue-cont .cont-all .bottom-cont .info .item .jt {
  position: absolute;
  width: 0.25rem;
  height: 0.15rem;
  right: -0.55rem;
  top: 0.2rem;
}
.web-app
  .show-gzh-cont
  .blue-cont
  .cont-all
  .bottom-cont
  .info
  .item
  .text-cont {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.web-app
  .show-gzh-cont
  .blue-cont
  .cont-all
  .bottom-cont
  .info
  .item
  .text-cont
  .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.68rem;
  height: 0.68rem;
  background-image: linear-gradient(90deg, #ffae24 0%, #ff7513 100%),
    linear-gradient(#ff7513, #ff7513);
  background-blend-mode: normal, normal;
  box-shadow: 0rem 0.19rem 0.21rem 0rem rgba(255, 117, 19, 0.34);
  border-radius: 50%;
  color: #ffffff;
  margin-bottom: 0.17rem;
}
.web-app
  .show-gzh-cont
  .blue-cont
  .cont-all
  .bottom-cont
  .info
  .item
  .text-cont
  .text {
  text-align: center;
  font-size: 0.27rem;
  line-height: 0.37rem;
  color: #ff7513;
}
.web-app .show-gzh-cont .blue-cont .cont-all .end-text {
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.1rem;
}
.web-app .alt-success {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.web-app .alt-success .success-cont {
  width: 8.07rem;
  height: 9.11rem;
  background: url(../../images/jiashi/alt_suc_bg.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 3.32rem;
}
.web-app .alt-success .success-cont .t1 {
  font-size: 0.65rem;
  font-weight: bold;
  color: #9e55ff;
  line-height: 1;
  text-align: center;
  margin-bottom: 0.4rem;
}
.web-app .alt-success .success-cont .t2 {
  font-size: 0.43rem;
  font-weight: bold;
  line-height: 0.65rem;
  color: #9e55ff;
  text-align: center;
  margin-bottom: 0.8rem;
}
.web-app .alt-success .success-cont .btn-a {
  width: 3.25rem;
  height: 1.04rem;
  background-image: linear-gradient(180deg, #f194fe 0%, #cf3cff 100%),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0rem 0rem 0.13rem 0rem rgba(151, 67, 253, 0.4);
  border-radius: 0.52rem;
  font-size: 0.43rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 0.55rem;
}
.web-app .alt-success .success-cont .btn-a.ios {
  display: none;
}
.web-app .alt-success .success-cont .small-text {
  font-size: 0.27rem;
  line-height: 0.35rem;
  color: #b2b2b2;
  text-align: center;
}