.xc-coupon-img{
  width: 100%;
  height: 330rpx;
}
.xc-coupon-frame{
  width: 710rpx;
  height:auto; 
  margin: 0 auto;

}
.xc-coupon-frame .coupon-frame{
  width: 100%;
  height: 200rpx;
  margin-top:10rpx;
  
}
.xc-coupon-frame .coupon-frame .coupon-left{
  width: 215rpx;
  height:100%;
  overflow: hidden;
}
.xc-money-frame{
    width:96%;
    margin-top: -10px;
}

.xc-rmb-symbol{
  font-size:36rpx;
  font-weight: bold
}

.xc-rmb-val{
 font-size:78rpx;
 font-weight: bolder
}
.coupon-explain{
 font-size:25rpx;
width:100%;


}
.xc-valuer{
    margin-top:39rpx;
    margin-left:28rpx;
   font-size:25rpx;
}
.coupon-frame .oval{
   width:155rpx;
   height:83rpx;
   border-radius: 50%;
   right:-78rpx;
   top:-37rpx;
} 
.coupon-right{
   width:490rpx;
  height: 99%;
  border-top: 1rpx solid #eaeaea;
  border-bottom: 1rpx solid #eaeaea;
  border-right: 1rpx solid #eaeaea;

}
.coupon-annotation{
  width: 95%;
  height: 100%;
  
}
.xc-brand{
  width:100rpx;
  height:35rpx; 
  line-height: 35rpx;
  font-size:21rpx;
  border-radius:10rpx; position: relative; top:-1px;
}
.top-frame{
  width:82%;
  height: 75rpx;
  margin-top:10rpx;

}
.top-frame .coupon-wode{
  font-size: 25rpx;
  margin-left:10rpx;
  width:340rpx;
  height:88rpx;  
}
.coupon-code{
 width:60rpx;
 height:60rpx;
 margin-top:5rpx;

}
.frame{
  width: 100%
}
.coupon-time{
  font-size: 23rpx;
  line-height:33rpx;
  color: #7d7d7d;
}

.clik-get{
 width:125rpx;
 height:45rpx;
  border-radius: 25rpx;
  line-height: 45rpx;
  font-size:25rpx;
  bottom:67rpx;
  right:6px;
}

.code-img{
  margin-left:20rpx;
}
.bottmo-explain{
top:145rpx;
width:94%;
border-top:1rpx dashed #eee;
padding-top:8rpx;
height:38rpx;
line-height: 51rpx;

}
.font-word{
  font-size: 22rpx;
}
.circle-size{
  background: #a0a0a0;
  width: 26rpx;
  height: 26rpx;
  margin-top:13rpx;
margin-left:8rpx;


}
.xc-jiantou{
      width: 10rpx;
      height: 10rpx;
      border-top: 2rpx solid #fff;
      border-right: 2rpx solid #fff;
      transform: rotate(133deg);
      display:inline-block;
      margin-left: 8rpx;
      margin-top:6rpx;

}
.xc-buttom{
  width:700rpx;
min-height:76rpx;
height:auto;
line-height:40rpx;
border-left:1rpx solid #eee;
border-right:1rpx solid #eee;
border-bottom:1rpx solid #eee;
margin:0 0rpx 0 22rpx;

   
}
.explain-coupon{
  
  font-size:25rpx;

}
.circle-frame{ 
  width: 20rpx;
  height: auto;
  z-index:1;
  left:210rpx;
  
}
.circle-sawtooth{
  width: 11rpx;
  height: 11rpx;
  background: #fff;
}

.red{background-color: #fe7496;}
.green{ background-color: #22c7c1;}
.blue{background-color:#5e82e3;}
.g_gray{background-color: #aaaaaa}

.f_text{text-align: center; height:96rpx; }