125 lines
2.0 KiB
Plaintext
125 lines
2.0 KiB
Plaintext
page{
|
|
height:100vh;
|
|
overflow: hidden;
|
|
}
|
|
/* healthyService/pages/healthyDetail/healthyDetail.wxss */
|
|
.page{
|
|
width:100%;
|
|
height:calc(100% - 172rpx);
|
|
margin-top: 172rpx;
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex-direction: column;
|
|
}
|
|
.dcimg{
|
|
width:100%;
|
|
position: absolute;
|
|
z-index:-1;
|
|
}
|
|
.detailbox{
|
|
overflow: hidden;
|
|
/* position: relative; */
|
|
z-index:1;
|
|
flex:1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top:30rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
|
}
|
|
.con{
|
|
flex:1;
|
|
padding: 0 30rpx;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.quanyi{
|
|
position: relative;
|
|
width:260rpx;
|
|
margin:0 auto;
|
|
height:70rpx;
|
|
}
|
|
.quanyiImg{
|
|
width:260rpx;
|
|
height:70rpx;
|
|
}
|
|
.cell{
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.quanyiText{
|
|
top:0;
|
|
position: absolute;
|
|
|
|
font-size: 34rpx;
|
|
width:260rpx;
|
|
height:70rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.celltitle{
|
|
font-weight: 550;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
}
|
|
.celldesc{
|
|
margin-top: 15rpx;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
}
|
|
.buttonbox{
|
|
width:100%;
|
|
height:200rpx;
|
|
}
|
|
.btn{
|
|
height: 94rpx;
|
|
margin:35rpx 30rpx 0;
|
|
background: #3CC7C0;
|
|
border-radius: 47rpx;
|
|
font-size: 36rpx;
|
|
color: #FFFFFF;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
line-height: 50rpx;
|
|
text-align: center;
|
|
}
|
|
.red{
|
|
color:red;
|
|
}
|
|
.servicebox{
|
|
margin:0 30rpx;
|
|
padding:27rpx 30rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx;
|
|
}
|
|
.servicebox .ser_title{
|
|
font-weight: 550;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
}
|
|
.row{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.moneyType{
|
|
margin-top: 30rpx;
|
|
width: 300rpx;
|
|
height: 120rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 34rpx;
|
|
color: #333333;
|
|
border: 1rpx solid #CCCCCC;
|
|
border-radius: 10rpx;
|
|
|
|
}
|
|
.moneyType.on{
|
|
background: #3CC7C0;
|
|
color:#fff;
|
|
border: 1rpx solid #3CC7C0;
|
|
} |