@import "./template/introduce.wxss";
.give{padding:17rpx;}
.give-content{background-color: white;text-align: center;padding: 90rpx 0;position: relative;margin-top: 80rpx;border-radius: 10rpx;}
.content-photo{width: 140rpx;height: 140rpx;padding: 6rpx;border-radius: 100%;background-color: white;position: absolute;top: -75rpx;left: 289rpx;}
.content-photo image{width: 100%;height: 100%;border-radius: 100%;}
.content-card{width: 566rpx;height: 318rpx;margin: 35rpx auto 70rpx;position: relative;}
.content-card-time{position: absolute;bottom: 20rpx;left: 20rpx;font-size: 22rpx;text-align: left;}
.content-card-time text{color: white;}
.content-card image{width: 100%;height: 100%;}
.content-input{width: 530rpx;height: 90rpx;border: 2rpx solid #595757;border-radius: 45rpx;margin: auto;font-size: 32rpx;}
.content-button{width: 530rpx;height: 90rpx;border-radius: 45rpx;margin: 40rpx auto 0;line-height: 90rpx;font-size: 32rpx; }
.give-you{font-size: 24rpx;color: #727171;margin-top: 20rpx;}
.give-you::before,.give-you::after{content: ''; width: 10rpx; height: 10rpx;border-radius: 100%; display: inline-block; background: #ee3a43; transform: rotate(45deg); vertical-align: middle;}
.give-you::before{margin-right: 20rpx;}
.give-you::after{margin-left: 20rpx;}
.result-content{background-color: white;padding-top: 32rpx;text-align: center;}
.content-card{width: 566rpx;height: 318rpx;margin: 35rpx auto 70rpx;position: relative;}
.content-card-time{position: absolute;bottom: 20rpx;left: 20rpx;font-size: 24rpx;color: gray;}
.content-card image{width: 100%;height: 100%;}
.result-icon{font-size: 120rpx;}
.buttons-row{margin: 0 80rpx;padding: 60rpx 0 50rpx;}
.buttons-row .button{line-height: 66rpx;font-size: 28rpx;}
.button.button-plain{color: gray;border: 2rpx solid gray;background-color: white;}
.buttons-row.buttons-gutter.buttons-ones{margin: 0 240rpx;}
.weight{font-weight: 600;}
.card-image{border-radius: 20rpx;}