/* 详情 */
.collection-exhibits-desc {
    color: var(--font-brown);
}

.collection_details,
.collection_details_3d {
    padding: 80px 0;
    background-color: var(--font-white);
}

.collection-exhibits-desc .common-component-content-title {
    font-size: 36px; margin-bottom: 20px;
}

.collection-exhibits-desc .collection-exhibits-other {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 3px;
}

.collection-exhibits-desc .collection-exhibits-other + .collection-exhibits-other {
    margin-top: 10px;
}

.release-date {
    text-align: right;
    margin-bottom: 15px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
}

.collection-exhibits-image {
    padding-bottom: 94.42%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.collection-details-appraise {
    --box-bg: var(--font-white) !important;
    --radius-size: 20px !important;
    --radius-blur: 22px !important;

    position: relative;
    padding: 50px;
    color: var(--font-brown);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 80px;
}

.appraise-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.appraiser { margin-top: 13px; }

/* 详情2 */
.collection_details_3d .collection-exhibits-other {
    font-family: "font", system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
}

.collections-content-3d-box,
.collections-content-bottom {
    text-align: center;
}

.collections-content-bottom { margin-top: 50px; }

.collection_details_3d .release-date { margin-bottom: 0; }

.collections-content-tips {
    font-size: 20px;
    margin-top: 10px;
    color: var(--font-brown);
}

/* 详情3 */
.common-component-content-container {
    padding-left: 0;
    padding-right: 0;
}

.collection_details3 > .container {
    margin-bottom: 80px;
}

.collection-details3-title { position: relative; width: max-content; }
.collection-details3-title::after {
    content: "";
    position: absolute;
    right: -8px; bottom: -5px;
    width: 2.3em; height: 70%;
    background-color: rgba(125, 53, 43, .15);
}


/* 文物点评详情 */
.appraise-details-content .row { padding-right: 50px; }

.collection_appraise_details .common-component-content-text p { margin-bottom: 0; }

.collection_appraise_details {
    padding: 50px 0 !important;
    background-color: var(--font-white);
}

.collection_appraise_details .nav-item {
    font-size: 26px; width: 25%;
    text-align: center;
    cursor: auto;
}

.collection_appraise_details .nav-item:nth-child(n + 5) {
    margin-top: 20px;
}

.collection_appraise_details .nav-item a { color: var(--font-brown); }

.appraise-details-title { margin-bottom: 50px; }

.appraise-details-content .collection_appraise_details_item:first-child { margin-top: 3em; }

.collection_appraise_details_item_title {
    position: relative;
    font-size: 26px;
    color: var(--font-white);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.collection_appraise_details_item_title::after {
    content: "";
    display: block;
    margin-left: 80px;
    flex: 1;
    height: 1px;
    background-color: var(--font-white);
}
.collection_appraise_details_item_title:before{
    content: "";
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--font-white);
}

.collection_appraise_details_item_title span { flex-shrink: 0; }

.collection_appraise_details_item p:last-of-type { margin-bottom: 0; }

.fun-conjecture .common-component-shape-box-wrapper {
    margin-bottom: 60px;
    padding: 40px 30px;
}

.about-the-author .common-component-shape-box-wrapper {
    --radius-size: 15px !important;
    --radius-blur: 17px !important;
    padding: 30px 30% 30px 30px;
    margin-bottom: 0;
    position: absolute;
    top: 50%; width: calc(100% - 30px);
}

.author-image {
    position: relative;
    z-index: 10;
    width: 25%;
    margin: 60px 0 60px auto;
}

.author-image img { width: 100%; height: auto; }

@media (max-width: 1199px) {
    .collection-exhibits-desc .collection-exhibits-other,
    .release-date {
        font-size: 18px;
    }

    .appraise-details-content .row { padding-right: 30px; }

    .collection_appraise_details .nav-item,
    .collection_appraise_details_item_title { font-size: 20px; }
}

@media (max-width: 991px) {
    .collection_details3 .container,
    .collection-details-appraise  {
        margin-bottom: 60px;
        --radius-size: 15px !important;
        --radius-blur: 17px !important;
    }

    .appraise-details-content .row { padding-right: 20px; }
}

@media (max-width: 767px) {
    .collection-exhibits-desc .collection-exhibits-other,
    .release-date {
        font-size: 16px;
    }

    .collection-exhibits-image-wrapper { margin-top: 50px; }

    .collection_details3 .container,
    .collection-details-appraise  {
        margin-bottom: 30px;
    }

    .appraise-details-content .row { padding-right: 0px; }

    .collection_appraise_details {
        padding: 30px 0!important;
    }

    .collection_appraise_details .nav-item,
    .collection_appraise_details_item_title { font-size: 18px; }

    .collection_appraise_details .nav-item {
        width: 33.333333%;
    }

    .collection_appraise_details .nav {
        justify-content: flex-start !important;
    }

    .collection_appraise_details .nav-item:nth-child(n + 4) {
        margin-top: 20px;
    }

    .collection_appraise_details_item_title::after {
        margin-left: 50px!important;
    }
}

@media (max-width: 576px) {
    .collection-details-appraise {
        padding: 30px;
    }

    .appraise-details-title {
        margin-bottom: 30px!important;
    }
}

@media (max-width: 499px) {

    .appraise-details-title {
        margin-bottom: 20px!important;
    }

    .collection_appraise_details .nav-item,
    .collection_appraise_details_item_title {
        font-size: 16px!important;
    }

    .collection_appraise_details {
        padding: 20px 0!important;
    }

    .collection_appraise_details_item_title::after {
        margin-left: 30px!important;
    }
}