.box { width: 710rpx; overflow: hidden; margin: auto; font-size: 24rpx; } .searchs { height: 60rpx; /* border: 2rpx solid #ccc; */ font-size: 28rpx; margin: 15rpx 0; border-bottom: 1px solid #ccc; padding-left: 20rpx; } .couponImg { width: 300rpx; position: relative; } .imgBox { position: relative; display: inline-block; width: 300rpx; height: 300rpx; margin-left: 25rpx; margin-bottom: 25rpx; margin-top: 25rpx; } .delBox { position: absolute; right: 0; top: 0; background-color: #000; border-radius: 50% } .del { width: 50rpx; } .couponImgBox { overflow: hidden; margin-top: 50rpx; } .couponType { overflow: hidden; border-bottom: 1px solid #ccc; font-size: 28rpx; } .type { float: left; margin-left: 20rpx; padding: 20rpx 0; } .typeName { width: 170rpx; float: right; margin-right: 20rpx; position: relative; margin-top: 20rpx; text-align: center; padding: 4rpx 0; } /* .typeName::after{ content: '>'; } */ .selectBox { width: 150rpx; position: absolute; right: 40rpx; top: 340rpx; background-color: #fff; border: 1rpx solid #ccc; z-index: 100; } .selectType1 { padding: 5rpx 0; border-bottom: 1rpx solid #ccc; text-align: center; } .selectType2 { text-align: center; padding: 5rpx 0; } .faceValue { margin-left: 20rpx; padding: 20rpx 0; float: left; } .faceIpt { width: 150rpx; float: right; margin-right: 20rpx; margin-top: 20rpx; text-align: center; padding: 4rpx 0; position: relative; } .bef { color: red; margin-top: 25rpx; position: absolute; right: 160rpx; /* top: 350rpx; */ } .selling { width: 150rpx; float: right; margin-right: 20rpx; margin-top: 20rpx; text-align: center; padding: 4rpx 0; position: relative; } .sellingbef { color: red; margin-top: 25rpx; position: absolute; right: 160rpx; } .bank { width: 150rpx; float: right; margin-right: 20rpx; margin-top: 20rpx; text-align: center; padding: 4rpx 0; position: relative; } .beginTime { overflow: hidden; } .section__title { margin-left: 20rpx; padding: 20rpx 0; float: left; } .refundText { margin-left: 20rpx; padding: 20rpx 0; float: left; } .pickerotiem { float: right; padding: 20rpx 0; margin-right: 30rpx; } .endTime { overflow: hidden; } .daysBox { overflow: hidden; margin-left: -30rpx; padding-bottom: 50rpx; } .daysName { width: 80rpx; text-align: right; float: right; margin-top: 4rpx; } .daysText { float: right; margin-right: 40rpx; padding: 5rpx; } .Purchase { overflow: hidden; margin-top: 20rpx; } .PurchaseText { width: 100%; margin-left: 20rpx; height: 200rpx; } .butBox { width: 80%; margin: 20rpx auto; overflow: hidden; display: flex; flex-direction: row; justify-content: space-around; } .save { width: 30%; height: 70rpx; line-height: 70rpx; font-size: 28rpx; margin: 0 10rpx; padding-left: 5rpx; padding-right: 5rpx; } .uploadTitle { margin-top: 40rpx; } .nullImg { width: 300rpx; height: 170rpx; border: 1rpx #ccc solid; text-align: center; line-height: 170rpx; font-size: 40rpx; font-weight: bold; margin-top: 10rpx; } .examineState { width: 300rpx; height: 70rpx; background-color: green; margin: auto; text-align: center; line-height: 70rpx; margin-bottom: 20rpx; color: #fff; }