@charset "utf-8";
@-moz-keyframes arrow {
  0% {
    -moz-transform: translate(0, 0);
  }
  100% {
    -moz-transform: translate(0, -30%);
  }
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -30%);
  }
}
@-o-keyframes arrow {
  0% {
    -o-transform: translate(0, 0);
  }
  100% {
    -o-transform: translate(0, -30%);
  }
}
@-ms-keyframes arrow {
  0% {
    -ms-transform: translate(0, 0);
  }
  100% {
    -ms-transform: translate(0, -30%);
  }
}
@keyframes arrow {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -30%);
  }
}
@-moz-keyframes balloon {
  0% {
    -moz-transform: translate(0, 0);
  }
  100% {
    -moz-transform: translate(0, -10%);
  }
}
@-webkit-keyframes balloon {
  0% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -10%);
  }
}
@-o-keyframes balloon {
  0% {
    -o-transform: translate(0, 0);
  }
  100% {
    -o-transform: translate(0, -10%);
  }
}
@-ms-keyframes balloon {
  0% {
    -ms-transform: translate(0, 0);
  }
  100% {
    -ms-transform: translate(0, -10%);
  }
}
@keyframes balloon {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -10%);
  }
}
@-moz-keyframes BounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(25px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(5px, 0, 0);
  }
  to {
    -moz-transform: none;
  }
}
@-webkit-keyframes BounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
  }
}
@-o-keyframes BounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -o-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -o-transform: translate3d(25px, 0, 0);
  }
  75% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -o-transform: translate3d(5px, 0, 0);
  }
  to {
    -o-transform: none;
  }
}
@-ms-keyframes BounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -ms-transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -ms-transform: translate3d(25px, 0, 0);
  }
  75% {
    -ms-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -ms-transform: translate3d(5px, 0, 0);
  }
  to {
    -ms-transform: none;
  }
}
@keyframes BounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@-moz-keyframes Notice {
  0% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.2);
  }
}
@-webkit-keyframes Notice {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
@-o-keyframes Notice {
  0% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(1.2);
  }
}
@-ms-keyframes Notice {
  0% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.2);
  }
}
@keyframes Notice {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@-moz-keyframes BounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(0, -20px, 0);
  }
  75% {
    -moz-transform: translate3d(0, 10px, 0);
  }
  90% {
    -moz-transform: translate3d(0, -5px, 0);
  }
  to {
    -moz-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes BounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes BounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -o-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -o-transform: translate3d(0, -20px, 0);
  }
  75% {
    -o-transform: translate3d(0, 10px, 0);
  }
  90% {
    -o-transform: translate3d(0, -5px, 0);
  }
  to {
    -o-transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes BounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -ms-transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -ms-transform: translate3d(0, -20px, 0);
  }
  75% {
    -ms-transform: translate3d(0, 10px, 0);
  }
  90% {
    -ms-transform: translate3d(0, -5px, 0);
  }
  to {
    -ms-transform: translate3d(0, 0, 0);
  }
}
@keyframes BounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes addBtn {
  0% {
    -moz-transform: translate(0, 0);
  }
  100% {
    -moz-transform: translate(0, -10%);
  }
}
@-webkit-keyframes addBtn {
  0% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -10%);
  }
}
@-o-keyframes addBtn {
  0% {
    -o-transform: translate(0, 0);
  }
  100% {
    -o-transform: translate(0, -10%);
  }
}
@-ms-keyframes addBtn {
  0% {
    -ms-transform: translate(0, 0);
  }
  100% {
    -ms-transform: translate(0, -10%);
  }
}
@keyframes addBtn {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -10%);
  }
}
@-moz-keyframes finger {
  0% {
    -moz-transform: translate(0, 0);
  }
  25% {
    -moz-transform: translate(10px, 0);
  }
  50% {
    -moz-transform: translate(0, 0);
  }
  75% {
    -moz-transform: translate(-10px, 0);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}
@-webkit-keyframes finger {
  0% {
    -webkit-transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(10px, 0);
  }
  50% {
    -webkit-transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(-10px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@-o-keyframes finger {
  0% {
    -o-transform: translate(0, 0);
  }
  25% {
    -o-transform: translate(10px, 0);
  }
  50% {
    -o-transform: translate(0, 0);
  }
  75% {
    -o-transform: translate(-10px, 0);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes finger {
  0% {
    -ms-transform: translate(0, 0);
  }
  25% {
    -ms-transform: translate(10px, 0);
  }
  50% {
    -ms-transform: translate(0, 0);
  }
  75% {
    -ms-transform: translate(-10px, 0);
  }
  100% {
    -ms-transform: translate(0, 0);
  }
}
@keyframes finger {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(10px, 0);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(-10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-moz-keyframes Shake {
  0% {
    -moz-transform: translate3d(0, 0, 0);
  }
  10% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  20% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  30% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  40% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  50% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  60% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  70% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  80% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Shake {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  70% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes Shake {
  0% {
    -o-transform: translate3d(0, 0, 0);
  }
  10% {
    -o-transform: translate3d(10px, 0, 0);
  }
  20% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  30% {
    -o-transform: translate3d(10px, 0, 0);
  }
  40% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  50% {
    -o-transform: translate3d(10px, 0, 0);
  }
  60% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  70% {
    -o-transform: translate3d(10px, 0, 0);
  }
  80% {
    -o-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -o-transform: translate3d(10px, 0, 0);
  }
  100% {
    -o-transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes Shake {
  0% {
    -ms-transform: translate3d(0, 0, 0);
  }
  10% {
    -ms-transform: translate3d(10px, 0, 0);
  }
  20% {
    -ms-transform: translate3d(-10px, 0, 0);
  }
  30% {
    -ms-transform: translate3d(10px, 0, 0);
  }
  40% {
    -ms-transform: translate3d(-10px, 0, 0);
  }
  50% {
    -ms-transform: translate3d(10px, 0, 0);
  }
  60% {
    -ms-transform: translate3d(-10px, 0, 0);
  }
  70% {
    -ms-transform: translate3d(10px, 0, 0);
  }
  80% {
    -ms-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -ms-transform: translate3d(10px, 0, 0);
  }
  100% {
    -ms-transform: translate3d(0, 0, 0);
  }
}
@keyframes Shake {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(10px, 0, 0);
  }
  20% {
    transform: translate3d(-10px, 0, 0);
  }
  30% {
    transform: translate3d(10px, 0, 0);
  }
  40% {
    transform: translate3d(-10px, 0, 0);
  }
  50% {
    transform: translate3d(10px, 0, 0);
  }
  60% {
    transform: translate3d(-10px, 0, 0);
  }
  70% {
    transform: translate3d(10px, 0, 0);
  }
  80% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(10px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
html {
  overflow-y: scroll;
  font-family: '微软雅黑', "黑体";
  font-size: 12px;
  color: #000;
  background: #ffffff;
}
body {
  width: 100%;
  float: left;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
img {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul,
li {
  list-style: none outside none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  border: none;
  background: none;
}
input,
textarea,
select {
  *font-size: 100%;
}
textarea {
  resize: none;
}
legend {
  color: #000000;
}
a,
a:link {
  text-decoration: none;
}
a,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix_a:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.clearfix_a {
  *zoom: 1;
}
.clearfix_b:before,
.clearfix_b:after {
  content: "";
  display: table;
  line-height: 0;
}
.clearfix_b:after {
  clear: both;
}
.clearfix_b {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.inlineBlockFloat {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
html,
body {
  font-family: "微软雅黑,Helvetica";
  line-height: 1.3;
  color: #000000;
  background: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 375px) and (max-width: 414px) {
  html {
    font-size: 15.234375px;
  }
}
@media screen and (min-width: 414px) and (max-width: 640px) {
  html {
    font-size: 16.81875px;
  }
}
@media screen and (min-width: 640px) and (max-width: 720px) {
  html {
    font-size: 26px;
  }
}
@media screen and (min-width: 720px) and (max-width: 750px) {
  html {
    font-size: 29.25px;
  }
}
@media screen and (min-width: 750px) and (max-width: 800px) {
  html {
    font-size: 30.46875px;
  }
}
@media screen and (min-width: 800px) {
  html {
    font-size: 32.5px;
  }
}
html {
  height: 100%;
  overflow: hidden;
}
body {
  height: 100%;
  position: relative;
  overflow: hidden;
}
img {
  display: block;
  width: 100%;
}
a {
  display: block;
  outline: none;
}
input[type=number] {
  -moz-appearance: textfield
;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.swiper-container {
  height: 100%;
}
#panel-page01 {
  background: url("../images/img_001.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page01 .title {
  position: absolute;
  left: 50%;
  margin-left: -24.0625%;
  top: 6.54761905%;
  width: 67.8125%;
  -webkit-transform: translate3d(-3000px, 0, 0);
  -moz-transform: translate3d(-3000px, 0, 0);
  -ms-transform: translate3d(-3000px, 0, 0);
  -o-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
}
#panel-page01 .title.active {
  -moz-animation: BounceInLeft 1.4s ease 0.5s 1 normal both;
  -webkit-animation: BounceInLeft 1.4s ease 0.5s 1 normal both;
  -o-animation: BounceInLeft 1.4s ease 0.5s 1 normal both;
  -ms-animation: BounceInLeft 1.4s ease 0.5s 1 normal both;
  animation: BounceInLeft 1.4s ease 0.5s 1 normal both;
}
#panel-page01 .title .balloon {
  position: absolute;
  left: 50%;
  margin-left: -72.11981567%;
  top: -15.12605042%;
  width: 19.58525346%;
  -moz-animation: balloon 1s linear 0s infinite alternate both;
  -webkit-animation: balloon 1s linear 0s infinite alternate both;
  -o-animation: balloon 1s linear 0s infinite alternate both;
  -ms-animation: balloon 1s linear 0s infinite alternate both;
  animation: balloon 1s linear 0s infinite alternate both;
}
#panel-page01 .car {
  position: absolute;
  left: 50%;
  margin-left: -29.140625%;
  bottom: 14.48412698%;
  width: 58.28125%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 1s ease-out 0.5s;
  -moz-transition: all 1s ease-out 0.5s;
  -ms-transition: all 1s ease-out 0.5s;
  -o-transition: all 1s ease-out 0.5s;
  transition: all 1s ease-out 0.5s;
}
#panel-page01 .car.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#panel-page02 {
  background: url("../images/img_008.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page02 .title {
  position: absolute;
  left: 50%;
  margin-left: -23.125%;
  top: 2.38095238%;
  width: 62.8125%;
}
#panel-page02 .letter {
  position: absolute;
  left: 50%;
  margin-left: -42.34375%;
  bottom: 13.49206349%;
  width: 84.6875%;
}
#panel-page02 .letter .houses {
  position: absolute;
  left: 50%;
  margin-left: -59.04059041%;
  top: -19.39291737%;
  width: 118.08118081%;
}
#panel-page02 .letter .bird {
  position: absolute;
  left: 50%;
  margin-left: -34.87084871%;
  top: 5.05902192%;
  width: 15.68265683%;
  -webkit-transform: translate(-100%, -100%) scale(0.2);
  -moz-transform: translate(-100%, -100%) scale(0.2);
  -ms-transform: translate(-100%, -100%) scale(0.2);
  -o-transform: translate(-100%, -100%) scale(0.2);
  transform: translate(-100%, -100%) scale(0.2);
  -webkit-transition: all 1s linear 0s;
  -moz-transition: all 1s linear 0s;
  -ms-transition: all 1s linear 0s;
  -o-transition: all 1s linear 0s;
  transition: all 1s linear 0s;
}
#panel-page02 .letter .bird.active {
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#panel-page02 .letter .notice {
  position: absolute;
  left: 50%;
  margin-left: 24.35424354%;
  top: 22.59696459%;
  width: 13.65313653%;
}
#panel-page02 .letter .notice.active {
  -moz-animation: Notice 0.5s linear 0s infinite alternate both;
  -webkit-animation: Notice 0.5s linear 0s infinite alternate both;
  -o-animation: Notice 0.5s linear 0s infinite alternate both;
  -ms-animation: Notice 0.5s linear 0s infinite alternate both;
  animation: Notice 0.5s linear 0s infinite alternate both;
}
#panel-page02 .letter .message {
  -webkit-transform: translate3d(0, 3000px, 0);
  -moz-transform: translate3d(0, 3000px, 0);
  -ms-transform: translate3d(0, 3000px, 0);
  -o-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  position: absolute;
  left: 50%;
  margin-left: -36.900369%;
  bottom: 11.12984823%;
  width: 73.80073801%;
}
#panel-page02 .letter .message.active {
  -moz-animation: BounceInUp 0.8s linear 0.2s 1 normal both;
  -webkit-animation: BounceInUp 0.8s linear 0.2s 1 normal both;
  -o-animation: BounceInUp 0.8s linear 0.2s 1 normal both;
  -ms-animation: BounceInUp 0.8s linear 0.2s 1 normal both;
  animation: BounceInUp 0.8s linear 0.2s 1 normal both;
}
#panel-page02 .letter .openBtn {
  position: absolute;
  left: 17.34317343%;
  top: 18.54974705%;
  width: 65.68265683%;
  height: 46.54300169%;
}
#panel-page03 {
  background: url("../images/img_015.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page03 .title {
  position: absolute;
  left: 50%;
  margin-left: -23.125%;
  top: 2.38095238%;
  width: 62.8125%;
}
#panel-page03 .carInfo {
  position: absolute;
  left: 50%;
  margin-left: -42.34375%;
  bottom: 13.49206349%;
  width: 84.6875%;
}
#panel-page03 .carInfo .houses {
  position: absolute;
  left: 50%;
  margin-left: -45.75645756%;
  top: -13.05732484%;
  width: 91.51291513%;
}
#panel-page03 .carInfo .configBtn {
  position: absolute;
  left: 50%;
  margin-left: -15.68265683%;
  top: 50%;
  width: 33.2103321%;
}
#panel-page03 .carInfo .redHeart {
  position: absolute;
  left: 50%;
  margin-left: -43.54243542%;
  bottom: 33.43949045%;
  width: 11.0701107%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5);
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
#panel-page03 .carInfo .redHeart.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#panel-page04 {
  background: url("../images/img_020.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page04 .title {
  position: absolute;
  left: 50%;
  margin-left: -42.8125%;
  top: 7.93650794%;
  width: 50.78125%;
}
#panel-page04 .title .balloon {
  position: absolute;
  left: 50%;
  margin-left: 51.69230769%;
  top: -12.08791209%;
  width: 16%;
  -moz-animation: balloon 1s linear 0s infinite alternate running both;
  -webkit-animation: balloon 1s linear 0s infinite alternate running both;
  -o-animation: balloon 1s linear 0s infinite alternate running both;
  -ms-animation: balloon 1s linear 0s infinite alternate running both;
  animation: balloon 1s linear 0s infinite alternate running both;
}
#panel-page04 .carWrap {
  position: absolute;
  left: 50%;
  margin-left: -42.34375%;
  bottom: 11.60714286%;
  width: 84.6875%;
}
#panel-page04 .carWrap .houses {
  position: absolute;
  left: 50%;
  margin-left: -45.75645756%;
  top: -12.67387944%;
  width: 91.51291513%;
}
#panel-page04 .carWrap .adds {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page04 .carWrap .adds .addBtn {
  position: absolute;
  width: 6.45756458%;
}
#panel-page04 .carWrap .adds .addBtn .slogan {
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page04 .carWrap .adds .addOne {
  left: 44.79704797%;
  top: 29.59814529%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
#panel-page04 .carWrap .adds .addOne.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  animation: addBtn 0.5s linear 0.4s infinite alternate running both;
}
#panel-page04 .carWrap .adds .addOne .slogan {
  position: absolute;
  left: 50%;
  margin-left: -142.85714286%;
  top: -55.55555556%;
  width: 285.71428571%;
}
#panel-page04 .carWrap .adds .addTwo {
  left: 26.58671587%;
  top: 37.99072643%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.2s;
  -moz-transition: all 0.4s ease-out 0.2s;
  -ms-transition: all 0.4s ease-out 0.2s;
  -o-transition: all 0.4s ease-out 0.2s;
  transition: all 0.4s ease-out 0.2s;
}
#panel-page04 .carWrap .adds .addTwo.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  animation: addBtn 0.5s linear 0.6s infinite alternate running both;
}
#panel-page04 .carWrap .adds .addTwo .slogan {
  position: absolute;
  left: 50%;
  margin-left: -142.85714286%;
  top: -55.55555556%;
  width: 285.71428571%;
}
#panel-page04 .carWrap .adds .addThree {
  left: 76.19926199%;
  top: 37.99072643%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.4s;
  -moz-transition: all 0.4s ease-out 0.4s;
  -ms-transition: all 0.4s ease-out 0.4s;
  -o-transition: all 0.4s ease-out 0.4s;
  transition: all 0.4s ease-out 0.4s;
}
#panel-page04 .carWrap .adds .addThree.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  animation: addBtn 0.5s linear 0.8s infinite alternate running both;
}
#panel-page04 .carWrap .adds .addThree .slogan {
  position: absolute;
  left: 50%;
  margin-left: -142.85714286%;
  top: -55.55555556%;
  width: 285.71428571%;
}
#panel-page04 .carWrap .adds .addFour {
  left: 40.68265683%;
  top: 44.59041731%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.6s;
  -moz-transition: all 0.4s ease-out 0.6s;
  -ms-transition: all 0.4s ease-out 0.6s;
  -o-transition: all 0.4s ease-out 0.6s;
  transition: all 0.4s ease-out 0.6s;
}
#panel-page04 .carWrap .adds .addFour.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 1s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 1s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 1s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 1s infinite alternate running both;
  animation: addBtn 0.5s linear 1s infinite alternate running both;
}
#panel-page04 .carWrap .adds .addFour .slogan {
  position: absolute;
  left: 50%;
  margin-left: -142.85714286%;
  top: -55.55555556%;
  width: 285.71428571%;
}
#panel-page04 .masks {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 131, 160, 0.7);
}
#panel-page04 .masks .mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#panel-page04 .masks .maskOne {
  background: url("../images/masks/1-1.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page04 .masks .maskTwo {
  background: url("../images/masks/1-2.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page04 .masks .maskThree {
  background: url("../images/masks/1-3.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page04 .masks .maskFour {
  background: url("../images/masks/1-4.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page04 .masks .closed {
  position: absolute;
  left: 50%;
  margin-left: 32.8125%;
  top: 1.78571429%;
  width: 10.9375%;
}
#panel-page04 .masks .finger {
  position: absolute;
  left: 50%;
  margin-left: -3.59375%;
  bottom: 16.46825397%;
  width: 7.1875%;
  -moz-animation: finger 1s linear 0s infinite normal both;
  -webkit-animation: finger 1s linear 0s infinite normal both;
  -o-animation: finger 1s linear 0s infinite normal both;
  -ms-animation: finger 1s linear 0s infinite normal both;
  animation: finger 1s linear 0s infinite normal both;
}
#panel-page05 {
  background: url("../images/img_020.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page05 .title {
  position: absolute;
  left: 50%;
  margin-left: -42.8125%;
  top: 7.93650794%;
  width: 50.78125%;
}
#panel-page05 .title .balloon {
  position: absolute;
  left: 50%;
  margin-left: 51.69230769%;
  top: -12.08791209%;
  width: 16%;
  -moz-animation: balloon 1s linear 0s infinite alternate running both;
  -webkit-animation: balloon 1s linear 0s infinite alternate running both;
  -o-animation: balloon 1s linear 0s infinite alternate running both;
  -ms-animation: balloon 1s linear 0s infinite alternate running both;
  animation: balloon 1s linear 0s infinite alternate running both;
}
#panel-page05 .carWrap {
  position: absolute;
  left: 50%;
  margin-left: -42.34375%;
  bottom: 11.60714286%;
  width: 84.6875%;
}
#panel-page05 .carWrap .houses {
  position: absolute;
  left: 50%;
  margin-left: -45.75645756%;
  top: -12.67387944%;
  width: 91.51291513%;
}
#panel-page05 .carWrap .adds {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page05 .carWrap .adds .addBtn {
  position: absolute;
  width: 9.22509225%;
}
#panel-page05 .carWrap .adds .addBtn .slogan {
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page05 .carWrap .adds .addOne {
  left: 62.17712177%;
  top: 35.39412674%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
#panel-page05 .carWrap .adds .addOne.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  animation: addBtn 0.5s linear 0.4s infinite alternate running both;
}
#panel-page05 .carWrap .adds .addOne .slogan {
  position: absolute;
  left: 50%;
  margin-left: -77%;
  top: -54.54545455%;
  width: 154%;
}
#panel-page05 .carWrap .adds .addTwo {
  left: 18.26568266%;
  top: 38.02163833%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.2s;
  -moz-transition: all 0.4s ease-out 0.2s;
  -ms-transition: all 0.4s ease-out 0.2s;
  -o-transition: all 0.4s ease-out 0.2s;
  transition: all 0.4s ease-out 0.2s;
}
#panel-page05 .carWrap .adds .addTwo.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  animation: addBtn 0.5s linear 0.6s infinite alternate running both;
}
#panel-page05 .carWrap .adds .addTwo .slogan {
  position: absolute;
  left: 50%;
  margin-left: -67%;
  top: -54.54545455%;
  width: 134%;
}
#panel-page05 .carWrap .adds .addThree {
  left: 36.900369%;
  top: 45.99690881%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.4s;
  -moz-transition: all 0.4s ease-out 0.4s;
  -ms-transition: all 0.4s ease-out 0.4s;
  -o-transition: all 0.4s ease-out 0.4s;
  transition: all 0.4s ease-out 0.4s;
}
#panel-page05 .carWrap .adds .addThree.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  animation: addBtn 0.5s linear 0.8s infinite alternate running both;
}
#panel-page05 .carWrap .adds .addThree .slogan {
  position: absolute;
  left: 50%;
  margin-left: -102%;
  top: -54.54545455%;
  width: 204%;
}
#panel-page05 .masks {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 131, 160, 0.7);
}
#panel-page05 .masks .mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#panel-page05 .masks .maskOne {
  background: url("../images/masks/2-1.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page05 .masks .maskTwo {
  background: url("../images/masks/2-2.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page05 .masks .maskThree {
  background: url("../images/masks/2-3.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page05 .masks .closed {
  position: absolute;
  left: 50%;
  margin-left: 32.8125%;
  top: 1.78571429%;
  width: 10.9375%;
}
#panel-page05 .masks .finger {
  position: absolute;
  left: 50%;
  margin-left: -3.59375%;
  bottom: 16.46825397%;
  width: 7.1875%;
  -moz-animation: finger 1s linear 0s infinite normal both;
  -webkit-animation: finger 1s linear 0s infinite normal both;
  -o-animation: finger 1s linear 0s infinite normal both;
  -ms-animation: finger 1s linear 0s infinite normal both;
  animation: finger 1s linear 0s infinite normal both;
}
#panel-page06 {
  background: url("../images/img_020.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page06 .title {
  position: absolute;
  left: 50%;
  margin-left: -42.8125%;
  top: 7.93650794%;
  width: 50.78125%;
}
#panel-page06 .title .balloon {
  position: absolute;
  left: 50%;
  margin-left: 51.69230769%;
  top: -12.08791209%;
  width: 16%;
  -moz-animation: balloon 1s linear 0s infinite alternate running both;
  -webkit-animation: balloon 1s linear 0s infinite alternate running both;
  -o-animation: balloon 1s linear 0s infinite alternate running both;
  -ms-animation: balloon 1s linear 0s infinite alternate running both;
  animation: balloon 1s linear 0s infinite alternate running both;
}
#panel-page06 .carWrap {
  position: absolute;
  left: 50%;
  margin-left: -42.34375%;
  bottom: 11.60714286%;
  width: 84.6875%;
}
#panel-page06 .carWrap .houses {
  position: absolute;
  left: 50%;
  margin-left: -45.75645756%;
  top: -12.67387944%;
  width: 91.51291513%;
}
#panel-page06 .carWrap .adds {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page06 .carWrap .adds .addBtn {
  position: absolute;
  width: 4.98154982%;
}
#panel-page06 .carWrap .adds .addBtn .slogan {
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page06 .carWrap .adds .addOne {
  left: 67.98892989%;
  top: 33.98763524%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
#panel-page06 .carWrap .adds .addOne.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.4s infinite alternate running both;
  animation: addBtn 0.5s linear 0.4s infinite alternate running both;
}
#panel-page06 .carWrap .adds .addOne .slogan {
  position: absolute;
  left: 50%;
  margin-left: -203.7037037%;
  top: -73.17073171%;
  width: 407.40740741%;
}
#panel-page06 .carWrap .adds .addTwo {
  left: 41.99261993%;
  top: 40%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.2s;
  -moz-transition: all 0.4s ease-out 0.2s;
  -ms-transition: all 0.4s ease-out 0.2s;
  -o-transition: all 0.4s ease-out 0.2s;
  transition: all 0.4s ease-out 0.2s;
}
#panel-page06 .carWrap .adds .addTwo.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.6s infinite alternate running both;
  animation: addBtn 0.5s linear 0.6s infinite alternate running both;
}
#panel-page06 .carWrap .adds .addTwo .slogan {
  position: absolute;
  left: 50%;
  margin-left: -203.7037037%;
  top: -73.17073171%;
  width: 407.40740741%;
}
#panel-page06 .carWrap .adds .addThree {
  left: 56.99261993%;
  top: 44.99227202%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.4s;
  -moz-transition: all 0.4s ease-out 0.4s;
  -ms-transition: all 0.4s ease-out 0.4s;
  -o-transition: all 0.4s ease-out 0.4s;
  transition: all 0.4s ease-out 0.4s;
}
#panel-page06 .carWrap .adds .addThree.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 0.8s infinite alternate running both;
  animation: addBtn 0.5s linear 0.8s infinite alternate running both;
}
#panel-page06 .carWrap .adds .addThree .slogan {
  position: absolute;
  left: 50%;
  margin-left: -203.7037037%;
  top: -73.17073171%;
  width: 407.40740741%;
}
#panel-page06 .carWrap .adds .addFour {
  left: 23.98523985%;
  top: 48.99536321%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.6s;
  -moz-transition: all 0.4s ease-out 0.6s;
  -ms-transition: all 0.4s ease-out 0.6s;
  -o-transition: all 0.4s ease-out 0.6s;
  transition: all 0.4s ease-out 0.6s;
}
#panel-page06 .carWrap .adds .addFour.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 1s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 1s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 1s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 1s infinite alternate running both;
  animation: addBtn 0.5s linear 1s infinite alternate running both;
}
#panel-page06 .carWrap .adds .addFour .slogan {
  position: absolute;
  left: 50%;
  margin-left: -203.7037037%;
  top: -73.17073171%;
  width: 407.40740741%;
}
#panel-page06 .carWrap .adds .addFive {
  left: 80.99630996%;
  top: 47.99072643%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-out 0.8s;
  -moz-transition: all 0.4s ease-out 0.8s;
  -ms-transition: all 0.4s ease-out 0.8s;
  -o-transition: all 0.4s ease-out 0.8s;
  transition: all 0.4s ease-out 0.8s;
}
#panel-page06 .carWrap .adds .addFive.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-animation: addBtn 0.5s linear 1.2s infinite alternate running both;
  -webkit-animation: addBtn 0.5s linear 1.2s infinite alternate running both;
  -o-animation: addBtn 0.5s linear 1.2s infinite alternate running both;
  -ms-animation: addBtn 0.5s linear 1.2s infinite alternate running both;
  animation: addBtn 0.5s linear 1.2s infinite alternate running both;
}
#panel-page06 .carWrap .adds .addFive .slogan {
  position: absolute;
  left: 50%;
  margin-left: -203.7037037%;
  top: -73.17073171%;
  width: 407.40740741%;
}
#panel-page06 .masks {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 131, 160, 0.7);
}
#panel-page06 .masks .mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#panel-page06 .masks .maskOne {
  background: url("../images/masks/3-1.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page06 .masks .maskTwo {
  background: url("../images/masks/3-2.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page06 .masks .maskThree {
  background: url("../images/masks/3-3.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page06 .masks .maskFour {
  background: url("../images/masks/3-4.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page06 .masks .maskFive {
  background: url("../images/masks/3-5.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page06 .masks .closed {
  position: absolute;
  left: 50%;
  margin-left: 32.8125%;
  top: 1.78571429%;
  width: 10.9375%;
}
#panel-page06 .masks .finger {
  position: absolute;
  left: 50%;
  margin-left: -3.59375%;
  bottom: 16.46825397%;
  width: 7.1875%;
  -moz-animation: finger 1s linear 0s infinite normal both;
  -webkit-animation: finger 1s linear 0s infinite normal both;
  -o-animation: finger 1s linear 0s infinite normal both;
  -ms-animation: finger 1s linear 0s infinite normal both;
  animation: finger 1s linear 0s infinite normal both;
}
#panel-page07 {
  background: url("../images/img_029.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page07 .title {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  top: 5.95238095%;
  width: 100%;
}
#panel-page07 .carTabsWrap {
  position: absolute;
  left: 50%;
  margin-left: -49.53125%;
  top: 24.6031746%;
  width: 96.40625%;
}
#panel-page07 .carTabsWrap .swiper-pagination {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#panel-page07 .carTabsWrap .swiper-pagination li {
  width: 16.66666667%;
  height: 100%;
  float: left;
  position: relative;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
}
#panel-page07 .carTabsWrap .swiper-pagination li img {
  width: 115%;
}
#panel-page07 .carTabsWrap .swiper-pagination li .imgb {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
#panel-page07 .carTabsWrap .swiper-pagination li.swiper-pagination-bullet-active .imga {
  display: none;
}
#panel-page07 .carTabsWrap .swiper-pagination li.swiper-pagination-bullet-active .imgb {
  display: block;
}
#panel-page07 .carModels {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 0%;
  width: 100%;
}
#panel-page07 .carModels .swiper-container02 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#panel-page08 {
  background: url("../images/img_032.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page08 .title {
  position: absolute;
  left: 50%;
  margin-left: -42.65625%;
  top: 5.95238095%;
  width: 52.65625%;
}
#panel-page08 .title .balloon {
  position: absolute;
  left: 50%;
  margin-left: 51.03857567%;
  top: -16.30434783%;
  width: 15.43026706%;
  -moz-animation: balloon 1s linear 0s infinite alternate both;
  -webkit-animation: balloon 1s linear 0s infinite alternate both;
  -o-animation: balloon 1s linear 0s infinite alternate both;
  -ms-animation: balloon 1s linear 0s infinite alternate both;
  animation: balloon 1s linear 0s infinite alternate both;
}
#panel-page08 .videoWrap {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 0%;
  width: 100%;
}
#panel-page08 .videoWrap .houses {
  position: absolute;
  left: 50%;
  margin-left: -38.75%;
  top: -10.70496084%;
  width: 77.5%;
}
#panel-page08 .videoWrap .videos {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#panel-page08 .videoWrap .videos .video .text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20%;
  text-align: center;
}
#panel-page08 .videoWrap .videos .video .text a {
  text-decoration: underline;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
}
#panel-page08 .videoWrap .videos .one {
  position: absolute;
  left: 50%;
  margin-left: -44.375%;
  top: 10.44386423%;
  width: 42.1875%;
}
#panel-page08 .videoWrap .videos .two {
  position: absolute;
  left: 50%;
  margin-left: 2.1875%;
  top: 10.44386423%;
  width: 42.1875%;
}
#panel-page08 .videoWrap .videos .three {
  position: absolute;
  left: 50%;
  margin-left: -21.09375%;
  top: 45.4308094%;
  width: 42.1875%;
}
#panel-page08 .videoWrap .videos .four {
  position: absolute;
  left: 50%;
  margin-left: 2.1875%;
  top: 45.4308094%;
  width: 42.1875%;
}
#panel-page09 {
  background: url("../images/img_035.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page09 .title {
  position: absolute;
  left: 50%;
  margin-left: -29.21875%;
  top: 4.76190476%;
  width: 58.4375%;
}
#panel-page09 .title .balloon {
  position: absolute;
  left: 50%;
  margin-left: -56.14973262%;
  top: -5.51724138%;
  width: 13.90374332%;
  -moz-animation: balloon 1s linear 0s infinite alternate both;
  -webkit-animation: balloon 1s linear 0s infinite alternate both;
  -o-animation: balloon 1s linear 0s infinite alternate both;
  -ms-animation: balloon 1s linear 0s infinite alternate both;
  animation: balloon 1s linear 0s infinite alternate both;
}
#panel-page09 .standard {
  position: absolute;
  left: 50%;
  margin-left: -27.5%;
  top: 19.84126984%;
  width: 55%;
}
#panel-page09 .standard_con {
  position: absolute;
  left: 50%;
  margin-left: -46.171875%;
  top: 28.57142857%;
  width: 92.34375%;
}
#panel-page09 .aboutBtn {
  position: absolute;
  left: 50%;
  margin-left: -1.5625%;
  top: 59.92063492%;
  width: 28.125%;
}
#panel-page09 .aboutBtn .about {
  -moz-animation: Shake 2s linear 0s infinite normal both;
  -webkit-animation: Shake 2s linear 0s infinite normal both;
  -o-animation: Shake 2s linear 0s infinite normal both;
  -ms-animation: Shake 2s linear 0s infinite normal both;
  animation: Shake 2s linear 0s infinite normal both;
}
#panel-page09 .aboutBtn .heart {
  position: absolute;
  left: 50%;
  margin-left: -137.77777778%;
  top: 11.53846154%;
  width: 81.11111111%;
  -webkit-transform: translate3d(-3000px, 0, 0);
  -moz-transform: translate3d(-3000px, 0, 0);
  -ms-transform: translate3d(-3000px, 0, 0);
  -o-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
}
#panel-page09 .aboutBtn .heart.active {
  -moz-animation: BounceInLeft 1s linear 0s 1 normal both;
  -webkit-animation: BounceInLeft 1s linear 0s 1 normal both;
  -o-animation: BounceInLeft 1s linear 0s 1 normal both;
  -ms-animation: BounceInLeft 1s linear 0s 1 normal both;
  animation: BounceInLeft 1s linear 0s 1 normal both;
}
#panel-page09 .carWrap {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 0%;
  width: 100%;
}
#panel-page09 .carWrap .car {
  position: absolute;
  left: 50%;
  margin-left: -28.125%;
  top: -18.11594203%;
  width: 56.25%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
#panel-page09 .carWrap .car.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0 px, 0 px);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}
#panel-page010 {
  background: url("../images/img_043.jpg") center center no-repeat;
  background-size: cover;
}
#panel-page010 .personInfo {
  position: absolute;
  left: 50%;
  margin-left: -42.34375%;
  top: 7.93650794%;
  width: 84.6875%;
}
#panel-page010 .personInfo .name {
  position: absolute;
  left: 23.61623616%;
  top: 18.70860927%;
  width: 76.38376384%;
  height: 17.05298013%;
}
#panel-page010 .personInfo .name input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  display: block;
  width: 100%;
  font-size: 2rem;
  line-height: 3rem;
  color: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#panel-page010 .personInfo .phoneNumber {
  position: absolute;
  left: 23.61623616%;
  top: 40.39735099%;
  width: 76.38376384%;
  height: 17.05298013%;
}
#panel-page010 .personInfo .phoneNumber input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  display: block;
  width: 100%;
  font-size: 2rem;
  line-height: 3rem;
  color: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#panel-page010 .personInfo .area {
  position: absolute;
  left: 23.61623616%;
  top: 62.08609272%;
  width: 76.38376384%;
  height: 17.05298013%;
}
#panel-page010 .personInfo .area .selecText {
  position: absolute;
  width: 46%;
  height: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
}
#panel-page010 .personInfo .area .prov {
  width: 52%;
  left: 0;
}
#panel-page010 .personInfo .area .city {
  width: 48%;
  right: 0;
}
#panel-page010 .personInfo .sendBtn {
  position: absolute;
  left: 50%;
  margin-left: -16.60516605%;
  bottom: 5.62913907%;
  width: 33.2103321%;
}
#panel-page010 .seYou {
  position: absolute;
  left: 50%;
  margin-left: -27.34375%;
  bottom: 15.67460317%;
  width: 54.6875%;
}
#panel-page010 .seYou .balloon {
  position: absolute;
  left: 50%;
  margin-left: -63.42857143%;
  top: -69.56521739%;
  width: 14.85714286%;
  -moz-animation: balloon 1s linear 0s infinite alternate both;
  -webkit-animation: balloon 1s linear 0s infinite alternate both;
  -o-animation: balloon 1s linear 0s infinite alternate both;
  -ms-animation: balloon 1s linear 0s infinite alternate both;
  animation: balloon 1s linear 0s infinite alternate both;
}
#panel-page010 .houses {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 2.18253968%;
  width: 100%;
}
#arrow {
  position: absolute;
  left: 50%;
  margin-left: -6.25%;
  bottom: 4.76190476%;
  width: 12.5%;
  z-index: 999;
  -moz-animation: arrow 0.8s linear 0s infinite alternate both;
  -webkit-animation: arrow 0.8s linear 0s infinite alternate both;
  -o-animation: arrow 0.8s linear 0s infinite alternate both;
  -ms-animation: arrow 0.8s linear 0s infinite alternate both;
  animation: arrow 0.8s linear 0s infinite alternate both;
}
#greenbelt {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 0%;
  width: 100%;
  z-index: 999;
}
#alert {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
#alert .dialog {
  position: absolute;
  left: 10%;
  top: 30%;
  width: 80%;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 22%;
}
#alert .dialog p {
  margin-top: 14px;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  font-weight: bold;
}
#alert .dialog .button {
  position: absolute;
  bottom: 10px;
  font-size: 1.2rem;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #a70d15;
  color: #ffffff;
}
#alert .dialog .button a {
  color: #ffffff;
}
#alert .dialog .sureBtn {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}