/* pages/index/newPunch/newPunch.wxss */
.punch_detail {
  position: absolute;
  width: 100vw;
  min-height: 100vh;
  background-color: #F5F6FA;
}

.title_card {
  margin: 15px 0;
}

.grey_line {
  width: 80vw;
  height: 1px;
}

.box_card {
  width: 100vw;
  min-height: 120px;
  background-color: #fff;
}

.tip_card {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  background-color: #fff;
}

.tip_item {
  width: 70px;
  height: 30px;
  margin-right: 5vw;
}

.pic {
  width: 100%;
  height: 100%;
}

.white_card {
  width: 100vw;
  background-color: #fff;
  padding: 20px 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.bold_font {
  font-weight: bold;
}

.white_card_nopadding {
  width: 100vw;
  background-color: #fff;
  font-weight: bold;
  height: 60px;
  padding-top: 11px;
  box-sizing: border-box;
}

.sm_grey_font {
  padding: 15px 0 15px 20px;
  box-sizing: border-box;
  font-size: 12px;
  color: #999;
}

.clearance {
  width: 100vw;
  height: 20px;
}

.btn {
  width: 100vw;
  height: 80px;
  background-color: #fff;
  padding: 20px 30px 80px;
  box-sizing: border-box;
}