![侧栏添加一个联系方式](upload/attach/202407/10000_5DPXTYTZK4A9BK9.png)
<div class="widget suxingme_social" style=""><h3><span>关注我们 么么哒!</span></h3>
<div class="attentionus">
<ul class="items clearfix">
<span class="social-widget-link social-link-weibo">
<span class="social-widget-link-count">
<i class="icon-weibo"></i>自媒体新浪微博</span><span class="social-widget-link-title">新浪</span>
<a href="javascript:;" target="_self" rel="nofollow"></a></span>
<span class="social-widget-link social-link-tencent-weibo">
<span class="social-widget-link-count">
<i class="icon-tencent-weibo"> </i>自媒体抖音</span><span class="social-widget-link-title">抖音</span>
<a href="javascript:;" target="_self" rel="nofollow"></a></span>
<span class="social-widget-link social-link-qq">
<span class="social-widget-link-count"><i class="icon-qq"></i>872066666</span><span class="social-widget-link-title">QQ号</span>
<a href="javascript:;" rel="nofollow"></a></span>
<span class="social-widget-link social-link-email">
<span class="social-widget-link-count">
<i class="icon-mail"></i>www@cnbl.net</span><span class="social-widget-link-title">邮箱</span>
<a href="javascript:;" target="_self" rel="nofollow"></a></span>
<span class="social-widget-link social-link-wechat">
<span class="social-widget-link-count">
<i class="icon-wechat"></i>https://youyi.si</span><span class="social-widget-link-title">有意思</span>
<a id="tooltip-s-weixin" href="javascript:void(0);"></a></span>
</ul>
</div>
</div>
<style>.suxingme_social {
overflow: initial
}
.social-widget-link {
position: relative;
margin-bottom: 10px;
position: relative;
display: block;
font-size: 13px;
background: #fff;
color: #525252;
line-height: 40px;
padding: 0 14px;
border: 1px solid #DDD;
border-radius: 2px
}
.social-widget-link-count i {
margin-right: 9px;
font-size: 17px;
vertical-align: middle
}
.social-widget-link-title {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
width: 100px;
text-align: center;
background: rgba(255,255,255,.08);
transition: width .3s;
border-radius: 0 3px 3px 0
}
.social-widget-link:hover .social-widget-link-title {
width: 116px
}
.social-widget-link a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.social-link-weibo {
border-color: rgba(236,61,81,.39)
}
.social-link-weibo i {
color: #ec3d51
}
.social-link-weibo .social-widget-link-title {
background-color: #ec3d51;
color: #fff
}
.social-link-tencent-weibo {
border-color: rgba(104,166,214,.39)
}
.social-link-tencent-weibo i {
color: #68a6d6
}
.social-link-tencent-weibo .social-widget-link-title {
background-color: #68a6d6;
color: #fff
}
.social-link-email {
border-color: rgba(42,179,154,.4)
}
.social-link-email i {
color: #2ab39a
}
.social-link-email .social-widget-link-title {
background-color: #2ab39a;
color: #fff
}
.social-link-qq {
border-color: rgba(18,170,232,.39)
}
.social-link-qq i {
color: #12aae8
}
.social-link-qq .social-widget-link-title {
background-color: #12aae8;
color: #fff
}
.social-link-wechat {
border-color: rgba(25,152,114,.4)
}
.social-link-wechat i {
color: #199872
}
.social-link-wechat .social-widget-link-title {
background-color: #199872;
color: #fff
}
.f-weixin-dropdown {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #FFF;
z-index: 9998;
display: none;
-webkit-animation: fade-zoom-in .3s forwards;
-o-animation: fade-zoom-in .3s forwards;
animation: fade-zoom-in .3s forwards;
display: none;
-webkit-backface-visibility: hidden
}
.f-weixin-dropdown .qcode img {
width: 100%;
height: auto
}
.f-weixin-dropdown.is-visible {
display: block
}
.f-weixin-dropdown .tooltip-weixin-inner {
max-width: 300px;
padding: 0 20px;
margin: auto;
text-align: center;
position: absolute;
width: 100%;
left: 0;
right: 0;
height: 320px;
top: -150px;
bottom: 0
}
.f-weixin-dropdown .tooltip-weixin-inner h3 {
color: #273746;
font-size: 32px;
font-weight: 300;
margin-bottom: 10px;
line-height: 1.3
}
.f-weixin-dropdown .close_tip {
position: fixed;
z-index: 99999;
top: 80px;
right: 80px;
color: #BDBDBD;
font-size: 36px;
cursor: pointer;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.widget_cjtz {
position: relative;
display: block
}
.widget_cjtz_img {
position: relative
}
</style>