.article-out-content {
    width: 100% !important;
    max-width: 1000px;
    margin: 50px auto;
}

.detail {
    /* text-align: center;*/
    /* padding: 1px 1px 30px 1px;*/
    /* width: 1000px !important;*/
    width: 100% !important;
    /* max-width: 1000px;*/
    overflow: auto;
    margin: 0 auto;
}

.excelDefaults {
    margin: 5px auto !important;
}

.detail h1 {
    font-size: 22px;
    color: #3D3D44;
    text-align: center;
    height: 54px;
    line-height: 55px;
}

.detail p {
    font-size: 18px;
    /* color: #3D3D44;*/
    line-height: 1.8;
    /*padding: 0;*/
    /*text-align: left;*/
}

.detail img {
    margin: 15px 0;
    max-width: 100%;
}

.detail.online-text-content {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.8;
}

.detail.online-text-content p {
    margin: 14px 0;
}

.detail.online-text-content ol {
    display: block;
    list-style: revert;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.detail.online-text-content table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.detail.online-text-content td,
.detail.online-text-content th {
    padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    /*border-color: #DDD;*/
}

@media (max-width: 1024px) {
    .detail {
        width: 95% !important;
    }

    .detail video {
        max-width: 98% !important;
    }

    .detail audio {
        max-width: 98% !important;
    }

    .detail.online-text-content video {
        width: 100%;
        height: auto;
    }

    .detail.online-text-content table {
        max-width: inherit !important;
        table-layout: auto !important;
    }

    .detail td,
    .detail th {
        /* white-space: nowrap;*/
    }

    .detail .table-wrapper {
        overflow-x: auto;
        padding: 1px;
    }

    .detail img {
        height: auto !important
    }
}

@media (max-width: 640px) {
    .detail.online-text-content audio {
        width: 100%;
    }

    .detail.online-text-content iframe {
        max-width: 100%;
        height: auto !important;
    }

    .detail .audio-content {
        width: 100% !important;
    }

    .detail .audiojs {
        width: 100%;
        display: flex;
    }
}