a:link, a:visited { text-decoration: none; } .dock { position: fixed; top: 50%; width: 52px; height: 245px; margin-top: -149px; right: 0px; z-index: 1100; } .dockCon { right: 0px; top: 0px; position: absolute; } .dockCon li.first, .dockCon li.first i { border-radius: 10px 0px 0px; } .dockCon li.backTop, .dockCon li.backTop i { border-bottom: 0px none; border-radius: 0px 0 0 10px; } .dockCon li:hover i, .dockCon li.active { cursor: pointer; background-color: #ec1b24; } .dockCon i { width: 52px; height: 52px; display: block; background-image: url(slider.png); background-repeat: no-repeat; background-color: #666; z-index: 4; position: relative; border-bottom: 1px solid #999; } .dockCon .i1 { background-position: center 0px; } .dockCon .i2 { background-position: center -52px; } .dockCon .i3 { background-position: center -106px; } .dockCon .i5 { background-position: center -206px; transition: 300ms; -webkit-transition: 300ms; } .dockCon li.backTop .i5 { background-position: center -210px; } .dockCon .con { background-color: #323232; border-radius: 10px 0px 0px 10px; color: #fff; position: absolute; right: 0px; display: none; } .qqcon a:link, .qqcon a:visited { color: #323232; } .qqcon a:active, .qqcon a:hover { color: #fff; } .qqcon { top: 20px; width: 160px; padding: 14px 0px; font-size: 14px; text-align: center; } .qqcon .t { color: #999; } .qqBtn { border-radius: 5px; background-color: #fff; display: block; width: 112px; height: 30px; line-height: 30px; margin: 13px auto 0px; } .qqBtn span { background: url(qq1.png) no-repeat scroll left center; padding-left: 24px; } .qqBtn:hover { background-color: #ec1b24; } .qqBtn:hover span { background-image: url(qq2.png); } .weixinCon { top: 20px; padding: 14px 24px; text-align: center; } .weixinCon .img { width: 120px; overflow: hidden; margin-bottom: 7px; } .weixinCon .img img { width: 100%; display: block; } .telcon { top: 107px; padding: 5px 18px; width: 120px; } .telcon .f-tel { font: bold 16px/1.4 arial, helvetica, sans-serif; } .dianshangCon { padding: 15px 18px 0px 28px; height: 234px; top: 8px; width: 552px; } .dianshangCon .t { color: #999; font-size: 14px; } .dianshangCon a:link, .dianshangCon a:visited { color: #bcbcbc; } .dianshangCon a:active, .dianshangCon a:hover { color: #fff; } .switchdock { background: url(slider.png) no-repeat scroll center -268px; width: 28px; height: 29px; margin: 0px auto 0px; display: block; position: absolute; right: 10px; bottom: 0px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; } .switchdock.active { background: url( switchdock.png) no-repeat; }