.header {
  position: absolute;
}
.function {
  margin-top: 60px;
  /*公共头部*/
  /*创作分发 云市场*/
}
.function .banner {
  background-color: #1F2531;
  height: 330px;
}
.function .banner .container {
  padding-left: 120px;
  padding-right: 120px;
}
.function .banner_content {
  overflow: hidden;
  width: 100%;
}
.function .banner_text {
  color: #fff;
  float: left;
  margin-top: 84px;
  width: 50%;
}
.function .banner_text p {
  font-size: 40px;
  margin-bottom: 20px;
}
.function .banner_text p:last-child {
  font-family: SFNSDisplay;
  font-size: 20px;
  color: #FFFFFF;
  text-align: left;
  line-height: 32px;
}
.function .banner_pic {
  float: right;
  margin-top: 33px;
}
.function .nav {
  height: 50px;
  background: #4C556A;
  position: initial;
}
.function .nav li {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
.function .nav li a {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.function .suctionTop {
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(155, 155, 155, 0.31);
  top: 0;
  left: 0;
  z-index: 9;
  position: fixed;
  width: 100%;
}
.function .suctionTop li a {
  color: #4A4A4A;
}
.function .suctionTop .active a {
  color: #4496FC;
  border-bottom: 2px solid #4496FC;
  height: 52px;
  display: inline-block;
}
.function .planning,
.function .resource,
.function .command,
.function .create,
.function .content,
.function .micro,
.function .number,
.function .other,
.function .dysprosium,
.function .mu,
.function .fish {
  padding: 52px 0;
}
.function .planning_container,
.function .resource_container,
.function .command_container,
.function .create_container,
.function .content_container,
.function .micro_container,
.function .number_container,
.function .other_container,
.function .dysprosium_container,
.function .mu_container,
.function .fish_container {
  padding-left: 120px;
  padding-right: 120px;
}
.function .planning_container h3,
.function .resource_container h3,
.function .command_container h3,
.function .create_container h3,
.function .content_container h3,
.function .micro_container h3,
.function .number_container h3,
.function .other_container h3,
.function .dysprosium_container h3,
.function .mu_container h3,
.function .fish_container h3 {
  font-weight: normal;
  font-size: 24px;
  color: #4A4A4A;
  line-height: 26px;
  margin-bottom: 30px;
}
.function .planning_container p,
.function .resource_container p,
.function .command_container p,
.function .create_container p,
.function .content_container p,
.function .micro_container p,
.function .number_container p,
.function .other_container p,
.function .dysprosium_container p,
.function .mu_container p,
.function .fish_container p {
  font-size: 13px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 33px;
}
.function .planning_title,
.function .create_title {
  margin-bottom: 72px;
}
.function .planning_title p,
.function .create_title p {
  font-size: 30px;
  text-align: center;
  color: #4A4A4A;
  line-height: 1.5;
}
.function .planning_title p:last-child,
.function .create_title p:last-child {
  font-size: 24px;
  font-family: PingFangSC-Light;
  font-weight: 300;
  color: #9B9B9B;
}
.function .planning_title p:last-child i,
.function .create_title p:last-child i {
  color: #4496FC;
  font-style: normal;
}
.function .resource_contents,
.function .number_contents,
.function .mu_contents {
  background: #F7F8FA;
}
.function .create_distribution .contents,
.function .cloud_market .contents {
  background: #F7F8FA;
}
.function .middleContent {
  padding-top: 92px;
  padding-left: 59px;
}
.function .middleLeft {
  padding-left: 65px;
  /*padding-right: 65px;*/
}
@media (max-width: 768px) {
  img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .function .planning_container,
  .function .resource_container,
  .function .command_container,
  .function .create_container,
  .function .content_container,
  .function .micro_container,
  .function .number_container,
  .function .other_container,
  .function .dysprosium_container,
  .function .mu_container,
  .function .fish_container {
    padding: 0;
  }
  .function .planning_container p,
  .function .resource_container p,
  .function .command_container p,
  .function .create_container p,
  .function .content_container p,
  .function .micro_container p,
  .function .number_container p,
  .function .other_container p,
  .function .dysprosium_container p,
  .function .mu_container p,
  .function .fish_container p {
    line-height: 1.5;
  }
  /*pic*/
  .pic_mb {
    padding-top: 64px;
  }
  .mb_function .banner {
    height: auto;
  }
  .mb_function .banner .container {
    padding: 0;
  }
  .mb_function .banner .row {
    margin: 0;
  }
  .mb_function .banner .banner_text {
    margin-top: 0;
    width: 48%;
    margin-left: 2%;
  }
  .mb_function .banner .banner_text p {
    font-size: 100%;
    line-height: 1.5;
  }
  .mb_function .banner .banner_pic {
    width: 50%;
    margin-top: 0;
  }
  .mb_function .banner .mb_functionBg {
    text-align: center;
  }
  .mb_function .suctionTop li {
    padding-right: 0;
  }
  .mb_function .planning_container .middleContent,
  .mb_function .create_container .middleContent,
  .mb_function .micro_container .middleContent,
  .mb_function .other_container .middleContent,
  .mb_function .dysprosium_container .middleContent,
  .mb_function .fish_container .middleContent {
    padding: 0;
  }
  .mb_function .resource_container .middleLeft,
  .mb_function .content_container .middleLeft,
  .mb_function .number_container .middleLeft,
  .mb_function .mu_container .middleLeft {
    padding: 0;
  }
}

/*# sourceMappingURL=function.css.map */