* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  outline: none;
}
a:focus {
  outline: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
input,
select,
textarea {
  font-family: inherit;
}
input[type='checkbox'],
input[type='radio'] {
  background: transparent;
  border: 0;
}
/*::-webkit-input-placeholder{color:#fff;}
::-moz-placeholder{color:#fff;}
:-moz-placeholder{color:#fff;}*/
label {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
i,b {
  font-style: normal;
}
input,button,select {
  outline: none;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder{
  color: #b2b2b2;
}
img {
  width: 100%;
}
html {
  margin: 0;
  padding: 0;
  font-family: "micorsoft yahei";
}

body {
  padding: 0;
  margin: 0;
  background: #fff;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}

/* ************ */

#tq_kefu_main{
    display:none
   }
  .active_copy{  
      position: relative;  
      float: left;    
      margin-top: 0px;
   }
  body.active #defaultBox{
   display: none!important;
  }
  body {
   overflow: auto!important;
  }
  .new_special_top .new_special_logo {
     box-sizing: content-box;
  }
  #defaultBox .popup-content .info {
      text-align: center;
  }
  #defaultBox1 {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
     background: rgba(0,0,0,.6);
     display: none;
  }
  #defaultBox1 .popup-box {
     width: 300px;
     height: 200px;
     left: 50%;
     top: 50%;
     margin-left: -150px;
     margin-top: -100px;
  }
  #defaultBox1 .info {
     text-align: center;
  }
  #defaultBox1 .info p {
   display: none;
  }
  .active_copy {
     overflow: hidden;
  }
  body.active #defaultBox{
   display: none!important;
  }
  .swiper-container .swiper-slide img {
    width: 100%;
  }
  
  .blink {
    -webkit-animation: blink 1s ease infinite;
    -o-animation: blink 1s ease infinite;
    animation: blink 1s ease infinite;
  }
  .scale {
    animation: scale 1s ease infinite;
  }
  .hvr-buzz-out {
    -webkit-animation: hvr-buzz-out 2s ease infinite;
    -o-animation: hvr-buzz-out 2s ease infinite;
    animation: hvr-buzz-out 2s ease infinite;
  }
  .float {
    -webkit-animation: float 1.5s ease infinite;
    -o-animation: float 1.5s ease infinite;
    animation: float 1.5s ease infinite;
  }
  
  
  .bgSize {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  @keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
  
  
  @keyframes blink{
    0%,100%{
      opacity: 1;
    }
    50%{
      opacity: 0;
    }
  }
  
  @keyframes scale{
    0%,
    100% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(.9);
    }
  }
    @keyframes scaleBig{
    0%,
    100% {
      -webkit-transform: scale(1) ;
    }
    50% {
      -webkit-transform: scale(.7);
    }
  }
  @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 float{
    0%,
    100% {
      transform: translateY(10px);
    }
    50% {
      transform: translateY(-10px);
    }
  }
  
  @keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }