/**弹窗组件**/
.flex-row {
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
}
.yidialog-con {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.yidialog-con .yid-back {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.85);
}
.yidialog-con .yid-con {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #ffffff;
  flex-wrap: wrap;
}
.yidialog-con .yid-con .yid-cls {
  position: relative;
  z-index: 9999;
  width: 0.51rem;
  height: 0.51rem;
  flex-shrink: 0;
}
.yidialog-con .yid-con .yid-hand {
  position: absolute;
  width: 1rem;
  top: 3.1rem;
  right: 0.1rem;
  animation: handClick 1s infinite;
}
.yidialog-con .yid-con-col {
  flex-direction: column;
}
.yid-cls-con {
  align-self: flex-end;
  margin-right: -0.2rem;
}
/**周末弹窗**/
.yid-cp-con {
  background-color: #ffffff;
  border-radius: 0.2rem;
  width: 5rem;
  flex-shrink: 0;
  margin-top: -0.2rem;
  display: flex;
  flex-direction: column;
  color: #0d0d0d;
  position: relative;
  align-items: center;
}
.yid-cp-con .yid-cp-mark {
  align-self: center;
  font-size: 0.2rem;
}
.yid-cp-con_1,
.yid-cp-con_9 {
  width: 5.9rem;
  height: 7.47rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/moreCourse_back.png");
}
.yid-cp-con_1 .yid-mc-lz,
.yid-cp-con_9 .yid-mc-lz {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.39rem;
  color: #ffffff;
  margin-top: 3.02rem;
}
.yid-cp-con_1 .yid-mc-lz .num,
.yid-cp-con_9 .yid-mc-lz .num {
  width: 0.48rem;
  height: 0.47rem;
  background-color: #fee23a;
  font-size: 0.44rem;
  border-radius: 50%;
  color: #ff4d4d;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.06rem;
}
.yid-cp-con_1 .yid-mc-quan,
.yid-cp-con_9 .yid-mc-quan {
  width: 4.2rem;
  height: 3.37rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  flex-wrap: wrap;
  margin-top: 0.23rem;
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/6_bg.png");
}
.yid-cp-con_1 .yid-mc-quan .quan-0,
.yid-cp-con_9 .yid-mc-quan .quan-0,
.yid-cp-con_1 .yid-mc-quan .quan-1,
.yid-cp-con_9 .yid-mc-quan .quan-1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.21rem;
}
.yid-cp-con_1 .yid-mc-quan .quan-0 .left,
.yid-cp-con_9 .yid-mc-quan .quan-0 .left,
.yid-cp-con_1 .yid-mc-quan .quan-1 .left,
.yid-cp-con_9 .yid-mc-quan .quan-1 .left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.yid-cp-con_1 .yid-mc-quan .quan-0 .left .price,
.yid-cp-con_9 .yid-mc-quan .quan-0 .left .price,
.yid-cp-con_1 .yid-mc-quan .quan-1 .left .price,
.yid-cp-con_9 .yid-mc-quan .quan-1 .left .price {
  width: 0.58rem;
  height: 0.85rem;
}
.yid-cp-con_1 .yid-mc-quan .quan-0 .left .dw,
.yid-cp-con_9 .yid-mc-quan .quan-0 .left .dw,
.yid-cp-con_1 .yid-mc-quan .quan-1 .left .dw,
.yid-cp-con_9 .yid-mc-quan .quan-1 .left .dw {
  width: 0.31rem;
  height: 0.29rem;
  margin-left: 0.04rem;
  align-self: flex-end;
}
.yid-cp-con_1 .yid-mc-quan .quan-0 .right,
.yid-cp-con_9 .yid-mc-quan .quan-0 .right,
.yid-cp-con_1 .yid-mc-quan .quan-1 .right,
.yid-cp-con_9 .yid-mc-quan .quan-1 .right {
  margin-left: 0.32rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
}
.yid-cp-con_1 .yid-mc-quan .quan-0 .right .rback,
.yid-cp-con_9 .yid-mc-quan .quan-0 .right .rback,
.yid-cp-con_1 .yid-mc-quan .quan-1 .right .rback,
.yid-cp-con_9 .yid-mc-quan .quan-1 .right .rback {
  width: 0.98rem;
  height: 0.32rem;
}
.yid-cp-con_1 .yid-mc-quan .quan-0 .right .djs,
.yid-cp-con_9 .yid-mc-quan .quan-0 .right .djs,
.yid-cp-con_1 .yid-mc-quan .quan-1 .right .djs,
.yid-cp-con_9 .yid-mc-quan .quan-1 .right .djs {
  margin-top: 0.08rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.12rem;
  height: 0.34rem;
  background-color: #ff4d4d;
  border-radius: 0.16rem;
  font-size: 0.21rem;
  color: #ffffff;
}
.yid-cp-con_1 .yid-mc-quan1,
.yid-cp-con_9 .yid-mc-quan1 {
  height: 1.685rem;
}
.yid-cp-con_1 .yid-cp-mark,
.yid-cp-con_9 .yid-cp-mark {
  display: none;
}
.yid-dia-9 .yid-cls-con1 {
  display: flex;
  justify-content: flex-end;
}
.yid-dia-9 .yid-cls-con1 img {
  margin-right: 0.31rem;
}
.yid-cp-con_9 {
  width: 5.51rem;
  height: 7.45rem;
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/moreCourse_back_9.png");
}
.yid-cp-con_9 .heart-beat {
  margin-left: 0.29rem;
}
/**只有一张优惠券**/
.yid-cp-con1 {
  height: 5.785rem;
}
/**拼团详情页**/
.yid-cpd-con_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-self: center;
  width: 5.89rem;
  height: 6.48rem;
  padding: 0;
  margin-top: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/coupon_back.png");
}
.yid-cpd-con_1 .yid-cc-money {
  display: none;
}
.yid-cpd-con_1 .yid-cc-num {
  width: 0.49rem;
  height: 0.79rem;
  font-size: 1.02rem;
  color: #fe3232;
  margin-top: 1.35rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.yid-cpd-con_1 .yid-cc-num .price {
  width: 100%;
  height: 100%;
}
.yid-cpd-con_1 .yid-cc-yuan {
  width: 0.33rem;
  height: 0.31rem;
  margin-left: 0.06rem;
  align-self: flex-end;
}
.yid-cpd-con_1 .yid-cc-d {
  flex-grow: 1;
  flex-basis: 96%;
  text-align: center;
  margin-top: 0.27rem;
  font-size: 0.17rem;
  color: #333333;
}
.yid-cpd-con_1 .yid-cc-mk {
  font-size: 0.17rem;
  margin-top: 0.07rem;
  color: #333333;
  font-weight: bold;
}
.yid-cpd-con_1 .yid-cc-yuan,
.yid-cpd-con_1 .yid-cc-d,
.yid-cpd-con_1 .yid-cc-mk {
  margin-right: 0.2rem;
}
.yid-cpd-con_1 .yid-cp-coupon {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.yid-cpd-con_1 .yid-dcoupon-3,
.yid-cpd-con_1 .yid-dcoupon-5,
.yid-cpd-con_1 .yid-dcoupon-1,
.yid-cpd-con_1 .yid-dcoupon-2,
.yid-cpd-con_1 .yid-dcoupon-4,
.yid-cpd-con_1 .yid-dcoupon-6,
.yid-cpd-con_1 .yid-dcoupon-7,
.yid-cpd-con_1 .yid-dcoupon-8,
.yid-cpd-con_1 .yid-dcoupon-9,
.yid-cpd-con_1 .yid-dcoupon-10,
.yid-cpd-con_1 .yid-dcoupon-14,
.yid-cpd-con_1 .yid-dcoupon-40 {
  width: 4.86rem;
  height: 3.51rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/coupon_3.png");
}
.yid-cpd-con_1 .yid-dcoupon-10 .yid-cc-num,
.yid-cpd-con_1 .yid-dcoupon-14 .yid-cc-num,
.yid-cpd-con_1 .yid-dcoupon-40 .yid-cc-num {
  width: 1.1rem;
  height: 0.8rem;
}
.yid-cpd-con_1 .yid-dcoupon-5,
.yid-cpd-con_1 .yid-dcoupon-1,
.yid-cpd-con_1 .yid-dcoupon-2,
.yid-cpd-con_1 .yid-dcoupon-4,
.yid-cpd-con_1 .yid-dcoupon-6,
.yid-cpd-con_1 .yid-dcoupon-7,
.yid-cpd-con_1 .yid-dcoupon-8,
.yid-cpd-con_1 .yid-dcoupon-9 {
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/coupon_5.png");
}
.yid-cpd-con_2,
.yid-cpd-con_3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 0;
  margin-top: 0;
  background-color: transparent;
}
.yid-cpd-con_2 .yid-cc-num,
.yid-cpd-con_3 .yid-cc-num {
  font-size: 0.6rem;
}
.yid-cpd-con_2 .yid-cc-yuan,
.yid-cpd-con_3 .yid-cc-yuan,
.yid-cpd-con_2 .yid-cc-mk,
.yid-cpd-con_3 .yid-cc-mk {
  display: none;
}
.yid-cpd-con_2 .yid-cc-d,
.yid-cpd-con_3 .yid-cc-d {
  flex-grow: 1;
  flex-basis: 96%;
  text-align: center;
  margin-top: 0.2rem;
}
.yid-cpd-con_3_11 {
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/coupon_back_11.png");
}
.yid-cpd-con_3_11 .yid-dcoupon-3 {
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/coupon_3_11.png");
}
.yid-cpd-con_3_11 .yid-dcoupon-5,
.yid-cpd-con_3_11 .yid-dcoupon-1,
.yid-cpd-con_3_11 .yid-dcoupon-2,
.yid-cpd-con_3_11 .yid-dcoupon-4,
.yid-cpd-con_3_11 .yid-dcoupon-6,
.yid-cpd-con_3_11 .yid-dcoupon-7,
.yid-cpd-con_3_11 .yid-dcoupon-8,
.yid-cpd-con_3_11 .yid-dcoupon-9,
.yid-cpd-con_3_11 .yid-dcoupon-10,
.yid-cpd-con_3_11 .yid-dcoupon-14,
.yid-cpd-con_3_11 .yid-dcoupon-40 {
  background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/weekly_coupon/coupon_5_11.png");
}
.weekly-cp-taihs .ft-bd {
  font-weight: bolder;
  font-size: 0.45rem;
  padding: 0 0.1rem;
}
.yid-cp-btn {
  width: 2.48rem;
  height: 0.92rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
  flex-shrink: 0;
  align-self: center;
  margin-top: 0.48rem;
}
.yid-cp-btn .btn {
  width: 100%;
  height: 100%;
}
/**彩旗飘飘**/
.flag-fly {
  animation: flagFly 1.2s infinite;
  animation-delay: 1s;
}
@keyframes flagFly {
  0% {
    opacity: 0;
    width: 0;
  }
  1% {
    opacity: 1;
  }
  50% {
    width: 0.68rem;
  }
}
@keyframes handClick {
  from {
    margin-top: 0rem;
    margin-right: 0rem;
  }
  50% {
    margin-top: -0.1rem;
    margin-right: 0.1rem;
    transform: scale(0.9);
  }
  to {
    margin-top: 0rem;
    margin-right: 0rem;
  }
}
.scale-size {
  animation: scaleSize 2s infinite;
}
@keyframes scaleSize {
  from {
    transform: scale(0.9);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  to {
    transform: scale(0.9);
    opacity: 0.9;
  }
}
.heart-beat {
  animation: heartBeat 1s infinite;
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/**淡入*/
.fade-in {
  animation: fadeIn 1s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.scale-out {
	animation: scaleOut 2s infinite;
}
@keyframes scaleOut {
	from {
		transform: translateY(100%) scale(0);
	}
	to {
		transform: translateY(0) scale(1);
	}
}