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;
}
.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);
  }
}
.flexBox{display: flex;justify-content: center;align-items: center;}
.imgCon img{width: 100%;height:auto;margin-top: 5px;}
/*****/
.container{width: 100%;height:100%;background: #fff;font-size: 14px;max-width: 1024px;margin: 0 auto;}
.afterSales{padding: 20px 20px 40px;width: 100%;position: relative;}
.afterSales h3{margin-bottom: 15px;font-size: 16px;font-weight: 600;}
.float{float: left;}
.leftContent{width: 58%;}
.asinImg{width:36%;position: absolute;top: 0;left: 60%; transform: translateY(-42%);}
.leftContent p{font-size: 20px;line-height: 30px;}
.more{background: #33abd8;color: #fff;line-height: 34px;font-size: 18px;padding: 0 20px;font-weight: 600;border:none;border-radius: 10px;margin-top: 10px ;display:inline-block;}
.inputGroup{background-color: rgba(255, 255, 255, 0); margin: 30px auto 50px; width: 100%;height: auto;}
.formitem{margin-bottom: 10px;display: block; margin:0 auto 20px;width: 84%;}
.formitem input{display: block;width: 100%; border: 1px solid #c6c6c6; border-radius: 5px; background: #fff; padding: 0px 10px;height: 60px;font-size: 18px;}
.tipInfo{display: none;color: red;font-size: 12px;font-weight: 600;}
.inputGroup .label { position: relative; margin: 0 auto;}
.formitem .iconfont { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);font-size: 20px; color: #565656;}
.warrantyInfo{flex-direction: column;padding:15px 20px;background: url(../img/bg.jpg);color: #fff;font-size:20px;line-height: 30px;text-align: center;}
.warrantyInfo img{width: 8.9%;}
.warrantyInfo h2{font-size: 32px;margin: 20px auto;}
button.submit{ width: 84%; line-height: 60px; background-color: #88c3ed; color: #fff; font-size: 24px;text-align: center;border-radius: 0px; border: none; margin: 0 auto;display: block;cursor: pointer;font-weight: 700;}
.bottom{background: url(../img/bottom.jpg);font-size: 20px;}
.bottom img{max-height: 80px;}
.bg100{background-size:cover;}
.qa img{width:100%}
.qa{cursor: pointer;  width: 18%; right: -15px; top: 50%;z-index:999;max-width:160px}
.about {font-size: 0.14rem; padding: 20px 30px; text-align: left; line-height: 0.2rem}
.about h3{ color: #edaa06;font-size: 20px;margin: 0 auto 20px;}
.magic_num{font-size:0.24rem;color: #01547e;font-weight: 600;padding: 10px 0;}
.detailBox .item img{width:1.15rem;max-width: 110px;}
.detailBox{flex-wrap: wrap; margin: 30px auto;text-align: center;align-items: flex-start;padding-bottom: 30px;}
.detailBox .item{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 40%;margin-bottom: 20px;}
p.text{font-size: 0.16rem; line-height: 0.3rem;}
div.qa-title{line-height: 30px;font-size: 22px;font-weight: 700;color: #88c3ed;}
.qaBox{padding:0.4rem 0.1rem 0.3rem 0.3rem}
.qaBox .ques{font-size: 16px;line-height: 24px;font-weight: 600;margin-top: 0.36rem;}
.qaBox .answer{font-size: 14px;line-height: 24px;}
.qaContainer{position: fixed; width: 100%;height: 100%;top: 0; left: 0; background: #fff; overflow: auto;display: none;}
.error .tipInfo{display:block;}
@media (max-width: 768px) {
    .afterSales{padding: 0.2rem 0.2rem 0.4rem;}
    .afterSales h3{margin-bottom: 0.15rem;font-size: 14px;}
    .leftContent p{font-size: 12px!important;line-height: 16px;}
    .warrantyInfo h2{font-size: 0.32rem;font-weight: 700;margin: 0.2rem auto;}
    .warrantyInfo{font-size: 0.16rem;line-height: 0.24rem;}
    button.submit{line-height: 0.6rem;font-size: 0.3rem;margin: 0.6rem auto;}
    .formitem input{height: 0.6rem;font-size: 0.18rem;}
    .bottom img{height: 0.8rem;margin: 0.12rem 0.2rem;}
    .more{font-size: 14px;line-height: 34px;padding: 0 0.3rem;}
    .about {font-size: 14px;line-height: 24px}
    p.text{font-size: 14px;}
    
}
@media (max-width: 480px) {
        .hidden-xs{display:none}
    .asinImg{width:36%;position: relative;top: 10px;left: 15px; transform: translateY(0);}
}
.close::after{content: "+";transform: rotateZ(45deg);position: absolute;font-size: 24px;top:10px;right:20px;}
.container,#mySwiper{width: 100%;}
#mySwiper img{width: 100%;height: auto;}