html,body{width:100%;height: 100%;}
body{}
article{width: 100%;}
article>img{width:100%;display: block;}
*{padding:0;margin:0;}
.main_content{width: 100%;height: 100%;overflow: hidden;}
.information{width: 100%;position: fixed;bottom:34px; z-index: 9999;}
.img_bg{width: 100%;display: block;margin-bottom: -15px;}
.in_text{width: 86%;padding:0 7%;background:white;margin-top: ;position: relative;}
/*
.in_p{width: 100%;float: left;position: absolute;top:-20px;left: 10%;}
.in_p>h2{font-weight: bold;color: #3373C4;display: inline-block;font-size: 0.8rem;margin-top: 4px;}
.in_morev:visited,.in_more{margin-top: 4px; float: right; display: inline-block;border-radius: 4px;background: #3673C4;color: white;font-weight: bold;font-size: 0.8rem;padding:2px 5px;position: absolute;right: 20%;}
.in_ul{padding:5px 0;}
.in_ul>li{font-size: 0.75rem;list-style-image: url(../images/bg_li.png);list-style-position:inside}
.in_ul>li>a{font-size: 0.75rem;color: #3A7EDA;}*/


.banner_wrap { width: 100%; height: auto; position: relative; left: 0;}
.banner_wrap>div {/*float: left;  width: 14.2857%; height: auto; position: relative; */}
.banner_wrap a { display: block; width: 100%; height: 100%; position: relative; }
.banner_wrap img { width: 100%; height: auto; position: relative;}
.banner_wrap .join-btn { width: 24%; position: absolute; right: 15%; top: 37%; -webkit-transform:rotate(-16deg);-webkit-animation:rubberBand 1.2s ease-out infinite;}
.circle_box { width: 100%; height: 10px; position: absolute; top: 60%; left: 0; z-index: 10; text-align: center; }
.circle_box span { display: inline-block; width: 10px; height: 10px; background-color: #ccc; border-radius: 50%; margin-right: 8px; }
.circle_box span.curr { background-color: #1a84e1; }

.banner_wrap .try-btn { width: 32%; height: auto; position: absolute; left: 34%; top: 38%;}
.banner-kms { margin-top: -0.6%; }

.footer_f{position: fixed;bottom:0; z-index: 9999;}
footer{height: 34px;line-height: 34px;font-size: 0.65rem;}

@media all and (max-width: 490px) and (min-width: 340px ){
	.in_p>h2 {font-size: 1rem}
}

.shake-bottom {
  -webkit-animation: shake-bottom 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
  -moz-animation: shake-bottom 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
  animation: shake-bottom 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
@-webkit-keyframes shake-bottom{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}20%,40%,60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%,50%,70%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}90%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}@keyframes shake-bottom{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}20%,40%,60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%,50%,70%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}90%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform:rotate(-16deg) scale3d(1, 1, 1);
    transform:rotate(-16deg) scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform:rotate(-16deg) scale3d(1.25, 0.75, 1);
    transform:rotate(-16deg) scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform:rotate(-16deg) scale3d(0.75, 1.25, 1);
    transform:rotate(-16deg) scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform:rotate(-16deg) scale3d(1.15, 0.85, 1);
    transform:rotate(-16deg) scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform:rotate(-16deg) scale3d(.95, 1.05, 1);
    transform:rotate(-16deg) scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform:rotate(-16deg) scale3d(1.05, .95, 1);
    transform:rotate(-16deg) scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform:rotate(-16deg) scale3d(1, 1, 1);
    transform:rotate(-16deg) scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform:rotate(-16deg) scale3d(1, 1, 1);
    transform:rotate(-16deg) scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform:rotate(-16deg) scale3d(1.25, 0.75, 1);
    transform:rotate(-16deg) scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform:rotate(-16deg) scale3d(0.75, 1.25, 1);
    transform:rotate(-16deg) scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform:rotate(-16deg) scale3d(1.15, 0.85, 1);
    transform:rotate(-16deg) scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform:rotate(-16deg) scale3d(.95, 1.05, 1);
    transform:rotate(-16deg) scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform:rotate(-16deg) scale3d(1.05, .95, 1);
    transform:rotate(-16deg) scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform:rotate(-16deg) scale3d(1, 1, 1);
    transform:rotate(-16deg) scale3d(1, 1, 1);
  }
}




