.my_kefu {position: fixed;width: auto;top: 40%;right: 0px;z-index: 99;}
.my_kefu ul {}
.my_kefu ul li {background: white;width: 50px;height: 50px;margin-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 10px;padding: 0px 15px;
    border-style:solid;border-width:1px;border-color: rgba(164,204,19,0.9);color:rgba(164,204,19,0.9);}
.my_kefu_item img {width: 20px;}
.my_kefu_item {display: flex;align-items: center;justify-content: space-around;color: white;}
.my_kefu ul li:hover {cursor: pointer;background: rgba(164,204,19,0.9);color: white}
.my_kefu_img {display: none;width: 200px;height: auto;position: absolute;right: 3rem;background: rgba(164,204,19,0.9);color: white;}
.my_kefu_img img {width: 100%;}
.my_kefu_hidden {display: none;flex-direction: row;justify-content: center;align-items: center;z-index: 999;height: 50px;border-radius: 10px;width: auto;
    background: rgba(164,204,19,0.9);color: white;padding: 0px 20px;}
.my_kefu_hidden img {width: 20px;}
.my_kefu_hidden a {display: flex;flex-direction: row;width: 90px;align-items: center;color: white;justify-content: center;}
.my_kefu_hidden > div {display: flex;flex-direction: column;min-width: 120px;}
.my_kefu ul li:hover .my_kefu_item {display: none;}
.my_kefu ul li:hover .my_kefu_hidden {display: flex;flex-direction: row;text-align: center;position: absolute;right: 0px;}
.my_kefu ul li:hover .my_kefu_img {display: flex;}
.kefu2{color: rgba(164,204,19,0.9)}
.kefu2:link,
.kefu2 :hover{color: white;}