@import url(reset.css);
@import url(font.css);
@import url(column.css);
@import url(common.css);
@import url(pc.css);
@import url(mobile.css);
.home .pic {
  padding: 4vw;
  object-fit: fill;
  box-sizing: border-box;
}
.home .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home .first {
  padding-top: 6.85vw;
  background: radial-gradient(86.56% 76.52% at 80.52083333% -4.08006159%, #b7c9ef 0%, rgba(183, 201, 239, 0) 73.59%), linear-gradient(180deg, #dde4ff 0%, #b7c9ef 59.13%, #b7c9ef 99.52%);
}
.home .first .col:nth-of-type(1) {
  margin-top: -10vw;
}
.home .video {
  position: relative;
  transform: translateY(6.25vw);
  margin-top: -12.25vw;
}
.home .video video {
  width: 100%;
  display: block;
  height: 40vw;
}
.home .video .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.home .video .icon-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.25vw;
  height: 6.25vw;
  background-image: url(../images/icon-play.png);
  cursor: pointer;
}
.home .second {
  margin-top: 7vw;
}
.home .second .points {
  margin-top: 1vw;
}
.home .second .points li {
  position: relative;
  margin-top: 1.56vw;
  font-size: 1.04vw;
  color: #707b8c;
  padding-left: 2vw;
}
.home .second .points li i {
  position: absolute;
  left: 0;
  top: 0;
}
.home .second .target dl {
  margin-bottom: 1.56vw;
}
.home .second .target dl:first-of-type {
  margin-top: 3.13vw;
}
.home .second .target dl dt {
  margin-bottom: 0.52vw;
  font-size: 1.25vw;
  color: #131d64;
}
.home .second .target dl dd {
  font-size: 1.04vw;
  color: #707b8c;
  padding-left: 2.3vw;
}
.home .milestone {
  margin: 0 0 5.21vw 0;
  background: #f3f4f8;
  border-radius: 0.52vw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: auto;
  padding: 2.08vw 4.17vw;
}
.home .milestone li {
  flex: 1;
  display: flex;
  flex-direction: row;
  margin-right: 1vw;
}
.home .milestone li h3 {
  font-size: 2.6vw;
  color: #2367e4;
  font-weight: 700;
  line-height: 2.6vw;
}
.home .milestone li .detail {
  margin-left: 0.3vw;
  flex: 1;
}
.home .milestone li .detail h5 {
  position: relative;
  margin-top: 0.32vw;
  margin-bottom: 0.32vw;
  font-size: 0.94vw;
  color: #131d64;
}
.home .milestone li .detail h5 span {
  display: inline-block;
  padding-right: 0.3vw;
  background: #f3f4f8;
  z-index: 11;
  position: relative;
}
.home .milestone li .detail h5::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  right: 0vw;
  left: 0.1vw;
  top: 0.5vw;
  border-bottom: 1px dashed #2367e4;
}
.home .milestone li .detail p {
  font-size: 0.73vw;
  color: #707b8c;
}
.home .third {
  padding: 5.21vw 0;
  background: #f3f4f8;
}
.home .third .title {
  text-align: center;
  margin-bottom: 1.56vw;
}
.home .fourth {
  padding: 5.21vw 0;
}
.home .fourth .title {
  margin-bottom: 2.08vw;
  text-align: center;
}
.home .fourth .title .img {
  display: inline-block;
  height: 2.4vw;
  width: auto;
  margin-top: -0.5vw;
  vertical-align: middle;
}
.home .fourth ul {
  margin: 0 1.04vw;
  margin-bottom: 5.21vw;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1.04vw;
  grid-row-gap: 1.04vw;
  align-content: center;
}
.home .fourth ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 10.21vw;
  background: #f3f4f8;
  border-radius: 0.52vw;
}
.home .fourth ul li i {
  margin-bottom: 0.52vw;
  width: 3.75vw;
  height: 3.75vw;
}
.home .fourth .ai {
  text-align: center;
}
.home .fourth .ai h3 {
  margin-top: 2vw;
  font-size: 1.6vw;
  color: #131d64;
}
.home .fourth .ai p {
  color: #131d64;
}
.home .fourth .ai .bg {
  margin: 0 1.04vw;
  padding: 2.08vw 5.21vw;
  box-sizing: border-box;
  background: linear-gradient(180deg, #f3f4f8 0%, #ffffff 100%);
  border-radius: 1.04vw;
}
.home .fifth {
  padding-top: 5.21vw;
  background: radial-gradient(27.5% 41.18% at 42.91666667% 85.73529412%, #cce8ff 0%, rgba(204, 232, 255, 0) 85%), linear-gradient(180deg, #d7e6fd 0%, #f3f4f8 100%);
}
.home .fifth .title {
  text-align: center;
}
.home .sixth {
  padding: 5.21vw 0;
}
.home .sixth .title {
  text-align: center;
}
.home .sixth .best {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1.04vw;
  margin: 0 1.04vw;
  margin-top: 2.08vw;
}
.home .sixth .best .item {
  position: relative;
  background: url(../images/box-bg.png) no-repeat left top;
  background-size: cover;
  border-radius: 1.04vw;
  padding: 1.82vw;
  padding-top: 4.21vw;
  box-sizing: border-box;
}
.home .sixth .best .item::before {
  position: absolute;
  content: "";
  width: 5.21vw;
  height: 5.21vw;
  left: 0;
  top: 0;
  transform: translateY(-30%);
  border-radius: 1.04vw;
  background: url(../images/icon-best.png) no-repeat 0 0;
  background-size: 100%;
}
.home .sixth .best .item h5 {
  font-size: 1.04vw;
  color: #2367e4;
}
.home .sixth .best .item p {
  margin-top: 0.52vw;
  font-size: 0.94vw;
  color: #707b8c;
}
.home .sixth .best .item p:last-of-type {
  text-align: right;
}
.home .sixth .best .item hr {
  margin-top: 2.6vw;
  margin-bottom: 1.04vw;
  height: 0;
  border: 0;
  border-top: 1px solid #c9cdd4;
}
.home .member {
  margin-top: -5vw;
  padding-bottom: 5vw;
}
.home .member .option {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  height: 6.25vw;
  padding: 1.35vw;
  opacity: 1;
  border-radius: 1.04vw;
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(17, 38, 158, 0.03);
}
.home .member .option img {
  flex: none;
  width: 3.44vw;
  height: 3.44vw;
}
.home .member .option .price {
  flex: none;
}
.home .member .option .desc {
  flex: 1;
}
.home .member .option .desc h3 {
  font-size: 1.46vw;
  font-weight: 300;
  letter-spacing: 0px;
}
.home .member .option .desc p {
  font-size: 1.04vw;
  font-weight: 300;
  letter-spacing: 0px;
}
.home .member .option .price {
  font-size: 0.83vw;
  font-weight: 400;
}
.home .member .option .price em {
  font-size: 2.5vw;
}
.home .member .option.vip .desc h3 {
  color: #707070;
}
.home .member .option.vip .price {
  color: #276be4;
}
.home .member .option.vvip .desc h3 {
  color: #707070;
}
.home .member .option.vvip .price {
  color: #f8ac30;
}
.home .member .privileges {
  width: 100%;
  padding: 1.46vw 1.77vw;
  border-radius: 0.52vw;
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(17, 38, 158, 0.1);
  box-sizing: border-box;
  margin-top: 1vw;
}
.home .member .privileges table {
  width: 100%;
}
.home .member .privileges table thead {
  height: 5.13vw;
}
.home .member .privileges table thead th {
  text-align: center;
  font-size: 1.04vw;
  font-weight: 400;
  color: #707b8c;
  vertical-align: middle;
}
.home .member .privileges table thead th:nth-of-type(1) {
  text-align: left;
}
.home .member .privileges table thead th strong {
  font-size: 1.67vw;
  font-weight: 400;
  letter-spacing: 0px;
  color: #131d64;
}
.home .member .privileges table tbody tr {
  line-height: 3.23vw;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.04vw;
  font-weight: 400;
  letter-spacing: 0px;
  color: #131d64;
}
.home .member .privileges table tbody tr td {
  text-align: center;
}
.home .member .privileges table tbody tr td:nth-of-type(1) {
  text-align: left;
}
@media screen and (max-width: 960px) {
  .home .first .row {
    margin: 0 6.4vw;
  }
  .home .first h2 {
    font-size: 11.2vw;
  }
  .home .first form {
    margin-top: 8.53vw;
    margin-bottom: 10.13vw;
    display: flex;
    flex-direction: column;
  }
  .home .first form input {
    width: auto;
    flex: inherit;
    margin-bottom: 2.13vw;
    margin-right: 0;
  }
  .home .first form .btn {
    flex: 1;
    width: auto;
  }
  .home .first .video {
    transform: translateY(19.25vw);
    margin-top: -30vw;
  }
  .home .video video {
    height: 80vw;
  }
  .home .second {
    margin-top: 30vw;
  }
  .home .second .container {
    padding: 0 6.4vw;
  }
  .home .second .container h2,
  .home .second .container h4 {
    text-align: left;
  }
  .home .second .row:first-of-type .col:last-of-type {
    order: -1;
  }
  .home .second .points {
    margin: 8.53vw 0;
  }
  .home .second .points li {
    font-size: 3.73vw;
    text-align: left;
    padding-left: 5vw;
    margin-bottom: 2.67vw;
  }
  .home .second .target {
    margin-top: 8vw;
  }
  .home .second .target dl {
    margin-bottom: 4.27vw;
    text-align: left;
  }
  .home .second .target dl dt {
    font-size: 4.27vw;
  }
  .home .second .target dl dd {
    font-size: 3.73vw;
    padding-left: 8vw;
  }
  .home .second .milestone {
    position: relative;
    flex-direction: column;
    width: auto;
    padding: 6.4vw;
    border-radius: 5.33vw;
    margin-top: 9.33vw;
    margin-bottom: 21.33vw;
  }
  .home .second .milestone li {
    margin-bottom: 5.33vw;
  }
  .home .second .milestone h3 {
    font-size: 6.4vw;
    line-height: 100%;
    width: 14vw;
  }
  .home .second .milestone::after {
    position: absolute;
    content: " ";
    left: 24.3vw;
    top: 10vw;
    bottom: 11.73vw;
    width: 0;
    border-left: 1px dashed #2367e4;
  }
  .home .second .milestone .detail {
    margin-left: 8.53vw;
    text-align: left;
  }
  .home .second .milestone .detail h5 {
    font-size: 4.27vw;
  }
  .home .second .milestone .detail h5::after {
    border: 1px solid #2367e4;
    border-radius: 50%;
    width: 2vw;
    height: 2vw;
    background: #fff;
    z-index: 11;
    top: 2vw;
    left: -5.9vw;
  }
  .home .second .milestone .detail p {
    margin-top: 1.07vw;
    font-size: 3.73vw;
  }
  .home .third {
    padding: 16vw 0;
  }
  .home .third .title {
    margin-bottom: 17.07vw;
  }
  .home .third .grid {
    display: flex;
    flex-direction: column;
  }
  .home .third .grid .cell {
    margin-bottom: 4.27vw;
    border-radius: 2.67vw;
  }
  .home .fourth .container {
    padding: 10.67vw 0;
  }
  .home .fourth ul {
    padding: 0 6.4vw;
    margin: 0;
    margin-top: 8.53vw;
    margin-bottom: 21.33vw;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2.67vw;
    grid-row-gap: 2.67vw;
  }
  .home .fourth ul li > a {
    font-size: 3.73vw;
    height: 24.53vw;
    opacity: 1;
    border-radius: 2.13vw;
    color: #131d64;
  }
  .home .fourth ul li > a i {
    width: 10.67vw;
    height: 10.67vw;
    margin-bottom: 1.07vw;
  }
  .home .fourth .title {
    margin-bottom: 8.53vw;
  }
  .home .fourth .title .img {
    height: 8vw;
  }
  .home .fourth .ai .bg {
    border-radius: 2.67vw;
    padding-bottom: 8vw;
  }
  .home .fourth .ai .bg h3 {
    font-size: 5.33vw;
  }
  .home .fourth .ai .bg p {
    margin-top: 1vw;
  }
  .home .fifth {
    background: #f3f7ff;
  }
  .home .fifth .container {
    padding: 10.67vw 0 0;
    margin: 0;
  }
  .home .fifth .title {
    position: relative;
    margin-bottom: -18vw;
    z-index: 11;
  }
  .home .sixth .container {
    padding: 18.67vw 0;
  }
  .home .sixth .title {
    padding: 0 10vw;
    text-align: center;
    margin-bottom: 10.67vw;
  }
  .home .sixth .best {
    display: flex;
    flex-direction: column;
  }
  .home .sixth .best .item {
    margin-bottom: 9.33vw;
    text-align: left;
    padding: 18.67vw 6.4vw;
    height: 70vw;
    box-sizing: border-box;
  }
  .home .sixth .best .item::before {
    width: 20vw;
    height: 20vw;
  }
  .home .sixth .best .item h5 {
    font-size: 4.27vw;
    margin-bottom: 2.67vw;
  }
  .home .sixth .best .item p {
    font-size: 3.73vw;
  }
  .home .sixth .best .item hr {
    margin: 6.4vw 0;
  }
  .home .member .row {
    margin: 0;
  }
  .home .member .option {
    margin: 0;
    height: 16vw;
  }
  .home .member .option img {
    width: 16vw;
    height: 16vw;
  }
  .home .member .option .desc {
    padding: 0 2.13vw;
    text-align: left;
  }
  .home .member .option .desc h3 {
    font-size: 4.33vw;
  }
  .home .member .option .desc p {
    margin-top: 1vw;
    font-size: 3.27vw;
  }
  .home .member .option .price {
    font-size: 3.73vw;
  }
  .home .member .option .price em {
    font-size: 6.4vw;
  }
  .home .member .privileges {
    margin: 1.27vw 0 0 0;
    padding: 4.27vw 6.4vw;
  }
  .home .member .privileges table thead th {
    line-height: 10vw;
    font-size: 3.73vw;
  }
  .home .member .privileges table thead th strong {
    font-size: 4.4vw;
  }
  .home .member .privileges table tbody tr {
    line-height: 10.73vw;
    font-size: 3.73vw;
  }
  .home .member .privileges table tbody tr td:nth-of-type(1) {
    text-align: left;
  }
  i.icon-dot {
    width: 4.27vw;
    height: 4.27vw;
  }
  i.icon-org,
  i.icon-room {
    width: 6.4vw;
    height: 6.4vw;
  }
  i.icon-checked,
  i.icon-disabled {
    width: 6.4vw;
    height: 6.4vw;
    transform: translateY(0);
  }
}