forgeplus-react/src/forge/Head/header.scss

.dropdownFlex{
  display:flex;
  background:#fff;
  border-radius: 3px;
  .ant-menu-vertical > .ant-menu-item{
    border:none;
    height: 35px;
    line-height: 35px;
    margin:0px;
    &.ant-menu-item-selected{
      background-color: #fff;
      a{color: rgba(0, 0, 0, 0.65)!important;}
    }
    &.ant-menu-item-active{
      a{color: #4cacff!important;}
    }
  }
  .ant-menu-vertical{
    border:none;
  }
}
.currentImg{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: 15px;
}

.currentMenu{
  width: 120px;
  text-align: center;
  padding:0px;
  .currentName{
    padding:0px 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
  li{
    height: 40px;
    line-height: 40px;
    padding:0px!important;
    cursor: default;
    &:hover{
      background-color: #fff;
    }
    &:first-child{
      border-bottom: 1px solid #eee;
    }
    &:last-child{
      border-top: 1px solid #eee;
      a{
        border-radius: 0px 0px 4px 4px;
      }
    }
    a{
      padding:0px;
      margin:0px;
      display: block;
      color: #666;
      &:hover{
        color: #fff;
        background: #4CACFF;
      }
    }
  }
}

.newFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #323232;
  clear: both;
  min-width: 1200px;
  z-index: 8;
  left: 0px;
  p {
    margin-top: 0;
    margin-bottom:0px !important;
  }
  .footerInfos{
    display: flex;
    max-width: 1200px;
    margin:0px auto;
    justify-content: space-around;
    padding:60px 0px;
    & >ul{
      padding:0px 40px;
      box-sizing: border-box;
      max-width: 25%;
      text-align: left;
      li{
        color: #fff;
        font-weight: 300;
        &:first-child{
          font-size: 17px;
        }
        &>a,&>span{
          color: #bbb;
        }
        &>a:hover{
          color: #4cacff;
        }
      }
    }
  }
  .footerCopy{
    color: #bbb;
    border-top: 1px solid #4e4e4e;
    padding:10px 0px;
    a{
      color: #bbb;
      &:hover{
        color: #4cacff;
      }
    }
  }
}
.inviteForm{
  .ant-form-item{
    margin-right: 0px;
  }
  .ant-form-item-label{
    width: 110px;
    text-align: right;
  }
}

// 右上角小铃铛单独样式
.notice-popover{
  //popover小尖尖
  .ant-popover-arrow{
    display: none;
  }

  //popover框
  .ant-popover-inner-content {
    width: 386px;
    height: 446px;
    box-shadow: 0px 4px 8px 2px rgba(212, 212, 212, 0.5);
    border-radius: 4px;
    margin-top: -10px;
    padding: 12px 1px 12px 0;
  }
}

.messageHoverDiv .ant-menu-item{
  margin-right: 24px !important;
}

.hoverNotice-head{
  margin-left: 18px;

  & .ant-badge{
    font-size: 14px !important;
  }

  &>.ant-menu-horizontal {
    border-bottom: 1px solid #e8e8e8 !important;
  }
} 

.hoverNotice-body{
  height: 342px;
  overflow-y: scroll;

  & b{
    font-weight: 400;
    text-shadow: 0.5px 0 0 #333;
  }

  .none_panels{
    height: 100%;
  }
}

.message-icon{
  position: relative;
  .ant-scroll-number{
    right:12px;
  }
}



.hoverNotice-buttom{
  display: flex;
  justify-content: space-between;
  padding: 12px 18px;
  a{
    color: #466AFF;
    &:hover{
      opacity:0.85;
    }
  }
}

.noticeCont-back{
  &:hover{
    background: #F3F4F6;
    cursor: pointer;
  }
}

.noticeCont{
  display: flex;
  margin: 0 16px 0 18px;
  padding: 12px 0 10px 0;
  line-height: 24px;
  border-bottom: 1px solid #EEEEEE;

  i{
    font-size: 14px !important;
    margin-right: 6px;
    color: #333333;
  }

  .boldSpan{
    font-weight: 400;
    text-shadow: 0.5px 0 0 #333;
  }

  .noticeCont-text{
    flex: auto;
    position: relative;
    max-height: 48px;
    color:#333333;

    .timeSpan{
      position: absolute;
      right: 3px;
      bottom: 0px;
      font-size: 12px;
      color: #666666;
    }

    .at-name{
      margin-right: 12px;
    }
  }
}

.text-center{
  text-align: center;
}