﻿/*在线咨询*/
.imOnline{height: 272px;position: fixed;right: 15px;top: 170px;width: 110px;z-index: 100;}
.imOnline .imOpen{background: url(images/imopen.png) no-repeat 0 0;cursor: pointer;display: none;height: 133px;margin-left: 68px;width: 40px;}
.imOnline .imMain{background: #F9FAFB;border: 1px solid #DDD;border-radius: 8px;}
.imOnline .imClose{position: absolute;right: 7px;top: -13px;z-index: 1;}
.imOnline .imClose a{background: url(images/imclose.png) no-repeat 0 0;display: block;height: 24px;width: 24px;}
.imOnline .imTel{border: 1px solid #DDD;border-width: 1px 0;font-size: 14px;padding-bottom: 8px;text-align: center;}
.imOnline .imTel ul{padding-left: 0;list-style: none;}
.imOnline .imTel li{color: #000;height: 18px;line-height: 18px;padding-top: 8px;font-size:13px;}
.imOnline .imTel li.number{color: #F40;font-family: Arial;font-weight: bold;background: none;width: auto;margin: 0;float: none;}
.imOnline .imQQ{background: url(images/qqbg.png) no-repeat 50% 7px;height: 115px;width: 108px;position: relative;}
.imOnline .imQQ .imPic{border-radius: 35px;height: 70px;left: 18px;overflow: hidden;position: absolute;top: 10px;width: 70px;z-index: 9;}
.imOnline .imQQ .imPic img{display: block;left: 8px;max-width: 53px;position: absolute;top: 6px;transition: all 0.5s ease 0s;}
.imOnline .imQQ:hover .imPic img{left: 1px;max-width: 70px;position: absolute;top: 8px;}
.imOnline .imQQ .hd{bottom: 7px;color: #39F;font-size: 14px;left: 0;position: absolute;width: 108px;text-align: center;margin: 0;}
.imOnline .weiXin{background: url(images/qrcode-xs.png) no-repeat 50% 50%;border-right: 1px solid #DDD;float: left;height: 48px;position: relative;width: 53px;}
.imOnline .goTop{background: url(images/gotop.png) no-repeat 50% 50%;float: left;height: 48px;width: 54px;}
.imOnline .goTop a{display: block;height: 48px;width: 54px;}
.imOnline .weiXinBox{background: #FFF;border: 1px solid #DDD;border-radius: 8px;display: none;height: 183px;left: -170px;padding-top: 4px;position: absolute;bottom: 0;width: 150px;text-align: center;}
.imOnline .weiXinBox .content{position: relative;}
.imOnline .weiXinBox dt{background: url(images/qrcode-lg.png) no-repeat 50% 50% /150px; height: 150px;overflow: hidden;width: 150px;}
.imOnline .weiXinBox dd{height: 24px;line-height: 24px;overflow: hidden;}
.imOnline .weiXinBox .arrow{border-color: transparent transparent transparent #FFF;border-style: solid;border-width: 8px;height: 0;left: 150px;position: absolute;top: 150px;width: 0;z-index: 2;}
.imOnline .qqBox{display: none;left: -160px;padding-right: 18px;position: absolute;top: 0;}
.imOnline .qqBox .content{background: #FFF;border: 1px solid #DDD;border-radius: 8px;padding-bottom: 12px;position: relative;width: 140px;}
.imOnline .qqBox .arrow{border-color: transparent transparent transparent #FFF;border-style: solid;border-width: 8px;height: 0;left: 140px;position: absolute;top: 40px;width: 0;z-index: 2;}
.imOnline .qqList{padding: 0 12px;}
.imOnline .qqList dt{color: #000;font-size: 14px;text-align: center;margin-top: 8px;}
.imOnline .qqList dd{height: 23px;line-height: 24px;overflow: hidden;margin-top: 8px;}
.imOnline .qqList dd a{display: block;}
.imOnline .qqList dd img{vertical-align: top;}
.imOnline .qqList dd span{color: #F40;float: right;width: 35px;}
