@import '../../../assets/constants'
.dataview-custom-target
  flex: 1
  height: 200px
  border: 1px solid #d1d1d1
  background: #ffffff
  text-align: center
  margin: -1px
  overflow: hidden
  position: relative
  &> i
    position: absolute
    top: 10px
    right: 10px
    font-size: $size-font-mark
    color: $color-font-icon
    display: none
    cursor: pointer
  &:hover>i
    display: inline
  .custom-add
    height: 100%
    line-height: 182px
    font-size: 36px
    cursor: pointer
    color: #A5A7A8
    background: #FAFAFA
    &:hover
      color: $color-brand
      background: #F0FAFF
  .c-tooltip-trigger
    width: 100%
    overflow: hidden
    display: inline
  .custom-item-title
    margin-top: 15.5px
    font-size: $size-font-subtitle-large
    line-height: 28px
    color: $color-brand-black
    white-space: nowrap
    overflow: hidden
    text-overflow: ellipsis
    padding: 0 15px
  .custom-item-value
    margin-top: 26px
    font-size: 40px
    height: 40px
    line-height: 40px
    color: $color-brand-black
    .no-revenue
      color: rgba(63,74,91,0.3)
      position: relative
      .revenue-tip
        position: absolute
        white-space: nowrap
        top: 55px
        left: -31px
        font-size: $size-font-mark
        line-height: $size-font-mark
    .unit
      margin-left: 10px
      font-size: $size-font-mark
  .custom-huanbi,.custom-tongbi
    height: 18px
    line-height: 18px
    font-size: $size-font-content-medium
    text-align: center
    &>span
      text-align: left
      display: inline-block
      white-space: nowrap
    label
      color: $color-brand-black
    i
      margin: 0 5px
  .custom-huanbi
    margin-top: 30px
  .custom-tongbi
    margin-top: 10px