@charset "utf-8";
/*
   Author:Lovetoy
   QQ:105811404
*/


@font-face {
    font-family: 'GreyGooseBold';
    src: url('../fonts/GREYGOOSE_BOLD.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GreyGooseRegular';
    src: url('../fonts/GREYGOOSE_REGULAR.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}
:root {
    --lvv-color-font: 255, 255, 255, 1;
    --lvv-color-font-stress: 230, 0, 132, 1;
    --lvv-color-summary: 255, 255, 255, 1;
    --lvv-color-bg: 230, 0, 132, 1;
    --lvv-color-bg-transparent: 230, 0, 132, 0.7;
    --lvv-color-bg-hover: 178, 0, 102, 1;
    --lvv-color-bg-email: 0, 0, 0, 1;
    --lvv-color-bg-desc: 27, 27, 27, 1;
    --lvv-color-bg-product: 255, 255, 255, 1;
    --lvv-color-bg-about: 230, 0, 132, 1;
    --lvv-color-bg-footer: 0, 0, 0, 1;
}

/* Style
----------------------------------------------------------------------------------- */
body{word-wrap:break-word; color: #000; font-size: 12px; line-height: 24px;}
html, body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,label,textarea,p{padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
select,label,input{vertical-align:top;}
input,button{border:none;outline:none;}
li{list-style-type:none;}
img{border: none;}

.img{-ms-interpolation-mode: bicubic; vertical-align: middle;}
.l{float: left;}
.r, .more{float: right;}
.clear{clear: both;float: none; height: 0;margin: 0;padding: 0;width: 0; overflow: hidden;}
.clearfix:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;}
*html .clearfix{height:1%;}
.clearfix{display: block;}
*+html .clearfix{min-height:1%;}
* html{background-image: url(about:blank);background-attachment:fixed;}

.GreyGooseBold{font-family: 'GreyGooseBold', sans-serif;}
.GreyGooseRegular{font-family: 'GreyGooseRegular', sans-serif;}


a{color: #000; text-decoration: none;}
a:hover{color: #ff5d4e; text-decoration: none;}

/* Common
----------------------------------------------------------------------------------- */
.lvv-bg{background-image: url(../images/bg.jpg);}
.lvv-bg-new{background-color: #000; background-image: url(../images/bg_new.jpg); background-position: center top; background-size: 100%;}
.lvv-main-body{background-color: #fff; width: 1200px; margin: 0 auto; padding: 20px;}
.lvv-main{width: 1200px; margin: 0 auto;}
.lvv-bg-be0{background-color: rgb(var(--lvv-color-bg-footer));}
.lvv-filter-ff{filter: grayscale(1) brightness(100);}
.lvv-center{display: flex; justify-content: center; align-items: center;}
.lvv-main-body-wrap{width: 1260px; padding: 65px 65px 0 65px; box-sizing: border-box; background-color: rgb(var(--lvv-color-bg-transparent)); margin: 0 auto;}

.lvv-header-no{height: 88px;}
.lvv-border-box{box-sizing: border-box;}

.lvv-title{margin-top: 50px; margin-bottom: 50px; text-align: center; justify-content: center; font-size: 36px; line-height: 40px;}

.lvv-footer{padding: 30px 0; color: #fff;}
.lvv-footer-icon{margin: 20px 0; display: flex; justify-content: center;  text-align: center;}
.lvv-footer-icon-item{width: 80px; height: 80px; margin: 0 5px;}
.lvv-footer-icon-item img{width: 100%;}
.lvv-footer-copy{text-align: center; font-size: 16px; line-height: 36px;}

.lvv-product-list{margin: -10px;}
.lvv-product-item{width: 25%; box-sizing: border-box; padding:10px;}

.lvv-product-item-body{width: 100%; box-sizing: border-box; display: flex; flex-direction: column; height: inherit; align-items: stretch; cursor: pointer;}
.lvv-product-item-body{border: 1px solid #e5e5e5; padding: 10px;}
.lvv-product-item-imgbox{width: 100%; aspect-ratio: 1 / 1; position: relative; overflow: hidden;}
.lvv-product-item-imgbox::before{content: ""; display: block; padding-top: 100%;}
.lvv-product-item-imgbox img{transform:scale(1.0); transition:all 0.5s; width: 100%; position: absolute; top: 0; left: 0;}
.lvv-product-item-imgbox:hover img{transform:scale(1.05);}
.lvv-product-item-title{font-size: 14px; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; width: 100%; overflow: hidden; height: 48px; line-height: 24px; margin-top: 10px;}
.lvv-product-item-sku{font-size: 12px; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; width: 100%; overflow: hidden; height: 24px; line-height: 24px; margin-top: 10px; color: #676767;}

.lvv-pagination{display: flex; justify-content: center; align-items: center; margin:  30px auto 30px;}
.lvv-pagination .el-pager li.is-active{background-color: rgb(var(--lvv-color-bg)) !important;}
.lvv-pagination .el-pager li.number:hover,
.lvv-pagination .btn-prev:hover,
.lvv-pagination .btn-next:hover,
.lvv-pagination .el-pager li.more:hover{background-color: rgb(var(--lvv-color-bg)) !important; color: rgb(var(--lvv-color-font)) !important;}

/* suspension
----------------------------------------------------------------------------------- */
.lvv-footer-suspension{width:44px;position:fixed;right:20px;bottom:50px;}
.lvv-footer-suspension-item{background-color: rgb(0, 0, 0, 0.65);border-radius: 22px;width:44px;height:44px;cursor: pointer;margin: 5px 0;display: block;}
.lvv-footer-suspension-contant{width:100%;height:100%;text-align: center;}
.lvv-footer-suspension-item:hover svg{transform: scale(1.07);}
.lvv-footer-suspension-item a{display: block;width: 100%;height: 100%;}
.lvv-footer-suspension-item, 
.lvv-footer-suspension-item a, 
.lvv-footer-suspension-item a svg{color:#fff;}
.lvv-footer-suspension-up{display:none;}

/* new page tester 
----------------------------------------------------------------------------------- */
.lvv-new-tester-warp{background-color: rgb(0, 0, 0, 1); color: rgb(var(--lvv-color-font)); padding: 0 60px 90px 60px; box-sizing: border-box; font-size: 18px;}
.lvv-new-tester-warp a{color: rgb(var(--lvv-color-font));}
.lvv-new-tester-warp a:hover{color: rgb(var(--lvv-color-font-stress));}
.tester-lang-select-wrap{height: 36px; display: flex; justify-content:flex-end; padding-top: 40px; margin: 0 -10px;}
.tester-lang-select{width: 164px; padding: 0 20px; background-color: rgb(var(--lvv-color-bg)); height: 36px; line-height: 36px; position: relative; border-radius: 18px; cursor: pointer;}
.tester-lang-select-name{display: flex;}
.tester-lang-select-name-value{flex-grow: 1;}
.tester-lang-select-name-icon-body{width: 16px;}
.tester-lang-select-name-icon{width: 0; height: 0; content: ''; border-top: 8px solid rgb(var(--lvv-color-summary)); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: 8px;}
.tester-lang-select-hover .tester-lang-select-name-icon{transform: rotate(180deg); margin-top: -8px;}
.tester-lang-select-options-body{position: absolute; top: 37px; left: 0; background-color: rgb(var(--lvv-color-bg)); border-radius: 18px; padding: 16px 0; min-width: 164px; display: none;}
.tester-lang-select-hover .tester-lang-select-options-body{display: block;}
.tester-lang-select-options-item{width: 100%; padding: 0 20px;}
.tester-lang-select-options-item:hover{background-color: rgb(var(--lvv-color-bg-hover));}

.tester-lang-box{text-align: center;}
.tester-title{font-size: 86px;padding: 38px 0 50px 0; line-height: 80px;}
.tester-summary{font-size: 38px; line-height: 50px; letter-spacing: 1px;}
.tester-summary-icon{width: 0; height: 0; margin: 50px auto 20px; border-top: 20px solid rgb(var(--lvv-color-summary)); border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid transparent;}
.tester-summary-attached{line-height: 30px;}
.tester-summary-attached span{font-size: 24px; color: rgb(var(--lvv-color-font-stress));}
.tester-email-warp{margin: 50px auto 0; width: 600px;}
.tester-email-item{margin-top: 15px; min-width: 600px; padding: 15px 20px 20px 20px; background-color: rgb(var(--lvv-color-bg)); border-radius: 18px;}
.tester-email-item:first-of-type{margin-top: 0;}
.tester-email-item .tester-email-tit{margin-bottom: 10px; line-height: 30px; }
.tester-email-item .lvv-email-p{background-color: rgb(var(--lvv-color-bg-email)); border-radius: 18px;min-width: 340px; padding: 0 20px; display: inline-flex; font-size: 20px; height: 36px;justify-content: center; align-items: center;}

.tester-desc-warp{margin: 70px auto 0; background-color: rgb(var(--lvv-color-bg-desc)); border-radius: 18px; padding: 25px;}
.tester-desc-tit{font-size: 26px; line-height: 48px;}
.tester-desc-body{line-height: 40px;}

.tester-desc-supplement-warp{margin: 50px auto 0; line-height: 46px; font-size: 24px; color: rgb(var(--lvv-color-font-stress));}

/* new page products 
----------------------------------------------------------------------------------- */
.lvv-new-product-title{height: 60px; background-color: rgb(var(--lvv-color-bg)); color: rgb(var(--lvv-color-font)); font-size: 26px;}
.lvv-new-product-warp{background-color: rgb(var(--lvv-color-bg-product)); padding: 25px;}

/* new page about 
----------------------------------------------------------------------------------- */
.lvv-new-about-warp{padding: 75px; background-color: rgb(var(--lvv-color-bg-about));  color: rgb(var(--lvv-color-font)); font-size: 16px; text-align: center;}
.lvv-new-about-title{font-size: 24px; margin-bottom: 30px; line-height: 30px;}
.lvv-new-about-body{line-height: 30px;}
.lvv-new-about-body p{margin-top: 20px;}

/* dialog
----------------------------------------------------------------------------------- */
.lvv-dialog .el-dialog{width: 530px;}
.lvv-product-dialog-item-body{padding: 15px 5px 15px 15px;}
.lvv-product-dialog-item-images-body{height: 500px;}

.lvv-product-dialog-item-images-body-item{margin-top: 5px; padding-right: 10px;}
.lvv-product-dialog-item-images-body-item:first-of-type{margin-top: 0;}
.lvv-product-dialog-item-images-body-item img{width: 100%;}

.lvv-product-dialog-item-title{color: #333; font-weight: 500; font-size: 16px; line-height: 24px;}
.lvv-product-dialog-item-sku{line-height: 24px; margin: 10px 0;}

.lvv-product-dialog-item-images-body .el-scrollbar__thumb{opacity: 1;}

/* media
----------------------------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1400px) {
    .lvv-main-body-wrap{width: 1150px; padding: 55px 55px 0 55px;}
}
@media (max-width: 768px) {
    .lvv-header-no{height: 40px;}
    .lvv-main-body{margin:15px; width: auto; padding: 15px 0;}
    .lvv-main{width: 100%; padding: 0 15px; box-sizing: border-box;}

    .tester-lang-select-wrap{padding-top: 20px; height: 24px;}
    .tester-lang-select{height: 24px; line-height: 24px; border-radius: 12px; width: 94px; padding: 0 10px;}
    .tester-lang-select-name-icon-body{ width: 8px;}
    .tester-lang-select-name-icon{border-top: 4px solid rgb(var(--lvv-color-summary));border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid transparent; margin-top: 2px;}
    .tester-lang-select-hover .tester-lang-select-name-icon{margin-top: -4px;}
    .tester-lang-select-options-body{min-width: 94px; border-radius: 12px; top: 25px; padding: 12px 0;}
    .tester-lang-select-options-item{padding: 0 10px;}

    .lvv-main-body-wrap{width: 90%; padding: 15px 15px 0 15px;}
    .lvv-new-tester-warp{padding: 0 15px 30px 15px;font-size: 14px;}

    .tester-title{padding: 25px 0 40px 0; font-size: 32px; line-height: 40px;}
    .tester-summary{font-size: 18px;line-height: 24px;}
    .tester-summary-icon{margin: 25px auto 10px;border-top: 10px solid rgb(var(--lvv-color-summary));border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;}
    .tester-summary-attached span{font-size: 18px;}

    .tester-email-warp{width: 100%; margin: 40px auto 0;}
    .tester-email-item{min-width: 100%;padding: 15px 20px 20px 20px;}
    .tester-email-item .lvv-email-p{min-width: 60%; font-size: 16px;}
    .tester-email-item .tester-email-tit{line-height: 24px;}

    .tester-desc-warp{margin: 50px auto 0;}
    .tester-desc-supplement-warp{margin: 40px auto 0;}

    .tester-desc-tit{font-size: 18px; line-height: 24px; margin-bottom: 25px;}
    .tester-desc-body{line-height: 24px;}
    .tester-desc-body p{margin-top: 10px;}

    .lvv-new-product-title{height: 50px; font-size: 20px;}
    .lvv-new-product-warp{padding: 20px;}

    .tester-desc-supplement-warp{line-height: 24px; font-size: 18px;}
    .tester-desc-supplement-warp p{margin-top: 10px;}
    .lvv-new-about-warp{padding: 15px;font-size: 14px;}

    .lvv-footer-icon-item{width: 50px; height: 50px; }

    .lvv-footer-copy{font-size: 14px;}

    .lvv-product-item{width: 50%;}

    .lvv-dialog .el-dialog{width: 90%;}
    .lvv-product-dialog-item-images-body{height: 400px;}
}