kmall-pt/wx-mall/pages/ucenter/coupon/coupon.wxss

page {
  background: #f4f4f4;
  min-height: 100%;
}

.container {
  background: #f4f4f4;
  min-height: 100%;
  padding-top: 30rpx;
}

.coupon-form {
  height: 110rpx;
  width: 100%;
  background: #fff;
  /* padding-left: 30rpx; */
  padding-right: 30rpx;
  padding-top: 20rpx;
  display: flex;
}

.input-box {
  flex: 1;
  height: 70rpx;
  color: #333;
  font-size: 24rpx;
  background: #fff;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4rpx;
  margin-right: 30rpx;
}

.input-box .coupon-sn {
  position: absolute;
  top: 10rpx;
  left: 30rpx;
  height: 50rpx;
  width: 100%;
  color: #000;
  line-height: 50rpx;
  font-size: 24rpx;
}

.clear-icon {
  position: absolute;
  top: 21rpx;
  right: 30rpx;
  width: 28rpx;
  height: 28rpx;
  z-index:9999;
}

.add-btn {
  height: 70rpx;
  border: none;
  width: 168rpx;
  background: #b4282d;
  border-radius: 0;
  line-height: 70rpx;
  color: #fff;
  font-size: 28rpx;
}

.add-btn.disabled {
  background: #ccc;
}

.help {
  height: 72rpx;
  line-height: 72rpx;
  text-align: right;
  padding-right: 30rpx;
  background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3hmAFbclAAABsRQzqG8471.png) 590rpx center no-repeat;
  background-size: 28rpx;
  color: #999;
  font-size: 24rpx;
}

.coupon-box {
  background-color: #fff;
  display: flex;
  border-radius: 5px;
  flex-direction: row;
  position: relative;
}

.coupon-box .coupon-used {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7.5vmin;
  height: 15vmin;
  width: 15vmin;
  background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr2s2AIzXWAAAPHxXo1UI166.png) no-repeat center;
  background-size: contain;
}

.coupon-box-g {
  background: linear-gradient(to right, #f0f0f0, #fff);
}

.coupon-box1 {
  border: 1px solid #e64340;
  border-left: none;
}

.coupon-box2 {
  border: 1px solid #ccc;
  border-left: none;
}

.coupon-bg {
  width: 30%;
  background-position: left;
  background-size: cover;
  color: #fff;
  font-size: 2.0rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.coupon-bg > view{
  font-size: inherit;
  color: #fff;
}
.coupon-bg .coupon-currency {
  font-size: 1rem;
  padding-right: 5px;
  color: #fff;
}

.coupon-bg .coupon-type {
  font-size: 0.8rem;
  color: #fff;
}

.coupon-bg1 {
  background-image: url(http://120.76.26.84:80/group1/M00/00/28/rBJEdVzmamGARRS8AAJzKZC-vjI880.png);
}

.coupon-bg2 {
  background-image: url(http://120.76.26.84:80/group1/M00/00/28/rBJEdVzmazCAFjztAAJzKfmaJd4492.png);
}

.coupon-info {
  width: 50%;
  margin-left: 20px;
}

.coupon-info .coupon-title {
  font-size: 0.9rem;
  padding: 2px 0 0 0;
  margin-top:12rpx;
}

.coupon-info .coupon-desc {
  font-size: 0.9rem;
  color: #9b9b9b;
  list-style: outside;
  padding: 2px 0 2px 0;
}
.tab-bar{
  height: 8vh;
  display: flex;
  line-height: 8vh;
  background-color: #fff;
  position:fixed;
  top:0px;
  z-index:999;
  width:100%;

}
.tab-bar .tab-bar-item{
  flex: 1;
  text-align: center;
  color: #555;
  font-size: 30rpx;
}
.tab-bar .tab-bar-item.active{
  color: #FF5778;
  border-bottom: 1px solid #FF5778;
}

.coupon-info .coupon-desc-shop {
  font-size: 0.9rem;
  color: #9b9b9b;
  list-style: outside;
  padding-bottom:12rpx;
}
.coupon-info-use{
  width: 20%;
  background: #d81e06;
  text-align:center;
}
.coupon-info-use2{
  width: 20%;
  background: #ccc;
  text-align:center;
}
.coupon-desc-use{
  font-size: 30rpx;
  color: white;
  margin-top:50rpx;
}
.coupon-data {
  /* height: 72rpx;
  line-height: 72rpx; */
  background:white;
  margin-top: 30rpx;
}
.no-coupon {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.no-coupon .c {
  width: 100%;
  height: auto;
  margin-top: 80rpx;
}

.no-coupon .c image {
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 258rpx;
  height: 258rpx;
}

.no-coupon .c text {
  margin: 0 auto;
  display: block;
  width: 258rpx;
  height: 29rpx;
  line-height: 29rpx;
  text-align: center;
  font-size: 29rpx;
  color: #999999;
}

.title-box {
  width: 100%;
  padding-top: 98rpx;
  text-align: center;
  font-size: 28rpx;
  color: #999;
  background: url(http://120.76.26.84:80/group1/M00/00/27/rBJEdVzbfKuARTRQAAAgVlaTEAU782.png) no-repeat center 5rpx;
  background-size: 100rpx auto;
  margin-bottom: 50rpx;
}
.to-index-btn {
  color: #fff;
  background: #d81e06;
  border-radius: 6px;
  width: 300rpx;
  height: auto;
  line-height: 70rpx;
  text-align: center;
  font-size: 28rpx;
  margin: 0 auto;
  display: block;
  margin-bottom:180rpx;
}