.tips a{
        position: relative;
        display: inline-block; 
       
      }
      .tips a:hover{
        cursor: pointer;  
      }
      .tips  a:hover:before{
        width: 310px;
        height: 155px;
        background: yellowgreen;
        box-shadow:
            0 0 0 10px #655,
            0 0 0 15px rgb(173, 178, 184);   


        content: attr(data-showtip);
        background-color: #E1E1EA;
        color: rgb(243, 95, 95);
        word-spacing:2.0em;
        text-indent: 2em;
        /* letter-spacing:0.5em; */
        padding: .8em 1em;
        position: absolute;
        left: 100%;
        top: -50%;
        margin-left: 8px;
        width: 300px; 
        white-space:pre-wrap;
        font-style: italic;
        font-family:'宋体';
        font-size: 14px;
       
      }
      .tips  a:hover:after{
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-right: 8px solid #E1E1EA;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
      
      }