.side-pannel { position: fixed; right:0; z-index: 99 } .side-bar { border-bottom: none; bottom: 100px; } .side-bar a { display: block; cursor: pointer; width: 55px; height: 60px; margin-bottom:1px; position: relative; color: #676767; text-align: center; background:#9FA0A0; } .side-bar .gotop{font-size:24px; color:#fff; font-weight:700; padding-top:15px; background:none; background-image:url(../image/top2.png);} .side-bar .gotop:hover{ background:none; background-image:url(../image/top2.png);} .side-bar a:hover { display: block; cursor: pointer; width: 55px; height: 60px; position: relative; text-align: center; background:#801e6c; } .side-bar a s { display: block; margin-left: auto; margin-right: auto } .side-bar a span { line-height: 20px; padding-left:30px; } .side-bar a.text { padding-top: 25px } .side-bar a.qr s { position: absolute; top: 50%; left: 16px } .side-bar a.qr i { width: 120px; height: 120px; position: absolute; left: -125px; top: 50%; margin-top: -90px; display: none; background-position: 0 0 } .side-bar a.text.weibo .ii { width: 200px; height:60px; position: absolute; left: -205px; top: 50%; margin-top: -30px; display: none; background-position: 0 0; } .side-bar a.text .iii { width: 200px; height:60px; position: absolute; left: -205px; top: 50%; margin-top: -30px; display: none; background-position: 0 0; } .side-bar a.text.weibo:hover .ii { display: block; } .side-bar a.text:hover .iii { display: block; } .side-bar a.qr:hover i { display: block } .side-bar a.qr i { background-image: url(../image/weixin.jpg); background-repeat:no-repeat;; } .side-bar a.text.weibo .ii {background:#801e6c; font-size:24px; color:#fff; font-weight:700; font-family:"微软雅黑"; line-height:60px;} .side-bar a.text .iii {background:#801e6c; font-size:24px; color:#fff; font-weight:900; line-height:60px;} .side-bar .text.weibo .ii .qq22{ height:30px; width:30px; background-position:-90px 0; position:absolute; top:25%; left:17%;} .kf{ width:135px;} .g-icon-qq1 { height: 30px; width:30px; margin-top: -8px; background-position: -30px 0px; } .g-icon-tel{ height: 30px; width: 30px; margin-top: -8px; background-position: 0px 0 } .g-icon-qr1 { height: 30px; width: 30px; margin-top: -15px; background-position: -60px 0 } .g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-tel, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s, .side-bar .text.weibo .ii .qq22{background-image: url(../image/icoc.png)}