page { height: 100%; width: 100%; background: #f4f4f4; } .container { height: 100%; overflow: hidden; width: 100%; padding:24rpx 28rpx; /* filter: blur(5rpx);*/ } .main-module{ border-radius:10rpx; background:#fff; height: 118rpx; margin:20rpx 0 0; padding:24rpx 20rpx 14rpx; display: flex; justify-content: space-around; align-items: center; } .coupon-block,.favor-good{ display: flex; flex-direction: column; height: 70rpx; justify-content: space-between; align-items: center; flex:1; } .devide-line{ height: 150rpx; width: 1rpx; background: #bbb; } .main-module .num{ font-weight: bold; color: #09AFFF; font-size: 40rpx; line-height: 40rpx; } .main-module .num2{ font-weight: bold; font-size: 24rpx; } .main-module .module-text{ font-size: 24rpx; } .btn{ height: 64rpx; width: 100%; text-align: center; line-height: 64rpx; border: 1rpx solid #09AFFF; border-radius: 38rpx; margin-top: 22rpx; color:#09AFFF; font-size: 24rpx; } .btn.current-btn{ background: #E0F5FC; margin-top: 30rpx; } .back{ position: absolute; top: 0rpx; width: 100%; height: 100%; background-color: #999; z-index: 999; opacity: 0.8 } .auth{ position: absolute; top: 0rpx; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; } .auth .form{ background-color: #fff; width:590rpx; padding: 40rpx 44rpx 74rpx; border-radius: 10rpx; } .auth .title{ text-align: center; font-size: 34rpx; line-height: 34rpx; font-weight: bold; margin-bottom: 60rpx; } .form-item { height: 84rpx; /* border-bottom: 1px solid #d9d9d9; */ display:flex; align-items: center; } .form-item .label{ width: 130rpx; font-size: 24rpx; color:#85868A } .form-item .username, .form-item .address { top: 26rpx; left: 0; display: block; width: 100%; height: 44rpx; background: #fff; color: #333; font-size: 30rpx; } .warning{ color: #09afff; margin-top: 20rpx; font-size: 22rpx; line-height: 28rpx; } .footer{ display: flex; padding: 20rpx; text-align: center; } .fbtn{ width: 202rpx; height: 70rpx; line-height: 70rpx; text-align: center; border-radius: 70rpx; border: 1rpx solid #09afff; font-size: 24rpx; margin: 0 28rpx; } .btnConfirm{ background-color: #09afff; color: #fff; } .dialog-wrapper { display: flex; align-items: flex-start; justify-content: center; height: 100%; padding-top:170rpx; } .dialog-block { width: 590rpx; height: 534rpx; border-radius:10rpx; background-color: #fff; position: relative; font-size: 24rpx; padding:100rpx 44rpx 0; } .close-icon{ width:60rpx; height: 60rpx; position: absolute; top:-30rpx; right:-30rpx; } .tips-text{ color:#85868A; font-size: 24rpx; text-align: justify; } .main-module.amount-module{ border-radius:16rpx; background:#fff; height: 106rpx; margin:28rpx 0 0; padding:16rpx 0 14rpx; display: flex; justify-content: space-around; align-items: center; } .tip-wrapper{ display: flex; align-items: center; } .tip-img{ width:22rpx; height:22rpx; margin:0 0 0 8rpx; } .form-item>input{ height: 50rpx; line-height: 50rpx; border: 1px solid #85868A; border-radius: 10rpx; width:370rpx; font-size: 24rpx; color:#2a2a2a; padding-left:20rpx; } .agree-terms{ margin:54rpx 0 44rpx; height: 26rpx; display: flex; /* justify-content: center; */ align-items: center; } .user-agree{ color:#85868A; font-size: 22rpx; margin-left:8rpx; } .user-terms{ color:#CC4226; font-size: 24rpx; }