.support .list {
  width: 100%;
  max-width: 1025px;
  display: flex;
  justify-content: space-between;
  margin: auto; }
  .support .list > li {
    width: 225px;
    height: 255px;
    background: #fff;
    border: solid 1px #ede9e7;
    position: relative;
    box-sizing: border-box; }
    .support .list > li.disabled:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .4);
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
    }        
    .support .list > li a {
      text-decoration: none;
      color: #2c2d2d;
      display: block;
      width: 100%;
      height: 100%;
      padding: 165px 0 0; }
      .support .list > li a .icon {
        display: block;
        margin: auto;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .support .list > li a .label {
        font-size: 20px;
        color: #2c2d2d;
        display: block;
        text-align: center;
        margin: auto; }
      .support .list > li a .more {
        font-size: 16px;
        font-weight: 500;
        position: absolute;
        bottom: 15px;
        right: 30px;
        color: #2c2d2d; }
        .support .list > li a .more::after {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-top: solid 1px #2c2d2d;
          border-right: solid 1px #2c2d2d;
          position: absolute;
          right: -10px;
          top: 50%;
          margin: -3px 0 0;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
    .support .list > li:nth-child(1) a .icon {
      top: 65px; }
    .support .list > li:nth-child(2) a .icon {
      top: 60px; }
    .support .list > li:nth-child(3) a .icon {
      top: 65px; }
    .support .list > li:nth-child(4) a .icon {
      top: 60px; }

@media screen and (max-width: 768px) {
  .support .list {
    width: 100%;
    max-width: 1025px;
    display: block; }
    .support .list > li {
      width: auto;
      height: 304px;
      margin: 0 10px 10px; }
      .support .list > li a {
        padding: 200px 0 0; }
        .support .list > li a .label {
          font-size: 20px;
          color: #2c2d2d;
          display: block;
          text-align: center;
          margin: auto; }
        .support .list > li a .more {
          font-size: 11px;
          font-weight: 500;
          position: absolute;
          bottom: 5px;
          right: 20px;
          color: #2c2d2d; }
          .support .list > li a .more::after {
            width: 7px;
            height: 7px;
            margin: -3px 0 0; }
      .support .list > li:nth-child(1) a .icon {
        top: 80px;
        width: 120px; }
      .support .list > li:nth-child(2) a .icon {
        top: 75px;
        width: 70px; }
      .support .list > li:nth-child(3) a .icon {
        top: 72px;
        width: 75px; }
      .support .list > li:nth-child(4) a .icon {
        top: 75px;
        width: 80px; } }


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