/* packageF/timeAppointment/AppointmentUserDe/AppointmentUserDe.wxss */ view,text{ box-sizing: border-box; } .shopDateil { margin: 0 20rpx; margin-top: 20rpx; border-radius: 10rpx; background-color: #ffffff; padding: 31rpx 30rpx; text-align: left; } .shopDateil .shopList { display: flex; flex-direction: column; } .shopDateil .shopList .lis { display: flex; overflow: hidden; margin-top: 30rpx; } .shopDateil .shopList .lis .right { display: flex; flex-direction: column; justify-content: space-between; } .shopDateil .shopList .lis .right .sale { font-size: 24rpx; color: #333333; } .shopDateil .shopList .lis .right .price { font-size: 28rpx; color: #fe5e56; } .shopDateil .shopList .lis .right .txt { font-size: 28rpx; color: #2c2c2c; font-weight: bold; } .shopDateil .shopList .lis .left { margin-right: 20rpx; width: 170rpx; height: 170rpx; background-color: #9d9d9d; border-radius: 10rpx; } .shopDateil .shopList .lis .left image { width: 170rpx; height: 170rpx; background-color: #9d9d9d; border-radius: 10rpx; } .shopDateil .shoptitle { font-size: 34rpx; color: #353434; font-weight: bold; } .shopDateil .shoptitle .iconfont { color: #fc8200; font-size: 43rpx; } .introDetail { border-radius: 10rpx; padding: 14rpx; background-color: #ffffff; margin-top: 20rpx; } .shop { margin: 0 20rpx; border-radius: 10rpx; background-color: #ffffff; padding: 31rpx 30rpx; text-align: left; } .shop .navBtn { display: flex; align-items: center; justify-content: space-between; margin-top: 32rpx; } .shop .navBtn .line { background-color: #c3c3c3; width: 1rpx; height: 34rpx; } .shop .navBtn .service { flex: 1; display: flex; align-items: center; justify-content: center; } .shop .navBtn .service .iconfont { font-size: 32rpx; margin-right: 10rpx; } .shop .navBtn .service .icon-fontclass-yunkefu { color: #fc8200; } .shop .navBtn .service .icon-fontclass-tuiguang2 { color: #f42a26; } .shop .address { font-size: 26rpx; color: #262626; } .shop .shoptitle { font-size: 32rpx; color: #353434; font-weight: bold; margin-bottom: 13rpx; } .userDetail { border-radius: 10rpx; margin: 20rpx; background: #fff; padding: 30rpx; padding-right: 33rpx; box-sizing: border-box; overflow: hidden; } .userDetail .tapBottin { display: flex; align-items: center; justify-content: center; color: #888888; } .userDetail .hidenShow { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .userDetail .intro { margin-top: 21rpx; text-align: left; font-size: 24rpx; color: #666666; margin-bottom: 23rpx; } .userDetail .usetTop { display: flex; } .userDetail .usetTop .detail { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .userDetail .usetTop .detail .name { font-size: 28rpx; color: #4f4f4f; font-weight: bold; } .userDetail .usetTop .detail .total { font-size: 24rpx; } .userDetail .usetTop .detail .total .num { color: #f14e4e; } .userDetail .usetTop .imgbox { width: 90rpx; height: 90rpx; margin-right: 23rpx; } .userDetail .usetTop .imgbox image { width: 100%; height: 100%; border-radius: 50%; } .introDetail { border-radius: 0.31rem; padding: 0.44rem; background-color: #ffffff; margin-top: 0.63rem; } .introDetail .txt { display: flex; align-items: center; justify-content: center; margin: 1rem 0; color: #9a9a99; padding: 0 0.69rem; box-sizing: border-box; overflow: hidden; } .introDetail .txt .line { background: #ced0d2; width: 3rem; height: 1px; } .introDetail .txt .dr { margin-right: 0.8rem; } .introDetail .txt .dl { margin-left: 0.8rem; }