@charset "utf-8";

.main-im { position: fixed; right: 10px; top: 30%; z-index: 999999; width: 118px; }
.main-im .qq-a { display: block; width: 117px; height: 100px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 22px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 117px; height: 100px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: url(/kefu/images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #ddd; border-radius: 10px; }
.main-im .im_main .im-tel { color: #666; text-align: center; width: 117px; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 6px; }
.main-im .im_main .im-tel h2 { border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; width: 96px; height: 28px; margin-bottom: 8px; padding: 5px 10px; text-align: center; color: #333; background: url(/kefu/images/zixun.png) no-repeat center center; }
.main-im .im_main .im-tel h3 { border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; width: 96px; height: 25px; margin-bottom: 8px; padding: 5px 10px; text-align: center; color: #333; background: url(/kefu/images/phone.png) no-repeat center center; }
.main-im .im_main .im-tel ul { overflow: visible; padding-bottom: 5px; }
.main-im .im_main .im-tel ul li { width: 97px; height: 25px; margin: 0 10px 8px; line-height: 25px; font-size: 12px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-im .im_main .im-tel ul li img{display: inline-block; margin-right: 5px; vertical-align: middle;}
.main-im .im_main .im-tel ul li.dianh { font-size: 12px; height: 21px; margin-bottom: 0; line-height: 21px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(/kefu/images/close_im.png) no-repeat left top; }
.main-im .open-im { display: none; cursor: pointer; margin: -12px 0 0 76px; width: 40px; height: 133px; background: url(/kefu/images/open_im.png) no-repeat left top; }