html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 0.6rem;
}

a,
a:visited,
a:focus,
a:active,
a:link {
  text-decoration: none;
  outline: 0;
  color: #000;
}

a {
  color: currentColor;
  transition: .2s ease-in-out;
}

a:hover {
  text-decoration: underline;
}

dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  padding: 0;
  list-style: none;
}

img {
  vertical-align: middle;
  height: auto;
  width: 100%;
}

input,
button {
  outline: none
}

textarea {
  resize: none;
  outline: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.design{
  background-color: rgb(11,5,6);
  padding-bottom: 60px;
}
.design .kv .kv_button{

}
.design .kv .kv_button img{
  width: 25%;
  margin-right: 2.5%;
}
.design .kv .kv_button img:nth-child(1){
  margin-left: 37.5%;
}
.design .gif{
  margin-top: 150px;
  width: 52.5%;
  margin-left: 23.5%;
}
.design .gif .gif_button{
  width: 60%;
  margin-left: 20%;
  margin-top: 60px;
}
.design .details{
  width: 90.8%;
  margin-left: 4.6%;
  background-color: #fff;
  margin-top: 130px;
  overflow: hidden;
}
.design .details .title{
  width: 66.6%;
  margin-left: 16.7%;
  margin-top: 100px;
  margin-bottom: 100px;
}
.design .details .chanpindetail{
  width: 30%;
  margin-left: 35%;
  margin-bottom: 100px;
}
.design .details .invitation{
  width: 66.6%;
  margin-left: 16.7%;
  margin-bottom: 100px;
}
.design .details .saoma{
  width: 24%;
  margin-left: 38%;
  margin-bottom: 175px;
}
.design .details .tip{
  width: 70.8%;
  margin-left: 14.6%;
  margin-bottom: 40px;
}
.design .details .declianjie{
  width: 73.2%;
  margin-left: 13.4%;
  margin-bottom: 100px;
}