#mqChat-box{position:fixed;bottom:0;right:-400px;z-index:1038;--box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 15px;}
#mqChat-box.show{bottom:0;right: 0;}
.add.tem07-float #mqChat-head em,
#mqChat-form .form .autoReply,
#mqChat-box.show #mqChat-small{display:none;}
#mqChat-box.show #mqChat-show{display:block;bottom:0;position:fixed;right:0;top:0;width:400px;z-index: 10;}
#mqChat-box i,
#mqChat-box em,
#mqChat-box dfn{font-style:normal;}
#mqChat-small{display:flex;display:-webkit-flex;align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;color:inherit;cursor:pointer;box-shadow:var(--box-shadow);}
#mqChat-small dfn{position:relative;}
#mqChat-small i{font-size:25px;display:inline-block;}
#mqChat-small span{padding:0 10px 0 15px;font-size:18px;}
#mqChat-small em{opacity:.5;}
#mqChat-small .icon-keyboard_control{position:absolute;top:0;left:2px;z-index:1;font-size:22px;}
#mqChat-show{overflow:hidden;background-color:#FFF;width:400px;box-shadow:var(--box-shadow);}
#mqChat-head{font-size:18px;color:#FFF;padding:0 25px;}
#mqChat-head i{cursor:pointer;font-weight:bold;padding:0 8px;margin:5px 0;line-height:36px;border-radius:8px;display:inline-block;vertical-align:middle;}
#mqChat-head i:hover{background-color:rgba(0,0,0,.1);}
#mqChat-head span{padding:20px 0;display:inline-block;}
#mqChat-chat{height:100%;padding-bottom: 100px;}
#mqChat-chat form{border-top:1px solid rgba(0,0,0,.1);padding:5px 10px;}
#mqChat-chat .flex{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;padding:0;flex-shrink:0;}
#mqChat-chat .flex i{font-size:18px;}
#mqChat-chat .flex input{position:absolute;top:0;right:0;opacity:0;z-index:1;cursor:pointer;}
#mqChat-chat .submit{flex-shrink:0;font-size:14px;border-radius:5px;padding:5px 15px;color:#FFF;border:none;cursor:pointer;}
#mqChat-chat .tips{flex-grow:1;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:5px;}
#mqChat-chat .tips:before{content:attr(title);opacity:.5;}
#mqChat-chat .face{border:none;outline:none;background:none;padding:0 15px;color:inherit;cursor:pointer;}
#mqChat-chat .face:after{content:"";background:url('/templates/public4/assets/images/tem01-float_1.png') no-repeat center;background-size:cover;width:12px;height:8px;position:absolute;top:-1px;left:36px;z-index:2;display:none;}
#mqChat-chat .face:focus:after{display:block;}
#mqChat-chat .face:focus .nano{display:block;}
#mqChat-chat .nano{position:absolute;bottom:100%;left:0;width:100%;height:160px;overflow-y:auto;background-color:#FFF;border:1px solid rgba(0,0,0,.1);border-radius:5px;display:none;}
#mqChat-chat .nano{line-height:1.4;width:100%;padding:0 5px 0 0;}
#mqChat-chat .nano::-webkit-scrollbar{width:6px;}
#mqChat-chat .nano::-webkit-scrollbar-track{background-color:#fff;}
#mqChat-chat .nano::-webkit-scrollbar-thumb{background-color:#fff;border-radius:50px;}
#mqChat-chat .nano:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);}
#mqChat-chat .nano ul{padding:12px;display:flex;display:-webkit-flex;flex-wrap:wrap;}
#mqChat-chat .nano li{width:100%;max-width:10%;padding-top:10%;cursor:pointer;position:relative;}
#mqChat-chat .nano li img{width:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#mqChat-chat .nano li:hover{background-color:rgba(0,0,0,.05);}
#mqChat-chat .upload{flex-shrink:0;position:relative;overflow:hidden;}
#mqChat-chat .chat{height:100%;overflow:hidden;overflow-y:auto;padding-bottom: 130px;}
#mqChat-chat .chat::-webkit-scrollbar{width:6px;}
#mqChat-chat .chat::-webkit-scrollbar-track{background-color:#fff;}
#mqChat-chat .chat::-webkit-scrollbar-thumb{background-color:#fff;border-radius:50px;}
/*#mqChat-chat .chat:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);}*/
#mqChat-chat .chat ul{display:flex;display:-webkit-flex;flex-flow:column;padding-top:20px;}
#mqChat-chat .chat li{padding:0 15px 20px;max-width:100%;}
#mqChat-chat .chat em{display:block;font-size:12px;padding-top:5px;color:#545454;flex-shrink: 0;}
#mqChat-chat .chat span{text-align:left;padding:9px 15px 10px;border-radius:8px;display:inline-block;max-width:100%;word-wrap:break-word;color:#000;}
#mqChat-chat .chat .more{font-size:12px;text-align:center;opacity:.5;margin:0 auto 20px;padding:0;cursor:pointer;}
#mqChat-chat .chat .b2c{padding-right:75px;}
#mqChat-chat .chat .b2c em{margin-right:-60px;}
#mqChat-chat .chat .b2c span{border:1px solid #ddd;border-radius: 6px;}
#mqChat-chat .chat .c2b{padding-left:75px;text-align:right;}
#mqChat-chat .chat .c2b span{background-color:#D62020;color:#FFF;position:relative;line-height: 1.5;}
#mqChat-chat .chat .c2b i{position:absolute;bottom:0;left:-5px;transform:translateX(-100%);font-size:12px;color:#999;}
#mqChat-chat .chat .c2b i:before{width:24px;height:24px;line-height:24px;display:inline-block;border-radius:100px;text-align:center;color:#FFF;font-size:18px;margin-right:5px;}
#mqChat-chat .chat .c2b .loading:before{content:" ";background:url('/templates/public4/assets/images/tem01-float_1.gif') no-repeat center;background-size:70%;vertical-align:-7px;}
#mqChat-chat .chat .c2b .error:before{content:"!";background:red;cursor:pointer;vertical-align:-1px;}
#mqChat-chat .chat img{width:100%;}
#mqChat-chat .chat .icon_ img{border-radius:14px;max-width:100%;height:auto!important;width:35px;border-radius: 50%;}
#mqChat-chat .chat img.emoji{border-radius:0;height:18px!important;width:auto;}
#mqChat-chat .chat img.pointer{cursor:pointer;} 
#mqChat-chat .chat .flexs{display:flex;display:-webkit-flex;flex-wrap: nowrap;align-items: flex-start;}
#mqChat-chat .chat .flexs .icon_ { flex-shrink: 0; }
#mqChat-chat .chat .c2b .flexs{align-items: flex-end;justify-content: flex-end;}
#mqChat-textarea{position:relative;border-radius:5px;background:rgba(236,237,241,.4);height:60px;overflow-y:auto;padding:10px;line-height:1.5;cursor:text;outline:none;}
#mqChat-textarea:before{content:attr(title);position:absolute;top:10px;left:10px;opacity:.5;}
#mqChat-textarea:focus{background:rgba(236,237,241,.6);}
#mqChat-textarea:focus:before{display:none;}
.add #mqChat-textarea:before{display:none;}
.add #mqChat-textarea:focus{background-color:transparent;}
.add #mqChat-textarea:focus:before{display:none;}
#mqChat-textarea.hideTips:before{content:"";}
#mqChat-textarea img{max-height:18px;}
#mqChat-show .body.show-form #mqChat-form{display:flex!important;display:-webkit-flex!important;}
#mqChat-show .body.show-form #mqChat-chat{display:none;}
.add.tem07-float .body:not(.show-form) .form .mqChat-share,
.add.tem07-float .body:not(.show-form) .form .form-row{display:none;}
#mqChat-form{background-color:#FFF;align-items:center;align-content:center;}
#mqChat-form .form{width:100%;}
#mqChat-form .yzmbox{position:relative;}
#mqChat-form .yzmbox a{position:absolute;bottom:4px;right:8px;}
#mqChat-form .yzmbox label~.form-control-feedback,
#mqChat-form .yzmbox .help-block{display:none!important;}
#mqChat-form .has-feedback label~.form-control-feedback{bottom:-10px;top:initial;}
#mqChat-form .help-block{bottom:14px;right:30px;}
#mqChat-form .has-error .form-control-feedback,
#mqChat-form .form-control-feedback{top:17px;height:auto;}
#mqChat-form .swiper .swiper-slide .oItem .image{position:relative;}
#mqChat-form .swiper .swiper-slide .oItem .image::before{position:absolute;content:"";width:8px;height:8px;border-radius: 50%;background:#D62020;right:0;top:0;}
#mqChat-form .swiper .swiper-slide .item:not(.oItem){-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
#mqChat-form .swiper .swiper-button{position:absolute;top:50%;transform:translateY(-50%);font-size: 20px;z-index: 1;}
#mqChat-form .swiper .swiper-prev{left:0;}
#mqChat-form .swiper .swiper-next{right:0;}
@media(min-width:768px){
#mqChat-small{background-color:#FFF;padding:15px 20px;}
.add #mqChat-small.pc-display{background-color:transparent;padding:0;}
#mqChat-small .icon-keyboard_control{color:#FFF;}
}
@media(max-width:767px){
#mqChat-box{bottom:70px;right:10px;}
#mqChat-box.show{bottom:0;right:0;top:0;left:0;}
#mqChat-small .icon-bubble,
#mqChat-small{color:#FFF;}
#mqChat-small{border-radius:100px;padding:7px 10px 7px 20px;}
#mqChat-small span{padding-left:10px;font-size:16px;}
#mqChat-show{border-radius:0;width:100%;height:100%;position:relative;padding-top:65px;}
#mqChat-show .body{height:100%!important; }
#mqChat-head{position:absolute;top:0;left:0;right:0;}
#mqChat-chat{height:100%;position:relative;padding-bottom:46px;}
#mqChat-chat form{padding:7px 10px 8px;position:absolute;bottom:0;left:0;right:0;}
#mqChat-chat .flex{padding:0;}
#mqChat-chat .flex i{vertical-align:-10px;}
#mqChat-chat .chat{height:100%;}
#mqChat-chat .tips{display:none;}
#mqChat-chat .textarea{flex-grow:1;padding-right:10px;}
#mqChat-chat .face:after{top:-8px;}
#mqChat-chat .nano{bottom:38px;}
#mqChat-chat .nano ul{padding:10px;}
#mqChat-chat .nano li{max-width:14.2857%;padding-top:0;}
#mqChat-chat .nano li img{max-width:33px;position:relative;top:0;left:0;transform:none;padding:5px 0 10px;display:block;margin:auto;}
#mqChat-textarea{padding:5px 10px;height:auto;min-height:30px;max-height:80px;background-color:#ECEDF1;}
#mqChat-textarea:before{top:5px;}
}

.tem01-beshare{position:fixed;z-index:999;display:none;}
.show .tem01-beshare{display:block;}
.tem01-beshare li{margin-bottom:1px;overflow:hidden;position:relative;}
.tem01-beshare li a{display:block;overflow:hidden;transition:.5s ease 0s;color:#fff;}
.tem01-beshare li a span{display:block;}
.show.right .tem01-beshare{right:0!important;bottom:275px;}
.show.left .tem01-beshare{left:0!important;bottom:275px;}
@media(max-width:767px){
.show.right .tem01-beshare{bottom:65px;top:auto;}
}


/* add Style */
.tem01-beshare.addClass{z-index:1059;display:none;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.left .tem01-beshare.addClass{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:bottom left;}
.right .tem01-beshare.addClass{-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-ms-transform-origin:bottom right;-o-transform-origin:bottom right;transform-origin:bottom right;}
.tem01-beshare.addClass.startAnimation{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
.tem01-beshare.addClass{background-color:var(--main-color);}
.tem01-beshare.addClass li a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;}
.tem01-beshare.addClass li .text{width:auto;padding-right:20px;text-transform:capitalize;font-size:14px;}
.show.left .tem01-beshare.addClass{bottom:65px;}
.add.tem07-float #mqChat-small.model-display{ background-color:#D62020; }
.add.tem07-float #mqChat-small.pc-display{position:fixed;bottom:22px;right:22px;width:60px;height:60px;}
.add.tem07-float #mqChat-small.pc-display .default{color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#D62020;box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;z-index:2;}
.add.tem07-float #mqChat-small.pc-display .default i{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;line-height:60px;font-size:30px;}
.add.tem07-float #mqChat-small.pc-display .default i:nth-of-type(1){-webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.add.tem07-float #mqChat-small.pc-display .default i:nth-of-type(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;text-shadow:none;color:inherit;}
.add.tem07-float #mqChat-small.pc-display .default::after{content:attr(data-amount);position:absolute;;box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;top:-4px;right:-4px;min-width:20px;width:auto;height:20px;text-align:center;line-height:20px;font-size:12px;border-radius:20px;background-color:#ffff00;padding:0 5px;color:#333;}
.add.tem07-float #mqChat-chat .flex{justify-content: flex-start;padding-bottom:0;padding:20px 20px 0 0;}
.add.tem07-float #mqChat-chat .textarea{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end;width:100%;flex:1 0 0;padding:20px 0 20px 20px;}
.add.tem07-float #mqChat-chat .textarea #mqChat-textarea{line-height:1.4;width:100%;padding:0 5px 0 0;}
.add.tem07-float #mqChat-chat .textarea #mqChat-textarea::-webkit-scrollbar{width:6px;}
.add.tem07-float #mqChat-chat .textarea #mqChat-textarea::-webkit-scrollbar-track{background-color:#fff;}
.add.tem07-float #mqChat-chat .textarea #mqChat-textarea::-webkit-scrollbar-thumb{background-color:#fff;border-radius:50px;}
.add.tem07-float #mqChat-chat .textarea #mqChat-textarea:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);}
.add.tem07-float #mqChat-chat .textarea .submit{height:36px;padding:5px 12px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;display:none;}
.add.tem07-float #mqChat-chat .chat span{text-align:left;padding:10px 15px;margin-left: 10px;font-size: 12px;}
.add.tem07-float #mqChat-chat .c2b .chat span{flex:1 0 0;}
.add.tem07-float #mqChat-chat .c2b .chat em{flex-shrink:0;}
.add.tem07-float #mqChat-chat .chat .c2b span{margin:0 10px 0 0;}
.add.tem07-float #mqChat-head{overflow:hidden;background:#D62020;}
.add.tem07-float .body{height:calc(100vh - 160px);}
.add.tem07-float #mqChat-head span{float:left;font-size: 18px;}
.add.tem07-float #mqChat-head .close{text-shadow:none;color:#fff;opacity:1;padding:14px 0;margin:0;}
.add.tem07-float #mqChat-head .close:hover{background-color:transparent;opacity:.8;}
.add.tem07-float #mqChat-chat form{width:100%;background:#fff;height:90px;display:flex;display:-webkit-flex;flex-wrap: wrap;align-items: flex-start;position:absolute;bottom:0;padding:0;}
.add.tem07-float #mqChat-form .form .online-service{font-weight:400;padding:25px;background-color:#f2f2f2;font-size: 14px;color:#000;line-height: 1.7;margin:0;border-bottom: 1px solid #ddd;}
.add.tem07-float #mqChat-form .form .swiper .item{text-align: center;cursor:pointer;}
.add.tem07-float #mqChat-form .form .swiper-slide:not(:first-child) .item{cursor:no-drop;}
.add.tem07-float #mqChat-form .form .swiper .name{font-size: 12px;padding-top: 5px;}
.add.tem07-float #mqChat-form .form .swiper-slide:not(:first-child) .name{color:#999;}
.add.tem07-float #mqChat-form .form .swiper .image{position:relative;width:50px;margin:auto;top:4px;height:50px;}
.add.tem07-float #mqChat-form .form .swiper .image img{width:100%;max-width: 100%;border-radius: 50%;}
.add.tem07-float #mqChat-form .form .swiper .item.active .image::before{position:absolute;content:"";width:8px;height:8px;border-radius: 50%;right:0;top:0;background:#D62020;box-shadow: 0 0 2px rgba(0,0,0.1);right:8px;top:2px;}
.add.tem07-float #mqChat-form .form .feedback-tips{}
.add.tem07-float #mqChat-form .form .feedback-tips:empty{display:none;}
.add.tem07-float #mqChat-form .form .form-row{padding:25px;}
.add.tem07-float #mqChat-form .form .form-group{position:relative;}
.add.tem07-float #mqChat-form .form .form-control{padding:13px 20px;height:auto;border-color:#ddd;border-radius: 4px;}
.add.tem07-float #mqChat-form .form label{position: absolute;top: 14px;left: 20px;padding: var(--y) var(--x);transition: .1s ease-in-out;color:#000;font-size: 14px;font-weight: 500;text-transform: capitalize;}
.add.tem07-float #mqChat-form .form label i{color:#D62020;}
.add.tem07-float #mqChat-form .form .checkbox-group ~ label,
.add.tem07-float #mqChat-form .form .form-control:focus ~ label,
.add.tem07-float #mqChat-form .form .form-control:not(:placeholder-shown) ~ label{opacity:0;}
.add.tem07-float #mqChat-form .form .form-control::-moz-placeholder{color:#fff;}
.add.tem07-float #mqChat-form .form .form-control:-ms-input-placeholder{color:#fff;}
.add.tem07-float #mqChat-form .form .form-control::-webkit-input-placeholder{color:#fff;}

.add.tem07-float#mqChat-box{right: 0;bottom:22px;border-radius:5px;}
#mqChat-box .none, #mqChat-box [none]{ display: none; }
.add.tem07-float#mqChat-box.show{right:0;}
.add.tem07-float#mqChat-box #mqChat-small.pc-display{box-shadow:none;}
/* 没有最新信息 */
.add.tem07-float#mqChat-box #mqChat-small.pc-display .default[data-amount="0"]::after{display:none;}
/* 聊天窗口处于关闭状态 , 并且有最新信息 : chatOnlineCloseAndhaveMessage */
.add.tem07-float#mqChat-box #mqChat-small.pc-display::after,
.add.tem07-float#mqChat-box #mqChat-small.pc-display::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:50%;display:none;}
.add.tem07-float#mqChat-box #mqChat-small.pc-display::after{-webkit-animation:scale_inner 1s linear infinite alternate;-moz-animation:scale_inner 1s linear infinite alternate;animation:scale_inner 1s linear infinite alternate;background-color:rgba(var(--rgb-color),.2);}
.add.tem07-float#mqChat-box #mqChat-small.pc-display::before{-webkit-animation:scale_outer 1s linear infinite alternate;-moz-animation:scale_outer 1s linear infinite alternate;animation:scale_outer 1s linear infinite alternate;background-color:rgba(var(--rgb-color),.3);}
.add.tem07-float#mqChat-box #mqChat-small.pc-display.chatOnlineCloseAndhaveMessage::after{display:block;}
.add.tem07-float #mqChat-small{display:none;}
#mqChat-form .form [type="submit"].btn-block{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background: #D62020;font-size: 16px;color:#fff;border-color:#D62020;text-transform: capitalize;border-radius: 50px;padding:12px 0;}
#mqChat-form .form [type="submit"].btn-block:hover{background-color:#fff;color:#D62020;}
.add.tem07-float #mqChat-small.model-display .font-color{color:#fff;}
.add.tem07-float .mqChat-share{padding:0 25px;font-size: 14px;color:#000;justify-content: center;}
.add.tem07-float .mqChat-share .share-to a{width:35px;height:35px;line-height: 35px;text-align: center;display:inline-block;margin:0 5px;border-radius: 50%;background:#D62020;color:#fff;}
.add.tem07-float .mqChat-share .share-to a::before{vertical-align:middle;}
/* 聊天框位置 */
.float_bottom_right + #mqChat-box.tem07-float #mqChat-show{ top: auto; }
.float_bottom_right + #mqChat-box.tem07-float #mqChat-show .body{  height: auto; padding-bottom: 20px; }
.float_bottom_right + #mqChat-box.tem07-float #mqChat-show .body #mqChat-chat{ height: auto; }
.float_bottom_right + #mqChat-box.tem07-float #mqChat-show .body #mqChat-chat .chat{ padding-bottom: 0; height: 40vh; }

/* 气泡位置*/
.bubble_right + .add.tem07-float #mqChat-small.pc-display{ bottom:50%; transform: translateY(50%); }

/* 回到顶部按钮 */
#backTop { position: fixed; bottom: 100px; right: 22px; width: 60px; height: 60px; cursor: pointer;} 
#backTop .default{ color: #000;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;z-index: 2;}
#backTop .default i{ position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;line-height: 60px;font-size: 25px; display: inline-block;}

@media (max-width: 992px){
  #backTop{ width: 40px; height: 40px; bottom: 120px; }
  #backTop .default i{ line-height: 40px; font-size: 22px; }
}

@-webkit-keyframes scale_inner{
0%{margin:1px;}
25%{margin: -4px;}
50%{margin: -4px;}
75%{margin: -4px;}
100%{margin: -4px;}
}
@-moz-keyframes scale_inner{
0%{margin:1px;}
25%{margin: -4px;}
50%{margin: -4px;}
75%{margin: -4px;}
100%{margin: -4px;}
}
@keyframes scale_inner{
0%{margin:1px;}
25%{margin: -4px;}
50%{margin: -4px;}
75%{margin: -4px;}
100%{margin: -4px;}
}
@-webkit-keyframes scale_outer{
0%{margin:1px;}
25%{margin:-4px;}
50%{margin:-4px;}
75%{margin:-8px;}
100%{margin: -8px;}
}
@-moz-keyframes scale_outer{
0%{margin:1px;}
25%{margin:-4px;}
50%{margin:-4px;}
75%{margin:-8px;}
100%{margin: -8px;}
}
@keyframes scale_outer{
0%{margin:1px;}
25%{margin:-4px;}
50%{margin:-4px;}
75%{margin:-8px;}
100%{margin: -8px;}
}

@media (min-width:768px){
.add.tem07-float.show #mqChat-small.pc-display .default i:nth-of-type(1){-webkit-transform:rotate(0deg) scale(0);-moz-transform:rotate(0deg) scale(0);-ms-transform:rotate(0deg) scale(0);-o-transform:rotate(0deg) scale(0);transform:rotate(0deg) scale(0);}
.add.tem07-float.show #mqChat-small.pc-display .default i:nth-of-type(2){-webkit-transform:rotate(0deg);opacity:1;-moz-transform:rotate(0deg);opacity:1;-ms-transform:rotate(0deg);opacity:1;-o-transform:rotate(0deg);opacity:1;transform:rotate(0deg);opacity:1;-webkit-transition:all .2s .3s;-moz-transition:all .2s .3s;-ms-transition:all .2s .3s;transition:all .2s .3s;}
.add.tem07-float #mqChat-small.pc-display{display:block !important;}
.add.tem07-float #mqChat-small .text{white-space:nowrap;position: absolute;top: 50%;background-color: #D62020;padding: 8px;color: #fff;border-radius: 5px;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;opacity:0;}
.add.tem07-float #mqChat-small .text::after{ content: "";display: block; width: 0; height: 0;border-width: 6px; border-style: solid; border-color: transparent transparent transparent #D62020; position: absolute; top: 50%; right: 0; transform: translate(100%, -50%); }
.add.tem07-float #mqChat-small:hover .text{-webkit-transform: translate(-160%, -50%);-moz-transform: translate(-160%, -50%);-ms-transform: translate(-160%, -50%);-o-transform: translate(-160%, -50%);transform: translate(-160%, -50%);opacity:1;}
}

@media (max-width:767px){
.add.tem07-float #mqChat-small.pc-display{bottom:80px;}
.add.tem07-float#mqChat-box{right:10px;bottom:70px;}
.add.tem07-float#mqChat-box.show{right:0;bottom:0;}
.add.tem07-float #mqChat-head .close{display:block;}
.add.tem07-float #mqChat-chat{padding-bottom:0;}
.add.tem07-float #mqChat-chat form{position:initial;}
.add.tem07-float #mqChat-chat{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.add.tem07-float #mqChat-small.model-display{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;}
.add.tem07-float #mqChat-small.model-display dfn{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;}

/* 手机端 */
#mqChat-box.tem07-float.show #mqChat-show{ position: relative; width: 100%;height: 100%; }
.float_bottom_right + #mqChat-box.tem07-float #mqChat-show .body{ padding-bottom: 0; }
#mqChat-box.tem07-float #mqChat-show .body #mqChat-chat{ height: 100%!important; }
 #mqChat-box.tem07-float #mqChat-show .body #mqChat-chat .chat{ height: calc(100% - 304px)!important; }
.add.tem07-float #mqChat-chat form{ height: auto; }
.add.tem07-float #mqChat-chat .textarea #mqChat-textarea{ background: rgba(236,237,241,.6);line-height: 30px;padding: 0 5px; }
#mqChat-chat .chat{ padding-bottom: 0; }
#mqChat-chat .nano{ bottom: 300px; }
}
@media (max-width: 325px){
  .add.tem07-float #mqChat-form .form .online-service{ padding: 15px; }
}