*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #467ec9;
}
input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

input:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: #6baaf7ad;
}

::-moz-placeholder {
  color: #6baaf7ad;
}

::-moz-placeholder {
  color: #6baaf7ad;
}

::-ms-input-placeholder {
  color: #6baaf7ad;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    outline: 0;
    background-color: #fff;
    color: #6baaf7;
    border-color: #1e87f0;
}
body {
  max-width: 640px;
  margin: 0 auto;
  overflow-x: hidden;
  background: #497ccb;
  
}
.p1 {
  background: url(//rescdn.imtxwy.com/noah/images/p1-bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
  padding-top: 40px;
  height: 100vh;
  padding: 0;
}
.p2 {
  background: url(//rescdn.imtxwy.com/noah/images/p2-bg.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 40px;
  height: 100vh;
  padding: 0;
  position: relative;
}
.p3 {
  background: url(//rescdn.imtxwy.com/noah/images/p3-bg.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 40px;
  height: 100vh;
  padding: 0;
  position: relative;
}
.p4 {
  padding-top: 40px;
  height: 100vh;
  padding: 0;
  position: relative;
  overflow-x: hidden;
}
.p4-logo {
    margin-bottom: 145px!important;
    margin-left: -179px;
}
.na-bg {
  background: url(//rescdn.imtxwy.com/noah/images/p4-na-bg.jpg) no-repeat top center;
  background-size: cover;
}
.nv-bg {
  background: url(//rescdn.imtxwy.com/noah/images/p4-nv-bg.jpg) no-repeat top center;
  background-size: cover;
}
.uk-container {
  max-width: 640px;
  position: relative;
  max-height: 1136px;
  min-height: 1136px;
}
.p1-bottom {
  background: url(//rescdn.imtxwy.com/noah/images/p1-btbg.jpg) no-repeat top center;
  background-size: 100%;
  height: 406px;
  padding-top: 40px;
  width: 100%;
  left: 0;
}
.p1-n-bottom {
  background: url(//rescdn.imtxwy.com/noah/images/p1-nbg.jpg) no-repeat top center;
  background-size: 100%;
  height: 322px;
  padding-top: 150px;
  width: 100%;
  left: 0;
}
.p1-nv-bottom {
  background: url(//rescdn.imtxwy.com/noah/images/p1-nvbg.jpg) no-repeat top center;
  background-size: 100%;
  height: 322px;
  padding-top: 150px;
  width: 100%;
  left: 0;
}
.p1-input {
  max-width: 542px;
  font-size: 36px;
  margin: 0 auto;
  margin-top: 113px;
  text-align: center;
  margin-bottom: 36px;
}
.p1-input input {
  height: 64px;
  border: 0;
  color: #6baaf7;
  text-align: center;
  width: 100%;
}
.p2-center {
  width: 100%;
  margin-top: -80px;
  left: 0;
}
.q1-text {
  min-height: 121px;
}
.qa-link a {
  display: block;
}
.p3 .p3-center {
    width: 80%;
    margin-top: -5vh;
}
.p3-center {
  width: 100%;
  margin-top: 0;
  top: 37%;
}
.p3-text {
  color: #f6ff00;
  font-size: 30px;
  margin-bottom: 90px;
}
.progress-loading {
  background: #5331b3;
}
.progressBar {
    position: relative;
    z-index: 100;
    width: 0;
    height: 7px;
    margin: 10px 0 0;
    background: -webkit-linear-gradient(right, #4feaff, #2196F3);
    background: -webkit-linear-gradient(right, #4feaff, #2196F3);
}
#retImg {
  margin-bottom: -30px;
}
.progressBar-img {
      position: relative;
    left: 48%;
    top: -79px;
}
.pic-tt {
  position: absolute;
    width: 88%;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-top: -8px;
  text-align: left;
  margin-left: 12%;
  line-height: 1.2;
}
.pic-tt span {
  color: #f6ff00;
}