div.wdp-chat {
  position: fixed;
  width: 72px;
  height: 228px;
  background: #FFFFFF;
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9990;
  padding: 6px; }
  div.wdp-chat ul {
	padding:0px;

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  div.wdp-chat li {
    font-size: 12px;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    position: relative; }

	  div.wdp-chat li i {
      font-size:1.5rem;
	  color:#00BDBD;
	  }
	  div.wdp-chat li i a{
      color:#fff; }

    div.wdp-chat li p {
      }
	div.wdp-chat li:hover > a p {
      color:#fff; }
    div.wdp-chat li div.left-hover {
      text-align: left;
      font-size: 16px;
      position: absolute;
      right: 85px;
      top: 0px;
      background: #fff;
      padding: 16px;
      box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      top: 50%;
      transform: translateY(-50%);
      display: none; }
    div.wdp-chat li div.tel {
      width: 200px; }
  div.wdp-chat li:hover {
    background: #00BDBD;
    cursor: pointer;
    color: #FFF;
	}
	div.wdp-chat li:hover i{
    color: #FFF;
	}
	 div.wdp-chat li:hover a{
    color: #FFF;
	}

    div.wdp-chat li:hover div.left-hover {
      display: block;
      color: #606266; }