/* 人员列表页 */
.person-modal-loading {
    height: 598px;
    color: #999;
    font-size: 16px;
}
.person-item.is-loading {
    opacity: 0.7;
    pointer-events: none;
}
.modal.person-modal {
    z-index: 9999;
}
.modal.person-modal .modal-dialog {
    max-width: 1120px;
}
.modal.person-modal .modal-content {
    background-color: white;
    height: 598px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-radius: 8px;
    overflow: hidden;
    border: 0 !important;
}
.modal.person-modal .modal-content .avatar {
    width: 416px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0 !important;
}
.modal.person-modal .lawyer-module-right {
    background: transparent;
    padding: 35px;
    flex-grow: 1;
    width: 0;
    display: flex;
    flex-direction: column;
}
.modal.person-modal .lawyer-module-right-head h1 {
    font-size: 24px;
    margin-bottom: 20px;
}
.modal.person-modal .lawyer-module-right-head h1 span {
    font-size: 16px;
    color: #071929;
    padding-left: 5px;
}
.modal.person-modal .lawyer-module-right .attr {
    line-height: 1.4em;
    margin-bottom: 30px;
}
.modal.person-modal .lawyer-module-right .attr img {
    width: 16px;
    height: auto;
}
.modal.person-modal .lawyer-module-right .attr span {
    font-size: 14px;
    padding-left: 10px;
    font-weight: normal;
}
.modal.person-modal .lawyer-module-right-body {
    flex-grow: 1;
    height: 0;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 35px;
}
.modal.person-modal .lawyer-module-right-body .title {
    font-size: 16px;
}
.modal.person-modal .lawyer-module-right-body .article-content,
.modal.person-modal .lawyer-module-right-body .article-content * {
    font-size: 14px !important;
}
.modal.person-modal .lawyer-module-right-body .article-content ul {
    overflow: inherit;
    height: auto;
    max-height: none !important;
}
.modal.person-modal .close {
    position: absolute;
    right: 35px;
    top: 35px;
    color: #999;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    z-index: 2;
}

@media (max-width: 1200px) {
    .modal.person-modal .modal-dialog { max-width: 900px; }
}
@media (max-width: 900px) {
    .modal.person-modal .modal-content { height: 500px; }
    .person-modal-loading { height: 500px; }
    .modal.person-modal .modal-dialog { max-width: 767px; }
    .modal.person-modal .modal-content .avatar { max-width: 300px; }
}
@media (max-width: 767px) {
    .modal.person-modal .modal-dialog { max-width: 640px; }
    .modal.person-modal .modal-content { height: 400px; }
    .person-modal-loading { height: 400px; }
    .modal.person-modal .modal-content .avatar { max-width: 240px; }
    .modal.person-modal .lawyer-module-right { padding: 20px; }
    .modal.person-modal .lawyer-module-right-body { padding-right: 20px; }
    .modal.person-modal .close { top: 20px; right: 20px; }
}
@media (max-width: 640px) {
    .modal.person-modal .modal-content {
        height: auto;
        flex-direction: column;
    }
    .person-modal-loading {
        height: auto;
        min-height: 320px;
    }
    .modal.person-modal .modal-content .avatar {
        width: 100%;
        padding-bottom: 100%;
        height: 0;
        max-width: none;
    }
    .modal.person-modal .close { color: white !important; opacity: 1; }
    .modal.person-modal .lawyer-module-right {
        flex-grow: unset;
        width: 100%;
        padding: 15px;
    }
    .modal.person-modal .lawyer-module-right-body {
        flex-grow: unset;
        height: auto;
    }
}

.en-us .modal.person-modal .modal-content h1 {
    font-family: PingFang-Medium, serif !important;
}
.en-us .modal.person-modal .modal-content .title {
    font-weight: bold;
}