dz-app/pages/test-center/mbti/components/results/mbti-report-style.css

.header_banner {
    position: relative;
    margin-bottom: 20rpx;
}

.header_banner > image {
    width: 700rpx;
    height: 352rpx;

}

.f-7c {
    color: #7C7C7C;
}

.line24 {
    line-height: 24px;
}

.img_wrap {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    color: white;
    text-align: center;
}

.img_wrap image {
    width: 448rpx;
    height: 224rpx;
}

.img_wrap > .tit {
    padding: 20rpx 0;

}


.text_wrap {
    top: 40rpx;
    position: absolute;
    left: 50%;
    font-size: 16px;
    transform: translateX(-50%);
}

.text_wrap view:first-child {
    font-size: 22px;
    margin-bottom: 16rpx;
}

.item .tit {
    color: #4A4A4A;
    font-size: 14px;
    padding: 8rpx 0 8rpx 14rpx;
}

.report-container {
    padding: 10px 12px;
}

.desc {
    padding: 0 36rpx;
}

.desc .desc_head {
    font-size: 18px;
    color: #6C6C6C;
    text-align: center;
    border: 1px dashed #FFA400;
    padding: 20rpx 0;
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    border-radius: 8rpx;
}

.desc .tip {
    font-size: 14px;
    line-height: 20px;
    padding: 24rpx 20rpx;
    background: #FFF9F5;
    border-radius: 4px;
    color: #4A4A4A;
    margin-bottom: 20rpx;
}


.tags {
    display: flex;
    justify-content: space-between;
    margin-top: 32rpx;
    margin-bottom: 44rpx;
}

.tags .tag {
    padding: 0 52rpx;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    color: #4A4A4A;
    align-items: center;
    padding: 16rpx 30rpx;
    position: relative;
}

.tags .tag text:last-child {
    position: absolute;
    color: white;
    left: 12rpx;
    padding: 0 10rpx;
    top: 0;
    opacity: 0.35;
    background: #646464;
}

.banner {
    padding: 16rpx;
    border-radius: 4px;
    color: #4A4A4A;
    margin-bottom: 20rpx;
}

.banner .in {
    padding: 20rpx;
    background: #FFFFFF;
    border-radius: 4px;
}

.banner .in view {
    margin-bottom: 20rpx;
}

.in .in_head {
    color: #3269B8;
}

.ul view {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #B69529;
    line-height: 20px;
    margin-bottom: 10px;
}