ul,
li,
p {
  margin: 0;
}
#App {
  min-width: 1200px;
}
#App > .head {
  background: #fff;
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0 0 2px 0px #ebebeb;
}
#App > .head .head-content {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.a-content {
  background: url("../img/b_bg.png?v1") no-repeat right center, linear-gradient(180deg, #fff4f6, #fffcfd);
  padding-top: 74px;
  padding-bottom: 20px;
  min-height: 100vh;
}
.a-content .back_bav {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 14px;
}
.a-content .back_bav a {
  color: #333333;
}
.a-content .back_bav a:hover {
  text-decoration: none;
  color: #f85c46;
}
.a-content .a-content-c {
  display: none;
}
.a-content .dynamic-block {
  background: #ffffff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 10px 4px #fdf5f7;
  border-radius: 50px;
  position: relative;
}
.a-content .dynamic-block .dynamic-banner {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  width: 440px;
  overflow: hidden;
  position: relative;
  text-align: left;
  margin-left: 10px;
}
.a-content .dynamic-block .dynamic-b-b {
  position: absolute;
}
.a-content .dynamic-block li {
  list-style: none;
  font-size: 16px;
}
.a-content .dynamic-block li.dynamic-item {
  color: #37101A;
}
.a-content .dynamic-block li.dynamic-item span {
  color: #FF6368;
  margin-left: 10px;
  cursor: pointer;
}
.a-content .dynamic-block li.dynamic-item span a {
  color: inherit;
}
.a-content .dynamic-block li.dynamic-item span a:hover {
  color: inherit;
  text-decoration: none;
}
.a-content .dynamic-block img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.a-content .getCoupons-block {
  width: 1200px;
  height: 413px;
  background-image: url('../img/bg.png?v1');
  background-repeat: no-repeat;
  margin: 10px auto 0;
}
.a-content .getCoupons-block .gc-h-block {
  height: 93px;
  padding-top: 40px;
}
.a-content .getCoupons-block .gc-h-block img {
  margin-left: 44px;
}
.a-content .getCoupons-block .gc-c-block {
  padding: 40px 88px;
}
.a-content .getCoupons-block .gc-c-block .level-block {
  font-size: 0;
  text-align: center;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item {
  vertical-align: top;
  position: relative;
  width: 20%;
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox {
  width: 88px;
  height: 88px;
  border: 1px solid #fff;
  background: #fff5f4;
  border-radius: 10px;
  box-shadow: 0 0 8px 1px #ffe1e3;
  position: relative;
  margin: auto;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .coupon-name {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #FF6F65;
  background: url("../img/zhekou.png") no-repeat;
  background-size: 100% 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  width: 88px;
  bottom: -1px;
  left: -1px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .coupon-name .zk {
  color: #fff;
  width: 37px;
  display: inline-block;
  position: relative;
  left: -2px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .coupon-name .qm {
  color: #FF6F65;
  width: 42px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .coupon-name.custom {
  background-image: none !important;
  background: rgba(255, 224, 224, 0.2);
  border: 1px solid #f8c9c9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .coupon-name.custom .zk {
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .coupon-name.custom .qm {
  width: 100%;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .l-i-mask {
  position: absolute;
  width: 88px;
  height: 88px;
  top: -1px;
  left: -1px;
  background: #000;
  opacity: 0.4;
  border-radius: 10px;
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .level-iconBox .lock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .coupon-nn {
  color: #4C1623;
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
  white-space: nowrap;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .receive {
  margin: 14px auto 0;
  color: #FF6358;
  font-size: 12px;
  line-height: 24px;
  border-radius: 6px;
  padding: 1px;
  cursor: pointer;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .receive .r-c,
.a-content .getCoupons-block .gc-c-block .level-block .level-item .receive .r-c-n {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .receive .r-c {
  background: #FF6644;
  display: inline-block;
  color: #fff;
  pointer-events: auto;
  border: 1px solid #FF6644;
  width: 52px;
  height: 24px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item .receive .r-c-n {
  display: none;
  width: 52px;
  height: 24px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item:before {
  content: '';
  position: absolute;
  width: 124px;
  height: 2px;
  background: linear-gradient(90deg, #FF7964, #FF3240);
  top: 43px;
  left: -59px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item:last-child {
  margin-right: 0;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item:first-child:before {
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.locking .receive {
  cursor: default;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.locking .receive .r-c {
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.locking .receive .r-c-n {
  background: #fff;
  display: inline-block;
  color: #D0C9C8;
  pointer-events: none;
  border: 1px solid #DAD5D4;
  line-height: 23px;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.locking:before {
  background: #F2E0DF;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.invitation .receive {
  color: #B0B0B0;
  cursor: pointer;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.invitation .receive .r-c {
  display: none;
}
.a-content .getCoupons-block .gc-c-block .level-block .level-item.invitation .receive .r-c-n {
  background: #fff;
  display: inline-block;
  color: #FF6644;
  pointer-events: auto;
  border: 1px solid #FF6644;
}
.a-content .getCoupons-block .gc-c-block .invitation-btn {
  width: 212px;
  height: 36px;
  background: linear-gradient(90deg, #FF3140, #FF9B74);
  border-radius: 8px;
  color: #FFF;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  margin: 24px auto 0;
  cursor: pointer;
}
.a-content .getCoupons-block .gc-c-block .p1 {
  margin-top: 12px;
  color: #AB979C;
  text-align: center;
}
.a-content .getCoupons-block .gc-c-block-loding {
  width: 1000px;
  height: 324px;
  text-align: center;
  line-height: 324px;
  display: none;
}
.a-content .getCoupons-block .gc-c-block-loding img {
  animation: spin 2s linear infinite;
}
.a-content .coupons-entrance {
  width: 1200px;
  margin: 0 auto;
  font-size: 0;
  margin-top: 36px;
}
.a-content .coupons-entrance .entrance-item {
  width: 380px;
  height: 284px;
  border: 1px solid #ffe9e9;
  display: none;
  vertical-align: middle;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #ffe9e9);
  padding: 10px;
  margin-right: 30px;
  margin-bottom: 20px;
}
.a-content .coupons-entrance .entrance-item.moreBox .entrance-item-c {
  border: 1px solid #FFF2F2;
  text-align: center;
  padding-top: 44px;
}
.a-content .coupons-entrance .entrance-item.moreBox .entrance-item-c .more-t {
  font-size: 23px;
  color: #FCECED;
  font-weight: bold;
  margin-top: 15px;
}
.a-content .coupons-entrance .entrance-item.moreBox .entrance-item-c .more-spot li {
  width: 10px;
  height: 10px;
  background: #FEEFF0;
  border-radius: 50%;
  display: inline-block;
  margin-top: 20px;
  margin-right: 10px;
}
.a-content .coupons-entrance .entrance-item-c {
  background: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-ct {
  height: 118px;
  background: linear-gradient(90deg, #FFEBEB, #FFF9F9, #FFEBEB);
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding-top: 20px;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-ct .p2 {
  font-size: 26px;
  color: #4A1A1A;
  font-weight: bold;
  text-align: center;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-ct .p3 {
  color: #FF535F;
  font-size: 18px;
  text-align: center;
  margin-top: 12px;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-ct .p3 span {
  font-weight: bold;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb {
  height: 146px;
  background: #ffffff;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding-top: 16px;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb .p4 {
  font-size: 16px;
  color: #4C1623;
  text-align: center;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb .p4 img {
  margin-right: 4px;
  margin-top: -4px;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb .p5 {
  color: #97858A;
  font-size: 14px;
  text-align: center;
  margin-top: 16px;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb .entrance-btn {
  width: 124px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 8px;
  background: linear-gradient(180deg, #FF6A52, #FF3140);
  padding: 1px;
  color: #FF4549;
  font-size: 14px;
  margin: 16px auto 0;
  cursor: pointer;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb .entrance-btn:hover .e-b-c {
  background: #FFF2F5;
}
.a-content .coupons-entrance .entrance-item-c .entrance-item-cb .e-b-c {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 7px;
  line-height: 34px;
}
.a-content .coupons-entrance .entrance-item-c-loading {
  width: 298px;
  height: 262px;
  background: #fff;
  border-radius: 14px;
  text-align: center;
  line-height: 262px;
}
.a-content .coupons-entrance .entrance-item-c-loading img {
  animation: spin 2s linear infinite;
}
.a-content .coupons-entrance .coupons-entrance-loading {
  width: 1000px;
  height: 284px;
  border: 1px solid #ffe9e9;
  display: none;
  vertical-align: middle;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #ffe9e9);
  padding: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.a-content .coupons-entrance .coupons-entrance-loading .coupons-entrance-lc {
  background: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  text-align: center;
  line-height: 284px;
}
.a-content .coupons-entrance .coupons-entrance-loading .coupons-entrance-lc img {
  animation: spin 2s linear infinite;
}
.a-content .recruit_block {
  width: 1200px;
  height: 124px;
  margin: 16px auto 20px;
  border-radius: 20px;
  background: #fff;
  padding: 20px 34px;
  display: none;
  box-shadow: 0 0 8px 0 #fff0f0;
}
.a-content .recruit_block .left {
  float: left;
  font-size: 0;
}
.a-content .recruit_block .left .fen-ico {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.a-content .recruit_block .left .text {
  display: inline-block;
  vertical-align: middle;
}
.a-content .recruit_block .left .text .p1 {
  color: #333333;
  font-size: 20px;
}
.a-content .recruit_block .left .text .p2 {
  color: #666666;
  font-size: 14px;
  margin-top: 14px;
}
.a-content .recruit_block .right {
  float: right;
}
.a-content .recruit_block .right .recruit_btn {
  width: 116px;
  height: 36px;
  border-radius: 18px;
  background: linear-gradient(0deg, #FF3140, #FF6A52);
  padding: 1px;
  margin-top: 24px;
  cursor: pointer;
}
.a-content .recruit_block .right .recruit_btn .recruit_c {
  width: 100%;
  height: 100%;
  border-radius: 17px;
  background: #ffffff;
  color: #FF4549;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  position: relative;
}
.a-content .recruit_block .right .recruit_btn .recruit_c a {
  color: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.a-content .recruit_block .right .recruit_btn .recruit_c a:hover {
  color: inherit;
  text-decoration: none;
}
.mask_content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  display: none;
}
.invite_pop {
  width: 974px;
  height: 778px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  z-index: 300;
  text-align: center;
  padding: 28px 36px 36px;
  display: none;
}
.invite_pop .closePop {
  width: 14px;
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.invite_pop .pop_title {
  color: #333333;
  font-size: 24px;
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
.invite_pop .pop_title:after {
  content: '';
  position: absolute;
  width: 106%;
  height: 10px;
  bottom: 4px;
  left: -3%;
  background: #FFE1E2;
  z-index: -1;
}
.invite_pop .pop_tips {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
  text-align: center;
}
.invite_pop .pop_content {
  font-size: 0;
}
.invite_pop .pop_content .reveal-link {
  width: 100%;
  height: 42px;
  background: linear-gradient(0deg, #FE3636, #F86231);
  margin-top: 20px;
  border-radius: 8px;
  padding: 1px;
  text-align: left;
}
.invite_pop .pop_content .reveal-link .link_dInput {
  background: #fff;
  width: 774px;
  height: 100%;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 40px;
}
.invite_pop .pop_content .reveal-link .copy-btn {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  width: 126px;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  cursor: pointer;
}
.invite_pop .pop_content .poster {
  width: 614px;
  height: 564px;
  background: #fff9fa;
  margin-top: 30px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: top;
  padding: 28px;
}
.invite_pop .pop_content .poster .spare_box {
  width: 252px;
  height: 452px;
  margin-left: 14px;
  display: inline-block;
  position: relative;
}
.invite_pop .pop_content .poster .spare_box > img {
  width: 100%;
  height: 100%;
  filter: blur(1px);
}
.invite_pop .pop_content .poster .spare_box #qrcode {
  width: 58px;
  position: absolute;
  bottom: 26px;
  right: 36px;
  filter: blur(1px);
}
.invite_pop .pop_content .poster .spare_box #qrcode img {
  width: 100%;
}
.invite_pop .pop_content .poster .spare_box #qrcode2 {
  width: 58px;
  position: absolute;
  bottom: 14px;
  right: 20px;
  filter: blur(1px);
}
.invite_pop .pop_content .poster .spare_box #qrcode2 img {
  width: 100%;
}
.invite_pop .pop_content .poster .spare_box.dsxz #qrcode {
  bottom: 19px;
  right: 30px;
}
.invite_pop .pop_content .poster .spare_box.aijc #qrcode {
  bottom: 14px;
  right: 178px;
}
.invite_pop .pop_content .poster .spare_box.aijc #qrcode2 {
  bottom: 16px;
  right: 178px;
}
.invite_pop .pop_content .poster .spare_box.jc #qrcode {
  bottom: 15px;
  right: 22px;
}
.invite_pop .pop_content .poster .spare_box.jc #qrcode2 {
  bottom: 13px;
  right: 18px;
}
.invite_pop .pop_content .poster .spare_box.adopt_box {
  width: 286px;
  height: 508px;
  display: inline-block;
  position: relative;
}
.invite_pop .pop_content .poster .spare_box.adopt_box img {
  width: 100%;
  height: 100%;
  filter: none;
}
.invite_pop .pop_content .poster .spare_box.adopt_box #qrcode {
  width: 66px;
  position: absolute;
  bottom: 29px;
  right: 42px;
  filter: none;
}
.invite_pop .pop_content .poster .spare_box.adopt_box #qrcode img {
  width: 100%;
}
.invite_pop .pop_content .poster .spare_box.adopt_box #qrcode2 {
  width: 66px;
  position: absolute;
  bottom: 16px;
  right: 22px;
  filter: none;
}
.invite_pop .pop_content .poster .spare_box.adopt_box #qrcode2 img {
  width: 100%;
}
.invite_pop .pop_content .poster .spare_box.adopt_box.dsxz #qrcode {
  bottom: 21px;
  right: 33px;
}
.invite_pop .pop_content .poster .spare_box.adopt_box.dsxz #qrcode2 {
  bottom: 17px;
}
.invite_pop .pop_content .poster .spare_box.adopt_box.aijc #qrcode {
  bottom: 15px;
  right: 202px;
}
.invite_pop .pop_content .poster .spare_box.adopt_box.aijc #qrcode2 {
  bottom: 18px;
  right: 201px;
}
.invite_pop .pop_content .poster .spare_box.adopt_box.jc #qrcode {
  bottom: 17px;
  right: 25px;
}
.invite_pop .pop_content .poster .spare_box.adopt_box.jc #qrcode2 {
  bottom: 13px;
  right: 18px;
}
.invite_pop .pop_content .poster .spare_box:first-child {
  margin-left: 0;
}
.invite_pop .pop_content .channel-block {
  display: inline-block;
  vertical-align: top;
  width: 258px;
  margin-left: 24px;
  padding-top: 74px;
}
.invite_pop .pop_content .channel-block .p1 {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: left;
}
.invite_pop .pop_content .channel-block .channel-item {
  text-align: left;
  margin-bottom: 20px;
}
.invite_pop .pop_content .channel-block .channel-item .sequence-type {
  color: #F77653;
  font-size: 14px;
  width: 86px;
  display: inline-block;
  vertical-align: bottom;
}
.invite_pop .pop_content .channel-block .channel-item .sequence-type .sequence {
  margin-right: 4px;
}
.invite_pop .pop_content .channel-block .channel-item .sequence-desc {
  font-size: 14px;
  color: #333333;
  vertical-align: middle;
  display: inline-block;
  margin-top: -6px;
}
.invite_pop .pop_content .channel-block .btn-block {
  margin-top: 90px;
}
.invite_pop .pop_content .channel-block .btn-block .copy-btn {
  width: 122px;
  height: 42px;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(0deg, #FF3140, #FF6A52);
  display: inline-block;
  margin-right: 14px;
  cursor: pointer;
}
.invite_pop .pop_content .channel-block .btn-block .copy-btn .btn-c {
  width: 100%;
  height: 100%;
  line-height: 40px;
  border-radius: 7px;
  background: #ffffff;
  color: #FF4549;
  font-size: 16px;
}
.invite_pop .pop_content .channel-block .btn-block .download-btn {
  width: 252px;
  height: 42px;
  line-height: 42px;
  background: linear-gradient(-45deg, #FF3140 0%, #FF6A52 100%);
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
}
.invite_pop .pop_content .channel-block #copyInput {
  width: 1px;
  height: 1px;
  outline: none;
  position: absolute;
  opacity: 0;
  z-index: -1;
  font-size: 14px;
}
.coupon_pop {
  position: fixed;
  width: 516px;
  height: 406px;
  top: 50%;
  left: 50%;
  z-index: 201;
  background: #fff;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  padding: 0 44px;
  display: none;
}
.coupon_pop .p_title {
  color: #333;
  font-size: 24px;
  text-align: center;
  margin-top: 40px;
}
.coupon_pop .coupon_performance {
  width: 300px;
  height: 136px;
  border: 1px solid #FFC6C6;
  border-radius: 10px;
  margin: 24px auto 0;
}
.coupon_pop .coupon_performance .c-t {
  height: 98px;
  background: linear-gradient(90deg, #FFEBEB, #FFF9F9, #FFEBEB);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 12px;
}
.coupon_pop .coupon_performance .c-t .c_type_p {
  color: #601B1B;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.coupon_pop .coupon_performance .c-t .c_name_p {
  font-size: 20px;
  color: #FF535F;
  text-align: center;
  margin-top: 8px;
}
.coupon_pop .coupon_performance .c-t .c_name_p .c_name_p2 {
  font-weight: bold;
  margin-left: 6px;
}
.coupon_pop .coupon_performance .c-b {
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #C0B2B2;
  font-size: 16px;
}
.coupon_pop .p1 {
  margin-top: 28px;
  font-size: 16px;
  color: #333333;
}
.coupon_pop .p1 .c-code {
  color: #FF455F;
}
.coupon_pop .p1 .copyT {
  color: #333333;
  text-decoration: underline;
  margin-left: 10px;
  cursor: pointer;
}
.coupon_pop .p2 {
  margin-top: 10px;
  font-size: 16px;
}
.coupon_pop .p2 .link_text {
  color: #FF455F;
  cursor: pointer;
  text-decoration: underline;
}
.coupon_pop #copyInput2 {
  width: 1px;
  height: 1px;
  outline: none;
  position: absolute;
  opacity: 0;
  z-index: -1;
  font-size: 14px;
}
.coupon_pop .btn_block {
  font-size: 0;
  margin-top: 26px;
}
.coupon_pop .btn_block .btn_1 {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 42px;
  line-height: 42px;
  background: #FFF1F1;
  color: #FF3E50;
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.coupon_pop .btn_block .btn_2 {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 42px;
  line-height: 42px;
  background: linear-gradient(315deg, #FF3140, #FF6A52);
  color: #ffffff;
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  margin-left: 27px;
  cursor: pointer;
}
.coupon_pop .btn_block .btn_2 a {
  color: inherit;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.coupon_pop .btn_block .btn_2 a:hover {
  color: inherit;
  text-decoration: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#loader {
  /* Uncomment this to make it run! */
  /*
       animation: loader 5s linear infinite;
    */
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}
@keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}
#box {
  width: 50px;
  height: 50px;
  background: #ffe3e4;
  animation: animate 0.5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}
@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
#shadow {
  width: 50px;
  height: 5px;
  background: #7e1a1a;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.5s linear infinite;
}
@keyframes shadow {
  50% {
    transform: scale(1.2, 1);
  }
}