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;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
    font-weight: 650;
    color: #548cf7;
    text-align: left;
    line-height: normal;
    text-align: center;
  }
  .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;
  }
}