.red-pack-porp {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.red-pack-porp .center-success {
  position: absolute;
  background: url('//image01.homedo.com/Files/Images/cms/www/20200924/4743683479061083193_pic1.png') no-repeat;
  background-size: 100% 100%;
  width: 558px;
  height: 426px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.red-pack-porp .center-success .red-pack-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
}
.red-pack-porp .center-success .red-pack-use {
  cursor: pointer;
  position: absolute;
  left: 72px;
  bottom: 100px;
  width: 196px;
  height: 58px;
  border-radius: 58px;
}
.red-pack-porp .center-success .red-pack-look {
  cursor: pointer;
  position: absolute;
  left: 288px;
  bottom: 100px;
  width: 196px;
  height: 58px;
  border-radius: 58px;
}
.red-pack-porp .center-success2 {
  position: absolute;
  background: url('//image01.homedo.com/Files/Images/cms/www/20200924/4931602268186053511_pic1.png') no-repeat;
  background-size: 100% 100%;
  width: 481px;
  height: 300px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.red-pack-porp .center-success2 .red-pack-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
}
.red-pack-porp .center-success2 .red-pack-use {
  cursor: pointer;
  position: absolute;
  left: 44px;
  bottom: 30px;
  width: 154px;
  height: 45px;
  border-radius: 45px;
}
.red-pack-porp .center-success2 .red-pack-look {
  cursor: pointer;
  position: absolute;
  left: 229px;
  bottom: 30px;
  width: 154px;
  height: 45px;
  border-radius: 45px;
}
.red-pack-porp .center-out,
.red-pack-porp .center-error {
  background: url('//image01.homedo.com/Files/Images/cms/www/20200924/5342045089845857427_pic1.png') no-repeat;
  position: absolute;
  background-size: 100% 100%;
  width: 542px;
  height: 330px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.red-pack-porp .center-out .red-pack-close,
.red-pack-porp .center-error .red-pack-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
}
.red-pack-porp .center-out .red-pack-ok,
.red-pack-porp .center-error .red-pack-ok {
  cursor: pointer;
  position: absolute;
  width: 220px;
  height: 54px;
  border-radius: 54px;
  left: 135px;
  bottom: 40px;
}
.red-pack-porp .center-error {
  background: url('//image01.homedo.com/Files/Images/cms/www/20200924/4711678562565551657_pic1.png') no-repeat;
}
.red-pack-porp .center-false-login {
  background: url('//image01.homedo.com/Files/Images/cms/www/20200924/4701193209120875227_pic1.png') no-repeat;
  position: absolute;
  background-size: 100% 100%;
  width: 542px;
  height: 395px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.red-pack-porp .center-false-login .red-pack-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
}
.red-pack-porp .center-false-login .red-pack-ok {
  cursor: pointer;
  position: absolute;
  width: 220px;
  height: 54px;
  border-radius: 54px;
  left: 135px;
  bottom: 30px;
}
.red-pack-porp .center-login-old {
  box-sizing: border-box;
  background: #fff url('//image01.homedo.com/Files/Images/cms/www/20200925/5294097079319999899_pic1.png') no-repeat top center;
  position: absolute;
  width: 490px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 110px 50px 30px 50px;
  border-radius: 10px;
}
.red-pack-porp .center-login-old .close-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(100%, -100%);
  width: 45px;
  height: 45px;
}
.red-pack-porp .center-login-old .close-btn img {
  width: 100%;
  height: 100%;
}
.red-pack-porp .center-login-old .title {
  font-size: 30px;
  color: #e13b24;
  line-height: 50px;
  text-align: center;
  margin-bottom: 10px;
}
.red-pack-porp .center-login-old .text {
  font-size: 21px;
  color: #727272;
  text-align: center;
  margin-bottom: 28px;
}
.red-pack-porp .center-login-old .dialog-btn {
  margin: 0 auto;
  display: block;
  width: 220px;
  height: 54px;
  border-radius: 54px;
  background-image: linear-gradient(to bottom, #ff6520, #ff3b10);
  text-align: center;
  line-height: 54px;
  font-weight: 700;
  font-size: 22px;
  color: #fff;
}