.main[data-v-cada7f86] {
  background: #ffffff;
  width: 950px;
  padding: 20px;
}
.main .tab[data-v-cada7f86] {
  margin: 20px 20px 20px 0px;
  flex: 5;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  background: #fafafa;
  line-height: 2rem;
  text-align: left;
}
.main .tab[data-v-cada7f86] > :nth-child(2) {
  border-left: none;
  border-right: none;
}
.main .tab .choiceTab[data-v-cada7f86] {
  background: white;
  border-bottom: none;
  border-top: #008ee1 2px solid;
}
.main .tab span[data-v-cada7f86] {
  display: inline-block;
  border: 1px solid #eaeaea;
  padding: 0rem 1rem;
  cursor: pointer;
}
.main .tabCard[data-v-cada7f86] {
  margin-right: 20px;
  position: relative;
  float: left;
  text-align: left;
  width: 100%;
}
.main .tabCard[data-v-cada7f86] > :nth-child(4n) {
  margin-right: 0px !important;
}
.main .tabCard[data-v-cada7f86] > :nth-child(n) {
  position: relative;
  display: inline-block;
  margin: 0.5rem 1rem 0.5rem 0rem;
  width: 222px;
  height: 282px;
  border-radius: 2px;
  line-height: 20px;
  font-weight: 400;
  border: 1px solid #e1f5fe;
  text-align: center;
}
.main .tabCard > :nth-child(n) img.status[data-v-cada7f86] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 50px;
  height: 50px;
}
.main .tabCard > :nth-child(n) .discount[data-v-cada7f86] {
  font-size: 36px;
  color: #0a50a1;
  padding-top: 40px;
}
.main .tabCard > :nth-child(n) .condition[data-v-cada7f86] {
  font-size: 14px;
  color: #0a50a1;
  margin-top: 15px;
}
.main .tabCard > :nth-child(n) .time[data-v-cada7f86] {
  font-size: 12px;
  color: #333333;
  margin: 18px 0px;
}
.main .tabCard > :nth-child(n) .whiteBox[data-v-cada7f86] {
  position: absolute;
  background: #fff;
  width: 100%;
  min-height: 130px;
  height: -webkit-fill-available;
  z-index: 500;
}
.main .tabCard > :nth-child(n) .whiteBox .split[data-v-cada7f86] {
  position: absolute;
  top: -4px;
  width: 100%;
  height: 4px;
  background-repeat: repeat-x;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODIzM0U2OTVFOTExRUI4RkU5RjFGOTQ1N0FGNzA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODIzM0U3OTVFOTExRUI4RkU5RjFGOTQ1N0FGNzA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTA4MjMzRTQ5NUU5MTFFQjhGRTlGMUY5NDU3QUY3MDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTA4MjMzRTU5NUU5MTFFQjhGRTlGMUY5NDU3QUY3MDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+4iopAAAAsElEQVR42mL4//8/AxrWAuI+IL4OxD+g+BpUTAtdPTKHDYinAPHf/7gBSG4GEHOiGwDSvPs/8WAvVA/cgKn/SQcg1zIwAgltBgaGi0DMzEAa+AvE+kxAIoUMzQxQPSkgF1wHMjQYyAM3QAb8BDLYyDTgFxMDZQBswD0KDHgIMmAHBQbsAYWBDpBxgcxoNKAkIU2lalKmODMhY20gngDEN4D4FxB/AeIrUDEddPUAAQYAvZ3lXQSMn74AAAAASUVORK5CYII=);
}
.main .tabCard > :nth-child(n) .whiteBox .couponsType[data-v-cada7f86] {
  margin-top: 20px;
  font-size: 13px;
}
.main .tabCard > :nth-child(n) .whiteBox .useBtn[data-v-cada7f86] {
  margin-top: 10px;
  display: inline-block;
  width: 140px;
  line-height: 36px;
  color: white;
  background: #008ee1;
  border-radius: 2px;
  cursor: pointer;
}
.main .tabCard > :nth-child(n) .whiteBox .useBtn[data-v-cada7f86]:hover {
  background: #0b9ff5;
}
.main .tabCard .canUse[data-v-cada7f86] {
  background: #e1f5fe;
}
.main .tabCard .unuseCoupon[data-v-cada7f86] {
  background: #fafafa;
  border: 1px solid #eaeaea;
}
.main .tabCard .unuseCoupon .discount[data-v-cada7f86],
.main .tabCard .unuseCoupon .condition[data-v-cada7f86],
.main .tabCard .unuseCoupon .couponsType[data-v-cada7f86] {
  color: #aaaaaa;
}
.main .tabCard .unuseCoupon .time[data-v-cada7f86] {
  color: #d0d0d0;
}
.main .el-pagination[data-v-cada7f86] {
  clear: both;
}