/* components/apply-refound/apply-refound.wxss */ .useRefound-pop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; .useRefound-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); } .useRefound-container { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; background: linear-gradient( 180deg, #FFDEE7 0%, #FFFFFF 12%, #FFFFFF 100%); background-color: #fff; border-radius: 32rpx 32rpx 0rpx 0rpx; .icon-close { position: absolute; right: 44rpx; top: 44rpx; width: 30rpx; height: 30rpx; } .use-title { font-weight: 600; font-size: 36rpx; color: #000000; line-height: 50rpx; padding-top: 34rpx; padding-bottom: 30rpx; text-align: center; } .use-form { background: #F7F8F9; border-radius: 20rpx; textarea { padding: 8rpx; height: 180rpx; font-size: 30rpx; width: 100%; margin: 0; line-height: 46rpx; box-sizing: border-box; } .num { padding-right: 16rpx; padding-bottom: 16rpx; text-align: right; font-size: 28rpx; color: #AAAAAA; line-height: 40rpx; } } .use-form__input { margin: 0 40rpx 0; background: #FFFFFF; border-radius: 20rpx; margin-bottom: 48rpx; display: flex; flex-direction: column; .title { display: inline; font-size: 30rpx; color: #131415; padding-bottom: 24rpx; .red { color: #F44541; } .sencd { color: #AAAAAA; } } input { padding: 20rpx 16rpx; background: #F7F8F9; border-radius: 16rpx; font-size: 30rpx; &::placeholder { color: #AAAAAA; } } } .btnSection { padding: 0 32rpx 58rpx; button { margin: 0; width: 100%; background: linear-gradient( 270deg, #FF204B 0%, #FE5B71 100%); border-radius: 78rpx; padding: 22rpx 84rpx; font-weight: 500; font-size: 32rpx; color: #fff; line-height: 44rpx; } } } }