/* pages/coupon/index.wxss */
page{
  background-color: #fff;
}
.topMenu {
  display: flex;
  padding-bottom: 12px;
  border-bottom: 1rpx solid #eeeeee;
}

.onMune {
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #444444;
  line-height: 18px;
}

.menuBorder {
  position: absolute;
  width: 20px;
  height: 3px;
  opacity: 1;
  background: #027AFF;
  border-radius: 2px;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
}

.onMune .menuBorder {
  display: none;
}

.onMune.active .menuBorder {
  display: block;
}

.onMune.active {
  font-size: 18px;
  font-weight: 601;
  text-align: center;
  color: #027AFF;
  line-height: 18px;
}

.couponCard{
  display: flex;
background: rgba(2,122,255,0.1);
border-radius: 8px;
overflow: hidden;
color: #027aff;
height: 81px;
margin-bottom: 10px;
}
.ccMoney{
  position: relative;
  width: 100px;
  border-right: 1rpx dashed #027aff;
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  padding-top: 20px;
}
.ccMoney:after{
  position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    border-radius: 50%;
    top: -10px;
    right: -8px;
}

.ccMoney:before{
  position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    border-radius: 50%;
    bottom: -11px;
    right: -8px;
}

.makePhone {
  width: 46px;
  height: 22px;
  text-align: center;
  border: 1px solid #1f7fef;
  border-radius: 14px;
  font-size: 14px;
  color: #1f7fef;
  line-height: 22px;
}

.ccMoney .ccM{
  font-size: 44px;
  line-height: 44px;
  font-weight: 601;
}