body.product-product .heading-title, body.product-reward .heading-title{
    font-size:24px;
    color: #fff;
    font-family: 'Times New Roman';
  }
  body.product-product .product-price-wrapper h2{
    color: #fff;
    font-weight: 700;
    font-size:16px;
  }
  body.product-product .btn-wrapper #button-cart, body.product-reward .btn-wrapper #button-cart{
    border: 1px solid #666;
    color: #fff;
    background: #000;
  }
  body.product-product .btn-wrapper #button-cart:hover{
    background: #333;
  }
  body.product-product .btn-wrapper .btn, body.product-reward .btn-wrapper .btn{
    border-radius: 4px;
  }
  body.product-product .btn-wrapper .btn:hover{
    background: #ccc;
  }
  .nav-tabs{
  border-style: none;
  }
  .nav-tabs li a{
    padding: 0;
    width: 120px;
    height: 40px;
    border: 1px solid #666;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-right: 20px;
    border-radius: 4px;
  }
  body.product-product .tab-content, body.product-reward .tab-content{
    padding: 20px 0;
  }
  .nav-tabs > li > a:hover{
    cursor: pointer;
    background: #333;
    border-color: #666;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{
    background: #fff;
    color: #000;
  }
  .nav-tabs > li.active > a:hover{
    background: #ccc;
    border-color: #ccc;
    color: #000;
  }
  body.product-product .tab-content, body.product-reward .tab-content{
    border-style: none;
  }

  .layui-layer-content a{
    color: #fff !important;
    text-decoration: none !important;
  }
  body.product-product .lr-group > div{
    line-height: 25px;
    color: #999;
    font-size: 16px;
  }
  body.product-product .lr-group > div.title, body.product-reward .lr-group > div.title{
    font-size: 16px;
  }
  .quantity-wrapper input{
    font-size: 16px;
    padding: 0;
    font-weight: 700;
    color: #fff;

  }
  .widget-title{
    color: #fff;
    border-color: #4d4d4d;
  }
  .product-thumb{
    background: #000;
  }
  .product-thumb .product-name a{
    color: #fff;
    font-size: 16px;
  }
  .product-thumb .price{
    color: #fff;
    font-weight: 700;
    font-size: 14px;
  }
  .product-thumb .button-group .btn{
    padding: 0;
    background: none;
    color: #fff;
    border: 1px solid #4D4D4D;
    width: 80px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
  }
  .product-thumb .button-group .btn:hover{
    background: #4D4D4D;
    color: #fff;
  }
  
  
 /* =========================================================
   product_id=112
   VIIcode 夜間氧眼貼
   Responsive
   ========================================================= */


/* =========================================================
   页面基础
   ========================================================= */
.product-product .thumbnails > li:first-child img.img-responsive {
    width: clamp(260px, 32vw, 400px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block;
}
body.product-product {
    width: 100%;
    max-width: 100%;

    overflow-x: hidden;
}


body.product-product *,
body.product-product *::before,
body.product-product *::after {
    box-sizing: border-box;
}


/* =========================================================
   主内容
   ========================================================= */

body.product-product #content {
    width: min(92%, 1200px);
    max-width: 1200px;

    margin: 0 auto;

    padding:
        clamp(35px, 5vw, 70px)
        0
        clamp(40px, 6vw, 80px);

    box-sizing: border-box;
}


/* =========================================================
   商品顶部
   左图 / 右文字
   ========================================================= */

body.product-product #content > .row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(
            30px,
            5vw,
            70px
        );

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* 覆盖Bootstrap */
body.product-product
#content > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;

    float: none !important;

    min-width: 0;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   商品图片
   ========================================================= */

body.product-product .thumbnails {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    text-align: center;

    list-style: none;
}


body.product-product .thumbnail {
    border: 0;
    background: transparent;

    margin: 0;
    padding: 0;
}


body.product-product .thumbnail img,
body.product-product .thumbnails img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto !important;

    margin: 0 auto;

    object-fit: contain;
}


/* 主商品图 */
body.product-product
.thumbnails > li:first-child img {
    width:
        min(
            82%,
            460px
        );

    max-height:
        clamp(
            360px,
            42vw,
            560px
        );
}


/* 缩略图 */
body.product-product .image-additional {
    display: inline-block;

    width:
        clamp(
            58px,
            6vw,
            85px
        );

    margin:
        clamp(
            5px,
            .8vw,
            10px
        );

    vertical-align: top;
}


body.product-product .image-additional img {
    width: 100%;

    height: auto;
}


/* =========================================================
   商品标题
   ========================================================= */

body.product-product h1 {
    margin:
        0
        0
        clamp(
            12px,
            1.5vw,
            20px
        );

    font-family:
        "HarmonyOSL",
        Arial,
        sans-serif;

    font-size:
        clamp(
            24px,
            2.4vw,
            34px
        );

    line-height: 1.3;

    font-weight: 300;
}


/* =========================================================
   功效
   ========================================================= */

body.product-product .description,
body.product-product .product-description {
    margin-bottom:
        clamp(
            10px,
            1.5vw,
            18px
        );

    font-size:
        clamp(
            14px,
            1.2vw,
            17px
        );

    line-height: 1.7;

    overflow-wrap: break-word;
}


/* =========================================================
   收藏
   ========================================================= */

body.product-product .btn-link {
    padding-left: 0;
    padding-right: 0;

    font-size:
        clamp(
            13px,
            1.1vw,
            15px
        );
}


/* =========================================================
   价格
   ========================================================= */

body.product-product .price,
body.product-product ul.list-unstyled h2 {
    margin:
        clamp(
            20px,
            2.5vw,
            34px
        )
        0;

    font-size:
        clamp(
            26px,
            2.5vw,
            36px
        );

    line-height: 1.2;

    font-weight: 400;
}


/* =========================================================
   数量区
   ========================================================= */

body.product-product .form-group {
    margin-bottom:
        clamp(
            14px,
            2vw,
            22px
        );
}


body.product-product input[name="quantity"] {
    width:
        clamp(
            55px,
            6vw,
            80px
        );

    height: 40px;

    text-align: center;

    font-size: 16px;

    box-sizing: border-box;
}


/* =========================================================
   购买按钮
   ========================================================= */

body.product-product #button-cart,
body.product-product .btn-primary,
body.product-product .btn-default {
    min-width:
        clamp(
            150px,
            15vw,
            190px
        );

    padding:
        10px
        clamp(
            22px,
            3vw,
            34px
        );

    font-size:
        clamp(
            14px,
            1.2vw,
            16px
        );

    line-height: 1.2;

    box-sizing: border-box;
}


/* =========================================================
   商品详情Tab
   ========================================================= */

body.product-product .nav-tabs {
    display: flex;

    width: 100%;

    margin:
        clamp(
            35px,
            5vw,
            65px
        )
        0
        clamp(
            20px,
            3vw,
            30px
        );

    padding: 0;

    border: 0;

    overflow-x: auto;
    overflow-y: hidden;

    white-space: nowrap;

    -webkit-overflow-scrolling: touch;
}


body.product-product .nav-tabs > li {
    float: none;

    flex: 0 0 auto;
}


body.product-product .nav-tabs > li > a {
    padding:
        10px
        clamp(
            20px,
            2.5vw,
            30px
        );

    font-size:
        clamp(
            15px,
            1.3vw,
            18px
        );
}


/* =========================================================
   商品详情正文
   ========================================================= */

body.product-product #tab-description {
    width:
        min(
            100%,
            1000px
        );

    margin: 0 auto;

    padding:
        clamp(
            10px,
            2vw,
            25px
        )
        0
        clamp(
            25px,
            4vw,
            50px
        );

    box-sizing: border-box;
}


body.product-product #tab-description p,
body.product-product #tab-description li {
    margin-bottom:
        clamp(
            8px,
            1vw,
            12px
        );

    font-size:
        clamp(
            14px,
            1.2vw,
            17px
        );

    line-height: 1.8;

    overflow-wrap: break-word;
}


body.product-product #tab-description strong,
body.product-product #tab-description b {
    display: block;

    margin:
        clamp(
            16px,
            2vw,
            24px
        )
        0
        8px;

    font-size:
        clamp(
            15px,
            1.3vw,
            18px
        );
}


/* 详情图 */
body.product-product #tab-description img {
    display: block;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 auto;

    object-fit: contain;
}


/* =========================================================
   相关商品
   ========================================================= */

body.product-product .product-layout {
    min-width: 0;
}


body.product-product .product-thumb {
    width: 100%;
    max-width: 100%;

    text-align: center;

    box-sizing: border-box;
}


body.product-product .product-thumb .image img {
    display: block;

    width: 100%;
    max-width: 300px;

    height: auto;

    margin: 0 auto;
}


body.product-product .product-thumb h4 {
    margin:
        12px
        0
        8px;

    font-size:
        clamp(
            15px,
            1.3vw,
            19px
        );

    line-height: 1.4;
}


/* =========================================================
   Tablet <=1199
   ========================================================= */

@media (max-width: 1199px) {

    body.product-product #content {
        width:
            calc(
                100% - 40px
            );
    }


    body.product-product #content > .row {
        gap:
            clamp(
                22px,
                3.5vw,
                45px
            );
    }


    body.product-product
    .thumbnails > li:first-child img {
        width:
            min(
                88%,
                420px
            );
    }

}


/* =========================================================
   991以下
   仍然保持左右，不要过早改单列
   ========================================================= */

@media
(max-width: 991px)
and
(min-width: 768px) {

    body.product-product #content {
        width:
            calc(
                100% - 30px
            );
    }


    body.product-product #content > .row {
        grid-template-columns:
            48% 52%;

        gap:
            clamp(
                18px,
                3vw,
                30px
            );
    }


    body.product-product
    .thumbnails > li:first-child img {
        width:
            min(
                92%,
                360px
            );
    }


    body.product-product h1 {
        font-size:
            clamp(
                21px,
                2.8vw,
                28px
            );
    }


    body.product-product .price,
    body.product-product
    ul.list-unstyled h2 {
        font-size:
            clamp(
                22px,
                3vw,
                30px
            );
    }

}


/* =========================================================
   Mobile <=767
   ========================================================= */

@media (max-width: 767px) {

    body.product-product #content {
        width: 100%;
        max-width: 100%;

        margin: 0;

        padding:
            clamp(
                20px,
                6vw,
                32px
            )
            14px;

        box-sizing: border-box;
    }


    /* 顶部改单列 */
    body.product-product
    #content > .row {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            clamp(
                20px,
                6vw,
                30px
            );
    }


    body.product-product
    #content > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* 主图 */
    body.product-product
    .thumbnails > li:first-child img {
        width:
            min(
                86%,
                380px
            );

        max-height: none;
    }


    /* 缩略图 */
    body.product-product .image-additional {
        width:
            clamp(
                60px,
                18vw,
                90px
            );

        margin: 5px;
    }


    /* 标题 */
    body.product-product h1 {
        margin-top:
            clamp(
                8px,
                3vw,
                16px
            );

        font-size:
            clamp(
                22px,
                6vw,
                28px
            );

        line-height: 1.3;
    }


    /* 功效 */
    body.product-product .description,
    body.product-product .product-description {
        font-size:
            clamp(
                13px,
                3.6vw,
                16px
            );

        line-height: 1.65;
    }


    /* 价格 */
    body.product-product .price,
    body.product-product
    ul.list-unstyled h2 {
        font-size:
            clamp(
                23px,
                6.2vw,
                29px
            );
    }


    /* 商品详情 */
    body.product-product #tab-description {
        width: 100%;

        padding:
            15px
            0
            30px;
    }


    body.product-product #tab-description p,
    body.product-product #tab-description li {
        font-size:
            clamp(
                13px,
                3.6vw,
                16px
            );

        line-height: 1.7;
    }

}


/* =========================================================
   508px
   ========================================================= */

@media (max-width: 508px) {

    body.product-product #content {
        padding:
            18px
            10px;
    }


    body.product-product
    .thumbnails > li:first-child img {
        width:
            min(
                90%,
                320px
            );
    }


    body.product-product h1 {
        font-size:
            clamp(
                20px,
                5.8vw,
                25px
            );
    }


    body.product-product .description,
    body.product-product .product-description {
        font-size:
            clamp(
                12px,
                3.5vw,
                15px
            );
    }


    body.product-product #button-cart,
    body.product-product .btn-primary,
    body.product-product .btn-default {
        min-width:
            145px;
    }

}