/* components/mediate-detail/index.wxss */
|
@import '../../styles/public_components.wxss';
|
|
.card {
|
padding: 24rpx 32rpx;
|
background-color: #ffffff;
|
margin: 0 var(--padding-my);
|
border-radius: var(--border-radius-card);
|
margin-top: 16rpx;
|
}
|
|
.card2 {
|
padding: 0 32rpx;
|
}
|
|
.card3 {
|
padding: 4rpx 32rpx;
|
}
|
|
.user {
|
display: flex;
|
align-items: center;
|
}
|
|
.user-avatar {
|
width: 88rpx;
|
height: 88rpx;
|
margin-right: 16rpx;
|
}
|
|
.user-content {
|
flex: 1;
|
overflow: hidden;
|
}
|
|
.user-content-header {
|
display: flex;
|
align-items: center;
|
}
|
|
.user-content-header-title {
|
font-weight: 600;
|
margin-right: 16rpx;
|
}
|
|
.user-content-header-phone {
|
font-size: 24rpx;
|
margin-left: 8rpx;
|
}
|
|
.user-content-subTitle {
|
font-size: 24rpx;
|
line-height: 40rpx;
|
color: var(--second-text-color);
|
}
|
|
.order {
|
margin-left: 0;
|
margin-right: 0;
|
}
|
|
.mediateMsg {
|
background-color: rgba(113, 180, 227, 0.1);
|
border-radius: 10rpx;
|
font-size: 24rpx;
|
line-height: 40rpx;
|
padding: 24rpx 32rpx;
|
margin-top: 16rpx;
|
}
|
|
.mediateMsg-judge {
|
background-color: rgba(249, 241, 189, 0.6);
|
}
|
|
.mediateMsg-margin {
|
margin-bottom: 24rpx;
|
}
|
|
.mediateMsg-copy {
|
position: relative;
|
display: flex;
|
align-items: center;
|
padding-left: 8rpx;
|
margin-left: 8rpx;
|
}
|
|
.mediateMsg-copy::before {
|
content: '';
|
position: absolute;
|
left: 0;
|
height: 24rpx;
|
width: 2rpx;
|
background-color: var(--text-color);
|
}
|
|
.seal {
|
position: absolute;
|
z-index: 999;
|
transform: rotate(13deg);
|
right: var(--padding-my);
|
top: 150rpx;
|
}
|
|
.seal-image {
|
width: 360rpx;
|
height: 120rpx;
|
}
|
|
.seal-text {
|
position: absolute;
|
font-size: 40rpx;
|
line-height: 60rpx;
|
letter-spacing: 20rpx;
|
top: 30rpx;
|
z-index: 999;
|
left: 0;
|
right: 0;
|
text-align: center;
|
font-weight: 600;
|
color: #fc5159;
|
}
|
