@charset "utf-8";
/* CSS Document */
body,ul,ol,h1,h2,h3,h4,h5,h6,p,input,select,textarea,dl,dd{margin: 0;padding: 0;}

ul,ol{list-style: none;}

.xuanfukuang{position:fixed; top:38%; right:-110px; z-index:9999999;}
.xuanfukuang li{width:150px; height:40px; line-height:40px; margin-bottom:10px; box-sizing:border-box; padding-right:10px; font-size:14px; transition:.3s; color:#fff; border-radius:5px 0 0 5px; font-weight:bold; text-align:center; overflow:hidden;}

.xuanfukuang li a{ color:#fff !important; text-decoration:none; }

.xuanfukuang li span{float:left;display:block;width:34px;height:40px;margin-right:10px;}
.xuanfukuang li img{ width:130px; height:130px; margin:10px;}
.xuanfukuang li:hover{transform:translateX(-110px);}
.xuanfukuang li:nth-child(6):hover{transform:translateX(-110px);height:150px;}
.xuanfukuang li:nth-child(6):hover span{display:none;}
.xuanfukuang li:nth-child(3):hover{transform:translateX(-110px);height:150px;}
.xuanfukuang li:nth-child(3):hover span{display:none;}

.xuanfukuang li:nth-child(1){background:#35afe2}/*背景色*/
.xuanfukuang li:nth-child(2){background:#ea201c}
.xuanfukuang li:nth-child(3){background:#62b900}
.xuanfukuang li:nth-child(4){background:#333}
.xuanfukuang li:nth-child(5){background:#333}
.xuanfukuang li:nth-child(6){background:#333;}


.xuanfukuang li:nth-child(1) span{background:url(/skin/default/images/QQ.png)}/*QQ图标*/
.xuanfukuang li:nth-child(2) span{background:url(/skin/default/images/tel.png)}/*电话图标*/
.xuanfukuang li:nth-child(3) span{background:url(/skin/default/images/weixin.png)}/*微信图标*/
.xuanfukuang li:nth-child(4) span{background:url(/skin/default/images/fhdb.png)}/*返回顶部图标*/
.xuanfukuang li:nth-child(5) span{background:url(/skin/default/images/fhsy.png)}/*返回首页图标*/

.xuanfukuang li:nth-child(1):hover span{background:url(/skin/default/images/QQ1.jpg)}/*经过后qq图标*/
.xuanfukuang li:nth-child(2):hover span{background:url(/skin/default/images/tel1.jpg)}/*经过后电话图标*/
.xuanfukuang li:nth-child(3):hover span{background:url(/skin/default/images/weixin1.jpg)}/*经过后微信图标*/
.xuanfukuang li:nth-child(4):hover span{background:url(/skin/default/images/fhdb1.jpg)}/*经过后返回顶部图标*/
.xuanfukuang li:nth-child(5):hover span{background:url(/skin/default/images/fhsy1.jpg)}/*经过后返回首页图标*/