*
{
margin: 0;
padding: 0;
list-style-type: none;
}
a, img
{
border: 0;
}
.side
{
position: fixed;
width: 54px;
height: 275px;
right: 0;
top: 214px;
z-index: 100;
}
.side ul li
{
width: 54px;
height: 54px;
float: left;
position: relative;
border-bottom: 1px solid #444;
}
.side ul li .sidebox
{
position: absolute;
width: 54px;
height: 54px;
top: 0;
right: 0;
transition: all .3s;
background: #000;
opacity: .8;
filter: Alpha(opacity=80);
color: #fff;
font: 14px/54px "微软雅黑";
overflow: hidden;
}
.side ul li .sidetop
{
width: 54px;
height: 54px;
line-height: 54px;
display: inline-block;
background: #000;
opacity: .8;
filter: Alpha(opacity=80);
transition: all .3s;
}
.side ul li .sidetop:hover
{
background: #0065b5;
opacity: 1;
filter: Alpha(opacity=100);
}
.side ul li img
{
float: left;
}
.side ul li .sidebox1
{
position: absolute;
width: 54px;
height: 54px;
top: 0;
right: 0;
transition: all .3s;
background: #000;
opacity: .8;
filter: Alpha(opacity=80);
color: #fff;
font: 14px/54px "微软雅黑";
overflow: hidden;
}
.side ul li .sidebox2
{
position: absolute;
width: 54px;
height: 54px;
top: 0;
right: 0;
transition: all .3s;
background: #000;
opacity: .8;
filter: Alpha(opacity=80);
color: #fff;
font: 14px/54px "微软雅黑";
overflow: hidden;
z-index: 3;
}
.side ul li:nth-child(3) .weixin img
{
transition: all 3s;
}
.side ul li .weixin
{
display: none;
width: 105px;
height: 105px;
position: relative;
left: -250px;
top: -20px;
z-index: 999;
}
.side ul li:nth-child(3):hover .weixin
{
display: block;
}
.side ul li:nth-child(2) .alibaba img
{
transition: all 3s;
}
.side ul li .alibaba
{
display: none;
width: 105px;
height: 105px;
position: relative;
left: -250px;
top: -20px;
z-index: 999;
}
.side ul li:nth-child(2):hover .alibaba
{
display: block;
}