.sam-EssayDetail-box {
    padding: 0.35rem 2.15rem 0.25rem;
    margin-top: var(--header-height);
    box-sizing: border-box;
}

.oc-PaperDatabase-breadcrumb {
    padding: 0;
    margin-top: 0;
}

.sam-EssayDetail-title {
    color: #333;
    font-family: Avenir;
    font-size: max(0.36rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    padding-top: 0.27rem;
    padding-bottom: 0.3rem;
}

.sam-EssayDetail-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.73rem;
    position: relative;
}

.sam-EssayDetail-container .sam-EssayDetail-left {
    width: calc(100% - 4.16rem);
}

.sam-EssayDetail-container .sam-EssayDetail-right {
    width: 4.16rem;
    position: sticky;
    top: 0.9rem;
}

.sam-EssayDetail-right .publish-btn {
    background: #2F67B3;
    border-radius: 0.06rem;
    padding: 0.14rem 0.75rem;
    color: #FFF;
    text-align: center;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1.33;
    margin-bottom: 0.3rem;
    cursor: pointer;
    border: 1.5px solid #2F67B3;
}

.sam-EssayDetail-right .publish-btn:hover {
    background: #FFF;
    border: 1.5px solid #2F67B3;
    color: #2F67B3;
}

.sam-EssayDetail-right .disclaimer-box {
    border-radius: 0.1rem;
    background: #EBEBEB;
    display: flex;
    padding: 0.20rem 0.14rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    align-self: stretch;
    margin-bottom: 0.3rem;
}

.sam-EssayDetail-right .disclaimer-box .disclaimer-box-child {
    border-radius: 8px;
    background: #FFF;
    display: flex;
    padding: 0.19rem 0.12rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    flex-shrink: 0;
}

.sam-EssayDetail-right .disclaimer-box .disclaimer-box-child .disclaimer-title {
    width: 100%;
    text-align: left;
    color: #333;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1.28;
    text-transform: uppercase;
}

.sam-EssayDetail-right .disclaimer-box .disclaimer-box-child .disclaimer-content {
    color: #666;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
}

.sam-EssayDetail-right .sam-inquiry-title {
    color: #333;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 163.636%;
    text-transform: capitalize;
    margin-bottom: 0.25rem;
}

.sam-EssayDetail-right .form-item .form-item-label {
    color: #333;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
}

.sam-EssayDetail-right .form-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.2rem;
}

.sam-EssayDetail-right .form-item:last-child {
    margin-bottom: 0;
}

.sam-EssayDetail-right .form-item input {
    border-bottom: 1px solid #868686;
    margin-top: 0.15rem;
    font-size: max(0.16rem 15px);
}

.sam-EssayDetail-right .form-check {
    color: #868686;
    font-family: Inter;
    font-size: max(0.16rem, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: 142.023%;
    margin-bottom: 0.1rem;
}

.sam-EssayDetail-right .form-important-reminder {
    color: #868686;
    font-family: Avenir;
    font-size: max(0.16rem, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: 190.523%;
    text-transform: capitalize;
}

.sam-EssayDetail-right .form-footer-btns-center {
    text-align: center;
}

.sam-EssayDetail-right .form-footer-btns-center .submit-btn {
    margin-top: 0.5rem;
    padding: 0.18rem 0.32rem;
    border-radius: 0.1rem;
    background: #2F67B3;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: max(0.2rem, 15px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
}

.oc-paperDatabase-success {
    display: none;
}

.oc-paperDatabase-success h3 {
    color: #333;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 163.636%;
    text-transform: capitalize;
    margin-bottom: 0.25rem;
}

/* Content */
.sam-EssayDetail-left .sam-EssayDetail-item {
    padding: 0.2rem 0;
    border-bottom: 1px solid rgba(183, 183, 183, 0.30);
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.sam-EssayDetail-left .sam-EssayDetail-item .sam-EssayDetail-item-title {
    display: flex;
    justify-content: start;
    gap: 0.12rem;
    align-items: flex-start;
}

.sam-EssayDetail-left .sam-EssayDetail-item .sam-EssayDetail-item-title .sam-EssayDetail-item-title-label {
    /* width: 103px; */
    /* height: 29px; */
    flex-shrink: 0;
    border-radius: 4px;
    background: #2F67B3;
    padding: 0.04rem 0.13rem;
    color: #FFF;
    font-family: Avenir;
    font-size: max(0.18rem, 13px);
    font-style: normal;
    font-weight: 800;
    line-height: 155.556%;
    text-transform: capitalize;
}

.sam-EssayDetail-left .sam-EssayDetail-item .sam-EssayDetail-item-title .sam-EssayDetail-item-title-content {
    color: #2F67B3;
    font-family: Avenir;
    font-size: max(0.22rem, 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 127.273%;
    text-transform: capitalize;
}

.sam-EssayDetail-left .sam-EssayDetail-item .sam-EssayDetail-item-author {
    color: #666;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 163.333%;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.sam-EssayDetail-left .sam-EssayDetail-item .sam-EssayDetail-num {
    color: #333;
    font-family: Avenir;
    font-size: max(0.18rem, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.18rem;
}

/* Pagination */
.sam-EssayDetail-left .sam-EssayDetail-pagination {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.24rem;
}

.sam-EssayDetail-left .sam-EssayDetail-pagination button {
    width: 0.4rem;
    height: 0.40rem;
    flex-shrink: 0;
    border-radius: 6px;
    background: #EAF4FF;
    color: #000;
    font-family: Avenir;
    font-size: max(0.2rem, 15px);
    font-style: normal;
    font-weight: 350;
    line-height: 110%;
}

.sam-EssayDetail-left .sam-EssayDetail-pagination .active {
    background: #2F67B3;
    color: #FFF;
}

.sam-EssayDetail-left .sam-EssayDetail-pagination button[disabled] {
    cursor: not-allowed;
    background: #EBEBEB;
}
.sam-EssayDetail-left .sam-EssayDetail-pagination .more {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.sam-EssayDetail-left .sam-EssayDetail-pagination span {
    font-size: max(0.2rem, 15px);
    display: flex;
    align-items: center;
    justify-self: center;
    gap: 0.24rem;
}
.sam-EssayDetail-left .sam-EssayDetail-pagination span input, 
.sam-EssayDetail-left .sam-EssayDetail-pagination .jump {
    width: 0.6rem;
    height: 0.4rem;
    border-radius: 6px;
    border: 1px solid rgba(183, 183, 183, 0.30);
    background: #FFF;
}

/* Content Table Start */
.essaydetail-content-table {
    margin-bottom: 0.6rem;
}
.essaydetail-content-table table,th,td {
    border: 1px solid #2F67B3;
    background: #FFF;
}
.essaydetail-content-table th {
    background: #EAF4FF;
    font-family: Avenir;
    font-size: max(0.18rem ,15px);
    font-style: normal;
    font-weight: 800;
    line-height: 133.333%;
    padding: 0.14rem 0.11rem;
    text-align: left;
    width: 1.3rem;
}
.essaydetail-content-table td {
    padding: 0.14rem 0.22rem;
    color:  #666;
    font-family: Avenir;
    font-size: max(0.18rem ,15px);
    font-style: normal;
    font-weight: 400;
    line-height:  133.333%;
}
/* Content Table End */

/* Related Materials Start */
#related-materials {
    margin-bottom: 0.6rem;
}
#related-materials-swiper .related-title {
    color: #333;
    font-family: Avenir;
    font-size: max(0.24rem , 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0.14rem;
}
#related-materials-swiper .swiper-slide {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.35rem;
    box-sizing: border-box;
    margin-bottom: 0.6rem;
}
#related-materials-swiper .related-product-img img {
    width: 4rem;
    height: 2.64rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    cursor: pointer;
    transition: all 0.5s;
}
#related-materials-swiper .related-product-img a {
    overflow: hidden;
}
#related-materials-swiper .related-product-img img:hover {
    transform: scale(1.1);
}
#related-materials-swiper .related-product {
    height: 2.64rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.15rem;
}
#related-materials-swiper .related-product .product-title a {
    color: #2F67B3;
    font-family: Avenir;
    font-size: max(0.24rem , 15px);
    font-style: normal;
    font-weight: 800;
    line-height: 116.667%;
}
#related-materials-swiper .related-product .product-title a:hover {
    text-decoration: underline;
}
#related-materials-swiper .related-product .product-des a{
    color: #666;
    font-family: Avenir;
    font-size: max(0.18rem , 13px);
    font-style: normal;
    font-weight: 400;
    line-height: 133.333%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* 显示行数 */
    overflow: hidden;
}
/* default swiper button remove */
#related-materials-swiper .swiper-button-prev:after,
#related-materials-swiper .swiper-button-next:after {
    display: none;
}

#related-materials-swiper .swiper-button-prev,
#related-materials-swiper .swiper-button-next {
    padding-bottom: 0.22rem;
}
#related-materials-swiper .swiper-button-prev {
    left: -0.02rem;
}
#related-materials-swiper .swiper-button-next {
    right: -0.02rem;
}
.swiper-button-next:hover svg, .swiper-button-prev:hover  svg{
    background: #007aff;
    border-radius: 100%;
}
/* Related Materials End */

/* Paper List Start */
.sam-EssayDetail-container .paper-title {
    color: #333;
    font-family: Avenir;
    font-size: max(0.24rem,15px);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0.08rem;
}
/* Paper List End */

/* 蒙层 */
.sam-EssayDetail-box .paper-loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sam-EssayDetail-box .paper-loading-wrapper .loading-title {
    font-size: max(0.26rem, 15px);
    color: #FFF;
    font-family: Avenir;
}
.sam-EssayDetail-box .paper-list {
    position: relative;
}


@media screen and (max-width: 1400px) {
    .sam-EssayDetail-box {
        padding: 0.35rem 1.2rem;
    }
    .sam-EssayDetail-left .filter-item:hover #topics-item-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media  screen and (max-width: 1025px) {
    .sam-EssayDetail-box {
        padding: 0.1rem 0.3rem 1rem
    }
    .sam-EssayDetail-title {
        font-size: max(0.24rem,15px);
    }
    .sam-EssayDetail-container {
        flex-direction: column;
    }
    /* Right */
    .sam-EssayDetail-container .sam-EssayDetail-right {
        width: 100%;
    }
    .sam-EssayDetail-right .publish-btn {
        font-size: max(0.22rem, 15px);
        padding: 0.28rem 1.53rem;
    }
    .sam-EssayDetail-right .disclaimer-box .disclaimer-box-child .disclaimer-title {
        font-size: max(0.24rem , 15px);
    }
    .sam-EssayDetail-right .disclaimer-box .disclaimer-box-child {
        gap: 0.2rem;
    }
    .sam-EssayDetail-right .disclaimer-box .disclaimer-box-child .disclaimer-content {
        font-size: max(0.22rem, 15px);
    }
    .sam-EssayDetail-right .sam-inquiry-title {
        font-size: max(0.24rem, 15px);
    }
    .oc-main-sam-breadcrumb .breadcrumb-item {
        font-size: max(0.24rem, 15px);
    }
    .sam-EssayDetail-right .form-item input {
        font-size: 15px;
    }
    /* Left */
    .sam-EssayDetail-container .sam-EssayDetail-left {
        width: 100%;
    }
    .sam-EssayDetail-left .sam-EssayDetail-left-search input {
        color:#D9D9D9;
        font-family: Avenir;
        font-size: max(0.2rem, 12px);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .sam-EssayDetail-left .sam-EssayDetail-pagination {
        gap: 0.1rem;
    }
    .sam-EssayDetail-left .sam-EssayDetail-pagination span {
        gap: 0.1rem;
    }
    .sam-EssayDetail-left .sam-EssayDetail-pagination span {
        font-size: max(0.2rem, 14px)
    }

    /* Related Materials */
    #related-materials-swiper .related-title {
        font-size: max(0.36rem , 15px);
        line-height: 183.333%;
    }
    #related-materials-swiper .swiper-slide {
        flex-direction: column;
        gap: 0.2rem;
    }
    #related-materials-swiper .related-product-img {
        width: 100%;
    }
    #related-materials-swiper .related-product-img img {
        width: 100%;
        height: 4.74rem;
    }
    #related-materials-swiper .related-product .product-title a {
        font-size: max (0.28rem ,15px);
        line-height: 178.571%;
    }
    #related-materials-swiper .related-product .product-des a {
        font-size: max(0.22rem , 12px);
        line-height: 145.455%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
    }
    .oc-main-sam-inquiry_cart-btn {
        margin: initial;
    }
    .oc-main-sam-inquiry_cart-btn .inquiry-btn {
        border-top-left-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem;
    }
    .oc-main-sam-inquiry_cart-btn .add-to-cart-btn {
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
    }
    .sam-EssayDetail-container .paper-title {
        font-size: max(0.36rem , 15px);
        line-height:183.333%;
        text-transform: uppercase;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 35%!important;
    }
}