.artworkDetailContainer{position:relative;width:100vw;height:var(--vh,100vh);overflow:auto}.artworkDetailContainer .body-div{position:relative;min-height:450px}.artworkDetailContainer .artworkInfoDiv{padding:10px 0 30px;margin:0 auto;max-width:930px;font-size:16px;display:flex;justify-content:space-between;gap:30px}.artworkDetailContainer .artworkImage-div{position:relative;flex:1}.artworkDetailContainer .artworkCover-div{position:relative;width:100%;height:360px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.02)}.artworkDetailContainer .cover-image{width:100%;height:100%;cursor:zoom-in}.artworkDetailContainer .image-wrap{margin-top:20px;display:flex;align-items:center;gap:10px}.artworkDetailContainer .item-image{width:50px;height:50px;cursor:pointer}.artworkDetailContainer .item-image.isSelected{border:2px solid #ff4a00}.artworkDetailContainer .artworkInfo-div{position:relative;width:320px;color:#000}.artworkDetailContainer .artworkName{margin-bottom:12px;font-size:24px;font-weight:700}.artworkDetailContainer .info-div{font-size:16px;margin:5px 0}.artworkDetailContainer .exhibition-div{margin:20px 0;font-size:16px;display:flex;flex-direction:column}.artworkDetailContainer .exhibitionItem{font-size:14px;color:#606266;word-break:break-all}.artworkDetailContainer .related-wrap{position:relative;margin:0 auto;padding:30px 0;max-width:930px;border-bottom:1px solid #d8d8d8}.artworkDetailContainer .panel-title{position:relative;margin:0 auto;max-width:930px;font-size:24px;line-height:38px;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center}.artworkDetailContainer .artwork-wrap{position:relative;margin:20px auto 0;width:100%;display:flex;justify-content:flex-start;gap:20px 30px;overflow-x:hidden}.artworkDetailContainer .arrowLeftDiv,.artworkDetailContainer .arrowRightDiv{position:absolute;left:-50px;top:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transform:translateY(-20px);cursor:pointer}.artworkDetailContainer .arrowRightDiv{left:auto;right:-50px}.artworkDetailContainer .artwork-item{cursor:pointer}.artworkDetailContainer .artwork-item-view{margin-top:10px;font-size:16px;color:#2a353f;display:flex;align-items:center;justify-content:space-between;gap:10px}.artworkDetailContainer .artwork-item-img{position:relative;width:210px;aspect-ratio:1}.artworkDetailContainer .artwork-image{width:100%;height:100%}.artworkDetailContainer .artwork-view-div{font-size:16px;color:#2a353f;display:flex;align-items:center;justify-content:flex-end;gap:10px}.artworkDetailContainer .artwork-view-div .view-icon{position:relative;top:-2px}.artworkDetailContainer .artwork-function-div{margin-top:20px;font-size:14px;color:#606266;display:flex;align-items:center;justify-content:center;gap:10px 20px}.artworkDetailContainer .artwork-function-item{display:flex;align-items:center;gap:5px;cursor:pointer}.artworkDetailContainer .panel-select-div{margin:0 auto;max-width:930px;height:60px;color:#606266;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;display:flex;align-items:center;justify-content:center;gap:30px;background-color:#fff}.artworkDetailContainer .panel-item{display:flex;align-items:center;gap:5px;cursor:pointer}.artworkDetailContainer .is-active .panel-item .el-icon{--color:#fa6400!important}.artworkDetailContainer .is-active .panel-item{color:#fa6400}.artworkDetailContainer .show-comments-wrap{margin:20px auto 0;padding-bottom:30px;max-width:930px;border-bottom:1px solid #d8d8d8}.artworkDetailContainer .writeComment-button{position:absolute;right:100px}.artworkDetailContainer .show-comments{position:relative;margin-top:20px;width:100%;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:20px 30px}.artworkDetailContainer .show-comment-item{position:relative;width:290px;display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}.artworkDetailContainer .moreComment-div{margin-top:20px;display:flex;align-items:center;justify-content:center}.artworkDetailContainer .comment-info-div{font-size:14px;color:#000;flex:1}.artworkDetailContainer .comment-content{margin-top:10px}.artworkDetailContainer .comment-images{margin-top:5px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.artworkDetailContainer .comment-image{width:100px;aspect-ratio:1;background-color:#d8d8d8;border-radius:15px;cursor:pointer}.artworkDetailContainer .show-products-div{margin:20px auto 0;padding-bottom:20px;max-width:930px;border-bottom:1px solid #d8d8d8}.artworkDetailContainer .products-wrap{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px}.artworkDetailContainer .product-item{position:relative;width:290px}.artworkDetailContainer .product-image-div{position:relative;width:100%;aspect-ratio:1}.artworkDetailContainer .product-image{width:100%;height:100%}.artworkDetailContainer .product-name-div{padding:2px 0;font-size:14px}.artworkDetailContainer .about-artwork-panel{margin-top:20px}.artworkDetailContainer .artwork-exhibition-panel,.artworkDetailContainer .artwork-info-div{margin-top:10px;padding:10px 15px;border:1px solid #d8d8d8}.artworkDetailContainer .artwork-info-div .info-div{font-size:12px}.artworkDetailContainer .artwork-exhibition-panel{width:100%;font-size:14px;display:flex;flex-direction:column;gap:5px 0}.artworkDetailContainer .eachExhibition{display:flex;align-items:center;justify-content:space-between;gap:10px 20px}.artworkDetailContainer .exhibition-follow-button{margin-left:10px;width:80px;height:32px;font-size:12px;color:#fff;background-color:#000;border-radius:16px;border:0}.artworkDetailContainer .artwork-buy-div{margin-top:20px;font-size:16px;font-weight:700;color:#000}.artworkDetailContainer .buy-button{margin-top:5px;width:100%;height:40px;color:#fff;background-color:#000;border-radius:20px;border:0}.artworkDetailContainer .delivery-info{margin-top:20px;padding:20px 0 0;font-size:12px;font-weight:400;color:#606266;border-top:1px solid #d8d8d8}.artworkDetailContainer .delivery-title{margin-bottom:10px;font-size:16px;font-weight:700;color:#000}.artworkDetailContainer .artwork-info-label-div{margin-top:5px;display:flex;gap:10px}.artworkDetailContainer .artwork-info-label{padding:5px 8px;font-size:12px;border:1px solid #909399}.artworkDetailContainer .el-affix--fixed{background-color:#fff}@media screen and (max-width:930px){.artworkDetailContainer .artworkInfoDiv{padding:10px 20px 30px}.artworkDetailContainer .artwork-wrap{padding:0 20px}.artworkDetailContainer .arrowLeftDiv{left:20px;top:30px;transform:none}.artworkDetailContainer .arrowRightDiv{right:20px;top:30px;transform:none}}@media screen and (max-width:500px){.artworkDetailContainer .artworkInfoDiv{padding-bottom:30px;flex-direction:column}.artworkDetailContainer .artwork-item-img{width:calc(100vw - 60px)}.artworkDetailContainer .writeComment-button{right:20px}.artworkDetailContainer .panel-select-div{gap:10px 20px}.artworkDetailContainer .artworkInfo-div{width:100%}.artworkDetailContainer .arrowLeftDiv{left:10px}.artworkDetailContainer .arrowRightDiv{right:10px}}@media screen and (max-width:430px){.artworkDetailContainer .artwork-item-view{padding:0 20px}}