*{
    -moz-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-text-size-adjust:none;
    outline:0
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}

.header-warning {
    display: flex;
    background: #000000;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    height: 70px;
    font-size: 16px;
    text-transform: uppercase;
    z-index: 999;
    width: 100%;
    text-align: center;
    padding: 0 15px;
   
}

.header-warning img{  height:100%;}

@media screen and (max-width: 992px) {
    .header-warning {  font-size: 12px; height:auto;}
}
@media screen and (max-width: 375px) {
    .header-warning img{   width: 100%; height: auto;}
	
}

input,select,textarea{
    -webkit-appearance:none;
    background-color:inherit;
    border:0;
    border-radius:inherit
}
h1,h2,h3,h4,h5,h6{
    font-family:"Manrope-ExtraBold",sans-serif;
    font-weight:500
}
h1,h2,h3,h4,h5,h6,p{
    font-size:inherit;
    margin:0
}
p{
    line-height:normal
}
li,ul{
    font-size:inherit;
    line-height:inherit;
    list-style:none;
    margin:0;
    padding:0
}
img{
    max-width:100%
}
form{
    max-width:none!important
}
a,a:active,a:focus,a:hover,a:link,a:visited{
    color:inherit;
    cursor:pointer;
    text-decoration:none;
    transition:none
}
.hide{
    display:none
}
.show{
    display:block
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.after:after{
    clear:both;
    content:"";
    display:block
}
.overflow{
    overflow:hidden
}
.sec-color,.sec-color:active,.sec-color:focus,.sec-color:hover,.sec-color:link,.sec-color:visited{
    color:var(--themeColor);
}
.main{
    margin:0 auto;
    position:relative;
    width:62.5%
}
.subscribe-form label{
    display:none
}
.subscribe-form .hs-error-msg,.subscribe-form .hs-main-font-element{
    display:block;
    font-weight:400;
    margin-top:5px
}
.page-warning{
    background:#000;
    color:#fff;
    font-size:1.88vw;
    height:21vh;
    line-height:2.5vw;
    position:relative;
    text-align:center;
    width:100%;
    z-index:4
}
.warning-info{
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%
}
.header-icon-event{
    cursor:pointer;
    display:inline-block;
    margin-left:18px;
    width:82px
}
.snowflake{
    color:#fff;
    font-family:Arial;
    font-size:1.2em;
    text-shadow:0 0 1px #000
}
.snowflake img{
    display:block;
    height:25px;
    width:25px
}
@-webkit-keyframes snowflakes-fall{
    0%{
        top:-10%
    }
    to{
        top:100%
    }
}
@-webkit-keyframes snowflakes-shake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(80px);
        transform:translateX(80px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes snowflakes-fall{
    0%{
        top:-10%
    }
    to{
        top:100%
    }
}
@keyframes snowflakes-shake{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(80px)
    }
    to{
        transform:translateX(0)
    }
}
.snowflake{
    -webkit-animation-duration:10s,3s;
    animation-duration:10s,3s;
    -webkit-animation-iteration-count:infinite,infinite;
    animation-iteration-count:infinite,infinite;
    -webkit-animation-name:snowflakes-fall,snowflakes-shake;
    animation-name:snowflakes-fall,snowflakes-shake;
    -webkit-animation-play-state:running,running;
    animation-play-state:running,running;
    -webkit-animation-timing-function:linear,ease-in-out;
    animation-timing-function:linear,ease-in-out;
    cursor:default;
    position:fixed;
    top:-10%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:9999
}
.snowflake:nth-of-type(0){
    -webkit-animation-delay:0s,0s;
    animation-delay:0s,0s;
    left:1%
}
.snowflake:first-of-type{
    -webkit-animation-delay:1s,1s;
    animation-delay:1s,1s;
    left:10%
}
.snowflake:nth-of-type(2){
    -webkit-animation-delay:6s,.5s;
    animation-delay:6s,.5s;
    left:20%
}
.snowflake:nth-of-type(3){
    -webkit-animation-delay:4s,2s;
    animation-delay:4s,2s;
    left:30%
}
.snowflake:nth-of-type(4){
    -webkit-animation-delay:2s,2s;
    animation-delay:2s,2s;
    left:40%
}
.snowflake:nth-of-type(5){
    -webkit-animation-delay:8s,3s;
    animation-delay:8s,3s;
    left:50%
}
.snowflake:nth-of-type(6){
    -webkit-animation-delay:6s,2s;
    animation-delay:6s,2s;
    left:60%
}
.snowflake:nth-of-type(7){
    -webkit-animation-delay:2.5s,1s;
    animation-delay:2.5s,1s;
    left:70%
}
.snowflake:nth-of-type(8){
    -webkit-animation-delay:1s,0s;
    animation-delay:1s,0s;
    left:80%
}
.snowflake:nth-of-type(9){
    -webkit-animation-delay:3s,1.5s;
    animation-delay:3s,1.5s;
    left:90%
}
.click-save{
    animation:throttle 2s step-end forwards;
    -webkit-animation:throttle 2s step-end forwards
}
.click-save:active{
    animation:none
}
@keyframes throttle{
    0%{
        pointer-events:none
    }
    to{
        pointer-events:all
    }
}
.go-top{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/icon/icon-up.png) no-repeat;
    background-size:100%;
    border-radius:50%;
    bottom:60px;
    color:#fff;
    display:none;
    font-size:11px;
    height:60px;
    position:fixed;
    right:30px;
    text-align:center;
    width:60px;
    z-index:4
}
.go-top:hover{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/icon/icon-up-2.png) no-repeat;
    background-size:100%
}
.go-top img{
    width:100%
}
.go-program,.go-top p{
    color:#fff;
    font-size:11px;
    text-align:center
}
.go-program{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/icon/icon-questionnaire.png) no-repeat;
    background-size:100%;
    border-radius:50%;
    bottom:60px;
    display:block;
    height:60px;
    position:fixed;
    right:30px;
    width:60px;
    z-index:4
}
.go-program:hover{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/icon/icon-questionnaire-2.png) no-repeat;
    background-size:100%
}
.go-program img{
    width:100%
}
.go-program span{
    color:#fff;
    float:left;
    font-size:11px;
    margin-top:62px;
    text-align:center
}
.age-check{
    backdrop-filter:blur(6px);
    background-color:rgba(0,0,0,.8);
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:11
}
.age-check-cnt{
    color:#fff;
    font-size:16px;
    left:50%;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translate3d(-50%,-50%,0);
    width:650px
}
.age-check h3{
    color:#fff;
    font-size:25px;
    margin-bottom:20px
}
.age-check p{
    color:#aaa;
    font-weight:400;
    line-height:26px;
    margin-bottom:40px
}
.age-check p a:hover{
    color:var(--themeColor);
}
.age-check-btn{
    border:1px solid #fff;
    border-radius:18px;
    color:#fff;
    display:inline-block;
    font-weight:400;
    height:35px;
    line-height:33px;
    position:relative;
    transition:all .3s cubic-bezier(.12,.96,.53,1.01);
    width:150px
}
.age-check-over{
    border-color:var(--themeColor);;
    color:var(--themeColor);;
    margin-left:85px
}
.age-check-over:hover{
    color:var(--themeColor);
}
.age-check-warning{
    color:var(--themeColor);;
    display:block;
    font-size:16px;
    font-weight:400;
    margin-top:60px
}
.age-check-btn:before{
    border-radius:18px;
    content:"";
    left:50%;
    position:absolute;
    top:0;
    transition:all .3s;
    width:0;
    z-index:-1
}
.age-check-btn:hover{
    color:#000
}
.age-check-over:hover:before{
    background-color:var(--themeColor);
}
.age-check-over:hover:before,.age-check-under:hover:before{
    height:calc(100% + 2px);
    left:-1px;
    top:-1px;
    width:calc(100% + 2px)
}
.age-check-under:hover:before{
    background-color:#fff
}
.fixed.header-cnt{
    background-color:#111!important;
    position:fixed;
    top:0;
	z-index:999
}
.mask{
    backdrop-filter:blur(8px);
    background-color:rgba(0,0,0,.8);
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:3
}
.vbtn{
    border:1px solid #fff;
    color:#fff;
    display:inline-block;
    font-weight:400;
    position:relative;
    transition:all .3s cubic-bezier(.12,.96,.53,1.01)
}
.vbtn:before{
    border-radius:.91vw;
    content:"";
    left:50%;
    position:absolute;
    top:0;
    transition:all .3s;
    width:0;
    z-index:-1
}
.vbtn:active,.vbtn:focus,.vbtn:link,.vbtn:visited{
    color:var(--themeColor);
}
.vbtn:hover{
    color:#000
}
.vbtn:hover:before{
    background-color:var(--themeColor);;
    height:calc(100% + 2px);
    left:-1px;
    top:-1px;
    width:calc(100% + 2px)
}
.code-mask{
    background-color:rgba(0,0,0,.6);
    height:100%;
    left:0;
    overflow:auto;
    position:fixed;
    top:0;
    width:100%;
    z-index:101
}
.code-close{
    height:30px;
    line-height:30px;
    position:absolute;
    right:10px;
    text-align:center;
    top:10px;
    width:30px
}
.code-close:before{
    color:#666;
    content:"\e6b7";
    font-family:iconfont;
    font-size:12px
}
.code-box{
    background-color:#fff;
    border-radius:10px;
    left:50%;
    padding:50px 20px 60px;
    position:relative;
    text-align:center;
    top:50%;
    transform:translate3d(-50%,-50%,0);
    width:430px;
    z-index:10
}
.code-box img{
    height:115.59px;
    margin-bottom:30px;
    width:160px
}
.code-box p{
    color:#222;
    font-size:20px;
    font-weight:400;
    line-height:28px
}
.box-mask,.success-mask{
    background-color:rgba(0,0,0,.6);
    display:none;
    height:100%;
    left:0;
    overflow:auto;
    position:fixed;
    top:0;
    width:100%;
    z-index:101
}
.box-close,.success-close{
    height:30px;
    line-height:30px;
    position:absolute;
    right:10px;
    text-align:center;
    top:10px;
    width:30px
}
.box-close:before,.success-close:before{
    color:#666;
    content:"\e6b7";
    font-family:iconfont;
    font-size:12px
}

.error-box{
    width:455px
}



.powershop-loading{
    background-color:#eee;
    bottom:0;
    left:0;
    position:relative;
    right:0;
    top:0;
    width:100%;
    z-index:103
}
.powershop-loading.fixed{
    height:auto!important;
    position:fixed
}
body .powershop-loading.transparent{
    background-color:rgba(0,0,0,.6)!important
}
.powershop-loading.transparent span{
    display:none
}
.loading-main{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate3d(-50%,-50%,0)
}
.loading-main img{
    height:50px;
    width:50px
}
.loading-main span{
    color:#aaa;
    display:inline-block;
    font-size:16px;
    font-weight:400;
    height:50px;
    line-height:50px;
    margin-left:18px
}
.f-bold{
    font-weight:700!important
}
.why-vp{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    background:#000;
    height:50.52vw;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:3
}
.why-vp h3{
    margin-top:0;
    text-align:center
}
.why-vp .content{
    display:flex;
    height:30vw;
    justify-content:center;
    justify-items:center;
    margin:4vw auto;
    width:59.5vw
}
.why-vp .content .item{
    cursor:pointer;
    height:25vw;
    margin-right:1.5vw;
    position:relative;
    transition:all .8s;
    width:12vw
}
.why-vp .content .item:last-child{
    margin-right:0
}
.why-vp .content .item .title{
    height:4vw;
    left:50%;
    margin-left:-5vw;
    margin-top:-2vw;
    top:50%;
    width:10vw
}
.why-vp .content .item .text,.why-vp .content .item .title{
    animation-delay:.3s;
    -webkit-animation-delay:.3s;
    position:absolute
}
.why-vp .content .item .text{
    bottom:0;
    font-size:.6vw;
    left:0;
    line-height:1.5;
    opacity:0;
    padding:0 1vw;
    width:22vw
}
.why-vp .content .item .title p{
    font-size:.66vw;
    line-height:1.5;
    text-align:center
}
.why-vp .content .item .title img{
    display:block;
    height:1.38vw;
    margin:0 auto .5vw;
    width:1.38vw
}
.why-vp .content .item.bg1{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/activity/why-vp/pic_innovation.jpg) no-repeat 0;
    background-size:cover
}
.why-vp .content .item.bg2{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/activity/why-vp/pic_design.jpg) no-repeat 0;
    background-size:cover;
    margin-top:5vw
}
.why-vp .content .item.bg3{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/activity/why-vp/pic_compliance.jpg) no-repeat 100%;
    background-size:cover
}
.why-vp .content .item.bg4{
    background:url(https://www.vaporesso.com/hubfs/imgs/2022/activity/why-vp/pic_persistence.jpg) no-repeat 100%;
    background-size:cover;
    margin-top:5vw
}
@keyframes flip-front{
    0%{
        -webkit-transform:rotateY(-180deg);
        -ms-transform:rotateY(-180deg);
        transform:rotateY(-180deg)
    }
    50%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    to{
        -webkit-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
}
@keyframes flip-back{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    50%{
        -webkit-transform:rotateY(-180deg);
        -ms-transform:rotateY(-180deg);
        transform:rotateY(-180deg)
    }
    to{
        -webkit-transform:rotateY(-1turn);
        -ms-transform:rotateY(-1turn);
        transform:rotateY(-1turn)
    }
}
.flip-front{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:flip-front;
    animation-name:flip-front
}
.flip-back,.flip-front{
    -webkit-animation-duration:5s;
    animation-duration:5s
}
.flip-back{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:flip-back;
    animation-name:flip-back
}
.act-enter{
    bottom:3vw;
    display:block;
    height:9vw;
    position:fixed;
    right:10px;
    text-align:center;
    width:10vw;
    z-index:40
}
.act-enter .front{
    display:block;
    left:1.75vw;
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotateY(0deg);
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    width:10.5vw;
    z-index:4
}
.act-enter .back,.act-enter .front{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    height:inherit;
    position:absolute;
    top:0;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out
}
.act-enter .back{
    left:0;
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    width:14vw;
    z-index:5
}

#closebt{ width: 30px; height: 30px; display: block; position: absolute; right: 0; top: 20px;}	
#closebt i{ font-size: 30px; opacity: 0.7; color: #999;}

.header-cnt .show_pc , .header-cnt .show_pc .show_mobile{ display:inline;}

@media screen and (min-width:1024px){
    .mb-10{
        margin-bottom:1vw!important
    }
    .f-14{
        font-size:.68vw!important
    }
    .f-16{
        font-size:.8vw!important
    }
    .f-18{
        font-size:.9vw!important
    }
    .f-20{
        font-size:1vw!important
    }
    .f-24{
        font-size:1.18vw!important
    }
    .f-32{
        font-size:1.55vw!important
    }
    .f-36{
        font-size:1.62vw!important
    }
    .f-40{
        font-size:1.8vw!important
    }
    .f-48{
        font-size:2.2vw!important
    }
    .f-56{
        font-size:2.75vw!important
    }
    .f-72{
        font-size:3.18vw!important
    }
    .f-120{
        font-size:5.28vw!important
    }
    .f-140{
        font-size:6.18vw!important
    }
    .x-hide{
        display:none!important
    }
    .home-santa{
        bottom:10px;
        display:block;
        height:7.5vw;
        position:fixed;
        right:35px;
        width:7.5vw;
        z-index:20
    }
    .header-acc{
        height:65px;
        position:relative;
        width:100%
    }
    .trans .header-acc{
        height:0
    }
    .trans .header-cnt{
        background:hsla(0,0%,7%,.8)
    }
    .header-cnt{
        background-color:#111;
        color:#fff;
        height:65px;
        left:0;
        position:absolute;
        top:0;
        transition:background-color .3s;
        width:100%;
        z-index:10
    }
    .logo{
        display:inline-block;
        margin-left:30px;
        margin-top:8px;
        position:relative;
        width:155px;
        z-index:11;

    }
    .nav{
        font-size:0;
        left:0;
        position:absolute;
        text-align:center;
        top:0;
        width:100%;
        z-index:10
    }
    .nav>li{
        cursor:pointer;
        display:inline-block;
        font-size:15px;
        padding:23px 18px
    }
	.nav li a{font-family: "Manrope-ExtraBold";}
    .nav li.active>a,.nav li:hover>a{
        color: var(--themeColor);
    }
    .nav li:hover .nav-child{
        cursor:default;
        display:block
    }
    .nav-other{
        display:flex;
        float:right;
        padding-right:40px;
        position:relative;
        z-index:10
    }
    .search,.store,.dverify{
        margin-right:25px;
        padding-top:22px;
        width:21px
    }
    .country{
        font-size:14px;
        line-height:22px;
        padding-bottom:22px;
        padding-top:21px;
        position:relative
    }
    .country img{
        float:left;
        margin-right:8px;
        width:22px
    }
    .nav-mask{
        backdrop-filter:blur(6px);
        background-color:rgba(34,34,34,.7);
        bottom:0;
        display:none;
        left:0;
        position:fixed;
        right:0;
        top:0;
        z-index:3
    }
    .nav-child{
        background-color:rgba(34,34,34,.8);
        display:none;
        font-size:0;
        left:0;
        position:absolute;
        top:65px;
        width:100%;
        z-index:2
    }
    .nav-child>li{
        display:inline-block;
        font-size:15px;
        padding:0 30px
    }
    .nav-child>li>a{
        display:inline-block;
        padding-bottom:23px;
        padding-top:23px
    }
    .series{
        background-color:rgba(34,34,34,.8);
        display:none;
        font-size:14px;
        left:0;
        padding-bottom:40px;
        padding-top:20px;
        position:absolute;
        width:100%
    }
    .nav-child>li.active .series{
        display:block
    }
    .series-list{
        font-size:0;
        margin-bottom:40px
    }
    .series-list li{
        display:inline-block;
        margin-right:20px;
        width:200px;
		position:relative;
    }
    .series-list li:last-child{
        margin-right:0
    }
    .series-list .pro-img{
        background-color:#fff;
        border-radius:20px;
        display:block;
        margin-bottom:20px
    }
    .series-list img{
        border-radius:5px;
        transition:transform .5s ease;
		max-width:40%;
		padding: 10px 0;
    }
    .series-list img:hover{
        transform:scale(1.05);
        -webkit-transform:scale(1.05);
        -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
        -o-transform:scale(1.05)
    }
    .series-list span{
        font-size:14px
    }
	
	.series-list i{ position:absolute; left:0; top:0;}
	
    .series-more{
        color: var(--themeColor);!important
    }
    .country-list{
        background-color:rgba(34,34,34,.8);
        border-bottom-left-radius:8px;
        border-bottom-right-radius:8px;
        display:none;
        font-size:14px;
        left:-4px;
        padding:10px 0;
        position:absolute;
        top:100%
    }
    .country:hover .country-list{
        display:block
    }
    .country-list li{
        padding:6px 10px
    }
    .country-list li:hover{
        color:var(--themeColor);
    }
    .search-box{
        background-color:#111;
        display:none;
        height:100%;
        left:0;
        padding:0 220px;
        position:absolute;
        top:0;
        width:100%;
        z-index:10
    }
    .search-cnt{
        height:100%;
        margin:0 auto;
        max-width:800px;
        padding:12px 0;
        position:relative;
        width:100%
    }
    .search-btns{
        animation:slideInRight .5s ease both;
        background:url(https://www.vaporesso.com/hubfs/imgs/2022/com/icon-search.png) no-repeat 50%/20px 20px;
        height:41px;
        position:absolute;
        width:20px
    }
    .search-cnt form{
        display:inline-block;
        height:100%;
        max-width:none;
        width:100%
    }
    .search-cnt input{
        animation:slideInRight .5s ease both;
        -webkit-animation:slideInRight .5s ease both;
        background-color:transparent;
        border:0;
        border-radius:20px;
        color:#fff;
        font-size:15px;
        height:100%;
        padding:0 40px;
        width:100%
    }
    .search-cnt input:placeholder{
        color:#666
    }
    .search-close{
        background:url(https://www.vaporesso.com/hubfs/imgs/2022/com/close.png) no-repeat 50%/18px 18px;
        height:41px;
        position:absolute;
        right:15px;
        width:30px
    }
    @keyframes slideInRight{
        0%{
            transform:translate3d(100%,0,0)
        }
        to{
            transform:translateZ(0)
        }
    }
    .rec-list{
        background-color:rgba(34,34,34,.8);
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
        display:none;
        font-size:14px;
        left:0;
        padding:20px 40px;
        position:absolute;
        top:100%;
        width:100%
    }
    .rec-list li{
        padding:10px 0
    }
    .rec-list li:first-child{
        color:#aaa;
        font-size:12px
    }
    .nav-cnt,.nav-fl{
        display:inline
    }
    .animated{
        -webkit-animation-duration:1s;
        animation-duration:1s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both
    }
    .animated.infinite-5{
        -webkit-animation-iteration-count:15;
        animation-iteration-count:15
    }
    .animated.hinge{
        -webkit-animation-duration:2s;
        animation-duration:2s
    }
    .footer-page{
        background-color:#111;
        color:#999;
        font-size:15px;
        font-weight:400;
        padding:40px 6%;
        position:relative;
        z-index:3
    }
    .newsletter,.social{
        float:left;
        position:relative;
        width:50%
    }
    .social{
        padding-left:4%
    }
    .subscribe h3{
        color:#fff;
        font-size:20px;
        font-weight:500;
        margin-bottom:10px
    }
    .subscribe p{
        line-height:22px;
        max-width:530px
    }
    .subscribe-form{
        margin-top:10px;
        position:relative;
        width:50%
    }
    .subscribe-form input.attr_7{
        background-color:#333;
        border:0;
        border-radius:5px;
        color:#fff;
        font-size:14px;
        font-weight:400;
        height:40px;
        padding:0 110px 0 15px;
        width:100%
    }
    .subscribe-form input.attr_7:placeholder{
        color:#999!important
    }
    .subscribe-form input[type=submit]{
        background-color:var(--themeColor);;
        border:0;
        border-radius:5px;
        color:#fff;
        font-size:14px;
        font-weight:400;
        height:33px;
        padding:0;
        position:absolute;
        right:3px;
        text-align:center;
        top:3px;
        width:107px
    }
    .subscribe-form input[type=submit]:hover{
        background-color:var(--themeColor);;
        color:#000
    }
    .subscribe-info{
        font-size:13px
    }
    .social-link{
        margin-top:10px
    }
    .social-link a{
        display:inline-block;
        margin-right:22px;
        width:34px;
		font-size:34px;
		color:#fff;
    }
    .social-link a:last-child{
        margin-right:0
    }
    .footer-nav{
        display:flex;
        flex-direction:row;
        flex-flow:wrap;
        justify-content:space-between;
        padding:80px 10% 80px 0
    }
    .footer-nav-item{
        display:flex;
        flex-direction:column
    }
    .footer-nav-item h4 a{
        color:#fff;
        cursor:unset;
        font-size:20px;
        font-weight:500
    }
    .footer-nav-item ul{
        margin-top:15px
    }
    .footer-nav-item li{
        padding:6px 0
    }
    .footer-nav-item li a:hover{
        color:#fff
    }
    .hot-email,.hot-tel{
        color:hsla(0,0%,67%,.6);
        display:block;
        /*margin-bottom:12px;*/
        padding-left:5px
    }
    .hot-email img,.hot-tel img{
        float:left;
        margin-right:10px;
        margin-top:2px;
        width:18px
    }
	
	.hot-email strong{ font-weight:normal; color:var(--themeColor)}
	
    .hot-line label{
        color:#fff;
        display:block;
        margin-bottom:20px
    }
    .footer-info p{
        line-height:22px;
        margin-bottom:15px
    }
    .footer-info a{
        color:var(--themeColor);
    }
    .copyright{
        margin-bottom:0
    }
    .copyright a{
        color:#999
    }
    .copyright a:hover{
        color:#fff
    }
}
@media screen and (max-width:1023px){
    .act-enter{
        bottom:2.5rem;
        height:1.8rem;
        right:10px;
        width:2rem;
		display:none;
    }
    .act-enter .front{
        left:.4rem;
        width:2.2rem
    }
    .act-enter .back{
        width:3rem
    }
    .home-santa{
        bottom:.5rem;
        display:block;
        height:2rem;
        position:fixed;
        right:.2rem;
        width:2rem;
        z-index:20
    }
    .snowflake img{
        display:block;
        height:15px;
        width:15px
    }
    .mb-10{
        margin-bottom:.12rem!important
    }
    .f-14{
        font-size:.18rem!important
    }
    .f-16,.f-18,.f-20{
        font-size:.24rem!important
    }
    .f-24{
        font-size:.28rem!important
    }
    .f-32{
        font-size:.32rem!important
    }
    .f-36{
        font-size:.34rem!important
    }
    .f-40{
        font-size:.36rem!important
    }
    .f-48{
        font-size:.4rem!important
    }
    .f-56{
        font-size:.48rem!important
    }
    .f-72{
        font-size:.56rem!important
    }
    .f-120{
        font-size:.64rem!important
    }
    .f-140{
        font-size:.72rem!important
    }
    .contact-icon span{
        display:none!important
    }
    .why-vp{
        height:35.5rem
    }
    .why-vp .content{
        display:block;
        height:auto;
        margin:1rem auto;
        width:6.5rem
    }
    .why-vp .content .item{
        height:5rem;
        margin:0;
        width:6.5rem
    }
    .why-vp .content .item .title{
        height:1rem;
        left:50%;
        margin-left:-2rem;
        margin-top:-1.5rem;
        top:50%;
        width:4rem
    }
    .why-vp .content .item .title img{
        height:.5rem;
        margin-bottom:.2rem;
        width:.5rem
    }
    .why-vp .content .item .title p{
        font-size:.24rem
    }
    .why-vp .content .item .text{
        bottom:-1.5rem;
        font-size:.18rem;
        left:.25rem;
        opacity:1;
        width:6rem
    }
    .why-vp .content .item.bg2,.why-vp .content .item.bg3,.why-vp .content .item.bg4{
        margin-top:3rem
    }
    .why-vp .content .item.bg4 .text{
        bottom:-2.5rem
    }
    .header-icon-event{
        display:none
    }
    html{
        font-size:13.33333333333333vw!important
    }
    .s-hide{
        display:none!important
    }
    .main{
        padding:0 .3rem;
        width:100%
    }
    .vbtn:before{
        border-radius:.25rem
    }
    .page-warning{
        font-size:4vw;
        line-height:4.8vw
    }
    .header-acc,.header-cnt{
        height:60px;
        width:100%;
        z-index:10
    }
    .header-cnt{
        color:#fff;
        font-size:15px;
        left:0;
        position:relative;
        top:0
    }
    .nav-fl{
        background-color:#111;
        height:100%;
        padding:14px 15px 12px;
        position:absolute;
        width:100%;
        z-index:999999
    }
    .logo{
        display:inline-block;
        padding:0;
        position:relative;
        width:129px;
        z-index:11;
		margin-top:8px;
    }
    .locator{
        right:134px
    }
    .locator,.store{
        height:21px;
        position:absolute;
        top:21px;
        width:21px
    }
    .store{
        right:94px
    }
    .search{
        height:21px;
        right:54px;
        top:21px;
        width:21px
    }
    .dverify{
        height:21px;
        right:94px;
        top:21px;
        width:21px
    }
	
    .navbar,.search, .dverify{
        position:absolute
    }
    .navbar{
        height:24px;
        right:15px;
        top:19px;
        width:22px
    }
    .navbar span{
        display:block;
        padding-bottom:3px;
        padding-top:3px;
        transition:all .4s ease
    }
    .navbar span:before{
        background-color:#fff;
        border-bottom-left-radius:2px;
        border-top-right-radius:2px;
        content:"";
        display:block;
        height:2px;
        transition:transform .4s ease .2s;
        width:22px
    }
    .navbar.open span:first-child{
        transform:translateY(8px)
    }
    .navbar.open span:first-child:before{
        transform:rotate(45deg)
    }
    .navbar.open span:nth-child(2){
        opacity:0
    }
    .navbar.open span:nth-child(3){
        transform:translateY(-8px)
    }
    .navbar.open span:nth-child(3):before{
        transform:rotate(-45deg)
    }
    .nav-cnt{
        background-color:#000;
        display:none;
        height:100vh;
        left:0;
        overflow-y:auto;
        padding-top:60px;
        position:absolute;
        top:0;
        width:100%;
		z-index:99999;
    }
    .nav-cnt a:hover{
        color:var(--themeColor);
    }
    .nav-item{
        position:relative
    }
    .nav-item:after{
        background:url(https://www.vaporesso.com/hubfs/imgs/2022/com/icon-sub-add.png) no-repeat -14px 0/28px 14px;
        content:"";
        height:14px;
        position:absolute;
        right:20px;
        top:18px;
        width:14px
    }
    .nav-other>li>a,.nav>li>a{
        display:block;
        height:51px;
        line-height:50px;
        padding:0 15px
    }
    .nav-other>li>a:after,.nav>li>a:after{
        border-bottom:1px solid #333;
        content:"";
        display:block;
        width:100%
    }
    .nav-item.open{
        background-color:#111
    }
    .nav-item.open:after{
        background-position:0 0
    }
    .nav-other>li.open>a:after,.nav>li.open>a:after{
        border:0
    }
    .nav-item>ul{
        background-color:#111;
        display:none;
        font-size:12px
    }
    .nav-item>ul>li>a{
        color:#999;
        display:block;
        padding:10px 15px
    }
    .country img{
        float:left;
        margin-right:5px;
        margin-top:12px;
        width:22px
    }
    .search-box{
        background-color:#000;
        display:none;
        font-size:12px;
        height:100vh;
        left:0;
        overflow-y:auto;
        padding:80px 20px 0;
        position:absolute;
        top:0;
        width:100%
    }
    .search-cnt{
        position:relative
    }
    .search-btns{
        background:url(https://www.vaporesso.com/hubfs/imgs/2022/com/icon-search.png) no-repeat 50%/.42rem;
        height:.42rem;
        left:.42rem;
        position:absolute;
        top:.19rem;
        width:.42rem
    }
    .search-cnt input{
        background-color:#111;
        border:0;
        border-radius:5px;
        color:#fff;
        font-size:.28rem;
        height:.8rem;
        padding-left:1rem;
        padding-right:.3rem;
        width:100%
    }
    .search-cnt input:placeholder{
        color:#666;
        font-size:14px
    }
    .rec-list{
        margin-top:10px;
        padding:0 10px
    }
    .rec-list li{
        color:#999;
        padding:8px 0
    }
    .rec-list li:first-child{
        color:#fff
    }
    .footer-page{
        background-color:#111;
        color:#aaa;
        font-size:12px;
        font-weight:400;
        padding:20px 0;
        position:relative
    }
    .subscribe{
        padding:0 15px
    }
    .newsletter{
        border-bottom:1px solid hsla(0,0%,100%,.2);
        padding-bottom:28px;
        position:relative
    }
    .subscribe h3{
        color:#fff;
        font-size:14px;
        font-weight:500;
        margin-bottom:8px
    }
    .subscribe p{
        line-height:16px
    }
    .subscribe-form{
        margin-top:15px;
        position:relative
    }
    .subscribe-form .input{
        background-color:#333;
        border-radius:5px;
        height:35px;
		line-height:35px;
		padding-left:10px;
        width:100%
    }
    .subscribe-form input[type=email]{
        background-color:#333!important;
        border:0;
        border-radius:5px;
        color:#fff;
        height:35px;
        padding:0 96px 0 10px;
        width:100%
    }
    .subscribe-form input[type=email]::placeholder{
        color:#999!important;
        font-size:12px
    }
    .subscribe-form input[type=submit]{
        background-color:var(--themeColor);!important;
        border:0!important;
        border-radius:5px!important;
        color:#fff;
        font-size:12px;
        font-weight:400;
        height:30px;
        line-height:29px;
        padding:0!important;
        position:absolute;
        right:2.5px;
        top:2.5px;
        width:98px
    }
    .subscribe-form input[type=submit]:hover{
        background-color:var(--themeColor);;
        color:#000
    }
    .subscribe-form .submitted-message{
        font-size:12px;
        line-height:29px
    }
    .subscribe-info{
        display:block;
        font-size:11px;
        margin-top:8px
    }
    .social{
        margin-top:20px;
        padding-bottom:35px
    }
    .social-link{
        margin-top:18px
    }
    .social-link a{
        display:inline-block;
        height:25px;
        margin-right:20px;
        width:25px;
		color:#fff;
		font-size:34px;
    }
    .footer-nav{
        border-top:1px solid #565759
    }
    .footer-nav-item{
        border-bottom:1px solid #565759
    }
    .footer-nav-item h4{
        color:#fff;
        font-size:14px;
        font-weight:500;
        line-height:50px;
        padding:0 15px;
        position:relative
    }
    .footer-nav-item h4:after{
        background:url(https://www.vaporesso.com/hubfs/imgs/2022/com/icon-sub-add.png) no-repeat -14px 0/28px 14px;
        content:"";
        height:14px;
        position:absolute;
        right:20px;
        top:18px;
        width:14px
    }
    .footer-nav-item.open{
        background-color:#222
    }
    .footer-nav-item.open h4:after{
        background-position:0 0
    }
    .footer-nav-item h4 a{
        display:block
    }
    .footer-nav-item>ul{
        display:none;
        padding-bottom:10px
    }
    .footer-nav-item>ul>li>a{
        display:block;
        padding:6px 15px
    }
    .footer-nav-item>ul>li>a:hover{
        color:#fff
    }
    .footer-contact-us{
        padding:0 15px
    }
    .hot-email,.hot-tel{
        color:hsla(0,0%,67%,.6);
        display:block;
        margin-bottom:12px;
        padding-left:5px
    }
	
	.hot-email strong{ font-weight:normal; color:var(--themeColor)}
	
    .hot-email img,.hot-tel img{
        float:left;
        margin-right:10px;
        width:18px
    }
    .hot-line label{
        color:#fff;
        display:block;
        margin-bottom:10px;
        margin-top:10px
    }
    .footer-info{
        padding:0 15px
    }
    .footer-info p:first-child{
        border-bottom:1px solid hsla(0,0%,90%,.15);
        padding:17px 0
    }
    .footer-info a{
        color:var(--themeColor);
    }
    .copyright{
        padding-top:20px;
        text-align:center
    }
    .copyright span{
        display:block
    }
    .copyright a{
        color:#aaa
    }
    .copyright a:hover{
        color:#fff
    }
    .age-check-cnt{
        width:320px
    }
    .age-check-cnt h3{
        font-size:20px
    }
    .age-check-cnt p{
        font-size:12px;
        line-height:18px;
        margin-bottom:30px
    }
    .age-check-btn{
        font-size:14px;
        position:relative;
        transition:all .3s cubic-bezier(.12,.96,.53,1.01);
        width:120px
    }
    .age-check-over{
        margin-left:40px
    }
    .age-check-warning{
        font-size:15px;
        margin-top:50px
    }
    .code-close{
        background:url(https://www.vaporesso.com/hubfs/imgs/authentic/new/mobile-verification-shutdown.png) no-repeat 50%/cover;
        bottom:-55px;
        height:37px;
        left:50%;
        top:auto;
        transform:translateX(-50%);
        width:37px
    }
    .code-close:before{
        content:""
    }
    .code-box{
        border-radius:5px;
        padding:25px 10px 40px;
        width:92%
    }
    .code-box img{
        height:75px;
        margin-bottom:20px;
        width:104px
    }
    .code-box p{
        font-size:15px;
        line-height:22px
    }


    .go-top{
        bottom:80px;
        height:40px;
        right:15px;
        width:40px
    }
    .go-top img{
        margin-top:8px;
        width:13px
    }
    .go-program{
        bottom:30px;
        height:40px;
        right:15px;
        width:40px
    }
    .go-program span{
        display:none
    }
}
@media screen and (min-width:1024px) and (max-width:1680px){
    .nav-child>li,.nav>li{
        font-size:14px
    }
    .series,.series-list span{
        font-size:13px
    }
    .series-list li{
        width:160px
    }
    .header-icon-event{
        width:78px
    }
    .nav>li{
        padding:23px 10px
    }
}