You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
162 lines
2.6 KiB
162 lines
2.6 KiB
.H5_messageCss {
|
|
width: 100%;
|
|
z-index: 2;
|
|
position: absolute;
|
|
top: 0rpx;
|
|
left: 0rpx;
|
|
background-color: rgba(248, 248, 248, 1);
|
|
padding-bottom: 90rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.H5_titleBox {
|
|
width: 100%;
|
|
height: 110rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
display: flex;
|
|
padding-top: 20rpx;
|
|
}
|
|
|
|
.H5_titleItem {
|
|
width: 25%;
|
|
height: 90rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.H5_itemName {
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
border-radius: 8rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
width: 140rpx;
|
|
height: 60rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 1rpx solid rgba(220, 220, 220, 1);
|
|
}
|
|
|
|
.H5_itemNameActive {
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
border-radius: 8rpx;
|
|
background-color: rgba(1, 171, 169, 1);
|
|
width: 140rpx;
|
|
height: 60rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.H5_itemImg {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
|
|
.H5_infoBox {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
|
|
width: calc(100% - 60rpx);
|
|
border-radius: 12rpx;
|
|
margin: 20rpx auto 0;
|
|
padding: 10rpx 20rpx;
|
|
}
|
|
|
|
.H5_infoTitle {
|
|
color: rgb(64, 64, 64);
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.H5_infoItem {
|
|
margin: 25rpx 0rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.H5_infoItemName {
|
|
color: rgba(104, 117, 139, 1);
|
|
font-size: 30rpx;
|
|
width: 45%;
|
|
text-align: left;
|
|
}
|
|
|
|
.H5_infoItemValue {
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 30rpx;
|
|
width: 55%;
|
|
text-align: right;
|
|
}
|
|
|
|
.H5_infoNewBox {
|
|
width: 100%;
|
|
padding: 0 20rpx;
|
|
box-sizing: border-box;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.H5_infoItemNew {
|
|
margin: 30rpx 0rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.H5_infoItemNameNew {
|
|
color: rgba(104, 117, 139, 1);
|
|
font-size: 28rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.H5_infoItemValueNew {
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
text-align: right;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.H5_infoItemValueNew image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 8rpx;
|
|
}
|
|
|
|
.divider {
|
|
height: 1rpx;
|
|
background-color: #ebedf0;
|
|
margin: 0;
|
|
}
|
|
|
|
.H5_infoNewImg {
|
|
width: 32%;
|
|
height: 200rpx;
|
|
margin-right: 2%;
|
|
margin-bottom: 1%;
|
|
}
|
|
|
|
.H5_infoNewImg:nth-child(3n) {
|
|
margin-right: 0rpx;
|
|
}
|
|
|
|
/* 星级评分样式 */
|
|
.star-rating {
|
|
display: flex;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.star {
|
|
font-size: 25rpx;
|
|
margin-right: 2rpx;
|
|
}
|
|
|
|
.star-filled {
|
|
color: #13C2C2;
|
|
}
|
|
|
|
.star-empty {
|
|
color: #eee;
|
|
}
|
|
|