.detail {
    width: 100%;
    margin-top: 78px;
    padding-top: 5.365vw;
    display: flex;
    justify-content: center;
}
.detail-con {
    width: 61.51vw;
}
.detail-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 14px;
}
.detail-left {
    width: 75%;
    color: #616161;
    font-size: 24px;
}
.detail-right {
    width: 20%;
    font-size: 12px;
    color: #616161;
}
.detail-main {
    min-height: 60vh;
}
.detail-main img {
    max-width: 100%;
}
.detail-main video {
    max-width: 100%;
}
@media (max-width:800px) {
    .detail-con {
        width: 96%;
    }
    .detail-nav {
        flex-wrap: wrap;
    }
    .detail-left {
        width: 100%;
        margin-bottom: 14px;
    }
    .detail-right {
        width: 100%;
    }
}