index.scss 1.36 KB
Newer Older
xuzhenghua committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
.worry__container {
  padding: 32px 0 44px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  .left {
    position: absolute;
    left: 0;
    top: 150px;
    width: 40px;
    height: 220px;
  }
  .title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: rgba(0, 153, 255, 1);
    margin-bottom: 12px;
  }
  .sub__title {
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    color: rgba(0, 153, 255, 1);
    margin-bottom: 40px;
  }
  .item__container {
    width: 310px;
    height: 214px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 26px;
    align-items: center;
    z-index: 9;

    .head {
      width: 310px;
      height: 4px;
      background: rgba(0, 153, 255, 1);
      border-radius: 4px 4px 0 0;
      margin-bottom: 12px;
    }
    img {
      width: 58px;
      height: 58px;
    }
    .title {
      font-size: 16px;
      line-height: 16px;
      font-weight: 600;
      color: rgba(82, 92, 101, 1);
      margin: 16px 0 12px 0;
    }
    .des {
      font-size: 12px;
      font-weight: 400;
      color: rgba(82, 92, 101, 1);
      line-height: 20px;
    }
  }
}