hz-zhhq-app/unpackage/dist/dev/app-plus/static/css/haircut/haircut.css

155 lines
2.8 KiB
CSS

/* .one .btns-header p,.barber>view,.kind>view {
display: flex;
line-height: 1;
} */
/* 内容区 */
.one .content {
padding: 20upx 30upx;
}
.one .dataactive {
position: relative;
color: #00c277;
width: 260upx !important;
}
.one .dataactive .line {
width: 77.3333upx;
height: 8upx;
background: #00c277;
position: absolute;
left: 8%;
bottom: -1%;
}
.one .time-wrap{
overflow:hidden;
}
.one .time-wrap .time {
background: #fff;
position: relative;
}
.one .time-wrap .time image {
width: 48upx;
height: 48upx;
position: absolute;
right: 0;
bottom: 0;
}
.one .time-wrap .time-item {
float:left;
width: 50%;
color: #333333;
text-align: center;
padding-top:20upx;
border-top:1px solid #fff;
}
.one .time-wrap .active {
border-top: 1px solid #00c277 !important;
}
.one .time .yiyue {
color: #348cf2;
}
.one .time-item p {
color: #333333;
margin-top: 30upx;
font-weight: bold;
}
.one .time-item span {
font-size: 26upx;
color: #333333;
}
.one .kind {
overflow:hidden;
padding:30upx 0;
}
.one .kind_item {
float:left;
width:25%;
text-align:center;
}
.one .kind_item .round {
width: 32upx;
height: 32upx;
border-radius: 50%;
background: #cccccc;
display: inline-block;
margin-right: 10upx;
vertical-align:middle;
}
.one .kind_item .val{
color:#666;
font-size:26upx;
vertical-align:middle;
}
.one .kind_item .kindactive {
background: #00c277 !important;
}
.one .barber {
background: #fff;
display: flex;
align-items: center;
padding: 0 20upx 20upx;
height: 60upx;
border-bottom: 1px solid #eee;
margin: 10upx 10upx;
}
.one .barberactive {
background: #00c277 !important;
}
.one .barber-item{
padding-right:30rpx;
line-height:40rpx;
}
.one .barber-item .round {
width: 32upx;
height: 32upx;
border-radius: 32upx;
background: #cccccc;
display: inline-block;
margin-right: 10upx;
vertical-align: middle;
}
.one .barber-item .input_left{
vertical-align: middle;
font-size:28rpx;
color:#555;
}
.one .name {
margin-left: 66.6667upx;
}
/* 评论 */
.one .evaluate {
padding-top:20upx;
}
.one .evaluate .title{
font-size:28upx;
color:#333;
font-weight:bold;
line-height:40upx;
}
.one .evaluate .evaluate_item {
border-bottom: 1px solid #eeeeee;
padding:0 0 30upx 30upx;
}
.one .evaluate .evaluate_item:last-child {
border: none;
}
.one .evaluate .evaluate_item .user {
padding: 20upx 0;
}
.one .evaluate .evaluate_item .user .username {
color: #666;
display: inline-block;
vertical-align: top;
padding-right:20upx;
}
.one .evaluate .evaluate_item .user span image {
width: 40upx;
height: 40upx;
margin-right: 5upx;
}
.one .evaluate .evaluate_item .text{
font-size:28upx;
color:#666;
line-height:40upx;
}