.social-iconfont {display: inline-block;padding:0;}
.social-iconfont ul li{display: inline-block;list-style:none;padding:0;margin:0 8px 8px 0;}
.social-iconfont ul li a{display: flex;align-items: center;flex-direction: row;}
.social-iconfont [class*="social-"]{ 
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius:3px;
    font-size: 16px;text-align: center;padding:0;margin:0;border: 0 solid;display: flex;align-items:center;justify-content: center;background-color: transparent;overflow: hidden;}

.social-iconfont.style1 [class*="social-"]:not(:hover){color:var(--text_b_2);border-color: transparent;background-color: var(--bg_w_2);}
.social-iconfont.style1 [class*="social-"]:hover{color:var(--text_w_1);border-color: transparent;}

.social-iconfont.style2 [class*="social-"]:not(:hover){border-width:1px; border-style:solid;background-color: #fff;}
.social-iconfont.style2 [class*="social-"]:hover{color:var(--text_w_1);border-width:1px;}

.social-iconfont.style3 [class*="social-"]{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.social-iconfont.style3 [class*="social-"]:not(:hover){color:var(--text_b_2);border-style:transparent;background-color: transparent;}
.social-iconfont.style3 [class*="social-"]:hover{color:var(--text_w_1);}

.dark  .social-iconfont.style3 [class*="social-"]:not(:hover),
[class*="bg_b"] .social-iconfont.style3 [class*="social-"]:not(:hover),
[class*="bg_th"] .social-iconfont.style3 [class*="social-"]:not(:hover){color:var(--text_w_2);}

.social-iconfont.style4 [class*="social-"]:not(:hover){color:var(--text_w_1);border-width:1px; border-style:solid;}
.social-iconfont.style4 [class*="social-"]:hover{border-width:1px;background-color: transparent;}


.social-iconfont .social-facebook-f,
.social-iconfont .social-facebook-f:hover{background-color:#3B5998;border-color: #3B5998;color:#3B5998}
.social-iconfont .social-twitter,
.social-iconfont .social-twitter:hover{background-color:#00ACEE;border-color: #00ACEE;color:#00ACEE}
.social-iconfont .social-youtube,
.social-iconfont .social-youtube:hover{background-color:#C4302B;border-color: #C4302B;color:#C4302B}
.social-iconfont .social-instagram,
.social-iconfont .social-instagram:hover{background-color:#3F729B;border-color: #3F729B;color:#3F729B}
.social-iconfont .social-tumblr,
.social-iconfont .social-tumblr:hover{background-color:#34526F;border-color: #34526F;color:#34526F}
.social-iconfont .social-pinterest,
.social-iconfont .social-pinterest:hover{background-color:#C8232C;border-color: #C8232C;color:#C8232C}
.social-iconfont .social-linkedin,
.social-iconfont .social-linkedin:hover{background-color:#0E76A8;border-color: #0E76A8;color:#0E76A8}
.social-iconfont .social-weibo,
.social-iconfont .social-weibo:hover{background-color:#fa7d3c;border-color: #fa7d3c;color:#fa7d3c}
.social-iconfont .social-qq,
.social-iconfont .social-qq:hover{background-color:#1594d3;border-color: #1594d3;color:#1594d3}
.social-iconfont .social-ok,
.social-iconfont .social-ok:hover{background-color:#ee8208;border-color: #ee8208;color:#ee8208}
.social-iconfont .social-tiktok,
.social-iconfont .social-tiktok:hover {background-color: #000;border-color: #000;color:#000;}
.social-iconfont .social-weixin,
.social-iconfont .social-weixin:hover{background-color:#68c864;border-color: #68c864;color:#68c864}
.social-iconfont .social-vk,
.social-iconfont .social-vk:hover{background-color:#2787f5;border-color: #2787f5;color:#2787f5}
.social-iconfont .social-google,
.social-iconfont .social-google:hover{background-color:#4285f4;border-color: #4285f4;color:#4285f4}

.social-iconfont .social-google-plus-square,
.social-iconfont .social-google-plus-square:hover{background:#DD4B39;border-color: #DD4B39;color:#DD4B39}

.social-iconfont .social-whatsapp,
.social-iconfont .social-whatsapp:hover{background-color:#43d854;border-color: #43d854;color:#43d854}
.social-iconfont .social-skype,
.social-iconfont .social-skype:hover{background-color:#00AFF0;border-color: #00AFF0;color:#00AFF0}
.social-iconfont .social-amazon,
.social-iconfont .social-amazon:hover{background-color:#ff8e2e;border-color: #ff8e2e;color:#ff8e2e}

.vf_popover{position: relative;}
.vf_popover a{overflow: visible;}
.vf_popover img{
    position: absolute;
    display: none;
    top: 100%;
    min-width: 150px;
    height: 150px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    padding: 0;
    border-radius:4px;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.09);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.09);
    z-index: 9999;
}
.vf_popover:hover img{display: block;}