shebao-baidu-MiniProgram/page/mypage/pages/mesage/mesage.css

html,
body {
    height: 100%;
    font-family: PingFangSC-Regular;
    color: #333333;
}
.navigation {
    width: 100%;
    height: 176rpx;
    box-sizing: border-box;
    padding: 88rpx 32rpx 0;
    background: #ffffff;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 999;
}
.navigation image {
    width: 20rpx;
    height: 36rpx;
    margin-right: 12rpx;
}
.navigation > view {
    display: flex;
    font-size: 30rpx;
    color: #3296fb;
    align-items: center;
    margin-right: 190rpx;
}
.navigation > text {
    font-size: 34rpx;
}
.content {
    height: 100%;
    box-sizing: border-box;
    padding-top: 176rpx;
}
.content > .mItem {
    box-sizing: border-box;
    padding: 48rpx 32rpx 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 12rpx;
}
.content > .mItem > .time {
    opacity: 0.15;
    background: #000000;
    border-radius: 25rpx;
    color: #ffffff;
    font-family: SFProText-Medium;
    font-size: 26rpx;
    padding: 10rpx 32rpx;
    margin-bottom: 30rpx;
}
.content > .mItem > .msgBox {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 4rpx 8rpx 0 rgba(0,0,0,0.03);
border-radius: 8rpx;
}
.content > .mItem > .msgBox > image {
    width: 100%;
    height: 240rpx;
    vertical-align: top;
}
.content > .mItem > .msgBox > .msgContent {
    padding: 32rpx 40rpx 40rpx;
    display: flex;
    flex-direction: column;
}
.content > .mItem > .msgBox > .msgContent > .title {
    font-family: PingFangSC-Medium;
    font-size: 34rpx;
    margin-bottom: 16rpx;
}
.content > .mItem > .msgBox > .msgContent > .msg {
    font-size: 32rpx;
    color: #666666;
    text-align: justify;
    line-height: 48rpx;
}
.content > .mItem > .msgBox > .msgContent > .btn {
    font-size: 26rpx;
    color: #3296fb;
    text-align: center;
    width: 156rpx;
    height: 60rpx;
    line-height: 60rpx;
    border: 2rpx solid #3296fb;
    border-radius: 30rpx;
    margin-top: 34rpx;
}