* {
  margin: 0;
  padding: 0;
}
header {
  box-sizing: border-box;
  width: 100%;
  padding-left: .384615rem;
  padding-right: .769231rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding-top: .512821rem;
}
header .logo {
  flex: 1;
  display: flex;
  align-items: center;
}
header .logo-bg {
  display: inline-block;
  width: 1.641026rem;
  height: 1.641026rem;
  background: rgba(103, 93, 206, 0.1);
  border-radius: .217949rem;
  margin-right: .307692rem;
}
header .logo-bg img {
  margin: .153846rem;
  width: 1.333333rem;
  height: 1.333333rem;
}
header .logo-title {
  display: inline-block;
  position: relative;
  z-index: 0;
}
header .logo-title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: .179487rem;
  background: rgba(103, 93, 206, 0.5);
  border-radius: .089744rem;
  bottom: .128205rem;
  left: 0;
  z-index: -1;
}
header .logo-title .dot {
  display: inline-block;
  width: .089744rem;
  height: .089744rem;
  margin: 0 .166667rem;
  border-radius: 50%;
  background-color: #FEFEFE;
}
header .logo-title .font45 {
  font-size: .576923rem;
  color: #FFFFFF;
}
header .logo-title .font36 {
  font-size: .461538rem;
  color: #FFFFFF;
}
header .langs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 2.564103rem;
  text-align: right;
  font-size: .5rem;
  color: #FFFFFF;
  position: relative;
}
header .langs img {
  width: .346154rem;
  height: .192308rem;
  margin-left: .153846rem;
}
header .langs .lang-list {
  background-color: #fff;
  width: 2.564103rem;
  box-shadow: 0px 0.038462rem 0.102564rem -0.012821rem rgba(0, 0, 0, 0.2);
  list-style: none;
  padding: 0;
  border-radius: .051282rem;
  position: absolute;
  top: .641026rem;
  right: 0;
  display: none;
}
header .langs .lang-list .lang {
  margin-bottom: .064103rem;
  height: 1.282051rem;
  line-height: 1.282051rem;
  text-align: center;
  color: #000;
}
header .langs .lang-list .lang:active {
  background-color: #9B97BD;
}
main {
  background: url('../image/mobile/bg.png') no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
main .container {
  padding-top: .769231rem;
  color: #FEFEFE;
}
main .container .head {
  display: inline-block;
  position: relative;
  width: 100%;
}
main .container .head-title {
  position: absolute;
  top: 1.217949rem;
  left: 2.769231rem;
  color: #fff;
}
main .container .head-title h4 {
  font-size: .846154rem;
  font-weight: bold;
}
main .container .head-title .entitle {
  font-size: .384615rem;
}
main .container .head-title .head-dots .dot1 {
  display: inline-block;
  width: .192308rem;
  height: .192308rem;
  background: #C92773;
  border-radius: 50%;
  margin-right: .128205rem;
}
main .container .head-title .head-dots .dot2 {
  display: inline-block;
  width: .192308rem;
  height: .192308rem;
  background: #DC31B2;
  border-radius: 50%;
  margin-right: .128205rem;
}
main .container .head-title .head-dots .dot3 {
  display: inline-block;
  width: .192308rem;
  height: .192308rem;
  background: #CB3AD8;
  border-radius: 50%;
  margin-right: .128205rem;
}
main .container .head-title .subtitle {
  font-size: .5rem;
}
main .container .section1 .txt {
  text-align: center;
  padding-bottom: .641026rem;
}
main .container .section1 .txt h1 {
  font-size: .961538rem;
}
main .container .section1 .txt h3 {
  font-size: .5rem;
}
main .container .section1 .image {
  padding-left: 5%;
}
main .container .section1 .image img {
  width: 90%;
  height: auto;
}
main .container .section1 .down {
  padding: .346154rem .320513rem .5rem .320513rem;
}
main .container .section1 .down a {
  color: #fff;
  text-decoration: none;
}
main .container .section1 .down .downBg {
  width: 100%;
  height: 1.538462rem;
  background: linear-gradient(60deg, #ff59a7, #d459f9);
  box-shadow: 0px 0.153846rem 0.512821rem 0px rgba(255, 18, 133, 0.15);
  border-radius: .846154rem;
  font-size: .615385rem;
  text-align: center;
  line-height: 1.538462rem;
}
main .container .section1 .downRemarks {
  font-size: .5rem;
  list-style: none;
  color: #9B97BD;
  padding: 0 1.025641rem;
}
main .container .section1 .downRemarks li {
  list-style: disc;
  padding-bottom: .346154rem;
}
main .container .section2 {
  padding-top: 5.961538rem;
}
main .container .section2 .image {
  padding-top: 3.871795rem;
  width: 100vw;
  height: auto;
}
main .container .section2 .head-num {
  width: 4.871795rem;
  height: 2.74359rem;
  margin-left: 2.820513rem;
}
main .container .section2 .head-num img {
  width: 4.871795rem;
  height: 2.74359rem;
}
main .container .section3 {
  padding-top: 4.538462rem;
}
main .container .section3 .head-num {
  width: 6.397436rem;
  height: 2.705128rem;
  margin-left: 2.820513rem;
}
main .container .section3 .head-num img {
  width: 6.397436rem;
  height: 2.705128rem;
}
main .container .section3 .image {
  padding-top: 4.512821rem;
  width: 90%;
  padding-left: 5%;
  height: auto;
}
main .container .section4 {
  padding-top: 4.782051rem;
}
main .container .section4 .head-num {
  width: 6.397436rem;
  height: 2.705128rem;
  margin-left: 2.820513rem;
}
main .container .section4 .head-num img {
  width: 6.397436rem;
  height: 2.705128rem;
}
main .container .section4 .image {
  padding-top: 4.512821rem;
  width: 100%;
  height: auto;
}
main .container .section5 {
  padding-top: 5.487179rem;
}
main .container .section5 .head-num {
  width: 6.397436rem;
  height: 2.705128rem;
  margin-left: 2.564103rem;
}
main .container .section5 .head-num img {
  width: 6.397436rem;
  height: 2.705128rem;
}
main .container .section5 .image {
  padding-top: 4.512821rem;
  width: 100%;
  height: auto;
}
main .container .section6 {
  padding-top: 2.410256rem;
}
main .container .section6 .txt {
  padding: 0 1.320513rem 1.923077rem .769231rem;
}
main .container .section6 .txt h2 {
  font-size: .846154rem;
  font-weight: bold;
  color: #FFFFFF;
}
main .container .section6 .txt ul {
  padding-top: 1.153846rem;
  list-style: none;
  padding-left: .576923rem;
}
main .container .section6 .txt ul li {
  list-style: disc;
  font-size: .5rem;
  color: #9B97BD;
  margin-bottom: .435897rem;
}
main .container .section6 .txt ul li:last-child {
  margin-bottom: 0;
}
main .container .section6 .image {
  padding: 0 1.089744rem;
}
main .container .section6 .image img {
  width: 100%;
  height: auto;
}
main .container .section6 .more {
  padding: 2.384615rem .320513rem  2.384615rem .320513rem;
}
main .container .section6 .more a {
  color: #fff;
  text-decoration: none;
}
main .container .section6 .more-btn {
  width: 100%;
  height: 1.538462rem;
  background: linear-gradient(60deg, #ff59a7, #d459f9);
  box-shadow: 0px 0.153846rem 0.512821rem 0px rgba(255, 18, 133, 0.15);
  border-radius: .846154rem;
  text-align: center;
  line-height: 1.538462rem;
  font-size: .615385rem;
}


main .container .section7 {
  padding-top: 2.410256rem;
}
main .container .section7 .txt {
  padding: 0 1.320513rem 1.923077rem .769231rem;
}
main .container .section7 .txt h2 {
  font-size: .846154rem;
  font-weight: bold;
  color: #FFFFFF;
}
main .container .section7 .txt ul {
  padding-top: 1.153846rem;
  list-style: none;
}
main .container .section7 .txt ul li {
  color: #9B97BD;
  margin-bottom: .435897rem;
}
main .container .section7 .txt ul li:last-child {
  margin-bottom: 0;
}
main .container .section7 .image {
  padding: 0 1.089744rem;
}
main .container .section7 .image img {
  width: 100%;
  height: auto;
}
main .container .section7 .more {
  padding: 2.384615rem .320513rem  2.384615rem .320513rem;
}
main .container .section7 .more a {
  color: #fff;
  text-decoration: none;
}
main .container .section7 .more-btn {
  width: 100%;
  height: 1.538462rem;
  background: linear-gradient(60deg, #ff59a7, #d459f9);
  box-shadow: 0px 0.153846rem 0.512821rem 0px rgba(255, 18, 133, 0.15);
  border-radius: .846154rem;
  text-align: center;
  line-height: 1.538462rem;
  font-size: .615385rem;
}


footer {
  width: 100vw;
  background: #EBEBEB;
  text-align: center;
}
footer .container {
  width: 100vw;
  height: 100%;
  box-sizing: border-box;
  padding: .897436rem .833333rem;
  margin: 0 auto;
}
footer .container .social {
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
footer .container .social li {
  list-style: none;
  padding: 0;
  margin-right: .371795rem;
  display: inline-block;
}
footer .container .social li:last-child {
  margin-right: 0;
}
footer .container .social li a {
  font-size: .641026rem;
  display: table;
  width: .935897rem;
  height: .935897rem;
}
footer .container .social li a:hover,
footer .container .social li a:active,
footer .container .social li a:focus {
  text-decoration: none;
  border-bottom: none;
}
footer .container .social li a i {
  display: table-cell;
  vertical-align: middle;
}
footer .container .social.social-circle a {
  width: .935897rem;
  height: .935897rem;
  background: #6A737F;
  border-radius: 50%;
}
footer .container .social.social-circle a i {
  color: #fff;
}
footer .container #copyright {
  margin-bottom: 0;
  margin-top: .487179rem;
  font-size: .384615rem;
  color: #5D5D5D;
}
footer .container #copyright a {
  color: #5D5D5D;
  text-decoration: none;
}
body.en main .section2 .head-num {
  margin-left: .820513rem !important;
}
body.en main .section2 .head-title {
  left: .807692rem !important;
}
body.en main .section2 .image {
  padding-top: 4.615385rem !important;
}
body.en main .section3 .head-num {
  margin-left: 3.282051rem  !important;
}
body.en main .section3 .head-title {
  left: 3.282051rem !important;
  right: .641026rem !important;
}
body.en main .section3 .image {
  padding-top: 7.692308rem !important;
}