.app { font-size: 34rpx; padding-top: 10rpx; height: 100%; .addressitem{ width: 97%; border-bottom: 1rpx solid #D8D4D4; margin-left: 3%; height: 100%; .leftaddress{ width:15%; height: 100%; display: flex; display: inline-block; } .addition{ color: #666666; display: inline-block; line-height: 50rpx; font-size: 28rpx; } } .money { font-size: 32rpx; color: #D43953; position: absolute; right:5%; top:20%; } .user { background: #FFFFFF; width: 94%; margin: 10rpx auto; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; line-height: 93rpx; .selecttime { height: 93rpx; margin-left: 3%; text { font-size: 34rpx; color: #878987; } image { width: 18rpx; height: 27rpx; margin-left:50%; } .addition{ color: #666666; line-height: 30rpx; font-size: 28rpx; } } .item { width: 97%; border-bottom: 1rpx solid #D8D4D4; margin-left: 3%; .addition{ color: #666666; line-height: 30rpx; font-size: 28rpx; } } } .remarks { width: 94%; height: 382rpx; margin: 10rpx auto; padding: 3%; font-size: 34rpx; height: 96rpx; background: #FFFFFF; border-radius: 20rpx; margin-top: 20rpx; position: relative; span{ display: inline-block; width: 20%; } input { position: absolute; top:50%; left:23%; width: 77%; transform: translateY(-50%); } } .priceback { width: 99%; background: #FFFFFF; height: 100rpx; position:fixed; bottom:0; padding-bottom: 20rpx; display: flex; justify-content: space-around; .prices { font-size: 48rpx; color: #D43953; line-height: 100rpx; } .xiugai { width: 200rpx; height: 70rpx; background: #E1AE3C; border-radius: 26rpx; margin-left: 20%; margin-top: 15rpx; line-height: 70rpx; text-align: center; color: #ffffff; } .queren { width: 200rpx; height: 70rpx; background: #4C7BC9; border-radius: 26rpx; margin: 15rpx 0 0 15rpx; line-height: 70rpx; text-align: center; color: #ffffff; } } .radio-content { height: 80rpx; line-height: 2rpx; font-size: 34rpx; padding-top: 20rpx; .agreement { font-size: 34rpx; color: #878987; margin-left: 14%; } .radio-right { margin-left: 66rpx; .radio-default { border: 2rpx solid #0fbda6; } .radio { width: 34rpx; height: 34rpx; border-radius: 70%; border: 2rpx solid #178ffb; margin: 6px 25px -10px -10px; .radio-active { width: 16rpx; height: 16rpx; border-radius: 50%; background-color: #178ffb; margin-left: 26%; margin-top: 22%; // margin: 0 auto; } } } } /* 耗材包 */ .Consumablespackage { width: 94%; margin: 10rpx auto; padding: 3%; font-size: 34rpx; background: #FFFFFF; border-radius: 20rpx; margin-top: 20rpx; position: relative; padding-bottom: 40rpx; .detail { width: 301rpx; height: 31rpx; font-size: 32rpx; color: #666666; line-height: 31rpx; margin: 20rpx 0 0 40rpx; } } /* 套餐 */ .Package { width: 94%; height: 150rpx; margin: 10rpx auto; padding: 3%; font-size: 34rpx; background: #FFFFFF; border-radius: 20rpx; margin-top:20rpx; position: relative; .detail { line-height: 31rpx; font-size: 32rpx; color: #666666; line-height: 31rpx; position: absolute; left:10%; top:60%; } } .message { width: 94%; background: white; border-radius: 20rpx; margin: 0 auto; text-align: center; line-height: 96rpx; } }