html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
section,
div,
header,
footer,
nav,
article,
aside,
ul,
li,
ol,
dl,
dt,
dd,
form,
table,
td,
tr,
text,
th,
thead,
textarea,
input,
a,
span,
i,
img,
b,
em,
strong,
p,
button {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: "Amazon Ember",Arial,sans-serif;
}
a {
    text-decoration: none;
    color: #FFFFFF;
}

li {
    list-style: none;
}

.clear:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.posRel {
    position: relative;
}
.posAbs {
    position: absolute;
}

.posFix {
    position: fixed;
}

.cen {
    left: 50%;
    transform: translateX(-50%);
}

.mid {
    top: 50%;
    transform: translateY(-50%);
}

.cenMid {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.left {
    float: left;
}

.right {
    float: right;
}

input,
textarea,
tr,
td,
button,
th,
thead,
tfoot,
select,
option {
    border: none;
    outline: none;
    background: none;
    resize: none;
}
button,a{cursor: pointer;}
.W100{width: 100%;}
.h100{height: 100%;}
.wh100 {
    width: 100%;
    height: 100%;
}
.pd12{padding: 0 12px;}
.wrapper {
    margin: 0 auto;
}
.flexBox{display: flex;justify-content: center;align-items: center;}
.imgCon .baseInfo{position: absolute;width: 40%;
    bottom: 0.6rem;
    right: 0;
    color: #fff;}
.baseInfo p{padding: 0 6px;background:url(../img/ybg.png) repeat-x;    margin-bottom: 0.1rem;
    line-height: 0.4rem;    white-space: nowrap;}
.imgCon img{width: 100%;height:auto;margin-top: 5px;}
/*****/
body{ font-size: 0.14rem; background: #fff}
header,footer{color: #FFFFFF;background: #ffa70b;width: 100%;line-height: 0.6rem; font-size: 0.22rem;text-align: center;display: flex;align-items: center;justify-content: center; font-weight: 600;}
footer img{width:0.52rem;margin-right: 0.1rem;max-width: 52px;}
footer{margin-top: 0.6rem;}
footer a{text-decoration: none;width: 100%;height: 100%;}

.detailCon{background-color: #fff;box-shadow: -1px 0px 4px 2px #9999994f;margin-top: 5px;padding-top: 0.3rem;}
.detailCon h4{font-size: 0.22rem;text-align: center;}
.detailsBox{display: grid;grid-template-columns: 50% 50%;
    grid-template-rows: 0.68rem 0.68rem 0.68rem 0.68rem;align-items: center;padding: 0 10px;}
.detailsBox >p {padding-left: 5px; height: 100%; display: flex; align-items: center;border-bottom: 1px solid #444;}
.detailsBox >p .label{font-weight: 600;}
.detailsBox >p:first-child{ grid-column-start: 1; grid-column-end: 3; }
.detailsBox >p:nth-last-child(-n+2){border-bottom: none;}

h4.title{color:#1678ff;font-size: 0.26rem;padding:0.32rem 0;text-align: center;}
ul li{font-size: 0.2rem;padding-bottom: 0.4rem;list-style: none;position: relative;padding-left: 0.6rem;}
ul li::before{content: "";display: inline-block;position: absolute;width: 0.24rem;height: 0.24rem;border-radius: 50%;background: #1678ff;top:4px;left: 0.2rem;}

video{width: 100%;height: auto;}
.usage{background: #fff;margin-top: 8px;
    border-radius: 10px;border: 1px solid #67a7ff;}
.stepCon{flex-wrap: wrap;justify-content: space-around; align-items: flex-start;padding: 0 6px;}
.stepCon .stepItem{width: 48%;margin-top: 0.25rem;padding-top: 0.5rem;}
.stepName{background:#c6deff;font-size: 0.3rem;line-height: 0.5rem;display: block;width: 62%; text-align: center; border-radius: 30px;top:-0.25rem;box-shadow: -1px 0px 3px 2px #9999994f;}
.stepItem p{font-weight: 600;padding: 0.23rem 0;text-align: center;font-size: 0.22rem;}
.imgBox img{width: 100%;box-shadow: -1px 0px 3px 2px #9999994f;border-radius: 10px;}
.des{padding: 0 0.3rem;}
.des p{line-height: 30px;font-size: 0.2rem;}
p.subtitle{display: inline-block; line-height: 34px;background: #1678ff;border-radius: 8px;padding: 0 10px; color: #fff; font-size: 20px;  margin-top: 20px;font-weight: 600;}
.des span{color: #67a7ff;}

.eventDes{background: #4895ce;color: #fff;font-size: 0.24rem;margin: 0.32rem 0; padding: 0.1rem 0.3rem;line-height: 0.28rem;text-align: center;}
.gostar{width: 25.6%;display: block;font-size:0.24rem ;font-weight: 600;margin-top: 25px;}
.gostar img{width: 100%;height: auto;}
.gostar .text{top: 0.09rem;left: 0.3rem;}
.listItem {border-radius: 6px;padding:8px 10px;justify-content: space-around;box-shadow: -1px 0px 5px 1px #c3baba;margin-bottom: 0.3rem;}
.proInfo{color: #ffa70b;margin:0 0.3rem;}
.proInfo del{color: #999;}
.listItem .pdImg{width: 25.6%;}
.proInfo{width: 30%;white-space: nowrap;}
.curPrice{font-size: 0.45rem;}
.singlePro .curPrice{font-size: 0.62rem;}
.singlePro{width: 87%;margin: 0 auto;}
.proCon{top: -0.3rem; position: relative; background: #fff;box-shadow: -1px 0px 5px 1px #c3baba; padding: 6px;justify-content: normal;}
.singlePro .gostar{width:35.4%;margin: 0 auto;font-size: 0.3rem;}
.singlePro .pdImg{width: 55%;border-radius: 10px;}
.pdName{overflow: hidden;}

/* 领取折扣码 */
.zkm header,.zkm footer{background: #27cccc;}
.zkm footer{position: fixed;
    bottom: 0;}
.zkm header img{width: 18.2%;margin-right: 15px;border-radius: 50%;}
.zkm header{padding: 10px 15px;}
.zkm header .headText{line-height: 0.25rem; text-align: left;}
.productList{flex-wrap: wrap;justify-content: flex-start;;padding: 30px 5px;}
.productList .productName{color:#e31c16;font-weight: 600;font-size: 20px;margin-bottom: 25px;}
.productList>.item{flex-direction: column;padding: 15px 24px;width: 50%; }
.startBtn{color: #fff; background: linear-gradient(6deg, #eb0a0a , #e77070b0); font-weight: 600; font-size: 14px; width: 50%;  line-height: 30px; text-align: center; border-radius: 30px;min-width: 120px;margin:20px 0} 
.mainImgBox img{width: 100%; height: auto;}
.discount{ width: 0.8rem; height:  0.8rem;color: #fff; background: #e31c16; border-radius: 50%;padding: 3px;}
.discount >div{border: 3px solid #ffffff;display: flex;justify-content: center;align-items: center;flex-direction: column;
    border-radius: 50%;
    width: 100%;
    height: 100%;}
.discount .price{font-size: 18px;font-weight: 600}
.arrow-right{display: inline-block;width: 16px;height: 16px;border-radius: 50%;text-align: center;background: #fff;color: #e31c16;vertical-align: text-top; line-height: 17px; margin-left: 3px;}

/***新品邀评***/
.button{
    font-size: 0.32rem;
    width: 100%;
    height: 0.64rem;
    background: #27ab0d;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    min-height: 40px;
}
.xpyp header,.xpyp footer{background: #e0dfbc;}
.xpyp footer{margin-top: 0.8rem;}
.xpyp .container{
    width: 100%;
    height: auto;
    background: url(../img/bgCover.jpg) 100% no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}
.xpyp .headText{font-size:16px;text-align:center;line-height:26px;padding:24px 0 10px;}
.xpyp .activityBox{width: 6.56rem;margin: 0 auto;background: url(../img/kuang.png) 100% no-repeat;background-position: 0 0;
    background-size: 100% 100%;text-align: center;padding:0.6rem 0.8rem;}
.activityBox .crash{color: #000;font-size: 24px;font-weight: 600;}
.activityBox .crash span{font-size: 0.5rem!important;text-shadow: -1px 1px 2px #88690e;}
.activityBox .boldTitle{font-size: 0.62rem!important;color: #a48a42!important;text-shadow: -1px 1px 5px #795548;line-height: 0.6rem!important; font-style: italic;}
p.activityIntro{margin: 0.2rem auto 0.3rem;}
.activityBox .text,.crashText p{font-size: 14px;width: 3rem;margin: 0 auto;}
.activityBox .text{margin-top: 0.3rem;}
.timerBox>div{width: 0.8rem;height: 0.8rem;background: url(../img/timeBg.jpg) 100% no-repeat; background-size: 100% auto;text-align: center;margin: 0.3rem 18px;font-weight: 600;font-size: 0.56rem;color: #fff;position: relative;padding-top: 2px;}
.timerBox .cen{font-size: 14px;position: absolute;bottom: 4px;    font-weight: 500;}
.timerBox >span{color: #715e16; font-size: 25px;}
.activityBox p{font-weight: 600;}
.timeCon .deadline{width: 2.6rem;height: auto;margin: 0 auto;margin-top: 0.2rem;}
.xpyp .mainImg{width: 4.45rem;display: block;margin: 0 auto;position: relative;top: -0.4rem;left: -0.3rem;}
.xpyp .method{padding: 0 12px;margin: 1.5rem 0.3rem 0.4rem;text-align: center;background: #cdbe9b;color: #000;}
.method .title{font-size: 0.24rem;color: #a48a42;}
.method p,.contact .text{font-size: 0.2rem;text-align: left;line-height: 26px;padding-bottom: 0.22rem;}
.method span.num{background: #a48a42;color: #fff;display: inline-block;width: 24px;height: 24px;border-radius: 50%;text-align: center;}
.contact {padding: 0 0.3rem;}
.contact .subtitle{background: #dcdbb8;margin-top: 0;}
.contact p{color: #fff;}
.xpyp .button{background: #a48a42;}

/* 重金邀评 */
.congratuate img{width: 100%;height: auto;}
.congratuate img.posAbs{width: 60%;top: 2.75rem;}
.gratitudeText{    background: url(../img/gm_02.jpg) no-repeat; background-size: 100% 100%;
    margin-top: -3px;
    padding-bottom: 0.6rem;}
.gratitudeText p{background: #fff;color: #000;padding: 15px;bottom: 0.6rem;margin: 0 0.2rem;text-align: center;}
.zjyp .bgBox{background: url(../img/bggr.jpg) no-repeat; background-size: 100% 100%; margin-top: -3px; padding: 0 0.4rem 0.3rem;}
.zjyp .timerBox>div{background: #5daf4d;}
.zjyp .timeCon{margin-bottom: 0.4rem;}
.zjyp .timeCon .deadline{display: block;width: 4.36rem;}
.zjyp .contentBox{ top: -15px; position: relative;   background: #fff; border-radius: 15px; padding: 0.3rem 0;}
.zjyp .method{padding: 0 12px;margin: 0.3rem 0.3rem 0.4rem;text-align: center;background: #aed7a6;color: #000;}
.zjyp .method .title{font-size: 0.3rem;color: #5daf4d;background: #e0dfbc;
    padding: 10px 0;  width: 3.1rem;  margin: 0 auto;  border-radius: 10px;position: relative;top: -20px;}
.zjyp .method p{font-size: 0.2rem;text-align: left;line-height: 26px;padding-bottom: 0.22rem;}
.zjyp .method span.num{background: #5daf4d;color: #fff;display: inline-block;width: 24px;height: 24px;border-radius: 50%;text-align: center;}
.saleVolume{position: absolute; bottom: 10px; color: #ff0000;  font-size: 1.32rem!important; font-weight: 600; text-align: center; width: 100%; text-shadow: -0.1rem 0.1rem 1px #980d0d;padding-left: 0.6rem;}
.zjyp .timerBox>div {margin: 0.46rem 18px;}
.fixedBottom{position: fixed; bottom: 10px;width: 100%;padding: 0 0.4rem;}

/* *** */
.warranty .banner{width: 100%;height: auto;}
.warranty .features {flex-wrap: wrap;padding: 20px 10px;}
.warranty .features img{width: 0.6rem;}
.warranty .features .item{width: 33.3%; flex-direction: column;
    font-size: 0.20rem; text-align: center;}
.warranty .features .item span{padding: 10px 0;
        font-weight: 600;}
.warranty  .button{margin:30px auto;
    display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
        width: 240px;
        height: 44px;
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        border: 0px solid rgb(45, 140, 240);
        border-radius: 18px;
        justify-content: center;
    }
    .warranty .layer{position: fixed;  background: #00000061;top: 0;left: 0;width: 100%;height: 100%;}
    .warranty .layer label {font-size: 14px;color: #000;
        min-height: 24px;
        font-weight: 700;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    display: block;}
    .warranty .layer input{height: 40px;
        line-height: 40px;
        border-radius: 4px;   box-sizing: border-box;border:1px solid rgb(220, 223, 230);; display: inline-block;
        font-size: inherit;
        outline: 0;
        padding: 0 15px; width: 100%;
        margin-bottom: 15px;
    }
    .warranty .layerContainer{background: #fff;border-radius: 15px;padding: 20px;width: 90%;max-width: 400px;}
    img.success{width: 100%;height: auto;}

    .layer .head{text-align: center;
        color: #2d8cf0;
        font-size: 18px;
        padding: 0 20px;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        margin: 10px 0 20px 0;
        font-weight: 600;
        position: relative;
    }
    .warranty .layer .close{display: inline-block;position: absolute;width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 24px;color: #2d8cf0;font-weight: 500;border: 1px solid; border-radius: 50%;top: -16px;right: 0;cursor: pointer;}


@media(max-width:415px){
    body.xpyp{  background: linear-gradient(105deg, #c9ad86, #d9c6a3,#cdbe9b);}
    body,.inputBox input,.guideitem p,#comment textarea,.paypalcard input,.uploadBox .flexBox,.reviewing label,ul ,p{font-size: 14px!important;}
    .title,.detailCon h4,.productList .productName{font-size: 18px!important;font-weight: 600;}
    header,footer{font-size: 14px;line-height: 40px;}
    .des{padding: 0;}
    .eventDes{font-size: 14px;margin: 0.32rem 0; padding: 0.1rem 0.3rem;line-height: 26px;}
    .proInfo{width: 40%;padding:0;}
    .gostar{width: 28.5%;}
    .listItem .pdImg{width: 21%;}
    .singlePro .pdImg{width: 45%;}
    .singlePro .gostar{width:40%;margin: 0 auto;}
    .baseInfo p{padding: 0 6px;background:url(../img/ybg.png) repeat-x;    margin-bottom: 0.1rem;
        line-height: 0.4rem;}
    /* 领取折扣码 */
    .zkm header img{width: 24%;border-radius: 50%;}
    .zkm header .headText{line-height: 20px;}
    .discount{ width: 60px; height:  60px; font-size: 12px;}
    .discount >div{border: 2px solid #ffffff;}
    .discount .price{font-size: 14px;}

    .xpyp .activityBox{padding: 0.4rem 0.6rem;}
    .activityBox .text{width: 90%;}
    .activityBox .boldTitle{line-height: 0.6rem!important;}
    .xpyp .mainImg{width: 4.3rem;}
    .timerBox>div{width: 54px;height: 54px;margin: 0.2rem 0.18rem;}
    .xpyp .timerBox>div{margin: 0.2rem 0.1rem;}
    .timerBox .cen{font-size: 10px;}
    .xpyp .headText{padding: 0;}


    .zjyp .timerBox>div{margin: 0.4rem 0.18rem;}

    .warranty .features .item{font-size: 12px;}
   

}

@media(min-width:768px){
    .productList>.item{width: 33.3%;}
    .productList>.item{border-top: none!important;border-right: none!important;}
}

@media(min-width:1024px){
body{max-width:1024px;margin: 0 auto;font-size: 18px;}
.detailsBox{ grid-template-rows: 70px 70px 70px 70px;}

.des p,.eventDes{font-size: 14px;}
.eventDes{font-size: 18px;margin: 30px 0; padding: 0.1rem 0.3rem;line-height: 30px;}
.gostar{font-size:24px}
.gostar .text {
    top: 0.07rem;
    left: 0.24rem;
}

}
.warranty .layer .error{border-color: rgb(246, 12, 12);}


/*折叠*/

.faqBox .item p,.faqBox .title {
    font-size: 14px;
    line-height: 26px;
    margin: 0;
}
.faqs{display:none;padding:10px;}
.faqBox .title {
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    margin：0 5px;
    padding: 10px 5px;
    text-align: left;
    color: #000;

}
.faqBox {margin-bottom:30px}
.faqHead{text-align:center;background:#000;color:#ffce00;font-size:18px;line-height: 50px;}
.faqBox .title::after{
    content:"+";
    color:#ff3126;
    float: right;
    font-size: 22px;

}   
.faqBox .title.active::after{  
   content:"-";
   font-size: 38px;
    font-weight: 500;
}


 .loading{width: 100%;height: 100%;
  display:none;position: fixed;top: 50%;left: 50%; z-index: 999; transform: translate(-50%, -50%);background:#7c737342}
  .loader-inner{position: absolute;top: 50%;left: 50%; z-index: 999; transform: translate(-50%, -50%);}
.ball-pulse>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
.ball-clip-rotate>div {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 5px solid #fff;
  border-bottom-color: transparent;
  height: 40px;
  width: 40px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
}

@keyframes rotate {
  0% {
          -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
  }

  50% {
          -webkit-transform: rotate(180deg) scale(0.6);
          transform: rotate(180deg) scale(0.6);
  }

  100% {
          -webkit-transform: rotate(360deg) scale(1);
          transform: rotate(360deg) scale(1);
  }
}