[v-cloak] {
  display: none !important
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

body::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.3)
}

*::-webkit-scrollbar-track {
  border-radius: 3px
}

*::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(170, 170, 170, 0.8)
}

body {
  margin: 0;
  min-width: 1200px
}

img {
  display: block
}

ul {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  margin: 0;
  padding: 0
}

p {
  margin: 0
}

a {
  text-decoration: none
}

#app input[type='text'],
#app textarea {
  width: 336px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #dadce2;
  padding: 6px 12px;
}

#app input[type='text']::-webkit-input-placeholder,
#app textarea::-webkit-input-placeholder {
  color: #bbb;
  font-size: 14px
}

#app input[type='text']:focus,
#app textarea:focus {
  border: 1px solid #e49d6a;
  outline: none;
  box-shadow: 0 2px 4px 0 rgba(192, 154, 126, 0.2)
}

#app input[type='text'].vcearth:focus,
#app textarea.vcearth:focus {
  border: 1px solid #009688;
  box-shadow: 0 2px 4px 0 rgba(0, 150, 136, 0.2)
}

#app textarea {
  height: auto;
  vertical-align: top
}

#app input[type='checkbox'] {
  margin: -2px 10px 3px 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 14px;
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#app input[type='checkbox']::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #d9d9d9;
  width: 100%;
  height: 100%
}

#app input[type='checkbox']:checked::before {
  content: "\2713";
  background: #e49d6a;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1)
}

#app input[type='checkbox'].vcearth:checked::before {
  background: #009688
}

#app input[type='checkbox']:focus {
  outline: none
}

#app input[type='radio'] {
  width: 14px;
  height: 14px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  margin-right: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#app input[type='radio']:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #dadce2;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  top: -1px;
  left: -4px
}

#app input[type='radio']:checked:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #e49d6a;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle
}

#app input[type='radio']:checked:after {
  content: '';
  width: 8px;
  height: 8px;
  text-align: center;
  background: #e49d6a;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 3px;
  left: 0
}

#app input[type='radio']:checked+label {
  color: #e49d6a
}

#app input[type='radio']:focus {
  outline: none
}

.nav-container {
  width: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.nav-container .nav {
  width: 1200px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.nav-container .nav>img {
  width: 68px;
  height: 34px
}

.nav-container .nav ul {
  display: flex;
  align-items: center;
}

.nav-container .nav ul li {
  position: relative;
}

.nav-container .nav ul li a {
  font-size: 16px;
  color: #ddd;
  text-decoration: none;
  position: relative;
}

.nav-container .nav ul li a:hover {
  color: #ebcaaa
}

.nav-container .nav ul li a img {
  display: none !important
}

.nav-container .nav ul li img.hot {
  width: 28px !important;
  height: 15px !important;
  position: absolute;
  top: -6px !important;
  right: -30px !important
}

.nav-container .nav ul li.active a {
  color: #e49d6a;
  font-weight: bold;
  padding-bottom: 16px
}

.nav-container .nav ul li.active img {
  width: 28px;
  height: 15px;
  position: absolute;
  top: -6px;
  right: -30px
}

.nav-container .nav ul li+li {
  margin-left: 50px
}

.nav-container.vcearth {
  background: transparent;
}

.nav-container.vcearth .nav {
  width: 1200px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.nav-container.vcearth .nav>img {
  width: 68px;
  height: 34px
}

.nav-container.vcearth .nav ul {
  display: flex;
  align-items: center;
}

.nav-container.vcearth .nav ul li {
  position: relative;
}

.nav-container.vcearth .nav ul li a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  position: relative;
  display: block;
}

.nav-container.vcearth .nav ul li a:hover {
  color: #50d7a8
}

.nav-container.vcearth .nav ul li a img {
  display: none !important
}

.nav-container.vcearth .nav ul li.active a {
  color: #50d7a8;
  font-weight: bold;
  padding-bottom: 0
}

.nav-container.vcearth .nav ul li.active img {
  width: 100%;
  height: 4px;
  position: absolute;
  top: 36px;
  right: 0;
  display: inline-block !important
}

.nav-container.vcearth .nav ul li+li {
  margin-left: 50px
}

.form-group {
  position: relative;
}

.form-group label.info {
  width: 60px;
  text-align: right;
  display: inline-block;
  font-size: 14px;
  color: #666;
}

.form-group label.info.req:before {
  content: '*';
  color: #f3494b;
  margin-right: 4px
}

.form-group label.error {
  position: absolute;
  left: 75px;
  bottom: -18px;
  color: #f3494b;
  font-size: 12px
}

.form-group input,
.form-group textarea {
  margin-left: 15px
}

.form-group+.form-group {
  margin-top: 24px
}

label.label-area {
  color: #333;
  font-size: 14px
}

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
}

.dialog .dialog-content {
  position: absolute;
  width: 574px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #979797;
  top: 20%;
  left: 50%;
  transform: translateX(-287px);
  background: #fff;
  z-index: 10;
}

.dialog .dialog-content .dialog-header {
  padding: 14px 30px;
  background: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog .dialog-content .dialog-header p {
  font-size: 16px;
  font-weight: bold
}

.dialog .dialog-content .dialog-header img {
  width: 16px;
  height: 16px
}

.dialog .dialog-content .dialog-body {
  margin: 30px 0 10px 0
}

.dialog .dialog-content .dialog-footer {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}

.dialog .dialog-content .dialog-footer>div {
  width: 100px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}

.dialog .dialog-content .dialog-footer>div.save-button {
  background: linear-gradient(180deg, #ebcaaa 0%, #e49d6a 100%);
  color: #fff;
}

.dialog .dialog-content .dialog-footer>div.save-button:hover {
  background: #ebcaaa
}

.dialog .dialog-content .dialog-footer>div.save-button.vcearth {
  background: linear-gradient(180deg, #5eddb2 0%, #0293d3 100%)
}

.dialog .dialog-content .dialog-footer>div.cancel-button {
  border: 1px solid #c2c2c2;
  background: #fafafa;
  color: #333;
}

.dialog .dialog-content .dialog-footer>div.cancel-button:hover {
  border: 1px solid #ebcaaa;
  color: #ebcaaa
}

.dialog .dialog-content .dialog-footer>div.cancel-button.vcearth:hover {
  border: 1px solid #009688;
  color: #009688
}

.dialog .dialog-content .dialog-footer>div+div {
  margin-left: 18px
}

.dialog .masking {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5)
}

.form-status {
  text-align: center;
}

.form-status img {
  width: 98px;
  height: 53px;
  display: inline-block
}

.form-status p.s_one {
  font-size: 24px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 20px;
  color: #18c584;
}

.form-status p.s_one.error {
  color: #e42d2d
}

.form-status p.s_two {
  font-size: 14px;
  color: #666
}

.form-status>div {
  display: flex;
  justify-content: center;
  margin-top: 38px;
}

.form-status>div a {
  display: block;
  width: 120px;
  height: 36px;
  border-radius: 25px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
}

.form-status>div a.left {
  border: 1px solid #c2c2c2;
  color: #333;
  margin-right: 16px
}

.form-status>div a.right {
  background: linear-gradient(180deg, #ebcaaa 0%, #e49d6a 100%);
  color: #fff
}

.main-loading {
  position: fixed;
  background: #000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center
}

.main-loading.vcearth {
  background: #fff
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 300px auto
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0)
  }

  50% {
    -webkit-transform: scale(1)
  }
}

.box {
  display: inline-block;
  border-radius: 3px;
  font-size: 30px;
  color: rgba(200, 200, 200, 0.5);
  margin-bottom: .25em;
  vertical-align: middle;
  -webkit-transition: .3s color, .3s border;
  transition: .3s color, .3s border
}

[class*="loader-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none
}

.loader {
  position: relative
}

.loader:before,
.loader:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  border: .1em solid transparent;
  border-bottom-color: #e49d6a;
  top: 0;
  left: 0;
  -webkit-animation: 1s loader linear infinite;
  animation: 1s loader linear infinite
}

.loader.vcearth:before,
.loader.vcearth:after {
  border-bottom-color: #009688
}

.loader:before {
  width: 1em;
  height: 1em
}

.loader:after {
  width: .8em;
  height: .8em;
  top: .1em;
  left: .1em;
  -webkit-animation-direction: reverse;
  animation-direction: reverse
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.join-button-loading {
  top: 3px;
  right: 4px;
  display: inline-block !important
}

.sk-fading-circle {
  width: 14px;
  height: 14px;
  position: relative;
  display: none
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

  0%,
  39%,
  100% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.d-message {
  display: none;
  width: 100%;
  position: fixed;
  top: 175px;
  z-index: 10001;
}

.d-message.show {
  display: inline-flex;
  justify-content: center
}

.d-message>div {
  display: inline-block;
  font-size: 14px;
  color: #333;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 14px 20px 14px 52px;
  background-color: #fff;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%
}

.d-message>div.warning {
  background-image: url("../img/warning.png")
}

.d-message>div.danger {
  background-image: url("../img/close-circle.png")
}

.d-message>div.success {
  background-image: url("../img/yes.png")
}

@-moz-keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@-o-keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@-moz-keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-o-keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-moz-keyframes sk-circleFadeDelay {

  0%,
  39%,
  100% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

@-webkit-keyframes sk-circleFadeDelay {

  0%,
  39%,
  100% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

@-o-keyframes sk-circleFadeDelay {

  0%,
  39%,
  100% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

@keyframes sk-circleFadeDelay {

  0%,
  39%,
  100% {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.number-animate {
  line-height: 36px;
  height: 36px;
  font-size: 36px;
  color: #e49d6a;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  position: relative
}

.number-animate .number-animate-dot {
  width: 21px;
  float: left;
  text-align: center
}

.number-animate .number-animate-dom {
  width: 22px;
  text-align: center;
  float: left;
  position: relative;
  top: 0
}

.number-animate .number-animate-dom span,
.number-animate .number-animate-dot span {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 1
}

.Odometer.vcearth .number-animate {
  color: #50d7a8
}

@media (max-height:720px) {

  .page2 .grid,
  .page3 .speakers-container,
  .page4 .forum-container,
  .page9 .org {
    zoom: .75
  }

  .page8 .nav-title {
    transform: translateY(30px)
  }

  .page8 .address {
    transform: scale(.8)
  }

  .forum-gird>a p,
  .forum-gird>div p {
    max-width: 240px !important
  }
}

@-webkit-keyframes move1 {
  from {
    top: 100%;
    right: -30%
  }

  to {
    top: -37.03703703703704vh;
    right: 70%
  }
}

@-webkit-keyframes move2 {
  from {
    top: 100%;
    right: 0%
  }

  to {
    top: -37.03703703703704vh;
    right: 100%
  }
}

@-webkit-keyframes move3 {
  from {
    top: 100%;
    right: 30%
  }

  to {
    top: -37.03703703703704vh;
    right: 130%
  }
}

#canvas {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2
}

#canvas_page0 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

#canvas_page0 canvas {
  height: 100% !important;
  width: 100%
}

.content {
  width: 1200px;
  margin: 0 auto;
  position: relative
}

.nav-title {
  position: relative;
}

.nav-title img {
  height: 42px
}

.nav-title p {
  font-size: 36px;
  color: #fff;
  position: absolute;
  bottom: -18px;
  left: 0;
  font-weight: bold
}

.custom-button {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.custom-button-prev {
  background-image: url("../img/arrownormalleft.png");
}

.custom-button-prev:hover {
  background-image: url("../img/arrowhoverleft.png") !important
}

.custom-button-next {
  background-image: url("../img/arrownormal.png");
}

.custom-button-next:hover {
  background-image: url("../img/arrowhover.png") !important
}

.custom-button.vcearth.custom-button-prev {
  background-image: url("../img/vcearth_VB2019/arrownormalleft.png");
}

.custom-button.vcearth.custom-button-prev:hover {
  background-image: url("../img/vcearth_VB2019/arrowhoverleft.png") !important
}

.custom-button.vcearth.custom-button-next {
  background-image: url("../img/vcearth_VB2019/arrownormal.png");
}

.custom-button.vcearth.custom-button-next:hover {
  background-image: url("../img/vcearth_VB2019/arrowhover.png") !important
}

.vcearth-left-bg {
  position: absolute;
  width: 26.851851851851855vh;
  height: 29.444444444444446vh;
  left: 0;
  bottom: 0
}

.vcearth-right-bg {
  position: absolute;
  width: 18.51851851851852vh;
  height: 32.77777777777778vh;
  right: 0;
  top: 13.333333333333334vh
}

#app .column-nav {
  position: fixed;
  left: calc((100% - 1200px) / 2);
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  transition: all 1s;
  transform: translateX(-100px);
  opacity: 0;
}

#app .column-nav.active {
  transform: translateX(0);
  opacity: 1
}

#app .column-nav li {
  opacity: .5;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}

#app .column-nav li:hover {
  color: #ebcaaa
}

#app .column-nav li.active {
  font-weight: bold;
  color: #e49d6a;
  opacity: 1
}

#app .column-nav li.vcearth {
  opacity: .7;
}

#app .column-nav li.vcearth:hover {
  color: #80cbc4;
  opacity: 1
}

#app .column-nav li.vcearth.active {
  color: #50d790
}

#app .column-nav li.vcearth .color-span {
  background: #50d790
}

#app .column-nav li .color-span {
  width: 16px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  background: #e49d6a
}

#app .column-nav li+li {
  margin-top: 18px
}

#app .page0,
#app .page1,
#app .page2,
#app .page3,
#app .page4,
#app .page5,
#app .page6,
#app .page7,
#app .page8,
#app .page9,
#app .page10 {
  position: relative;
}

#app .page0 .fade *,
#app .page1 .fade *,
#app .page2 .fade *,
#app .page3 .fade *,
#app .page4 .fade *,
#app .page5 .fade *,
#app .page6 .fade *,
#app .page7 .fade *,
#app .page8 .fade *,
#app .page9 .fade *,
#app .page10 .fade * {
  transition: all 1s;
  transform: translateY(100px);
  opacity: 0
}

#app .page0 .fade-in *,
#app .page1 .fade-in *,
#app .page2 .fade-in *,
#app .page3 .fade-in *,
#app .page4 .fade-in *,
#app .page5 .fade-in *,
#app .page6 .fade-in *,
#app .page7 .fade-in *,
#app .page8 .fade-in *,
#app .page9 .fade-in *,
#app .page10 .fade-in * {
  transform: translateY(0);
  opacity: 1
}

#app .page-slide {
  display: flex;
  align-items: center
}

#app .main {
  width: 100%;
}

#app .main.vcearth {
  background: #0293d3
}

#app .main .page-slide {
  width: 100%
}

#app .main .page0 {
  position: relative;
}

#app .main .page0 .content>img {
  width: 72.22222222222221vh;
  height: 21.85185185185185vh;
  margin-left: 120px
}

#app .main .page0 .content p {
  text-align: center
}

#app .main .page0 .content .title {
  font-size: 60px;
  color: #fff;
  font-weight: bold
}

#app .main .page0 .content .address {
  opacity: .7;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  margin-top: 20px
}

#app .main .page0 .content .banner-container {
  margin-top: 9.25925925925926vh;
  padding: 0 100px;
  position: relative;
}

#app .main .page0 .content .banner-container .swiper-slide {
  display: flex;
  align-items: center;
  -webkit-transition: transform .5s;
  overflow: hidden;
}

#app .main .page0 .content .banner-container .swiper-slide img {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  width: 500px;
  height: 200px
}

#app .main .page0 .content .banner-container .swiper-slide {
  transform: scale(.85);
  z-index: 1
}

#app .main .page0 .content .banner-container .swiper-slide-active {
  justify-content: center;
  transform: scale(1);
  z-index: 3;
  overflow: inherit
}

#app .main .page0 .content .banner-container .swiper-slide-prev {
  flex-direction: row;
  z-index: 2
}

#app .main .page0 .content .banner-container .swiper-slide-next {
  flex-direction: row-reverse;
  z-index: 2
}

#app .main .page0 .content .banner-container .banner-button {
  width: 8px;
  height: 14px;
  top: calc(50% - 7px);
}

#app .main .page0 .content .banner-container .banner-button-prev {
  left: 40px
}

#app .main .page0 .content .banner-container .banner-button-next {
  right: 40px
}

#app .main .page0 .content.vcearth {
  position: relative;
  z-index: 10;
}

#app .main .page0 .content.vcearth>img.main-img {
  width: 107.40740740740742vh;
  height: 42.03703703703704vh;
  margin-left: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%)
}

#app .main .page0.vcearth {
  background-image: url("../img/vcearth_VB2019/bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

#app .main .page0.vcearth img.an-img {
  position: absolute;
  width: 37.03703703703704vh;
  height: 37.03703703703704vh;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  right: -37.03703703703704vh
}

#app .main .page0.vcearth img.an-img1 {
  animation-delay: 1s;
  animation-name: move1
}

#app .main .page0.vcearth img.an-img2 {
  animation-delay: 2s;
  animation-name: move2
}

#app .main .page0.vcearth img.an-img3 {
  animation-delay: 3s;
  animation-name: move3
}

#app .main .page1 .content-container {
  padding-left: 200px;
}

#app .main .page1 .content-container .desc {
  margin-top: 64px;
  font-size: 16px;
  color: #e9e9e9;
  letter-spacing: 0;
  line-height: 28px;
}

#app .main .page1 .content-container .desc.vcearth p+p {
  margin-top: 10px
}

#app .main .page2 .content-container {
  padding-left: 200px;
}

#app .main .page2 .content-container .grid {
  margin-top: 5.925925925925926vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-row-gap: 3.703703703703703vh;
}

#app .main .page2 .content-container .grid .item {
  text-align: center;
}

#app .main .page2 .content-container .grid .item .num {
  margin: 10px 0;
  font-size: 26px;
  color: #fff;
  font-weight: bold
}

#app .main .page2 .content-container .grid .item .text {
  opacity: .5;
  font-size: 14px;
  color: #fff;
}

#app .main .page2 .content-container .grid .item .text.vcearth {
  opacity: .7
}

#app .main .page2 .content-container .grid .item img {
  height: 44px;
  margin: 0 auto
}

#app .main .page3 .content-container {
  display: none;
  padding-left: 200px;
}

#app .main .page3 .content-container .speakers-tab {
  display: flex;
  justify-content: flex-end;
}

#app .main .page3 .content-container .speakers-tab p {
  font-size: 16px;
  color: #999;
  cursor: pointer;
}

#app .main .page3 .content-container .speakers-tab p:hover {
  color: #ebcaaa
}

#app .main .page3 .content-container .speakers-tab p.active {
  color: #e49d6a;
  font-weight: bold
}

#app .main .page3 .content-container .speakers-tab p.ge {
  color: rgba(255, 255, 255, 0.2);
  margin: 0 10px
}

#app .main .page3 .content-container .speakers-container {
  margin-top: 5.555555555555555vh;
  position: relative;
  padding: 0 30px;
}

#app .main .page3 .content-container .speakers-container .swiper-slide {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div {
  text-align: center;
  height: 200px;
  padding-bottom: 1.851851851851852vh;
  position: relative;
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div img {
  border-radius: 50%;
  width: 115px;
  height: 115px;
  margin: 0 auto
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div .name {
  margin: 5px 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div .title {
  opacity: .7;
  font-size: 12px;
  color: #fff;
  padding: 0 10px
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div .desc {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 0;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  background: #d58750;
  overflow-y: scroll;
  transition: all .5s;
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div .desc.vcearth {
  background: #009688
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div .desc p {
  margin: 20px
}

#app .main .page3 .content-container .speakers-container .swiper-slide>div:hover .desc {
  height: 200px;
  z-index: 100
}

#app .main .page3 .content-container .speakers-container .speakers-button {
  width: 8px;
  height: 14px;
  top: calc(50% - 14px);
}

#app .main .page3 .content-container .speakers-container .speakers-button-prev {
  left: 10px
}

#app .main .page3 .content-container .speakers-container .speakers-button-next {
  right: 10px
}

#app .main .page3 .content-container .more-button {
  margin: .9259259259259258vh auto 0 auto;
  border: 1px solid #e49d6a;
  border-radius: 18px;
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #e49d6a;
  text-align: center;
  display: block;
}

#app .main .page3 .content-container .more-button:hover {
  border: 1px solid #ebcaaa;
  color: #ebcaaa
}

#app .main .page3 .content-container .more-button.vcearth {
  color: #50d7a8;
  border: 1px solid #50d7a8;
}

#app .main .page3 .content-container .more-button.vcearth:hover {
  color: #80cbc4;
  border: 1px solid #80cbc4
}

#app .main .page4 .content-container {
  padding-left: 200px;
  display: none;
}

#app .main .page4 .content-container .forum-container {
  margin-top: 6.296296296296296vh;
}

#app .main .page4 .content-container .forum-container>div+div {
  margin-top: 2.962962962962963vh
}

#app .main .page4 .content-container .forum-container .rili {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 97px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 30px;
  padding-left: 40px;
}

#app .main .page4 .content-container .forum-container .rili20 {
  background-image: url("../img/20hao.png")
}

#app .main .page4 .content-container .forum-container .rili21 {
  background-image: url("../img/21hao.png")
}

#app .main .page4 .content-container .forum-container .rili22 {
  background-image: url("../img/22hao.png")
}

#app .main .page4 .content-container .forum-container .forum-gird {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  max-height: 160px;
  overflow-y: auto;
  margin-top: 16px;
  padding-right: 45px;
}

#app .main .page4 .content-container .forum-container .forum-gird>a,
#app .main .page4 .content-container .forum-container .forum-gird>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 70px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

#app .main .page4 .content-container .forum-container .forum-gird>a p,
#app .main .page4 .content-container .forum-container .forum-gird>div p {
  font-size: 14px;
  color: #fff;
  max-width: 170px
}

#app .main .page4 .content-container .forum-container .forum-gird>a img,
#app .main .page4 .content-container .forum-container .forum-gird>div img {
  width: 6px;
  height: 10px
}

#app .main .page4 .content-container .forum-container .forum-gird>a:hover,
#app .main .page4 .content-container .forum-container .forum-gird>div:hover {
  border: 2px solid #ebcaaa;
}

#app .main .page4 .content-container .forum-container .forum-gird>a:hover p,
#app .main .page4 .content-container .forum-container .forum-gird>div:hover p {
  color: #ebcaaa
}

#app .main .page5 .content-container {
  padding-left: 200px;
  display: none;
}

#app .main .page5 .content-container .timeline {
  margin-top: 5.925925925925926vh;
  background: url("../img/timeline.png") no-repeat;
  background-position: center;
  background-size: 100% auto;
  display: flex;
  justify-content: space-around;
}

#app .main .page5 .content-container .timeline.vcearth {
  background: url("../img/vcearth_VB2019/timeline.png") no-repeat;
  background-position: center;
  background-size: 100% auto;
}

#app .main .page5 .content-container .timeline.vcearth>div:hover p {
  color: #80cbc4
}

#app .main .page5 .content-container .timeline>div {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}

#app .main .page5 .content-container .timeline>div:hover p {
  color: #ebcaaa;
  opacity: 1
}

#app .main .page5 .content-container .timeline>div:hover .circle {
  background: #ebcaaa
}

#app .main .page5 .content-container .timeline>div p {
  font-size: 14px;
  color: #fff;
  opacity: .5
}

#app .main .page5 .content-container .timeline>div.active p {
  opacity: 1
}

#app .main .page5 .content-container .timeline>div .custom {
  border-radius: 50%;
  margin: 10px 0
}

#app .main .page5 .content-container .timeline>div .same-circle {
  width: 18px;
  height: 18px;
  background: #f8e0c8;
  position: relative;
}

#app .main .page5 .content-container .timeline>div .same-circle.vcearth {
  background: #80cbc4;
}

#app .main .page5 .content-container .timeline>div .same-circle.vcearth .in-circle {
  background: #087e73
}

#app .main .page5 .content-container .timeline>div .same-circle .in-circle {
  width: 12px;
  height: 12px;
  background: #e49d6a;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-6px) translateY(-6px)
}

#app .main .page5 .content-container .timeline>div .circle {
  background: #000;
  border: 1px solid #ccc;
  width: 12px;
  height: 12px;
}

#app .main .page5 .content-container .timeline>div .circle.vcearth {
  background: #0293d3;
  border: 1px solid #fff
}

#app .main .page5 .content-container .agenda {
  margin-top: 3.703703703703703vh;
  height: 46.2962962962963vh;
  border: 2px solid #323232;
  display: flex;
}

#app .main .page5 .content-container .agenda .left {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  overflow-x: visible;
  width: 214px;
}

#app .main .page5 .content-container .agenda .left>div {
  display: flex;
  align-items: center;
  width: 208px;
  flex: 1;
  border-right: 2px solid #323232;
  cursor: pointer;
  position: relative;
  min-height: 60px;
}

#app .main .page5 .content-container .agenda .left>div p {
  max-width: 154px;
  margin: auto;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

#app .main .page5 .content-container .agenda .left>div p:hover {
  color: #ebcaaa
}

#app .main .page5 .content-container .agenda .left>div p.active {
  color: #e49d6a
}

#app .main .page5 .content-container .agenda .left>div img {
  width: 12px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-14px)
}

#app .main .page5 .content-container .agenda .left>div .mask-block {
  width: 2px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-12px);
  background: #000
}

#app .main .page5 .content-container .agenda .left>div+div {
  border-top: 2px solid #323232
}

#app .main .page5 .content-container .agenda .right {
  flex: 1;
  overflow-y: scroll;
}

#app .main .page5 .content-container .agenda .right .c .t-theme {
  padding: 20px 45px;
}

#app .main .page5 .content-container .agenda .right .c .t-theme>p {
  font-size: 16px;
  color: #ebcaaa;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 1.851851851851852vh
}

#app .main .page5 .content-container .agenda .right .c .item {
  display: flex;
}

#app .main .page5 .content-container .agenda .right .c .item .time {
  font-size: 14px;
  color: #ebcaaa;
  min-width: 60px
}

#app .main .page5 .content-container .agenda .right .c .item .desc {
  margin-left: 20px;
}

#app .main .page5 .content-container .agenda .right .c .item .desc .title {
  font-size: 14px;
  color: #fff
}

#app .main .page5 .content-container .agenda .right .c .item .desc .peo-item {
  display: inline-flex;
  align-items: center;
  margin-right: 40px;
  margin-top: 6px;
}

#app .main .page5 .content-container .agenda .right .c .item .desc .peo-item img {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  margin-right: 10px;
  border-radius: 50%
}

#app .main .page5 .content-container .agenda .right .c .item .desc .peo-item p {
  opacity: .4;
  font-size: 14px;
  color: #fff
}

#app .main .page5 .content-container .agenda .right .c .t-theme+.t-theme {
  border-top: 2px solid #323232
}

#app .main .page5 .content-container .agenda .right .c .item+.item {
  margin-top: 2.777777777777778vh
}

#app .main .page5 .content-container .vcearth-agenda-container {
  position: relative;
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
  width: 100%;
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th {
  color: #fff;
  padding: 16px 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(1) {
  background: #009688
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(1) {
  width: 133px
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(2) {
  width: 132px
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(3) {
  width: 132px
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th:nth-child(4) {
  width: 301px
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr th+th {
  border-left: 1px solid rgba(255, 255, 255, 0.5)
}

#app .main .page5 .content-container .vcearth-agenda-container .fixed-table tr:nth-child(1) {
  background: #80cbc4
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda {
  margin-top: 4.62962962962963vh;
  height: 50.92592592592593vh;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda.second-day {
  height: auto
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table {
  border-collapse: collapse;
  width: 100%;
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th,
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td {
  color: #fff;
  padding: 16px 0;
  text-align: center
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th {
  font-weight: bold;
  font-size: 16px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td {
  font-size: 14px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(1) {
  background: #009688
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(1),
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td:nth-child(1) {
  width: 100px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(2),
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td:nth-child(2) {
  width: 100px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th:nth-child(3),
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td:nth-child(3) {
  width: 100px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td.last {
  padding: 16px 40px;
  line-height: 24px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td.ve-last {
  padding: 16px 40px;
  line-height: 24px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td.two {
  height: 210px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr th+th,
#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr td+td {
  border-left: 1px solid rgba(255, 255, 255, 0.5)
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr.other {
  background: #027db3
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr.second-day td {
  padding-top: 24px;
  padding-bottom: 24px
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr:nth-child(1) {
  background: #80cbc4
}

#app .main .page5 .content-container .vcearth-agenda-container .vcearth-agenda table tr+tr {
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

#app .main .page6 .content-container {
  padding-left: 200px;
  display: none;
}

#app .main .page6 .content-container .join-peo {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -20px;
}

#app .main .page6 .content-container .join-peo>p {
  opacity: .7;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  padding-bottom: 5px
}

#app .main .page6 .content-container .join-peo .Odometer {
  margin: 0 12px
}

#app .main .page6 .content-container .tickets {
  margin-top: 7.407407407407407vh;
  position: relative;
}

#app .main .page6 .content-container .tickets>a img {
  width: 100%;
  height: 70px;
  margin-top: 1.851851851851852vh
}

#app .main .page6 .content-container .tickets .ticket-item {
  background: url("../img/ticketbg.png") no-repeat;
  background-size: 100% 100%;
  padding: 1px 35px;
  height: 232px;
  position: relative;
}

#app .main .page6 .content-container .tickets .ticket-item .one {
  margin-top: 20px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  min-height: 50px;
}

#app .main .page6 .content-container .tickets .ticket-item .one>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#app .main .page6 .content-container .tickets .ticket-item .one>div:nth-child(2) {
  align-items: flex-end
}

#app .main .page6 .content-container .tickets .ticket-item .one .type1 {
  font-size: 24px;
  font-weight: bold;
  color: #fff
}

#app .main .page6 .content-container .tickets .ticket-item .one .type2 {
  font-size: 14px;
  font-weight: bold;
  color: #565656;
  line-height: 20px;
}

#app .main .page6 .content-container .tickets .ticket-item .one .type2.line {
  text-decoration: line-through;
}

#app .main .page6 .content-container .tickets .ticket-item .one .type2.line.vcearth {
  color: rgba(255, 255, 255, 0.5)
}

#app .main .page6 .content-container .tickets .ticket-item .two {
  margin-top: 10px;
  border-top: 1px dashed rgba(255, 255, 255, 0.5)
}

#app .main .page6 .content-container .tickets .ticket-item .three {
  margin-top: 18px;
}

#app .main .page6 .content-container .tickets .ticket-item .three p {
  font-size: 14px;
  color: #fff;
  line-height: 22px
}

#app .main .page6 .content-container .tickets .ticket-item a {
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  width: 90px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: linear-gradient(180deg, #ebcaaa 0%, #e49d6a 100%);
  position: absolute;
  bottom: 30px;
  right: 35px;
}

#app .main .page6 .content-container .tickets .ticket-item a.vcearth {
  background: linear-gradient(180deg, #3ce57f 0%, #25bbf4 100%);
}

#app .main .page6 .content-container .tickets .ticket-item a.vcearth.yes:hover {
  background: #80cbc4
}

#app .main .page6 .content-container .tickets .ticket-item a.no {
  background: #bbb;
  cursor: default
}

#app .main .page6 .content-container .tickets .ticket-item a.yes:hover {
  background: #ebcaaa
}

#app .main .page6 .content-container .tickets .tickets-button-group {
  position: absolute;
  bottom: -9.25925925925926vh;
  width: 80px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: calc(50% - 40px);
}

#app .main .page6 .content-container .tickets .tickets-button-group .tickets-button {
  width: 8px;
  height: 14px;
  position: relative
}

#app .main .page6 .content-container .tickets .tickets-button-group .y-axis {
  color: rgba(255, 255, 255, 0.2)
}

#app .main .page7 .content-container {
  padding-left: 200px;
}

#app .main .page7 .content-container .faq {
  margin-top: 5.925925925925926vh;
  position: relative;
}

#app .main .page7 .content-container .faq .faq-button-group {
  position: absolute;
  bottom: -9.25925925925926vh;
  width: 80px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: calc(50% - 40px);
}

#app .main .page7 .content-container .faq .faq-button-group .faq-button {
  width: 8px;
  height: 14px;
  position: relative
}

#app .main .page7 .content-container .faq .faq-button-group .y-axis {
  color: rgba(255, 255, 255, 0.2)
}

#app .main .page7 .content-container .faq-item {
  padding: 0 28px;
  height: 166px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

#app .main .page7 .content-container .faq-item .title {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  margin-top: 28px
}

#app .main .page7 .content-container .faq-item .desc {
  opacity: .7;
  font-size: 14px;
  color: #fff;
  line-height: 22px
}

#app .main .page7 .content-container .faq-item img {
  margin: 14px 0;
  width: 33px;
  height: 2px
}

#app .main .page8 .content-container {
  padding-left: 200px;
}

#app .main .page8 .content-container .address {
  margin-top: 5.925925925925926vh;
  position: relative;
}

#app .main .page8 .content-container .address img {
  width: 1000px;
  height: 417px
}

#app .main .page8 .content-container .address-circle {
  position: absolute;
  top: 120px;
  left: 470px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e7141a;
  opacity: .5;
  animation: scale 2s infinite cubic-bezier(0, 0, .49, 1.02);
  animation-delay: 400ms;
  transition: .5s all ease;
  transform: scale(1);
}

#app .main .page8 .content-container .address-circle.vcearth {
  top: 180px;
  left: 488px
}

#app .main .page9 .content-container {
  padding-left: 200px;
  display: none;
}

#app .main .page9 .content-container .org {
  margin-top: 7.407407407407407vh;
  max-height: 450px;
  overflow-y: scroll;
}

#app .main .page9 .content-container .org .org-group p {
  opacity: .7;
  font-size: 18px;
  color: #fff;
  padding-left: 10px;
  border-left: 4px solid #e49d6a;
  margin-bottom: 18px;
  line-height: 20px;
}

#app .main .page9 .content-container .org .org-group p.vcearth {
  border-color: #50d7a8;
  opacity: 1
}

#app .main .page9 .content-container .org .org-group .img {
  width: 120px;
  height: 48px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 44px;
  background: #fff;
  border: 1px #d5d5d5 solid;
  text-align: center;
}

#app .main .page9 .content-container .org .org-group .img img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle
}

#app .main .page9 .content-container .org .org-group+.org-group {
  margin-top: 30px
}

#app .main .page10 .content-container {
  padding-left: 200px;
}

#app .main .page10 .content-container .contact {
  width: 470px;
  margin: 120px auto 0;
}

#app .main .page10 .content-container .contact div {
  display: flex;
  align-items: baseline;
}

#app .main .page10 .content-container .contact div img {
  width: 16px;
  height: 16px;
  opacity: .6
}

#app .main .page10 .content-container .contact div p {
  font-size: 18px;
  color: #fff;
  margin-left: 16px
}

#app .main .page10 .content-container .contact>div+div {
  margin-top: 12px
}

#app .main .page10 .content-container .entry-group {
  display: flex;
  justify-content: center;
  margin-top: 9.25925925925926vh;
}

#app .main .page10 .content-container .entry-group>a {
  width: 130px;
  height: 36px;
  background: linear-gradient(180deg, #ebcaaa 0%, #e49d6a 100%);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
  color: #fff;
  display: block;
}

#app .main .page10 .content-container .entry-group>a:hover {
  background: #ebcaaa
}

#app .main .page10 .content-container .entry-group>a+a {
  margin-left: 20px
}

.ajax-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100px;
  top: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center
}

@-moz-keyframes move1 {
  from {
    top: 100%;
    right: -30%
  }

  to {
    top: -37.03703703703704vh;
    right: 70%
  }
}

@-webkit-keyframes move1 {
  from {
    top: 100%;
    right: -30%
  }

  to {
    top: -37.03703703703704vh;
    right: 70%
  }
}

@-o-keyframes move1 {
  from {
    top: 100%;
    right: -30%
  }

  to {
    top: -37.03703703703704vh;
    right: 70%
  }
}

@keyframes move1 {
  from {
    top: 100%;
    right: -30%
  }

  to {
    top: -37.03703703703704vh;
    right: 70%
  }
}

@-moz-keyframes move2 {
  from {
    top: 100%;
    right: 0%
  }

  to {
    top: -37.03703703703704vh;
    right: 100%
  }
}

@-webkit-keyframes move2 {
  from {
    top: 100%;
    right: 0%
  }

  to {
    top: -37.03703703703704vh;
    right: 100%
  }
}

@-o-keyframes move2 {
  from {
    top: 100%;
    right: 0%
  }

  to {
    top: -37.03703703703704vh;
    right: 100%
  }
}

@keyframes move2 {
  from {
    top: 100%;
    right: 0%
  }

  to {
    top: -37.03703703703704vh;
    right: 100%
  }
}

@-moz-keyframes move3 {
  from {
    top: 100%;
    right: 30%
  }

  to {
    top: -37.03703703703704vh;
    right: 130%
  }
}

@-webkit-keyframes move3 {
  from {
    top: 100%;
    right: 30%
  }

  to {
    top: -37.03703703703704vh;
    right: 130%
  }
}

@-o-keyframes move3 {
  from {
    top: 100%;
    right: 30%
  }

  to {
    top: -37.03703703703704vh;
    right: 130%
  }
}

@keyframes move3 {
  from {
    top: 100%;
    right: 30%
  }

  to {
    top: -37.03703703703704vh;
    right: 130%
  }
}

@-moz-keyframes scale {
  0% {
    transform: scale(1)
  }

  50%,
  75% {
    transform: scale(4)
  }

  78%,
  100% {
    opacity: 0
  }
}

@-webkit-keyframes scale {
  0% {
    transform: scale(1)
  }

  50%,
  75% {
    transform: scale(4)
  }

  78%,
  100% {
    opacity: 0
  }
}

@-o-keyframes scale {
  0% {
    transform: scale(1)
  }

  50%,
  75% {
    transform: scale(4)
  }

  78%,
  100% {
    opacity: 0
  }
}

@keyframes scale {
  0% {
    transform: scale(1)
  }

  50%,
  75% {
    transform: scale(4)
  }

  78%,
  100% {
    opacity: 0
  }
}