body.mdui-loaded {
    background-color: #fff;
}

.activity-intrduce {}

.activity-img img {
    margin-right: 20px;
    height: 160px;
    width: 280px;
}

.activity-info {
    height: 120px;
}

.activity-details h3 {
    font-family: SourceHanSansCN-Medium;
    font-size: 24px;
    color: #313336;
    letter-spacing: 0.32px;
    text-align: justify;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 12px;
}

.activity-details .activity-time {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    color: #6D7278;
    letter-spacing: 0.19px;
    text-align: justify;
    font-weight: 400;
    margin-bottom: 6px;
}

.activity-details .activity-place {
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    color: #6D7278;
    letter-spacing: 0.19px;
    text-align: justify;
    font-weight: 400;
}

.activity-share-box {
    align-items: center;
}

.activity-share-box .flex-right {
    align-items: center;
}

.activity-share-box .activity-apply {
    width: 106px;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(180deg, #4E79FB 3%, #4920DA 100%);
    border-radius: 4px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
}