page { background: #fcdece; } .favourBack { position: relative; } .favourBack-img { width: 100vw; display: block; } .favourBack-cont { position: absolute; top: 0; width: 100%; padding: 140rpx 40rpx; box-sizing: border-box; left: 0; color: #ca3c19; } .favourBack-cont-title { font-size: 32rpx; font-weight: 600; margin-bottom: 30rpx; } .favourBack-cont-name { font-size: 46rpx; font-weight: 600; } .favourBack-cont-number { background-color: #ff5e5d; color: #fff; border-radius: 50rpx; display: inline-block; padding: 4rpx 20rpx; margin-top: 15rpx; } /* 表单 */ .favourCont { background-color: #fff; margin: 0 30rpx; padding: 0 40rpx 60rpx; box-sizing: border-box; border-radius: 30rpx; } .favourCont-title { text-align: center; color: #d57449; font-size: 38rpx; font-weight: 600; width: 100%; padding: 30rpx 0 50rpx; } .favourCont-label { position: relative; line-height: 80rpx; background-color: #f4f4f4; margin-bottom: 40rpx; font-size: 28rpx; } .favourCont-name { background-color: #ffffff; width: 130rpx; } .favourCont-label>input, .favourCont-picker, .favourCont-check { position: absolute; left: 0; font-size: 28rpx; top: 0; display: block; height: 80rpx; padding: 0 30rpx 0 160rpx; width: 100%; box-sizing: border-box; } .favourCont-picker image { width: 50rpx; height: 50rpx; position: absolute; right: 10rpx; top: 14rpx; } .favourCont-btn { background: linear-gradient(to right, #ff8e65, #ff5f5d); color: #fff; margin-top: 80rpx; width: 100% !important; font-size: 32rpx; line-height: 54rpx; } .favourCont-record { text-align: center; color: #ff5f5d; font-size: 30rpx; font-weight: 600; margin-top: 40rpx; text-align: center; width: 100%; } .favourCont-record text { border-bottom: #ff5f5d solid 4rpx; display: inline-block; } .favourCont-check { line-height: 80rpx; } .favourCont-check>input { height: 80rpx; } .favourCont-check-btn { font-size: 28rpx; position: absolute; right: 0; top: 0; background: #ff8e65; padding: 0 20rpx; color: #fff; z-index: 9; } /* 校验弹出层 */ .popTel-back { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .7); width: 100vw; height: 100vh; z-index: 10; } .popTel { position: fixed; left: 140rpx; right: 140rpx; top: 30%; z-index: 11; background-color: #fff; border-radius: 20rpx; text-align: center; overflow: hidden; } .popTel-title { font-size: 32rpx; background-color: #ff8e65; color: #fff; line-height: 80rpx; } .popTel-cont { padding: 60rpx 0; } .popTel-head { width: 100rpx; height: 100rpx; border-radius: 50%; margin: 0 auto 20rpx; border: #ff8e65 solid 2rpx; } .popTel-btn { border-top: 2rpx solid #dedede; line-height: 90rpx; color: #ff8e65; font-size: 30rpx; }