page{padding-bottom: 170rpx;}
.box{padding: 30rpx;}
.nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;border-radius: 6rpx;}
.ddinfo{background: #fff;padding: 0 20rpx;margin: 20rpx 0 0;border-radius: 10rpx;}
.ddinfo .li{display: flex;display: -webkit-flex;align-items: center;padding: 30rpx 0;border-bottom: 2rpx solid #E5E5E5;}
.ddinfo .li:last-child{border-bottom: none;}
.ddinfo .li text{display: block;font-size: 28rpx;color: #666;}
.ddinfo .li view{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;text-align: right;}
.ddinfo .li view.quan{color: #FE0419;margin-right: 12rpx;}
.ddinfo input{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #333;}
.regist-bottom-btn{border-radius: 40rpx;background-color: #009AFF;height: 80rpx;line-height: 80rpx;color: #fff;text-align: center;position: fixed;left: 40rpx;right: 40rpx;bottom: 60rpx;}
.ddinfo .li .textcolor-red{color: #FE0419;font-size: 30rpx;font-weight: bold;}
.ddinfo .li .textcolor-orange{color: #F06520;}
.cancel-sta{background: #e1e1e1;height: 80rpx;line-height: 80rpx;font-size: 28rpx;color: #333;margin: 40rpx 0 0;border-radius: 40rpx;text-align: center;}
.end{background: #3FBDFB;color: #fff;}

.cancel-bar{display: flex;display: -webkit-flex;flex-wrap: wrap;padding-top: 20rpx;}
.reason-item{background-color: #F9F9F9;border-radius: 50rpx;color: #999;padding: 10rpx 27rpx;margin-top: 10rpx;margin-right: 10rpx;font-size: 24rpx;}
.cancel-bar .active{background-color:#3FBDFB ;color: #fff;}
.cancel-bar textarea{width: 100%;border:1rpx solid #DEDEDE;margin: 30rpx 0;padding: 30rpx;max-height: 200rpx;}
.placeholder{color: #999;}