.mh-product-detail-option-values[view="list"] { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .08); font-weight: 600; padding: 6px 6px 0 6px; }

    .mh-product-detail-option-values[view="list"]:hover { background-color: #ddf4df }
    .mh-product-detail-option-values[view="list"][select="true"] { background-color: #ddf4df }

    .mh-product-detail-option-values[view="list"] > div.price { padding-left: 20px; padding-right: 20px; font-size: 13px; color: #333; }

    .mh-product-detail-option-values[view="list"] > div.inventory { padding-left: 20px; padding-right: 20px; color: #999; font-size: 13px; font-weight: 100; }

.mh-product-detail-option-value[view="list"] { display: flex; align-items: center; text-align: left; flex: 1; background-color: transparent; border: none; }

    .mh-product-detail-option-value[view="list"] > img { }

    .mh-product-detail-option-value[view="list"] > div { padding-left: 10px; padding-right: 10px; }

.mh-product-detail-evaluate-video > video { width: 100%; height: 100% }

.desc-root { overflow: hidden; position: relative; }

.desc-root-all { max-height: none !important }

.desc-root-expand { text-align: center; padding: 0.8rem; font-size: 16px; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); z-index: 1; position: absolute; width: 100%; bottom: 0; left: 0; }

    .desc-root-expand:hover { font-weight: 500; cursor: pointer; background-color: rgba(255, 255, 255, 0.95); }

    .desc-root-expand[data-expand="true"] { position: static }

.sku_view_list { position: relative; }

    .sku_view_list > .mh-product-detail-option { position: relative; max-height: 365px; overflow: hidden; }

.sku_view_list-all { max-height: none !important }

.sku_view_list-expand { text-align: center; padding-left: 4rem; padding-bottom: 1rem; font-size: 16px; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); font-size: 16px; cursor: pointer; border-top: 1px solid #ddd; margin-top: 1rem; position: relative; }

    .sku_view_list-expand > div { position: absolute; width: 80px; border: 1px solid #ddd; border-radius: 8px; top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: #fff; padding: 3px 0px 2px 0px; }

        .sku_view_list-expand > div:hover { font-weight: 500; cursor: pointer; background-color: rgba(255, 255, 255, 0.95); }

.table-detail td, .table-detail th { padding: 1rem .5rem; }

.mh-product-detail-big-image { position: relative; display: flex; align-items: center; justify-content: center; }

    .mh-product-detail-big-image > .icon { position: absolute }

        .mh-product-detail-big-image > .icon > i { font-size: 3.6rem; color: #fff; cursor: pointer; }

.big-image-video:hover { cursor: pointer; }


.product-detail-modal-video-list { overflow-y: auto; max-height: 856px; }

.product-detail-modal-video-list_title { display: block; background-color: #f1eded; border-radius: 4px; padding: 7.5px 10px; margin-bottom: 14px; width: 100%; visibility: visible; }

.product-detail-modal-video-list_items { padding: 0; margin: 0; list-style: none; }

    .product-detail-modal-video-list_items > li > div { flex: 1; word-break: break-all; overflow: hidden; }

    .product-detail-modal-video-list_items > li { display: flex; gap: 10px; padding: 6px; cursor: pointer; }
        .product-detail-modal-video-list_items > li[select="true"] { border-radius: 6px; background-color: #f1f1f1 }

.product-detail-modal-video-list_items-cover { flex: 0 0 140px !important; height: 80px; border-radius: 5px; position: relative; }

.product1-detail-modal-video-list_items-cover::after { content: ' '; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.product-detail-modal-video-list_items-cover > img { width: 100%; height: 100%; object-fit: cover; }

.product-detail-modal-video-list_items-cover > .icon { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); top: 0; left: 0; display: flex; justify-content: center; align-items: center; }

    .product-detail-modal-video-list_items-cover > .icon > i { font-size: 1.6rem; color: #fff; cursor: pointer; }

.product-detail-modal-video-list_items-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; white-space: normal; }

.product-detail-modal-video { max-width: 100%; width: auto; overflow: hidden; max-height: 800px; display: flex; justify-content: center; }

    .product-detail-modal-video > video { object-fit: contain; }


.product-detail-modal-video-title { margin-top: 15px; margin-bottom: 15px; font-size: 18px; line-height: 24px; padding-right: 3px; }

.product-detail-modal-video-body { position: relative; }
    .product-detail-modal-video-body > div { margin-bottom: 20px }

.icon-bgc-8 { background-color: rgba(0,0,0,0.8) !important }

.video-play-seleted { font-weight: bold; color: #000; }

.product-detail-modal-image { }

.product-detail-modal-image_title { font-size: 17px; word-wrap: break-word; }

.product-detail-modal-image_items { margin: 0; padding: 0; list-style: none; display: flex; gap: 10px; flex-wrap: wrap }

    .product-detail-modal-image_items > li { width: 60px; height: 60px; border: 2px solid #ddd; border-radius: 5px; overflow: hidden; cursor: pointer }

        .product-detail-modal-image_items > li > img { }

        .product-detail-modal-image_items > li:hover { border-color: #3280fc }

        .product-detail-modal-image_items > li[select="true"] { border-color: #FF8F00 }

.product-detail-modal-video-nav { }

    .product-detail-modal-video-nav > li > a { margin-bottom: -2px; }

.product-detail-modal-video-img-zoom { object-fit: cover; margin: auto; display: block; border: 1px solid #ddd; padding: 3px; }

.product-detail-modal-image_title-sub { margin-bottom: 15px; margin-top: 5px }

.product-detail-modal-video-body[device='mobile'] { height: 100% }

    .product-detail-modal-video-body[device='mobile'] .product-detail-modal-video { width: 100%; display: block }

        .product-detail-modal-video-body[device='mobile'] .product-detail-modal-video > video { max-height: 320px; width: 100%; object-fit: inherit; height: auto; padding: 0 1rem 0 1rem }

    .product-detail-modal-video-body[device='mobile'] .product-detail-modal-video-title { padding: 0 1rem 0 1rem; margin-top: 1rem; margin-bottom: 1rem; }

    .product-detail-modal-video-body[device='mobile'] .product-detail-modal-video-list_items { padding: 0 1rem 0 1rem; margin-top: 1rem; }

.product-detail-video-modal-dialog { top: 58px; padding: 10px 0 0 0 !important }

    .product-detail-video-modal-dialog .el-dialog__header { padding-bottom: 10px; }

.sku_view[data-type="0"] > .mh-product-detail-option { margin-bottom: 10px }


.product-detail-modal-video > video, iframe { width: 100% }
.product-detail-modal-video > video { object-fit: contain; }

.product-detail__modal-dialog { width: 80%; overflow: hidden }
    .product-detail__modal-dialog .modal-header { display: flex; padding: 0; border-bottom: 0 }

.productdetail__card { max-width: 1300px; margin: auto; margin-bottom: 2rem; }

.productdetail__layout { display: flex; align-items: stretch; background-color: #fff; flex-wrap: wrap }
    .productdetail__layout > div { width: 50% }
.productdetail__layout-left { padding: 20px; flex: 1 1 auto; background-color: #fff; }
.productdetail__layout-right { flex: 0 0 560px; height: calc(100vh - 120px); position: sticky; top: 70px; padding: 16px; background: #fff; display: flex; flex-direction: column; margin: 0 20px 0 20px }


.productdetail__layout-right-header { }
.productdetail__layout-right-body { flex: 1; overflow-y: auto; }
.productdetail__layout-right-footer { }


.product-leave-message_form { padding-bottom: 3rem }

.product-detail__nav-panel { display: none }
    .product-detail__nav-panel:first-of-type { display: block }

.product-detail__evaluate { border-bottom: 1px solid #ddd; margin-bottom: 1rem }


.mh-product-qr { position: absolute; width: 200px; padding: 10px; border: 1px solid #ddd; border-radius: 6px; top: -210px; z-index: 1; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.5); left: -100px; display:none }