@charset 'UTF-8';
* {
  box-sizing: border-box;
}
body,
ul,
p,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
}
img {
  display: block;
  max-width: 100%;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input {
  /*去除阴影*/
  box-shadow: none;
  /*去除边框*/
  border: none;
  /*去除聚焦input的蓝色边框*/
  outline: none;
  /*禁止拖拽*/
  resize: none;
  /*去除iOS默认样式*/
  -webkit-appearance: none;
  /*去除点击时背景高亮样式*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select {
  /*将默认的select选择框样式清除*/
  background: none;
  outline: none;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../../images/ico-arrow.png) no-repeat scroll right center transparent;
  background-position-x: 96%;
  /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
}
select::-ms-expand {
  display: none;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body {
  /*background: url(../../images/bg.jpg) no-repeat center;*/
  /*background-size: cover;*/
  letter-spacing: 0.8vw;
}
.btn {
  display: block;
  width: 40vw;
  height: 10.66666667vw;
  margin: 4vw auto;
  background: url(../../images/btn.png) no-repeat center;
  background-size: cover;
  text-align: center;
  line-height: 10.66666667vw;
  font-size: 3.73333333vw;
  letter-spacing: 0.53333333vw;
  color: #fffbf1;
}
.color-b {
  color: #05205c;
}
.color-g {
  color: #67d41b;
}
nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 13.33333333vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 99;
}
nav ul {
  display: flex;
  width: 100%;
  height: 13.33333333vw;
  flex-wrap: unset;
  white-space: nowrap;
  overflow-x: auto;
  background-color: #fff;
}
nav ul li {
  height: 13.33333333vw;
}
nav ul li a {
  font-size: 3.73333333vw;
  padding: 0 3.2vw;
  line-height: 13.33333333vw;
  color: #505050;
}
.banner {
  margin-top: 13.33333333vw;
  height: 50.66666667vw;
}
.banner img {
  width: 100vw;
  height: 50.66666667vw;
}
.banner .swiper-pagination {
  /* bottom: 63px; */
  bottom: 4vw;
}
.banner .swiper-pagination-bullet {
  /* width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,80px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); */
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10.66666667vw));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.8vw));
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.33333333vw);
  display: inline-block;
  border-radius: 0;
  background: var(--swiper-pagination-bullet-inactive-color, #fff);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.banner .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.line {
  height: 6.66666667vw;
  background: url(../../images/line.png) no-repeat center;
  background-size: cover;
}
.con-title {
  position: relative;
}
.con-title::before {
  content: '';
  position: absolute;
  left: 25.6vw;
  top: 30%;
  display: block;
  width: 2.13333333vw;
  height: 2.13333333vw;
  background: url(../../images/drop.png) no-repeat center;
  background-size: cover;
}
.con-title::after {
  content: '';
  position: absolute;
  right: 26.13333333vw;
  top: 30%;
  display: block;
  width: 2.13333333vw;
  height: 2.13333333vw;
  background: url(../../images/drop.png) no-repeat center;
  background-size: cover;
}
.con-title h2 {
  font-size: 6.4vw;
  text-align: center;
  letter-spacing: 0.53333333vw;
  color: #05205c;
}
.con-title span {
  position: absolute;
  left: 50%;
  bottom: -40%;
  transform: translateX(-50%);
  font-family: Impact;
  font-size: 7.2vw;
  letter-spacing: 0.8vw;
  color: #05205c;
  opacity: 0.1;
}
.content {
  padding: 0 4vw;
}
.framework .content .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.66666667vw;
}
.framework .content .item p {
  font-size: 4.26666667vw;
  font-weight: 700;
}
.framework .content .item span {
  font-size: 3.2vw;
}
.framework .content .item a {
  font-size: 3.2vw;
  line-height: 2;
  color: #000;
}
.enroll {
  margin-bottom: 5.33333333vw;
}
.enroll .email::before {
  content: '';
  display: none;
  width: 100%;
  height: 2.13333333vw;
  background: url(../../images/line-01.png) no-repeat center;
  background-size: cover;
  margin-bottom: 5.33333333vw;
}
.enroll .email::after {
  content: '';
  display: none;
  width: 100%;
  height: 0.18666667vw;
  background: url(../../images/line-02.png) no-repeat center;
  background-size: cover;
}
.enroll .email p {
  font-size: 3.2vw;
  line-height: 2;
}
.introduction {
  margin-bottom: 5.33333333vw;
}
.introduction .content::before {
  content: '';
  display: none;
  width: 100%;
  height: 1.33333333vw;
  background: url(../../images/line-01.png) no-repeat center;
  background-size: cover;
}
.introduction .content .item {
  margin-top: 4vw;
}
.introduction .content .item .title {
  font-size: 4.26666667vw;
  letter-spacing: 0.26666667vw;
  color: #05205c;
}
.introduction .content .item .title span {
  color: #67d41b;
}
.introduction .content .item .detail {
  margin-top: 2.66666667vw;
  padding: 8.8vw 2.66666667vw 8.8vw;
  background: url(../../images/bg-01.png) no-repeat center;
  background-size: cover;
  font-size: 3.2vw;
  color: #010101;
}
.introduction .content .item .times {
  position: relative;
  display: flex;
  flex-wrap: unset;
  white-space: nowrap;
  overflow-x: auto;
}
.introduction .content .item .times .times-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.introduction .content .item .times .times-content p {
  font-size: 3.2vw;
  color: #000000;
  text-align: center;
}
.introduction .content .item .times .times-content p span {
  font-size: 3.2vw;
}
.introduction .content .item .times .times-content p:first-child {
  height: 10.13333333vw;
}
.introduction .content .item .times .times-content i {
  width: 3.73333333vw;
  height: 3.73333333vw;
}
.introduction .content .item .times::after {
  content: '';
  position: absolute;
  left: 0;
  top: 57%;
  display: block;
  width: 146.66666667vw;
  height: 0.26666667vw;
  background: url(../../images/line-03.png) no-repeat center;
  background-size: cover;
}
.introduction .content .item .prize {
  padding-bottom: 4vw;
}
.introduction .content .item .prize .prize-list {
  display: flex;
  flex-wrap: wrap;
}
.introduction .content .item .prize .prize-list .prize-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  width: 33.3%;
}
.introduction .content .item .prize .prize-list .prize-item .pic {
  width: 13.33333333vw;
}
.introduction .content .item .prize .prize-list .prize-item .pic img {
  width: 100%;
}
.introduction .content .item .prize .prize-list .prize-item .txt {
  text-align: center;
}
.introduction .content .item .prize .prize-list .prize-item .txt p {
  margin-top: 1.33333333vw;
  font-size: 3.2vw;
}
.introduction .content .item .prize .tips {
  display: block;
  margin-top: 2.66666667vw;
  /*margin-left: 5.33333333vw;*/
  font-size: 3.2vw;
  color: #505050;
}
.introduction .content .item .submit p {
  font-size: 3.2vw;
  line-height: 2;
}
.introduction .content .item .submit p .sub-title {
  font-weight: 700;
}
.introduction .content .item .get p {
  font-size: 3.2vw;
  line-height: 2;
}
.introduction .content .item .get .btn {
  margin: 4.26666667vw auto 0;
}
.introduction .content .item .question {
  font-size: 3.2vw;
  line-height: 2;
}
.track {
  margin-bottom: 5.33333333vw;
}

.track .content .track-name {
  display: flex;
  justify-content: center;
  white-space: nowrap;
  overflow-x: auto;
  padding-top: 1.33333333vw;
  margin-top: 2.5vw;
}
.track .content .track-name .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.33333333vw;
  margin-left: 2.66666667vw;
}
.track .content .track-name .item .pic {
  width: 13.33333333vw;
  height: 13.33333333vw;
  background-color: #e5e5e5;
  border-radius: 50%;
  overflow: hidden;
}
.track .content .track-name .item .pic img {
  width: 100%;
}
.track .content .track-name .item p {
  margin-top: 3.73333333vw;
  font-size: 3.2vw;
}
.track .content .track-name .item.active .pic {
  transform: scale(1.1);
  box-shadow: 0.26666667vw 0.34666667vw 1.06666667vw 0.08vw rgba(0, 51, 114, 0.46);
}
.track .content .track-name .item.active p {
  font-size: 3.2vw;
  font-weight: 700;
}
.track .content .track-detail {
  /*min-height: 106.66666667vw;*/
  margin-top: 5.33333333vw;
  background: url(../../images/bg-04.png) no-repeat center;
  background-size: 100% 100%;
  padding: 3.2vw;
  font-size: 3.2vw;
}

.track .content .track-detail .title{
  position: relative;
  padding-left: 3.5vw;
  font-size: 1.65833333vw;
  font-weight: 600;
  line-height: 2.5;
}

.track .content .track-detail .title::before {
  content: '';
  position: absolute;
  left: -.1vw;
  top: 37%;
  display: block;
  width: 2.13333333vw;
  height: 2.13333333vw;
  background: url(../../images/drop.png) no-repeat center;
  background-size: cover;
}

.track .content .track-detail .btn{
  display: inline-block;
  margin: 0 0 2.60416667vw 1vw;
  width: 20vw;
  height: 4.7vw;
  text-indent: 0;
  line-height: 4.7vw;
  font-size: 3.2vw;
  font-weight: 400;
}

.guide {
  margin-bottom: 5.33333333vw;
}
.guide .content .item {
  margin-top: 4vw;
}
.guide .content .item .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.guide .content .item .title p {
  font-size: 4.26666667vw;
  letter-spacing: 0.26666667vw;
  color: #05205c;
}
.guide .content .item .title p span {
  color: #67d41b;
}
.guide .content .item .title a {
  font-size: 3.2vw;
  color: #010101;
}
.guide .content .item .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2.66666667vw;
}
.guide .content .item .list a {
  width: 48%;
}
.guide .content .item .list a img {
  width: 100%;
}
.guide .content .item .list a p {
  margin-top: 1.33333333vw;
  font-size: 3.2vw;
  color: #010101;
}
.download {
  margin-bottom: 5.33333333vw;
}
.download .content .item {
  margin-top: 4vw;
}
.download .content .item .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download .content .item .title p {
  font-size: 4.26666667vw;
  letter-spacing: 0.26666667vw;
  color: #05205c;
}
.download .content .item .title p span {
  color: #67d41b;
}
.download .content .item .title a {
  font-size: 3.2vw;
  color: #010101;
}
.download .content .item .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 4vw;
}
.download .content .item .list a {
  width: 33%;
}
.download .content .item .list a img {
  width: 100%;
}
.download .content .item .list a p {
  margin-top: 2.66666667vw;
  font-size: 3.2vw;
  letter-spacing: 0.26666667vw;
  color: #010101;
}
.download .content .item .list.download_list a {
  width: 48%;
  margin-bottom: 1.86666667vw;
}
.news {
  margin-bottom: 5.33333333vw;
}
.news .content ul li {
  height: 8vw;
  line-height: 8vw;
  background: url(../../images/bg-03.png) no-repeat center;
  background-size: 100% 100%;
  margin-top: -0.18666667vw;
}
.news .content ul li a {
  display: flex;
  line-height: 8vw;
  color: #000;
}
.news .content ul li a i {
  width: 8vw;
  text-align: center;
}
.news .content ul li a i::before {
  content: '';
  display: inline-block;
  width: 1.06666667vw;
  height: 1.06666667vw;
  background-color: #000;
  border-radius: 50%;
}
.news .content ul li a p {
  flex: 1;
  font-size: 3.2vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news .content ul li a span {
  width: 21.33333333vw;
  font-size: 3.2vw;
  text-align: right;
}
.contact {
  margin-bottom: 18.66666667vw;
}
.contact .content {
  position: relative;
}
.contact .content::before {
  content: '';
  display: block;
  width: 100%;
  height: 1.33333333vw;
  background: url(../../images/line-01.png) no-repeat center;
  background-size: cover;
}
.contact .content::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.26666667vw;
  background: url(../../images/line-03.png) no-repeat center;
  background-size: cover;
}
.contact .content .contact_detail {
  display: flex;
  flex-direction: column;
  padding: 2.66666667vw 2.66666667vw 4vw;
}
.contact .content .contact_detail .left {
  width: 100%;
}
.contact .content .contact_detail .left p {
  font-size: 3.2vw;
  line-height: 2;
}
.contact .content .contact_detail .right {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.contact .content .contact_detail .right div {
  width: 100%;
  text-align: center;
}

.contact .content .contact_detail .right div img{
  width: 31.33333333vw;
  margin: 0 auto;
}

.contact .content .contact_detail .right div p {
  font-size: 3.2vw;
}
.register {
  width: 92vw;
  margin: 8vw auto;
  padding: 0 4vw;
  background-color: #fff;
  box-shadow: 0 1.6vw 4vw 0.53333333vw rgba(55, 116, 255, 0.1);
  border-radius: 4.8vw;
  border: 0.26666667vw solid #FFFFFF;
}
.register p {
  margin-top: 4vw;
  font-size: 3.73333333vw;
}
.register span {
  display: block;
  font-size: 3.2vw;
  color: #7C7C7C;
  margin-top: 1.33333333vw;
}
.register .team-box {
  padding: 4vw 0;
}
.register .team-box .team-row {
  margin-bottom: 5.33333333vw;
  display: flex;
  flex-direction: column;
}
.register .team-box .team-row span {
  margin: 0 ;
  margin-bottom: 1.33333333vw;
  display: flex;
  align-items: center;
  font-size: 3.73333333vw;
  color: #000;
}
.register .team-box .team-row span i {
  margin-right: 1.33333333vw;
  width: 2.13333333vw;
  height: 2.13333333vw;
  border-radius: 50%;
  background-color: red;
}
.register .team-box .team-row input,
.register .team-box .team-row select {
  height: 9.33333333vw;
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(90deg, #209cff 0%, #68e0cf 100%);
  border-image-slice: 1;
  padding: 0 4%;
  font-size: 3.2vw;
  color: #000;
}
.register .team-box .team-row input::placeholder,
.register .team-box .team-row select::placeholder {
  color: #7C7C7C;
}
.register .team-box .team-row .row-line {
  display: flex;
  align-items: center;
  width: 20vw;
  padding: 3.2vw;
}
.register .team-box .team-row .row-line::before {
  content: '';
  display: block;
  width: 100%;
  height: 0.53333333vw;
}
.register .person-box {
  overflow-x: auto;
}
.register .person-box table {
  width: 266.66666667vw;
  text-align: center;
  border-style: solid;
  border-width: 0.53333333vw;
  border-image-source: linear-gradient(90deg, #209cff 0%, #68e0cf 100%);
  border-image-slice: 1;
  border-spacing: 0;
}
.register .person-box table tr {
  height: 11.73333333vw;
  border-bottom: 0.26666667vw solid #eee;
}
.register .person-box table tr th {
  width: 10%;
  background-color: #05205c;
  color: #fff;
  font-size: 3.73333333vw;
  font-weight: 400;
}
.register .person-box table tr td {
  font-size: 3.2vw;
}
.register .person-box table tr td input,
.register .person-box table tr td select {
  width: 100%;
  text-align: center;
  font-size: 3.2vw;
}
.register .person-box table tr td a {
  display: block;
  width: 5.33333333vw;
  height: 5.33333333vw;
  margin: 0 auto;
  border: 0.26666667vw solid #7C7C7C;
  text-align: center;
  line-height: 5.33333333vw;
  border-radius: 0.8vw;
  color: #7C7C7C;
}
.register .tips {
  font-size: 3.2vw;
  line-height: 2;
  color: red;
}