//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";
@import "a/c";

.m-top {
  background-color: #fff;
  font-size: 34rpx;
  color: #333333;
  line-height: 90rpx;
  padding-left: 20rpx;
  margin-bottom: 20rpx;
}

.m-cards {
  .card {
    .card-title {
      margin-top: 30rpx;
      padding-left: 20rpx;
      line-height: 60rpx;
      font-size: 26rpx;
      font-family: Source Han Serif SC;
      font-weight: 500;
      color: #666666;
    }

    .card-list {
      background-color: #fff;
      padding: 40rpx 20rpx;

      .card-item {
        display: flex;
        justify-content: center;
        align-items: center;

        .logo {
          display: block;
          border-radius: 100%;
          flex-shrink: 0;
          margin: 20rpx;
          width: 130rpx;
          height: 130rpx;
          box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(162, 162, 162, 0.34);
        }

        .info {
          width: 475rpx;
          .name {
            line-height: 50rpx;
            margin-bottom: 20rpx;
            font-size: 34rpx;
            font-family: Source Han Serif SC;
            font-weight: 500;
            color: #333333;
          }
          .desc {
            font-size: 28rpx;
            font-family: Source Han Serif SC;
            font-weight: 500;
            color: #333333;
            line-height: 36rpx;
          }
        }
        .icon {
          margin: 40rpx;
          width: 32rpx;
          height: 32rpx;
        }
      }
    }
  }
}