.right_kefu {
    position: fixed;
    right: 6px;
    top: 26%;
    min-height: 200px;
    width: 70px;
    z-index: 999;
    font-size: 14px;
    background-color: cornflowerblue;
    border-radius: 16px;
}

.item-qq,
.item-weixin,
.item-dianhua,
.item-Whatsapp,
.item-code {
    float: left;
    position: relative;
    width: 100%;
    height: 70px;
    text-align: center;
    /* color: #FFFFFF; */
    cursor: pointer;
    box-sizing: border-box;
    /* box-shadow: 0px 1px 7px 0px #b1b1b1; */
    padding-top: 7px;
    margin-bottom: 10px;
}

a:active,
a:hover {
    outline: 0;
}

a {
    color: #333;
    text-decoration: none;
}


/* 图标大小 */
#qq-box {
    margin: auto;
    padding-top: 17px;
    width: 30px;
}

/* 清除p标签的外边距 */
p {
    margin: 0;
}

/* 点击后显示 */
.show-qq,
.show-weixin,
.show-dianhua,
.show-Whatsapp,
.show-code {
    color: black;
    display: none;
}

/* QQ、电话 */
.show-qq,
.show-dianhua,
.show-Whatsapp {
    width: 200px;
    /* height: 40px; */
    text-align: center;
    line-height: 40px;
    background-color: #FFFFFF;
    transform: translate(-220px, -40px);
    box-shadow: 0 0 20px #cdcdcd;
}

/* 三角形 */
.show-qq::after,
.show-weixin:after,
.show-dianhua::after,
.show-Whatsapp::after {
    z-index: 10;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 200px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #cdcdcd;
    opacity: .4;
}

/* 微信 */
.show-weixin {
    transform: translate(-220px, -200px);
    box-shadow: 0 0 20px #cdcdcd;
    width: 200px;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}

.show-weixin:after {
    position: absolute;
    top: 160px;
    left: 200px;
}

.show-weixin img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
}

.show-code {
    transform: translate(-220px, -200px);
    box-shadow: 0 0 20px #cdcdcd;
    width: 200px;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}

.show-code::after {
    z-index: 10;
    content: '';
    display: block;
    position: absolute;
    top: 170px;
    left: 200px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #cdcdcd;
    opacity: .4;
}

.show-code p img {
    transform: translate(30%, -5%);
}