.content{height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.content-box{padding: 40rpx; height: calc(100% - 112rpx);}
.item-title{flex-shrink: 0; width: 25%;}
input[type='number']{background: #f6f5f5; border-radius: 8rpx; height: 56rpx; line-height: 56rpx; padding: 0 20rpx;}
.item-after .button{height: 56rpx; line-height: 56rpx;}
.s-button{margin-left: 40rpx; width: 60%; display: inline-block; vertical-align: text-bottom;}
.referre-info{text-align: center; padding: 80rpx 0 60rpx 40rpx;}
.referre-info .head{width: 140rpx; height: 140rpx; border-radius: 100%; margin:20rpx auto; overflow: hidden;}
.referre-info .head>image{max-width: 100%; max-height: 100%;}
.modal{box-shadow: none;}
.mTop110{margin-top: 110rpx;}
.mTop240{margin-top: 240rpx;}
.b{font-weight: bold;}
.modal-head> image{width: 580rpx; height: 326rpx; vertical-align: middle; border: 0 none;}
.modal-head > text{position: absolute; bottom: 35rpx; left: 50%; width: 100%; text-align: center; color: #fff; font-size: 48rpx; font-weight: bold; transform:translate(-50%,0);}
.box{background: #ff5a6a; padding:0 45rpx; border-radius: 0 0 10rpx 10rpx; margin-top: -2rpx;}
.box-overflow{height: 356rpx; padding: 0 10rpx; overflow: hidden; overflow-y: auto;}
.voucher-list{position: relative; height: 134rpx; margin-bottom: 10rpx; box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); border-radius: 10rpx; display: flex; align-items: center; justify-content: space-between;}
.voucher-list .price{flex-shrink: 0; width: 150rpx; text-align: center; padding-left: 20rpx; height: 90rpx; line-height: 90rpx; border-right: 2rpx dashed #898989; padding-right: 20rpx; margin-right: 20rpx; white-space: nowrap; font-size: 40rpx; color: #ff5a6a;}
.voucher-list .text{flex-shrink: 1; width: 100%; font-size: 24rpx; margin-right: 30rpx;}
.voucher-list::before, .voucher-list::after{content:""; width: 28rpx; height: 28rpx; position: absolute; top: 50%; background: #ff5a6a; transform: translateY(-50%);}
.voucher-list::before{left: -12rpx; box-shadow:inset -2rpx 0 4rpx rgba(209, 44, 68, .8); border-radius: 0 100% 100% 0;}
.voucher-list::after{right: -12rpx; box-shadow:inset 2rpx 0 4rpx rgba(209, 44, 68, .8); border-radius: 100% 0 0 100%;}

.buttons{padding:40rpx 60rpx;}
.button-gray{background-color: #c9caca !important;}

.modal .button{box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); color: #ff5a6a;}