body {
  /*background: #00535c;*/
  padding-top: 0;
  font-family: '微软雅黑';
  overflow: auto !important;
}
#vm {
  position: relative;
  height: 670px !important;
  display: block;
  overflow: hidden;
}
#vm .page-head {
  position: absolute !important;
}
#vm .page-head .middle .btn:first-child {
  margin-right: 0px !important;
}
#vm .page-head .middle .btn:last-child {
  margin-left: 0px !important;
}
#vm .page-body .container {
  background: white;
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.show-bg-new {
  text-align: center;
  background-color: white;
  padding: .5rem 0;
}
.show-bg-new .new {
  width: 6.96rem;
  height: 6.52rem;
}
.show-bg-new .service {
  width: 7.5rem;
  height: 8.94rem;
}
.page {
  display: none;
  height: 100%;
  margin: 0;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.pageIn {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.titleIn {
  opacity: 0;
  position: absolute;
  bottom: 28%;
  width: 100%;
  height: 1.07rem;
  left: -200%;
  background-size: cover;
  background-position: center center;
}
#p2-3 {
  height: 1.61rem;
}
#p3-3 {
  height: 1.61rem;
  bottom: 14%;
}
#t1-2 {
  height: 1.65rem;
  bottom: 28%;
}
#t2-3 {
  height: 1.61rem;
  bottom: 24%;
}
#t3-3 {
  height: 1.65rem;
}
.titleDown {
  opacity: 0;
  position: absolute;
  bottom: -200%;
  width: 100%;
  height: 2.19rem;
  left: 0%;
  background-size: cover;
  background-position: center center;
}

.op2,.op3{
	display: none;
}
#home {
  background-image: url(../images/aion-2x-2-new.png);
}
#bottom_box {
  position: relative;
}
#bottom_btn {
  position: absolute;
  width: 30%;
  top: 0;
  right: 0;
  height: 20%;
}
#page_top {
  position: fixed;
  top: 0;
  left: 0;
  height: .88rem;
  width: 100%;
  background: #00535c;
  display: none;
  z-index: 5;
  display: flex;
  align-items: center;
  z-index: 99;
}
#page_top .top_group {
  margin-left: 14%;
}
#top_btn {
  position: absolute;
  right: 5%;
  height: 40px;
  background: #f4ca33;
  display: block;
  width: 40%;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
#top_left_title {
  position: absolute;
  left: 5%;
  color: #fff;
  line-height: 20px;
}
#home_box {
  position: absolute;
  width: 85%;
  left: 7.5%;
  bottom: 2%;
  background: #00535c;
  border-radius: 5px;
}
#home_box .bu {
  position: absolute;
  top: -340px;
  left: 20px;
}
#home_box .bu span {
  font-size: .24rem;
  color: #bde9e7;
  display: block;
}
#home_box .bu span em {
  font-size: .32rem;
  font-weight: bold;
}
#home_box ul {
  display: flex;
  width: 96%;
  margin: 3% auto;
}
#home_box ul li {
  flex: 1;
  font-size: .24rem;
}
#home_box ul li .peopleNumber {
  color: #009BA4;
}
#home_box ul li .peopleMax {
  color: #009BA4;
}
#home_box ul li .btn-buy {
  color: #333333;
  font-weight: 600;
  background-color: #F4CA33;
  border-radius: .12rem;
  margin: .21rem 0;
  width: 3rem;
  height: .88rem;
  text-align: center;
  font-size: .32rem;
  line-height: .88rem;
}
#home_box ul li .btn-buy:active {
  background-color: #e8b80c;
}
#home_box ul li .disabled {
  background-color: #ddd;
}
#home_box ul li .link-limit {
  font-size: .28rem;
  color: #FFF;
  padding-left: .1rem;
}
#home_box ul li .link-limit images {
  width: .36rem;
  height: .36rem;
  vertical-align: bottom;
  margin-left: .15rem;
}
.number-group {
  margin: .1rem 0;
  display: inline-block;
}
.number-group .number {
  width: .6rem;
  height: .83rem;
  line-height: .83rem;
  font-size: .6rem;
  color: #FFF;
  text-align: center;
  background: linear-gradient(0deg, #002B35, #005B65, #009BA4, #00DAD1);
  border-radius: .12rem;
  display: inline-block;
  margin-right: .06rem;
}
#show_top {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#show_btn {
  position: absolute;
  width: 280px;
  height: 327px;
  left: 50%;
  margin-left: -140px;
  top: 50%;
  margin-top: -164px;
  background-size: 100% 100%;
}
.op1 {
  -webkit-animation: op 0.5s ease forwards;
  animation: op 0.5s ease forwards;
}
.op1 .titleIn {
  -webkit-animation: bounceInLeft 1s ease forwards;
  animation: bounceInLeft 1s ease forwards;
}
.op1 .titleDown {
  -webkit-animation: bounceInUp 1s ease forwards;
  animation: bounceInUp 1s ease forwards;
}
.op2 {
  -webkit-animation: op 0.5s ease forwards;
  animation: op 0.5s ease forwards;
}
.op2 .titleIn {
  -webkit-animation: bounceInLeft 1s ease forwards;
  animation: bounceInLeft 1s ease forwards;
}
.op2 .titleDown {
  -webkit-animation: bounceInUp 1s ease forwards;
  animation: bounceInUp 1s ease forwards;
}
.op3 {
  -webkit-animation: op 0.5s ease forwards;
  animation: op 0.5s ease forwards;
}
#page2-1,#page2-2,#page2-3{
  -webkit-animation:none;
  animation: none;
  opacity: 1;
}
.op3 .titleIn {
  -webkit-animation: bounceInLeft 1s ease forwards;
  animation: bounceInLeft 1s ease forwards;
}
.op3 .titleDown {
  -webkit-animation: bounceInUp 1s ease forwards;
  animation: bounceInUp 1s ease forwards;
}
#home_box ul li .link-limit img {
  width: .36rem;
  height: .36rem;
  vertical-align: bottom;
  margin-left: .15rem;
}
#home_box .btn-group {
	display: none;
  margin-bottom: .3rem;
  zoom: 1;
  position: absolute;
  top: -1.2rem;
  width: 100%;
}
#home_box .btn-group .leftBtn {
  float: left;
  background: rgba(255, 255, 255, 0.2);
}
#home_box .btn-group .leftBtn:active {
  background: rgba(255, 255, 255, 0.3);
}
#home_box .btn-group .rightBtn {
  float: right;
  background-color: #5BC7C3;
}
#home_box .btn-group .rightBtn:active {
  background: #3db2ae;
}
#home_box .btn-group .btn {
  width: 3rem;
  height: .88rem;
  text-align: center;
  font-size: .32rem;
  color: #ffffff;
  border-radius: 200px;
  display: box;
  box-pack: center;
  box-orient: vertical;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
}
@keyframes op {
  0% {
    opacity: 0;
  }
  100%{
  	opacity: 1;
  }
}
@-webkit-keyframes op {
  0% {
    opacity: 0;
  }
  100%{
  	opacity: 1;
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    left: -200%;
  }
  100% {
    opacity: 1;
    left: 0%;
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    left: -200%;
  }
  100% {
    opacity: 1;
    left: 0%;
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    bottom: -200%;
  }
  100% {
    opacity: 1;
    bottom: 10%;
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    bottom: -200%;
  }
  100% {
    opacity: 1;
    bottom: 10%;
  }
}
.page-head .right .btn.show{
	display: none;
}
.page-head{
	display: block !important;
}
.page-head .left{
	display: none;
}
.page-head .middle{
    display: flex;
    height: 100%;
    width: 4rem;
    margin: 0 auto;
}
.page-head{
	top: 0.2rem !important;
}