﻿.main-im{position:fixed;right:0px;bottom: 10%;z-index: 9999999}
.main-im .qq-a{display:block;width:100%;height:143px;font-size:14px;color:#666;text-align:center;position:relative;}
.main-im .qq-a span{display: block;bottom:15px;position:absolute;width:140px;left:0px;width: 100%;text-align: center;font-size: 16px;color: #323232;font-weight: bold;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:100%;height:143px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #eee;text-align: center;}
.main-im .qq-container i{display: inline-block;margin-top: 20px; width: 70px;height: 70px;border-radius: 50%;box-shadow: 0 5px 10px #ccc;overflow: hidden;}
.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:#fff;border:1px solid #eee;border-radius:10px;display:block;}
.main-im .im_main .im-tel{color:#666;text-align:center;width:100%;border-bottom:1px solid #eee;}
.im-tel ul{padding:5px}
.im-tel li{color: #ff7a1a;font-size: 14px;margin:15px 0;line-height: 22px;text-align: left }
.im-tel li i{text-align: right;display: inline-block;margin-left: 10px;}
.im-tel li img{width: 20px;}
.im-tel li span{display: inline-block;font-size: 14px;margin-left: 10px;}
.main-im .im_main .weixing-container{width:50%;height:47px;border-right:1px solid #eee;background:#f5f5f5;border-bottom-left-radius:10px;background:url(weixing-icon.png) no-repeat center center;float:left;margin-left: -1px;position: relative;}
.main-im .im_main .weixing-show{width:112px;height:145px;background:#ffffff;border-radius:10px;border:1px solid #eee;position:absolute;right:110%;
    bottom: calc(100% - 47px);display: none}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:117px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #eee;border-width:8px;left:112px;top:115px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:120px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50%;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.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:26px;height:26px;background:url(close_im.png) no-repeat left top;cursor: pointer;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;float: right;width:46px;height:193px;background:url(open_ime.png) no-repeat left top;display:none;}
.main-im .open-ime{cursor:pointer;float: right;width:46px;height:193px;background:url(open_ime.png) no-repeat left top; display:none;}
@media(min-width: 320px ) and (max-width: 992px){
    .ss_t{
        display: none
    }
}
@media (max-width: 768px){
    .body .container{
        padding: 0 15px
    }
    .main-im .open-im{
        height: 48px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
	.main-im .open-ime{
        height: 48px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}