* {
    padding: 0;
    margin: 0;
  }
  html {
    width: 100%;
    margin: 0 auto;
  }
  body {
    margin: 0 auto;
  }
  input {
    border: 0;
    outline: none;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  p,
  blockquote,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  pre,
  img,
  form,
  applet,
  fieldset,
  legend,
  button,
  input,
  textarea,
  th,
  table,
  tr,
  td {
    margin: 0;
    padding: 0;
    border: none;
  }

  body,
  div,
  fieldset,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  html,
  p {
    font-weight: normal;
    font-style: normal;
    -webkit-text-size-adjust: none;
  }
  input::-ms-clear {
    display: none;
  }
  /*清楚文本框*/
  input,
  select,
  textarea {
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius:0;
  }
  

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666;
}
/* img */
img {
  padding: 0;
  margin: 0;
  vertical-align: top;
  border: none;
  width: 100%;
}
/* div */
li,
ul {
  list-style: none;
  outside: none;
}
.clear {
  clear: both;
  height: 0;
  width: 100%;
}
a,
b,
i,
span,
input,
select,
dl,
dd,
dt,
p {
  font-family: "微软雅黑";
}
i,
em {
  font-style: normal;
}
/* font */
a {
  color: #333;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
.mt100 {
  margin-top: 1rem;
}
.mt30 {
  margin-top: .3rem;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.text-center {
  clear: both;
  text-align: center;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
html {
    height: auto;
    width: 100%;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    
  }
  body {
    font-family: "微软雅黑";
    color: #666;
    position: relative;
    background: #ffffff;
    margin: 0 auto;
  }
  
  
/* topic */


#tq_kefu_main {
  top: 250px !important;
}
.bottom {
   margin-top: 0!important;
}
.order_tips_text {
    box-sizing: content-box;
}
@media screen and (min-width: 750px) {
    .modal .modal-content{
      transform: translate(-50%, -50%) scale(0.6) !important;
    }
    .fix_right {
         width: 45px!important;
     }
     .copy p {
        font-size: .2rem!important;
     }
     img {
        vertical-align: middle!important;
     }
     .copy{
            padding-top: 1vw!important;
            padding-bottom: 2vw!important;
     }
    .order_tips {
        width: 20%;
        left: 40%;
     }
}
  body {
    overflow: auto!important;
  }
  .wrap {
    overflow: hidden;
    -webkit-background-size: contain;
    background-size: contain;
    
  }
  .wrap .swiper-wrapper {
    height: auto !important;
  }
  .box-item {
    border: 0 !important;
    position: relative;
  
  }
  .box-bg {
    width: 100%;
    
  }
  .box-bg img {
    width: 100%;
  }
  .box-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  body.active .popup_mask_t{
    display: none!important;
  }
/* 隐私说明 */
.privacy-policy {
	padding-left: .35rem;
	font-size:.25rem;
	color:#563b22;
	box-sizing:border-box;
  text-align: center;
  clear: both;
}
.privacy-policy.white {
  color:#fff;
}
.privacy-policy a {
	color:inherit;
	text-decoration:underline
}
.privacy-policy .privacy-policy-isAgree {
	display:none
}
.privacy-policy .privacy-policy-isAgree+label {
	position:relative
}
.privacy-policy .privacy-policy-isAgree+label::before {
	content:'';
	display:inline-block;
	width:.2rem;
	height:.21rem;
	position:absolute;
	top:50%;
	left:-0.3rem;
	transform:translateY(-50%);
	border-radius: 50%;
	border: 1px solid #563b22;
}
.privacy-policy.white .privacy-policy-isAgree+label::before {
	content:'';
	display:inline-block;
	width:.2rem;
	height:.21rem;
	position:absolute;
	top:50%;
	left:-0.3rem;
	transform:translateY(-50%);
	border-radius: 50%;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.privacy-policy .privacy-policy-isAgree:checked+label::before {
	background: #64b464;
}
.privacy-policy .privacy-policy-isAgree:checked+label::after {
	content: '';
	width: .16rem;
	height: .08rem;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top:50%;
	left:-0.24rem;
	margin-top: -.05rem;
	transform:translateY(-50%) rotateZ(-45deg);
}
.modal form {
  position: relative;
}
.modal .privacy-policy {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

}

  .scale {
    animation: scale 1s ease infinite;
  }
  .blink {
    animation: blink 1s ease infinite;
  }
  .float {
    animation: float 2s ease infinite;
  }
  .hvr-buzz-out {
    animation: hvr-buzz-out 2s ease infinite;
  }



  /*自定义动画效果*/

@keyframes hvr-buzz-out {
    5% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    10% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    15% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    25% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    30% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    35% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    40% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    45% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    50% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes scale{
    0%,
    100% {
      transform: scale(1);
    }
    50% {
      transform: scale(.9);
    }
  }
  @keyframes blink{
    0%,100%{
      opacity: 1;
    }
    50%{
      opacity: 0;
    }
  }
  @keyframes light{
    0%,100%{
      opacity: .5;
    }
    50%{
      opacity: 1;
    }
  }
  @keyframes float{
    0%,100%{
      transform: translateY(-5px);
    }
    50%{
      transform: translateY(5px);
    }
  }
  @keyframes scaleBig{
    0%,100% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(.8);
    }
  }