.app { height: 100%; padding: 2% 2% 150rpx 2%; padding-top: 10rpx; font-size: 34rpx; position: relative; .mask { .information { width: 70%; height: 400rpx; margin: 50% auto; background: #FFFFFF; border-radius: 30rpx; text-align: center; color: #FFFFFF; position: relative; .determine, .cancel { width: 200rpx; height: 70rpx; border-radius: 26rpx; font-size: 34rpx; line-height: 70rpx; position: absolute; top: 74%; } .determine { background: #4C7BC9; right: 36rpx; } .cancel { background: #C5BFBF; left: 36rpx; } .title { font-size: 42rpx; margin-top: 40rpx; color: #000000; } image { width: 100rpx; height: 100rpx; margin: 10% 0 0 0; } } } .appointment { width: 120rpx; height: 70rpx; background: #4C7BC9; border-radius: 26rpx; color: #ffffff; text-align: center; line-height: 70rpx; position: absolute; bottom:20rpx; right:5%; } .detailtitle { position: relative; width: 94%; height: 100%; margin: 0 auto; background: #FFFFFF; border-radius: 20rpx; margin-top: 3%; font-size: 31rpx; padding: 3%; padding-bottom: 50rpx; .textInfo { word-break:break-all; font-size: 29rpx; text-indent: 2rem; line-height: 42rpx; color: #666666; padding-top: 30rpx; /deep/ .richPic { width: 100% !important; height: 100% !important; } } .Introduction { font-size: 31rpx; color: #333333; line-height: 12rpx; margin-left: -3%; padding: 3%; } } .item { width: 95%; height: 100%; background: #FFFFFF; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; margin: 20rpx auto 0; padding: 3% 3% 40rpx 3%; line-height: 60rpx; position: relative; image { width: 170rpx; height: 170rpx; margin-left: 3%; } .servicetime { color: #999999; line-height: 37rpx; font-size: 30rpx; position: absolute; top: 35%; left: 35%; } .price { color: red; font-size: 32rpx; position: absolute; top: 65%; left: 35%; } .product { color: #000000; width: 60%; position: absolute; top: 14%; left: 32%; font-size: 28rpx; } .huanyao { color: #000000; position: absolute; top: 10%; left: 35%; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } /* 耗材包 */ .Consumablespackage { width: 95%; height: 100%; background: #FFFFFF; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 20rpx; margin: 20rpx auto 0; padding: 3% 3% 40rpx 3%; line-height: 60rpx; font-size: 32rpx; .detail { font-size: 30rpx; color: #000000; } span { color: red; float: right; } } }