.source {
  margin: 0 auto; }
  .source .item {
    margin-bottom: 40px; }
    .source .item img {
      width: 100%; }
    .source .item .intro {
      margin-top: 16px; }
      .source .item .intro p {
        margin-bottom: 20px;
        font-size: 18px;
        font-family: PingFang-SC-Heavy, PingFang-SC;
        font-weight: 800;
        color: #333333;
        line-height: 25px; }
      .source .item .intro span {
        font-size: 16px;
        color: #666666;
        line-height: 22px; }

@media (min-width: 768px) {
  .source {
    padding: 0;
    width: 50%; } }
@media (min-width: 1200px) {
  .source {
    width: 1200px; }
    .source .item {
      display: flex;
      align-items: center;
      margin-bottom: 120px; }
      .source .item.back img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-right: 0; }
      .source .item.back .intro {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-right: 30px; }
      .source .item img {
        flex-shrink: 0;
        width: 460px;
        margin-right: 30px; }
      .source .item .intro {
        flex: 1;
        margin-top: 0;
        margin-left: 30px; } }

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