#widgets_wrap {padding: 0;margin: 0;position: fixed;right: 10px;bottom: 10px;z-index: 99; width: 90px; font-family:'Microsoft Yahei';}
#widgets_wrap * {padding: 0;margin: 0;}

#widgets_top {background-color: #E6E6E6; height: 30px; line-height: 30px; text-align: right; cursor: pointer; font-size:12px;}
#widgets_top span {margin-right:10px; background:url(../images/arrow.png) no-repeat right 4px; padding-right: 15px; transition:all .3s;}
#widgets_top .wgClose {background-position: right -26px;}

#widgets_main {border: 3px solid #E6E6E6;background-color: #fff;}
#widgets_main li {list-style: none; border-bottom: 2px solid #E6E6E6; position: relative;}
#widgets_main li a {display:block; overflow:hidden; padding:30.588%;}
#widgets_main li i {display:block; padding-bottom: 100%; background:no-repeat center center; background-size:contain;}
#widgets_main li .qq {background-image: url(../images/qq.png);}
#widgets_main li .wx {background-image: url(../images/wx.png);}
#widgets_main li .ww {background-image: url(../images/ww.png);}
#widgets_main li .bt {background-image: url(../images/bt.png); padding-bottom: 39.393%;}
#widgets_main li .qr {position:absolute; right:100%; top:50%; transform:translateY(-50%); background-color:#fff; border-radius:5px; width: 110px; border: 3px solid #E6E6E6; margin-right:13px; padding:1px; display: none;}
#widgets_main li .qr:after {display:block; position:absolute; left:100%; top:50%; border-left:8px solid #E6E6E6; border-top:8px solid transparent; border-bottom:8px solid transparent; content:'';}
#widgets_main li img {display: block; width:100%; height: auto;}
#widgets_main li p {font-size:12px; text-align:center; line-height: 1.5em;}
/*small*/
#widgets_wrap.widgets_small {width: 60px;top: auto;bottom: 0;}


@media only screen and (max-width: 768px){
	#widgets_wrap {width:70px;}
	#widgets_wrap.widgets_small {width:50px;}
	#widgets_top span {padding-right: 10px;}
}