html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#oldVipCard {
  width: 100%;
}
body {
  min-height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.binDingSuccess {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  overflow: hidden;
}
.binDingSuccess .successIcon {
  height: 100%;
  width: 710px;
}
.binDingSuccess .successIcon .iconWrapper {
  margin: 92px auto 0px;
  width: 124px;
  height: 124px;
  border-radius: 50%;
}
.binDingSuccess .successIcon .success {
  margin-top: 30px;
  font-size: 28px;
  color: #212121;
  text-align: center;
}
.binDingSuccess .successIcon .success .color-green {
  font-size: 36px;
  color: #1aad1a;
}
.binDingSuccess .successIcon .success .succJump {
  margin-top: 118.3px;
  font-size: 28px;
  color: #212121;
}
.binDingSuccess .successIcon .coupon {
  width: 80%;
  height: 160px;
  margin: 35% auto 0;
  box-sizing: border-box;
  border: 1px solid #979797;
  border-left: none;
  border-right: none;
  overflow: hidden;
}
.binDingSuccess .successIcon .coupon-left {
  margin-top: 30px;
}
.binDingSuccess .successIcon .coupon .left {
  width: 96px;
  height: 100%;
  float: left;
  margin-top: 30px;
}
.binDingSuccess .successIcon .coupon .left img {
  border-radius: 50%;
}
.binDingSuccess .successIcon .coupon .content-war {
  width: 60%;
  height: 100%;
  padding-left: 30px;
  box-sizing: border-box;
  float: left;
}
.binDingSuccess .successIcon .coupon .content-war .brand_name {
  font-size: 24px;
}
.binDingSuccess .successIcon .coupon .content-war .voucher {
  font-size: 34px;
  text-align: left;
  color: #1b1a1f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.binDingSuccess .successIcon .coupon .right {
  width: 123px;
  float: left;
}
.binDingSuccess .successIcon .coupon .right .get-coupon,
.binDingSuccess .successIcon .coupon .right .get-coupon-left {
  margin-top: 50px;
  width: 123px;
  height: 65px;
  background: #1aad1a;
  border-radius: 6px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 65px;
}
.binDingSuccess .successIcon .coupon .right .disabledColor {
  background: #999999  !important;
}
.binDingSuccess .successIcon .send-data {
  width: 384px;
  height: 80px;
  font-size: 36px;
  border: 2px solid #09bb07;
  border-radius: 6px;
  margin: 50px auto 0;
  text-align: center;
  line-height: 80px;
}
.binDingSuccess .binBottom .promptText {
  width: 568px;
  height: 90px;
  margin: auto;
  text-align: center;
  margin-bottom: 184px;
}
.binDingSuccess .binBottom .promptText .colorRed {
  font-size: 28px;
  color: #e92f2f;
  line-height: 45px;
}
.binDingSuccess .binBottom .promptText .text {
  font-size: 28px;
  color: #0f0f0f;
  line-height: 45px;
}
.binDingSuccess .binBottom .promptText .textBin {
  font-size: 28px;
  color: #0f0f0f;
  line-height: 45px;
}
.binDingSuccess .binBottom .submi {
  margin-top: 184px;
  margin: auto;
  background: #1aad19;
  border-radius: 12px;
  width: 660px;
  height: 98px;
  text-align: center;
  line-height: 98px;
}
.binDingSuccess .binBottom .submi span {
  font-size: 32px;
  color: #ffffff;
}
.oldVipCard {
  width: 100%;
  padding: 0 30px 30px;
  border-radius: 12px;
  background: #ffffff;
  box-sizing: border-box;
}
.oldVipCard .inp {
  box-sizing: border-box;
  margin-bottom: 138px;
}
.oldVipCard .inp .infoBox {
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 89px;
  line-height: 89px;
  overflow: hidden;
}
.oldVipCard .inp .infoBox .errMsg {
  font-size: 24px;
  color: red;
  position: absolute;
  right: 50px;
}
.oldVipCard .inp .infoBox .c-inp {
  width: 250px;
}
.oldVipCard .inp .infoBox input {
  border: none;
  outline: 0;
  height: 80px;
  line-height: 40px;
  padding-left: 10px;
  width: 90%;
  font-size: 32px;
}
.oldVipCard .inp .btn {
  display: inline-block;
  width: 240px;
  background: #1aad19;
  height: 78px;
  line-height: 78px;
  text-align: center;
  float: right;
  border-radius: 12px;
  font-size: 32px;
  color: #ffffff;
  margin-top: 5px;
}
.oldVipCard .inp .disableBtn {
  display: inline-block;
  width: 240px;
  background: #1aad19;
  height: 78px;
  line-height: 78px;
  text-align: center;
  float: right;
  font-size: 32px;
  color: #ffffff;
  margin-top: 5px;
  background: #d8d8d8;
  border-radius: 12px;
}
.oldVipCard .sure {
  width: 100%;
  height: 98px;
  margin: 10px auto;
  background: #1aad19;
  text-align: center;
  line-height: 98px;
  color: #fff;
  border-radius: 12px;
  font-size: 32px;
  border: none;
}
.oldVipCard .disableBtn {
  width: 100%;
  height: 98px;
  margin: 10px auto;
  text-align: center;
  line-height: 98px;
  color: #fff;
  border-radius: 12px;
  font-size: 32px;
  display: inline-block;
  background: #1aad19;
  color: #ffffff;
  background: #d8d8d8;
}
.oldVipCard .customer_service {
  font-size: 28px;
  color: #999999;
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  text-align: center;
}
.color4 {
  font-size: 24px;
  color: red;
}
.hint-warpper {
  height: 100%;
}
.hint-warpper .imgs {
  margin-left: -62px;
  margin-top: 92px;
  height: 124px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
}
.hint-warpper .hint-text {
  width: 65%;
  margin-left: -33%;
  margin-top: 220px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  text-align: center;
  font-size: 22px;
}
.hint-warpper .acbtn {
  width: 100%;
  height: 98px;
  margin: 10px auto;
  margin-top: 145%;
  margin-bottom: 50px;
  background: #1aad19;
  text-align: center;
  line-height: 98px;
  color: #fff;
  border-radius: 12px;
  font-size: 32px;
  border: none;
}
.line {
  height: 1px;
  width: 100%;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  overflow: hidden;
  background: #979797;
}