* {
  margin: 0;
  padding: 0;
}
body,
html {
  width: 100%;
  height: 100%;
}
.page-box {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  background-size: 100% 100%;
}
.content{
  width: 100%;
}
.content img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.kefu-box{
  max-width: 80px;
  position: fixed;
  top: 35%;
  right: 0;
  z-index: 99;
}
.kefu-box img{
  width: 100%;
  display: block;
}


.bottom{
  width: 100%;
  max-width: 550px;
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.bottom img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.tg-box{
  width: 80px;
  position: fixed;
  top: 65%;
  right: 0;
  z-index: 99;
}
.tg-box img{
  width: 100%;
  display: block;
}

.down_btn1{
	margin:0 auto;width: 70%;max-width: 424px;height: 100%;max-height: 102px;
}
.bottom button {
    width: 40%;
    height: 70%;
    background: url(../img/btn2.js) center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 5%;
    top: 15%;
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
    -webkit-appearance: none;
    border: none;
}
.tiaodong{
	-webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
	width:100%;
}
@-webkit-keyframes myfirst{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes myfirst{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}