智能客服使用方式

CSS样式
```css
 .bottom{width: 400px;background: #fff;border-radius:5px;overflow: hidden;
        height: 510px;
        position: fixed;
        bottom: 80px;
        z-index: 1000;
        right: 10px;}
    .text{background: #00a0e9;line-height: 45px; line-height: 45px; color: #fff; font-size: 16px; padding-left: 15px;}
    .text a{display: inline-block;padding:0 5px; float: right;margin-right: 10px; color: #fff; font-size: 16px;}
    .intro{height: 45px;
        line-height: 45px; width: 150px;}
    @media (max-width: 767px){
        .bottom{width: 85%; }
        .text{height: 45px;line-height: 45px; font-size: 12px;}
        .intro{width: 120px;}
    }
```
HTML代码区域
```html
<div class="bottom">
    <div class="text">在线智能客服<a class="but">-</a></div>
    <iframe src="http://demo2.hbsjsd.cn/kefu/index/index.html" width="100%" height="100%" scrolling="auto" frameborder="0"> </iframe>
</div>
```

js代码区域
```javascript
    if ($(window).width() < 768) {
        $(".bottom").addClass("intro");
        $("iframe").hide();
        $('.but').text('+');
    }
    $(".but").click(function(){
        if($("iframe").css("display")=="none"){
            $("iframe").show();
            $('.but').text('-');
            $(".bottom").removeClass("intro");
        }else{
            $("iframe").hide();
            $(".bottom").addClass("intro");
            $('.but').text('+');
        }
    });
```

速建时代TPCMS管理系统

智能客服使用方式