@charset "utf-8";
@media screen and (min-width: 500px) {
/*电脑端*/
.qizhu-onlineservice{position:fixed;right:10px;top:200px;z-index:100;width:110px;height:272px}
.qizhu-onlineservice .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative}
.qizhu-onlineservice .qq-a span{bottom:5px;position:absolute;width:90px;left:10px}
.qizhu-onlineservice .qq-hover-c{width:100%;height:70px;border-radius:35px;z-index:9;margin-top:3px;margin-right:auto;margin-left:auto;text-align:center;margin-bottom:5px}
.qizhu-onlineservice .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #ddd}
.qizhu-onlineservice .img-qq{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:inline-block;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;height:70px;width:70px;background-color:#FFF;padding:4px;-moz-box-shadow:0 2px 5px #dedede;-webkit-box-shadow:0 2px 5px #dedede;box-shadow:0 2px 5px #dedede;filter:progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#dedede');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#dedede')";margin-right:auto;margin-left:auto}
.qizhu-onlineservice .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute}
.qizhu-onlineservice .im_main{background:#F9FAFB;border:1px solid #ddd;border-radius:10px;background:#F9FAFB}
.qizhu-onlineservice .im_main .im-tel{color:#000;text-align:center;width:109px;height:auto;border-bottom:1px solid #ddd}
.qizhu-onlineservice .im_main .im-tel div{font-weight:700;font-size:12px}
.qizhu-onlineservice .im_main .im-tel .tel-num{font-family:Arial;font-weight:700;color:#e66d15;padding-bottom:5px}
.qizhu-onlineservice .im_main .im-tel:hover{background:#fafafa}
.qizhu-onlineservice .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #ddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(weixing-icon.png) no-repeat center center;float:left}
.qizhu-onlineservice .im_main .weixing-container a{display:block;width:52px;height:47px}
.qizhu-onlineservice .im_main .weixing-show{width:112px;height:172px;background:#fff;border-radius:10px;border:1px solid #ddd;position:absolute;left:-125px;top:-126px}
.qizhu-onlineservice .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2}
.qizhu-onlineservice .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ddd;border-width:8px;left:112px;top:132px;position:absolute}
.qizhu-onlineservice .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px}
.qizhu-onlineservice .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center}
.qizhu-onlineservice .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(totop-icon.png) no-repeat center center;float:right}
.qizhu-onlineservice .im_main .go-top a{display:block;width:52px;height:47px}
.qizhu-onlineservice .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px}
.qizhu-onlineservice .close-im a{display:block;width:24px;height:24px;background:url(close_im.png) no-repeat left top}
.qizhu-onlineservice .close-im a:hover{text-decoration:none}
.qizhu-onlineservice .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(open_im.png) no-repeat left top;display:none}
.qizhu-onlineservice .im_main ul{display:block;clear:both;float:none;margin-top:10px;margin-bottom:10px;border-top-width:1px;border-top-style:solid;border-top-color:#E2E2E2}
.qizhu-onlineservice .im_main ul li{text-align:center;display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E2E2E2}
.qizhu-onlineservice .im_main ul li a{color:#09F; font-size:12px;display:block;padding-top:3px;padding-bottom:3px}
.qizhu-onlineservice .im_main ul li a img{vertical-align: middle;width: 16px;}
.qizhu-onlineservice .im-ewm{text-align:center;display:block;clear:both;float:none}
.qizhu-onlineservice .im-ewm img{height:auto;width:100px}
.qizhu-onlineservice .im-ewm p{line-height:12px;padding-top:2px}
}
@media screen and (max-width: 500px) {
/*移动端*/
.qizhu-onlineservice{display: none;}
}