CSS：hover 属性，急需大神解决

.top{ background:#fafafa; border-bottom:1px solid #e9e9e9; width:100%; height:39px;}
.top .top-content{ width:1000px; height:39px; line-height:39px; margin:0 auto;}
.top .top-content-left { float:left; width:380px; height:39px; font-size:12px;}
.top .top-content-left strong{ font-family:arial; font-size:16px;}
.top .top-content-left span{ font-size:12px; color:#999;}
.top .top-content-left a{ color:#333; padding-left:10px;}
.top .top-content .wchat_phone .wchat-info{ width:140px; height:140px; position:absolute; border:1px solid #e0e0e0; left:-38px; top:39px; display:none; z-index:999;}
.wchat_phone{font-size:12px; width:200px;}
.wchat_phone ul li{ width:92px; background:url(../images/line-top.png) left center no-repeat; padding-left:8px;}
.wchat,.wapp{ width:92px; height:39px; display:block; position:relative; cursor:pointer;}
.wchat_phone .wicon{ width:20px; height:20px; margin:10px 5px 0 3px; background-image:url(../images/wicon.png); background-repeat:no-repeat; display:block;}
.wchat_phone .wchat_icon{ background-position:0 0; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.wchat_phone .wchat:hover .wchat_icon{background-position:0 -40px;}
.wchat_phone .phone_icon{ background-position:-24px 0; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.wchat_phone .wapp:hover .phone_icon{ background-position:-24px -40px;}
.top .top-content-right{ width:375px; line-height:39px; text-align:right; font-size:12px;}
.top .top-content-right a.register:hover{ text-decoration:underline;}
.top .top-content-right a{ padding-left:10px; font-size:14px;}
这是top的 CSS属性

1L 的那个我都已经吧注释去掉了。

求大神解答