MD_YOSwechat/packageA/setclient/modules/trace/detail/index.scss

.box {
    width: 100vw;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 20rpx 0 20rpx 30rpx;

    .head {
        display: flex;

        .portrait {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80rpx;
            height: 80rpx;
            background: #3874F6;
            border-radius: 50%;
            font-size: 28rpx;
            font-family: PingFang SC-Regular, PingFang SC;
            color: #FFFFFF;
            margin-right: 20rpx;
            flex-shrink: 0;
        }

        .content {
            .title {
                font-size: 30rpx;
                font-family: PingFang SC-Regular, PingFang SC;
                color: #333333;

                text {
                    font-size: 24rpx;
                    font-family: PingFang SC-Regular, PingFang SC;
                    color: #999999;
                    margin-left: 20rpx;
                }
            }

            .time {
                font-size: 24rpx;
                font-family: PingFang SC-Regular, PingFang SC;
                color: #999999;
                margin-top: 8rpx;
            }
        }

    }

    .main {
        margin-top: 34rpx;
        padding-bottom: 20rpx;
        border-bottom: 1px solid #ddd;
        padding-right: 30rpx;
        box-sizing: border-box;

        .title {
            font-size: 24rpx;
            font-family: PingFang SC-Regular, PingFang SC;
            color: #999999;
        }

        .content {
            font-size: 28rpx;
            font-family: PingFang SC-Regular, PingFang SC;
            color: #666666;
            margin-top: 20rpx;
            word-break: break-all;
        }
    }

    .bottom {
        display: flex;

        >view {
            flex: 1;

            .label {
                font-size: 24rpx;
                font-family: PingFang SC-Regular, PingFang SC;
                color: #999999;
                margin-top: 20rpx;
            }

            .con {
                font-size: 28rpx;
                font-family: PingFang SC-Regular, PingFang SC;
                color: #333333;
                margin-top: 10rpx;

                .iconfont {
                    margin-left: 20rpx;
                    color: #FA8C16;
                }
            }
        }
    }
}