@charset "utf-8";
.section-projects .block .head {
  background: #6861ff;
  color: #FFFFFF;
  font-size: 1.875rem;
  text-align: center;
  padding-top: .5em;
  padding-bottom: .5em;
  font-weight: 600;
  cursor: default;
}
.section-projects .block .body {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-projects .block .project {
  width: 220px;
  margin-bottom: 40px;
  margin-right: 20px;
}
.section-projects .block .project .logo {
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-projects .block .project .logo img {
  width: 80%;
}
.section-projects .block .project .name {
  font-size: 1.875rem;
  text-align: center;
  line-height: 1.6;
  cursor: default;
}
.section-projects .block .project .links {
  display: flex;
  justify-content: center;
  padding: 0px 20px 0 20px;
  margin-top: 10px;
}
.section-projects .block .project .links i {
  display: block;
  width: 40px;
  height: 40px;
}
.section-projects .block .project .links a {
  margin-right: 20px;
}
.section-projects .block .project .links a:last-child {
  margin-right: 0px;
}
.section-projects .block .project .icon-github {
  background: url("/static-file/default/assets/images/foundation/icon-github.svg") no-repeat top left;
}
.section-projects .block .project .icon-twitter {
  background: url("/static-file/default/assets/images/foundation/icon-twitter.svg") no-repeat top left;
}
.section-projects .block .project .icon-wechat {
  background: url("/static-file/default/assets/images/foundation/icon-wechat.svg") no-repeat top left;
}
.section-projects .block .project .icon-link {
  background: url("/static-file/default/assets/images/foundation/icon-link.svg") no-repeat top left;
}
.section-projects .block .project:nth-child(5n+0) {
  margin-right: 0px;
}
.section-joinnow {
  padding-bottom: 80px;
}
.section-joinnow .btn {
  display: inline-block;
  background: #6861ff;
  color: #FFFFFF;
  font-size: 1.5rem;
  width: 222px;
  font-weight: 600;
  height: 58px ;
  line-height: 58px;
}
@media screen and (max-width: 1270px) {
  .section-projects .block .body {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;
  }
  .section-projects .block .project {
    width: 310px;
    margin-bottom: 60px;
    margin-right: 0px;
  }
}