@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
 
/* side */
.side{position:fixed;width:40px;height:430px;right:0;top:80px;z-index:130; color:#FFF; }
.side ul li{width:40px;height:40px;float:left;position:relative; margin-bottom:5px; background:#FFF;color:#FFF;}
.side ul li .sidebox{position:absolute;width:40px;height:40px;top:0;right:0;transition:all 0.3s;background:#;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:40px;height:40px;line-height:40px;display:inline-block;background:#;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;color:#FFF;}
.side ul li .sidetop:hover{opacity:1;filter:Alpha(opacity=100);color:#FFF;}
.side ul li img{float:left;}
/* side */
.side2{position:fixed;width:auto;height:auto;right:1px;top:440px;z-index:130; color:#FFF; }
.side2 ul li{ width:114px;height:33px;position:relative; background:#FFF;color:#FFF;border-radius: 6px;}
.ddcss{ clear:both;width:114px; text-align:center;height:35px; line-height:35px; border-bottom:1px solid #F0F0F0;}
.ddcss a{ color:#666;}
.ddcss:hover{ background-color:#F60;}
.ddcss:hover a{ color:#FFF;}
.side2 ul li .sidebox2{position:absolute;width:114px; line-height:33px; transition:all 0.3s;background:#fff;opacity:1;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;border-radius:10px; right:50px;top:0px;}
.side2 ul li .sidetop2{width:114px;height:33px;line-height:33px;background:#fff;opacity:1; transition:all 0.3s;color:#FFF;border-radius:28px ;}
.side2 ul li .sidetop2:hover{background:#fff;opacity:1; color:#FFF;border-radius:10px;}
.side2 ul li img{ margin:17px;}

.sidebox3{position:absolute;width:250px; line-height:33px;opacity:1;color:#666;font:14px/54px "微软雅黑";overflow:hidden; right:40px;top:0px;}
.sidebox3 div{ width:220px; margin-right:10px; border-top:3px solid #F60; padding:10px; background:#fff; line-height:35px;}
.sidebox3 span{ color:#F30; font-size:20px;}
.sidebox3 .dazi{font-size:16px; color:#666; background-color:#FFF;}