payy-app/pages/index/index.css

.content {
  background-color: #fff;
  padding-bottom: 80upx; }
  .content .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #3384ff;
    color: #fff;
    padding: 26upx; }
    .content .head .head-lf .name {
      width: 450upx;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .content .head .head-rt {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .content .head .head-rt .zhcx-iconfont {
        font-size: 40upx;
        padding: 0 8upx; }
      .content .head .head-rt .message {
        position: relative; }
        .content .head .head-rt .message .dot {
          width: 16upx;
          height: 16upx;
          border-radius: 50%;
          background-color: red;
          position: absolute;
          right: 2upx;
          top: -5upx;
          color: #fff;
          line-height: 20;
          font-size: 8upx;
          text-align: center; }
      .content .head .head-rt .scanCode {
        margin-top: -4upx;
        padding: 0 8upx; }
  .content .banner {
    height: 260upx;
    padding: 16upx 20upx; }
    .content .banner .swiper-item {
      height: 260upx;
      background-color: #fff;
      border-radius: 10upx;
      overflow: hidden; }
      .content .banner .swiper-item .bannerImage {
        width: 710upx;
        height: 260upx; }
  .content .workbench .title {
    font-size: 38upx;
    padding: 0 26upx;
    font-weight: 600; }
    .content .workbench .title .tl-1 {
      color: #3384ff;
      padding-right: 8upx; }
  .content .workbench .list {
    width: 718upx;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 16upx; }
    .content .workbench .list .item {
      width: 25%;
      height: 150upx;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      box-sizing: border-box;
      padding: 16upx 10upx; }
      .content .workbench .list .item.col-3 {
        width: 33.33%; }
      .content .workbench .list .item .icon .zhcx-iconfont {
        font-size: 55upx; }
      .content .workbench .list .item .text {
        width: 100%;
        font-size: 28upx;
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        padding-top: 16upx; }