.page-detail .block {
    width: 1600rem;
    height: max-content;
    max-width: 1600px;
    min-width: 1280px;
    margin: 0 auto;
}

.page-detail .block .intro-block {
    width: 100%;
    background-color: #fffcf9;
    border-radius: 1rem;
    background-color: rgb(255, 252, 249);
    height: 800rem;
    padding: 42rem 104rem 77rem 125rem;
}

.page-detail .block .intro-block .intro-left {
    width: 566rem;
    position: relative;
}

.page-detail .block .intro-block .intro-left .pic {
    width: 566rem;
    height: 566rem;
    object-fit: contain;
    background-color: rgb(245, 246, 247);
}

/* 轮播图册 */
.album {
    margin-top: 8rem;
    width: 100%;
    box-sizing: content-box;
    transform: translateX(-40rem);
    padding: 0 40rem;
    position: relative;
    --swiper-theme-color: #ec0928;
    --swiper-navigation-color: #ec0928;
    --swiper-navigation-size: 18rem;
    --swiper-navigation-disabled-color: #c3c3c3;
}

.album .album-img {
    width: 107rem;
    height: 107rem;
    object-fit: contain;
    background-color: rgb(245, 246, 247);
    cursor: pointer;
}

.album .album-active .album-img {
    border-bottom: 2rem solid #ec0928;
}

.swiper-button-disabled {
    --swiper-navigation-color: #c3c3c3;
}

.swiper .swiper-button-prev {
    left: 0;
}

.swiper .swiper-button-next {
    right: 0;
}


.page-detail .block .intro-block .intro-right {
    width: 715rem;
    margin-left: 90rem;
}

.page-detail .block .intro-block .intro-right .line {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 1rem;
    margin: 40rem 0;
}

.page-detail .block .intro-block .intro-right .title {
    margin-top: 26rem;
    font-size: 32rem;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-detail .block .intro-block .intro-right .type {
    font-size: 24rem;
    font-family: "FZLanTingHeiS-L-GB";
    color: rgb(94, 94, 94);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 12rem;
}

.page-detail .block .intro-block .intro-right .price {
    font-size: 18rem;
    font-family: "FZLanTingHeiS-L-GB";
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 1;
    align-items: baseline;
}

.page-detail .block .intro-block .intro-right .unit {
    font-size: 24rem;
    font-family: "Alibaba PuHuiTi 2.0";
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin-right: 4rem;
}

.page-detail .block .intro-block .intro-right .num {
    font-size: 32rem;
    font-family: "Alibaba PuHuiTi 2.0";
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

.page-detail .block .intro-block .intro-right .sharing {
    align-items: center;
    margin-top: 33rem;
}

.page-detail .block .intro-block .intro-right .btn {
    background-color: rgb(192, 50, 33);
    width: 209rem;
    height: 40rem;
    font-size: 14rem;
    font-family: "FZLanTingHeiS-L-GB";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.495;
    margin-right: 10rem;
}

.page-detail .block .intro-block .intro-right .btn .icon {
    width: 29rem;
    height: 29rem;
    object-fit: contain;
    margin-right: 8rem;
}

.page-detail .block .intro-block .intro-right .share-btn {
    width: 80rem;
    height: 40rem;
    cursor: pointer;
    font-size: 18rem;
    font-family: "FZLanTingHeiS-L-GB";
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 2.222;
    margin-left: 20rem;
    position: relative;
}

.page-detail .block .intro-block .intro-right .share-btn .icon {
    width: 16rem;
    height: 16rem;
    object-fit: contain;
    margin-right: 10rem;
}

.page-detail .block .intro-block .intro-right .share-btn:hover .float-code {
    display: block !important;
}

.page-detail .block .intro-block .intro-right .share-btn .float-code {
    display: none;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 30px;
    left: 56%;
    transform: translateX(-50%);
    background: url("/assets/images/float-code.png") no-repeat center center;
}

.page-detail .block .intro-block .intro-right .share-btn .float-code .code-img {
    width: 150px;
    height: 150px;
    display: block;
    margin: 14px auto 0;
    padding: 4px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 2px solid #dddddd;
    border-radius: 4px;
}

.page-detail .block .intro-block .intro-right .share-btn .float-code .code-img canvas,
.page-detail .block .intro-block .intro-right .share-btn .float-code .code-img img {
    width: 100%;
    height: 100%;
}

.page-detail .block .intro-block .intro-right .desc .item {
    font-size: 18rem;
    font-family: "FZLanTingHeiS-L-GB";
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 1.2;
    display: flex;
    margin-bottom: 30rem;
}

.page-detail .block .intro-block .intro-right .desc .item .label {
    width: 120rem;
    flex: 0 0 120rem
}

.detail-block {
    width: 100%;
    margin-bottom: 32rem;
}

.detail-block .title {
    font-size: 32rem;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(0, 0, 0);
    line-height: 1;
    text-align: center;
    margin: 70rem auto 33rem;
}

.detail-block .desc-img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}