.cloud {
  background: #f8faff; }
  .cloud .top {
    padding: 65px 0; }
    .cloud .top .main {
      width: 1200px;
      margin: 0 auto; }
      .cloud .top .main .tit {
        padding: 10px 30px;
        position: relative;
        font-size: 36px;
        color: #373d41;
        font-weight: bold;
        margin-bottom: 20px; }
        .cloud .top .main .tit span {
          position: absolute;
          width: 10px;
          height: 38px;
          background: #50d1d1;
          left: 0;
          top: 18px; }
      .cloud .top .main .tips {
        font-size: 18px;
        color: #919497;
        line-height: 32px;
        text-align: left;
        letter-spacing: 1px; }
      .cloud .top .main .content {
        margin-top: 50px; }
        .cloud .top .main .content li {
          float: left;
          width: 33.33%; }
          .cloud .top .main .content li dl img {
            margin: 0 auto; }
          .cloud .top .main .content li dl p {
            text-align: center;
            width: 190px;
            margin: 0 auto; }
          .cloud .top .main .content li dl p:first-child {
            font-size: 20px;
            color: #373d41;
            font-weight: bold;
            line-height: 36px; }
          .cloud .top .main .content li dl p:last-child {
            font-size: 16px;
            color: #919497;
            line-height: 30px; }
  .cloud .bottom {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 70px; }
    .cloud .bottom img {
      width: 70%;
      margin: 0 auto; }

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