/* pages/coupon/couponDetailNew.wxss */ .couponDeatilContent { width: 93%; height: 100%; margin: auto auto; margin-top: 20rpx; } .couponDetailBg { width: 100%; background-image: url(http://pos.juweiyun.cn/membercouponDetailBg.png); height: 370rpx; background-repeat: no-repeat; background-size: 100% 100%; } .couponDeatilDescribe { width: 100%; background-image: url(http://pos.juweiyun.cn/373001/file/wechatAppmemberunder%402x.png); background-repeat: no-repeat; background-size: 100% 100%; min-height: 300rpx; display: flex; flex-direction: column; align-content: center; align-items: center; } .useMessage { width: 100%; height: 40rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1); margin-top: 30rpx; } .couponDeatilDescribeItem { width: 90%; } .useMessageContext { width: 100%; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: rgba(153, 153, 153, 1); line-height: 38rpx; margin-top: 30rpx; } .item { border-top: 1px solid rgba(224, 224, 224, 1); margin-top: 20rpx; min-height: 80rpx; display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; } .jt { width: 16rpx; height: 24rpx; display: inline-block; } .block { display: inline-block; } .num { width: 70rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: rgba(255, 84, 84, 1); } .useMessage2 { width: 100%; height: 40rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1); } .couponDetailUse { width: 80%; height: 90rpx; background: rgba(251, 184, 41, 1); border-radius: 16rpx; text-align: center; font-size: 36rpx; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); line-height: 90rpx; margin: auto auto; margin-top: 65rpx; margin-bottom: 65rpx; } .detail1 { width: 90%; height: 100rpx; display: flex; flex-direction: row; justify-content: flex-start; margin: auto auto; } .text-btm { /* margin-bottom: 10px; padding-top: 200rpx; */ } .one { height: 41rpx; font-size: 56rpx; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 1); } .detail0 { width: 100%; height: 180rpx; } .tow { /* width: 135rpx; */ height: 76rpx; /* font-size: 100rpx; */ font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 1); margin-left: 10rpx; margin-right: 25rpx; margin-top: -60rpx; text-align: center; } .three { /* width: 100%; */ height: 100rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); margin-top: 28rpx; -webkit-line-clamp: 4; /**显示的行数**/ overflow: hidden; /**隐藏超出的内容**/ margin-left: 10rpx; } .detail2 { width: 90%; font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); margin: auto auto; } .qcode-bg { width: 660rpx; height: 900rpx; position: fixed; top: 110rpx; } .applytitle { position: relative; height: 76rpx; width: 619rpx; border-bottom: 1rpx solid rgba(153, 153, 153, 1); margin-left: 20rpx; font-size: 36rpx; color: #666; text-align: center; padding-top: 100rpx; } .barcode { margin-left: 30rpx; margin-top: 60rpx; } .barcode>canvas { width: 600rpx; height: 180rpx; } .codenumber { margin-top: 24rpx; color: #666; position: relative; text-align: center; } .qrcode { margin-left: 110rpx; } .qrcode>canvas { width: 420rpx; height: 400rpx; } .shade { top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; opacity: 1; background-color: rgba(0, 0, 0, 0.6); z-index: 2; position: fixed; width: 100%; height: 100%; } .apply { width: 660rpx; height: 900rpx; position: fixed; top: 65rpx; left: 45rpx; z-index: 999; } .closeapply { width: 60rpx; height: 60rpx; position: absolute; bottom: -100rpx; left: 300rpx; } .closeapply image { width: 100%; height: 100%; margin-top: 50rpx; }