.jiuniao-mobile-mask{background-color:rgba(0,0,0,.7);position:fixed;right:0;top:0;bottom:0;display:none;left:0;z-index:1000}
.jiuniao-mobile-kefu{position:fixed;z-index:999;display:flex}

.jiuniao-kefu-right-bottom{right:.2rem;bottom:2rem;}
.jiuniao-kefu-right-center{right:.2rem;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}
.jiuniao-kefu-right-top{right:.2rem;top:1rem;}
.jiuniao-kefu-left-bottom{left:.2rem;bottom:2rem}
.jiuniao-kefu-left-center{left:.2rem;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}
.jiuniao-kefu-left-top{left:.2rem;top:1rem}


.jiuniao-mobile-kefu ul{list-style:none}
.jiuniao-mobile-kefu li{margin:.08rem 0}
.jiuniao-mobile-kefu li .jiuniao-mobile-serv{width:1.04rem;height:1.04rem;text-align:center;line-height:1.04rem;border-radius:50%;color:#fff;display:block;font-size:.56rem;background:#fe4509;text-decoration:none;-webkit-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;box-shadow:0 .02667rem .08rem rgba(0,0,0,.19),inset 0 .02667rem 0 hsla(0,0%,100%,.4)}
.jiuniao-mobile-kefu li .jiuniao-mobile-serv i{font-size:.56rem;color:#fff}
.jiuniao-mobile-kefu li .jiuniao-mobile-top{width:1.04rem;height:1.04rem;text-align:center;line-height:1.04rem;border-radius:50%;color:#fff;display:block;font-size:.56rem;background:#fff;text-decoration:none;-webkit-transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;box-shadow:0 .02667rem .08rem rgba(0,0,0,.19),inset 0 .02667rem 0 hsla(0,0%,100%,.4)}
.jiuniao-mobile-kefu li .jiuniao-mobile-top i{font-size:.56rem;color:#666}
#jiuniao-kefu-chatbox{width:100%;height:10rem;background:#fff;position:fixed;bottom:0;z-index:1001;display:none;border-radius:.06rem .06rem 0 0;border:.02rem solid #d8dfe3}
#jiuniao-kefu-chatbox #kefu-list{width:100%}
#jiuniao-kefu-chatbox #kefu-list #topmenu{height:1rem;width:100%;border-bottom:.02rem solid #d8dfe3;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:left;background:#f4f9ff}
#jiuniao-kefu-chatbox #kefu-list #topmenu span.welcome{line-height:1rem;height:1rem;padding-left:.2rem;width:calc(100% - .6rem);font-size:.32rem;font-weight:700;color:#666;overflow:hidden}
#jiuniao-kefu-chatbox #kefu-list #topmenu span.close{cursor:pointer;cursor:pointer;width:.6rem;line-height:1rem;text-align:center}
#jiuniao-kefu-chatbox #kefu-list #topmenu span.close i{color:#666}
#jiuniao-kefu-chatbox #kefu-list #kefus{overflow-y:auto;height:9rem}
#jiuniao-kefu-chatbox #kefu-list #kefus .kefu-item{height:.84rem;border-bottom:.02rem solid #e7ebee;position:relative;width:100%;float:left;padding:.16rem 0}
#jiuniao-kefu-chatbox #kefu-list #kefus .kefu-item:hover{background:#f1f4f6;cursor:pointer}
#jiuniao-kefu-chatbox #kefu-list #kefus .kefu-item .item{width:.6rem;height:.6rem;float:left;background-color:#fff;border-radius:50%;padding:.1rem;box-shadow:0 0 .4rem 0 rgba(0,0,0,.08);border:.02rem solid #eee;font-size:.48rem;margin:0 .2rem;display:flex;flex-direction:row;align-items:center;justify-content:center}
#jiuniao-kefu-chatbox #kefu-list #kefus .kefu-item img{width:.8rem;border-radius:50%;margin:.3rem;float:left}
#jiuniao-kefu-chatbox #kefu-list #kefus .kefu-item p{line-height:.84rem;float:left;width:calc(100% - 1.4rem)}
#jiuniao-kefu-chatbox #kefu-list #kefus .kefu-item p strong{font-size:.28rem;color:#666;font-weight:400}
#jiuniao-kefu-chatbox #jiuniao-kefu-view{width:100%;max-height:10rem;color:#666;display:none}
#jiuniao-kefu-chatbox #jiuniao-kefu-view #kefu-header{height:1rem;overflow:hidden;text-align:center;color:#666;border-bottom:.02rem solid #d8dfe3}
#jiuniao-kefu-chatbox .p1 #kefu-header{background:#f4f9ff}
#jiuniao-kefu-chatbox .p1 #kefu-header p{line-height:1rem;font-weight:600;font-size:.3rem;opacity:0;-webkit-transition:all .2s cubic-bezier(0,.995,.99,1);-moz-transition:all .2s cubic-bezier(0,.995,.99,1);-ms-transition:all .2s cubic-bezier(0,.995,.99,1);-o-transition:all .2s cubic-bezier(0,.995,.99,1);transition:all .2s cubic-bezier(0,.995,.99,1)}
#jiuniao-kefu-chatbox .p1 #kefu-header p.animate{text-align:left;padding-left:.2rem;opacity:1;-webkit-transition:all .2s cubic-bezier(0,.995,.99,1);-moz-transition:all .2s cubic-bezier(0,.995,.99,1);-ms-transition:all .2s cubic-bezier(0,.995,.99,1);-o-transition:all .2s cubic-bezier(0,.995,.99,1);transition:all .2s cubic-bezier(0,.995,.99,1)}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages{opacity:0;margin-top:.6rem;width:100%;height:9rem;overflow-y:scroll;overflow-x:hidden;padding-right:.4rem;-webkit-transition:all .2s cubic-bezier(0,.995,.99,1);-moz-transition:all .2s cubic-bezier(0,.995,.99,1);-ms-transition:all .2s cubic-bezier(0,.995,.99,1);-o-transition:all .2s cubic-bezier(0,.995,.99,1);transition:all .2s cubic-bezier(0,.995,.99,1)}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages.animate{opacity:1;margin-top:0}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages div.message{clear:both;margin:.2rem 0;width:100%;overflow-y:auto;display:none}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .avatar{float:left;margin-left:.4rem;border-radius:50%;width:.6rem;height:.6rem;margin-top:.24rem}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble{background:#f0f4f7;font-size:.28rem;font-weight:600;padding:.24rem .26rem;border-radius:.1rem .1rem .1rem 0;color:#8495a3;position:relative;float:left;width:calc(100% - 2.02rem);margin:0 .4rem 0 .1rem}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble ul{display:table-cell;vertical-align:middle;width:100%;height:100%;list-style:none}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble ul li:first-child{padding-top:0}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble ul li{border-bottom:.02rem solid #eee;margin:0}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble ul li img{max-width:4rem}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble ul li .jiuniao-serv-title{display:block;font-size:.28rem;line-height:.64rem;text-align:center}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble ul li .jiuniao-phone-number{font-size:.28rem;color:#333}
#jiuniao-kefu-chatbox .p1 #jiuniao-kefu-messages .message .bubble .corner{background:url(../images/bubble-corner.png) 0 0 no-repeat;position:absolute;width:.14rem;height:.14rem;left:-.1rem;bottom:0}
#jiuniao-kefu-chatbox .p1 #kefu-header #close{position:absolute;opacity:.8;right:.2rem;width:.4rem;height:.4rem;cursor:pointer;line-height:1rem}
#jiuniao-kefu-chatbox .p1 #kefu-header #close:hover{opacity:1}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cx,#jiuniao-kefu-chatbox .p1 #kefu-header #close .cy{background:#fff;position:absolute;width:0;top:.3rem;right:.3rem;height:.06rem;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cx.s1,#jiuniao-kefu-chatbox .p1 #kefu-header #close .cy.s1{right:0;width:.4rem;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cy.s2{-ms-transform:rotate(50deg);-webkit-transform:rotate(50deg);transform:rotate(50deg);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cy.s3{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cx.s1{right:0;width:.4rem;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cx.s2{-ms-transform:rotate(140deg);-webkit-transform:rotate(140deg);transform:rotate(140deg);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all 100ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#jiuniao-kefu-chatbox .p1 #kefu-header #close .cx.s3{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all 100ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
#jiuniao-kefu-view,#sendmessage{overflow:hidden;border-radius:.12rem}