/**侧栏跟随效果**/
#sidebar{position:absolute;z-index:999;}
#sidebar ul li{ width:62px; height:62px; line-height:62px; background:#875f50; margin-top:2px; text-align:center;position: relative;}
#sidebar ul li.first{ border:0; background:none; height:63px}
#sidebar ul li i{ display:inline-block; width:62px; height:62px; float:left}
#sidebar ul li i.top{ width:62px; height:62px; margin-top:0}
#sidebar ul li .ht{width:62px; height:62px; position:absolute; left:-350px; background:#00F; top:0px; opacity:0; display:none}
#sidebar ul li .ht_iphone,#sidebar ul li .ht_weixin{width:226px;height:217px;top:-73px}
#sidebar ul li .ht_iphone{ background:url(../images/dhh.png) no-repeat}
#sidebar ul li .ht_weixin{ background:url(../images/wxh.png) no-repeat; top:-83px}
.top{ background:url(../images/top.png) no-repeat;}
.dx{ background:url(../images/dx.png) no-repeat center center;}
.dh{ background:url(../images/dh.png) no-repeat center center;}
.dt{ background:url(../images/dt.png) no-repeat center center;}
.wx{ background:url(../images/wx.png) no-repeat center center;}
.wb{ background:url(../images/wb.png) no-repeat center center;}
.dt_s{ background:url(../images/dt_s.png) no-repeat center center; width:31px; height:41px;}
.dx_s{ background:url(../images/dx_s.png) no-repeat center center; width:44px; height:38px;}
.wb_s{ background:url(../images/wb_s.png) no-repeat center center; width:44px; height:36px;}
/**滑动**/
#sidebar ul li .sidebox{position:absolute;width:62px;height:62px;top:0;right:0;transition:all 0.3s;background:#875f50;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/62px "Microsoft YaHei";overflow:hidden;}
#sidebar ul li span{ position:relative;right:8px}