.productview-page{
    position:absolute;
    left:0;right:0;bottom:0;top:0;
    background:url(productview/bg.jpg) no-repeat 0 0 ;
    background-size:cover;
    z-index:100;
}
.productview-page .back{
    display:block;
    position:absolute;
    background:url(productview/btn-back.png) no-repeat 0 0 ;
    background-size:cover;
    width:1.2rem;
    height:.42rem;
    bottom:1.1rem;
    right:.4rem;
    z-index:9999;
}
.productview-page .title{
    position:absolute;
    top:0;
    left:1rem;
    width:1.27rem;
    height:7.72rem;
    background:url(productview/title.png) no-repeat 0 0 ;
    background-size:cover;
    font-size:.4rem;
    color: #fff;
    box-sizing: border-box;
    padding-top:.5rem;
}
.productview-page .title span{
    position:relative;
    text-align:center;
    display:block;
    width:.5em;
    margin:0 auto;
    padding:.3rem 0;
    word-break: break-word;
    display: flex;
    justify-content: center;
}
.productview-page .title span:before{
    content:'';
    display:block;
    position:absolute;
    height:.06rem;
    width:.9rem;
    top:0;
    left:-0.35rem;
    background:url(productview/title-line.png) no-repeat 0 0 ;
    background-size:cover;
}
.productview-page .title span:after{
    content:'';
    display:block;
    position:absolute;
    height:.06rem;
    width:.9rem;
    bottom:0;
    left:-0.35rem;
    background:url(productview/title-line.png) no-repeat 0 0 ;
    background-size:cover;
    transform: rotate(180deg);
}
.productview-page .title .info{
    text-align: center;
    font-size: .18rem;
    line-height: .3rem;
    margin-top: .2rem;
    color: #D5B07D;
}

.productview-page .desc-container{
    position:absolute;
    top:.5rem;
    left:50%;
    
    background-image: linear-gradient(-90deg, rgba(122,70,37, 0.25), rgba(92,53,3, 0.25));
    border:1px solid rgba(168, 113, 78, 1);
    border-radius:.05rem;
    
    color:#ffe1c4;
    font-size:.18rem;
    line-height:.26rem;
    padding:.1rem .2rem;
    transform: translateX(-50%);
}
.productview-page .desc-container:before{
    content:'';display:block;
    position:absolute;
    top:-.08rem;
    right:-.08rem;
    left:-.08rem;
    bottom:-.08rem;
    border:1px solid rgba(168, 113, 78, 1);
    border-radius:.08rem;
}

.productview-page .scene-container{
    position:absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.productview-page .image-container{
    position:absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.productview-page .image-container .image-item{
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top: 2.1rem;
    width: 13rem;
    height: 7rem;
    padding:.2rem;
    box-sizing: border-box;
    display:none;
}
.productview-page .image-container .image-item .image{
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.productview-page .image-container .image-item .image img{
    max-width:100%;
    max-height:100%;
}
.productview-page .image-container .image-item .image canvas{
    width:100%;
    height:100%;
}
.productview-page .pagination-container{
    display:flex;
    gap: 1rem;
    position: absolute;
    left: 50%;
    bottom: .8rem;
    transform: translateX(-50%);
}
.productview-page .pagination-prev{
    display:block;
    width:.76rem;
    height:.76rem;
    background:url(btn-prev.png) no-repeat center center;
    background-size:cover;
    cursor:pointer;
}
.productview-page .pagination-next{
    display:block;
    width:.76rem;
    height:.76rem;
    background:url(btn-next.png) no-repeat center center;
    background-size:cover;
    cursor:pointer;
}


.productview-page .video-container{
    position:absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.productview-page .video-container .video-item{
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top: 2.1rem;
    width: 13rem;
    height: 7rem;
    padding:.2rem;
    box-sizing: border-box;
}
.productview-page .video-container .video-item video{
    width:100%;
    height:100%;
}