traffic-eff-app/common/common.scss

.u-page-title{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  .line {
    width: 34px;
    height: 1px;
    border: 1px solid #548cf7;
    background-color: #ffffff;
    box-sizing: border-box;
    margin: 0 10rpx;
  }
  .title-content{
    height: 24px;
    margin: 0 14px;
    box-sizing: border-box;
    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
    font-weight: 650;
    color: #fefefe;
    line-height: 58rpx;
    text-align: center;
    width: 321rpx;
    height: 58rpx;
    background: linear-gradient( 180deg, #6FAAFF 0%, #4E92FE 100%);
    border-radius: 0px 0px 16rpx 16rpx;
  }
  .rectangle {
    width: 4px;
    height: 14px;
    transform: rotate(28deg);
    border-radius: 4px;
    background-color: #548cf7;
    box-sizing: border-box;

    &:nth-child(3) {
      margin: 0 5px;
      background-color: rgba(84, 140, 247, 0.79);
    }

    &:nth-child(5) {
      margin:0 5px;
      background-color: rgba(84, 140, 247, 0.79);
    }
  }
}

.search-content{
  width: 100%;
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  .u-search__action{
    color: #3c9cff !important;
  }
  .u-search{
    flex: 0.95 !important;
    border: 1px solid #3c9cff !important;
    border-radius: 100px !important;
    background-color: #fefefe!important;
  }
  /deep/ .u-search__content{
    border: none !important;
    background-color: #fefefe!important;
  }
  /deep/ .u-search__content .u-search__content__input{
    background-color: #fefefe!important;
  }
}

.u-grid {
  /deep/ .u-grid-item {
    width: 33.3333%;
    margin-top: 30rpx !important;
  }
  /deep/ .u-grid-item .grid-item-icon {
    width: 100rpx;
    height: 100rpx;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10rpx;
  }
  /deep/ .u-grid-item .grid-item-icon image{
    width: 60rpx;
    height: 60rpx;
  }
  /deep/ .u-grid-item .grid-text{
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    color: #333333;
    margin-top: 10rpx;
    font-size: 28rpx;
  }
  /deep/ .u-swiper__wrapper__item__wrapper__image {
    border-radius: 0 !important;
  }
}

.register-form-container {
  .u-form {
    .u-form-item {
      /deep/ .u-form-item__body__left {
        &::before {
          content: "";
          width: 4rpx;
          margin-right: 10rpx;
          display: inline-block;
        }
      }
      &.require {
        /deep/ .u-form-item__body__left {
          &::before {
            content: "*";
            color: red;
            margin-right: 10rpx;
            display: inline-block;
          }
        }
      }
    }
  }
}

.overflow-hidden{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}