.media-user-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 680px;
    height: 560px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 5000px 1000px rgba(0, 0, 0, 0.5);
    z-index: 101;
    overflow: hidden;
    display: none;
}

.media-user-dialog header {
    height: 100px;
    width: 100%;
    position: absolute;
    top: 0;
    background-image: url(/images/media_user/title_bg.png);
    background-size: contain;
    text-align: center;
}

.media-user-dialog header .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-weight: 500;
    font-size: 25px;
    cursor: pointer;
    line-height: 20px;
}

.media-user-dialog header .close-btn:hover {
    opacity: 0.8;
}

.media-user-dialog header .title {
    height: 100px;
    object-fit: contain;
}

.media-user-dialog .content {
    position: absolute;
    top: 100px;
    padding: 30px 40px;
    font-family: MicrosoftYaHeiUI;
    font-size: 16px;
    color: #606266;
    letter-spacing: 0;
    line-height: 24px;
}

.media-user-dialog .btn-area {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}

.media-user-dialog .btn-area .media-user-btn {
    display: inline-block;
    vertical-align: top;
    padding: 11px 32px;
    background-color: #FB8C00;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 15px;
    text-decoration: none;
}

.media-user-dialog .btn-area .media-user-btn:hover {
    background-color: rgb(235, 141, 28);
}

.media-info p {
    padding: 0;
    margin: 0;
    font-family: MicrosoftYaHeiUI;
    font-size: 16px;
    color: #606266;
    letter-spacing: 0;
    line-height: 16px;
}

media-user-danger {
    color: #f64f4a !important;
}

.index-media-info p{
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #AB0F1B;
    letter-spacing: 0;
    line-height: 25px;
}

/* 活动弹窗 */

.activity-image-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 101;
    overflow: hidden;
    display: none;
    background-color: rgba(0, 0, 0, 0.5); 
   
}

.activity-image-dialog .content {
    width: 750px;
    height: 652px;
    background-image: url(/images/activity/activity.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.activity-image-dialog .content a {
    cursor: pointer;
}

.activity-image-dialog .content a:hover {
    filter: brightness(1.1);
}

.activity-image-dialog .content .left {
    position: absolute;
    top: 346px;
    left: 215px;
}

.activity-image-dialog .content .right {
    position: absolute;
    top: 336px;
    right: 42px;
}
.activity-image-dialog .content .middle {
    position: absolute;
    top: 293px;
    left: 558px;
}

.dialog-close {
    height: 46px;
    width: 46px;
    background-repeat: no-repeat;
    right: 10px;
    position: absolute;
    top: 12px;
    cursor: pointer;
}

.dialog-close:hover {
    filter: brightness(1.1);
}

.check-detail {
    height: 80px;
    width: 260px;
    left: 210px;
    position: absolute;
    top: 404px;
}