.m-kefu-chat *{font-family: 'Arial';}
.m-kefu-chat{overflow: hidden; position: fixed;width: 290px;height: 400px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;bottom: 0px;right: 10px;background-color: #5492ff;z-index: 999999;transition: all 0.5s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.m-kefu-chat .kefu-content{height: -moz-calc(100% - 35px);height: -webkit-calc(100% - 35px);height: calc(100% - 35px);font-size: 0;background-color: #fff;overflow: hidden;box-shadow: none;-webkit-box-shadow: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;border: 0;}

.m-kefu-chat-front.mobile-hide .kefu-top{display: none!important;}
.kefu-top{width:100%;box-sizing:border-box;background-color: #5492ff;margin:0;padding:0;padding-left: 15px;font-size: 14px;color: #fff;height: 35px;line-height: 35;position: relative;font-weight: normal;padding-right: 30px; }
.kefu-top .logo{width:22px;height:22px;float: left;margin-top: 7.5px;margin-right: 10px; display: none;}
.kefu-top .title{background: none; padding: 0; margin: 0; border: 0; line-height:35px;font-weight:normal;color: #fff;display: inline-block;float: left;max-width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kefu-top .right-btn2{background: url("../home_img/open.png") center no-repeat;position: absolute;width: 15px;height: 12px;cursor: pointer;right: 15px;top: 12.5px;}
.kefu-top .right-btn2.active{background: url("../home_img/close.png") center no-repeat;}
iframe{width: 100%;margin: 0;padding: 0;visibility: inherit;opacity: 1;position: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mobile-logo{display: none;position: absolute;width: 100%;height: 100%; left: 0;top: 0;z-index: 999;background-color: #5492ff;border: 0; background-image: url("../home_img/kefu-logo2.png");background-repeat: no-repeat;background-position: center;background-size: 50% 50%;-webkit-background-size: 50% 50%;}
.mobile-close{display: none;position: absolute;width: 10px;height: 18px; left: 10px;top: 7.5px;z-index: 999;border: 0; background-image: url("../home_img/mobile-close.png");background-repeat: no-repeat;background-position: center;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
.mobile-logo span{display: none; position: absolute;width: 15%;height: 15%;top: 25%;right: 24%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #ff0000;}

/*20200421 后台添加聊天弹窗 + 前后台拖拽*/
.m-kefu-chat.m-kefu-chat-admin-dialog {width: 636px;height: 600px;background-color: transparent;overflow: visible;z-index: 9999;}
.m-kefu-chat.m-kefu-chat-admin-dialog .kefu-top{height: 50px;line-height: 50px;}
.m-kefu-chat.m-kefu-chat-admin-dialog .m-kefu-chat .kefu-content{height: -moz-calc(100% - 50px);height: -webkit-calc(100% - 50px);height: calc(100% - 50px);}
.m-kefu-chat.m-kefu-chat-admin-dialog .kefu-top .right-btn2{top: 20px;}
.m-kefu-chat.m-kefu-chat-admin-dialog .kefu-top .title{line-height: 50px;}
.m-kefu-chat.m-kefu-chat-admin-dialog .zhuai{ overflow: hidden; position: absolute;width: 100%;height: 100%;left:0px;top:0px;z-index: 9999999;}
.m-kefu-chat.m-kefu-chat-admin-dialog .mobile-logo{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.m-kefu-chat.m-kefu-chat-admin-dialog{overflow: visible !important;}
.m-kefu-chat.m-kefu-chat-admin-dialog.mobile-hide{border: 0px;}
.m-kefu-chat.m-kefu-chat-admin-dialog .mobile-close{top: 15px;}

/*后台提示信息*/
.no-chat-new-tip{display: none; position: fixed;top: 55px;right: 15px;padding: 20px 30px;background-color: #5492ff;color: #fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.no-chat-new-tip a{color: #fff;opacity: 1;}
.no-chat-new-tip .close{width: 20px;height: 20px;position: absolute;top: 5px;right: 5px;color: #fff;opacity: 1;}

/*前台*/
.m-kefu-chat.m-kefu-chat-front .zhuai{overflow: hidden; position: absolute;width: 100%;height: 100%;left:0px;top:0px;z-index: 9999999;}
.m-kefu-chat.m-kefu-chat-front{overflow: visible !important;background-color: transparent;}
.m-kefu-chat.m-kefu-chat-front.mobile-hide{border: 0px;}
.m-kefu-chat.m-kefu-chat-front .mobile-logo{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

.m-kefu-chat .kefu-content{position: relative;top: unset;}
.m-kefu-chat.mobile-hide .kefu-content{position: absolute;top: -1000px;}
.m-kefu-chat.mobile-hide .mobile-logo{display: block;}
.m-kefu-chat.mobile-hide {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; bottom: 50px !important;right: 25px;width: 50px;height: 50px;overflow: hidden;left: unset;border: 1px solid #5492ff;}
@media screen and (max-width: 1920px) {
    /*.m-kefu-chat{width: 100%;right: 0;left: 0;margin: 0 auto;height: 100%;bottom: 0 !important;border-radius: 0;min-width: 320px;}*/
    /*.m-kefu-chat .kefu-content{border-radius: 0;display: none;}*/
    /*.m-kefu-chat.mobile-hide {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; bottom: 50px !important;right: 25px;width: 70px;height: 70px;overflow: hidden;left: unset;border: 1px solid #5492ff;}*/

    /*.kefu-top .logo{display: none !important;}*/
    /*.kefu-top{padding-left: 30px;}*/
    /*.m-kefu-chat .mobile-close{display: block;}*/

    .m-kefu-chat.mobile-hide .mobile-close{display: none;}
    /*.kefu-top .right-btn2{top: -30px;}*/
    .m-kefu-chat.mobile-hide .iframe{}


}
@media screen and (max-width: 768px) {
    .m-kefu-chat.mobile-hide {bottom: 50px !important;right: 25px;width: 50px;height: 50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;left: unset;border: 1px solid #5492ff;}
}
@media screen and (max-width: 700px) {
    .m-kefu-chat{width: 100%;right: 0;left: 0;margin: 0 auto;height: 100%;bottom: 0 !important;border-radius: 0;min-width: 320px;}
    .m-kefu-chat .kefu-content{border-radius: 0;display: none;}
    .m-kefu-chat.mobile-hide {bottom: 50px !important;right: 25px;width: 8.3333%;height: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;min-width: 8.3333%;max-height: 8.3333%;padding: 8.3333% 0 0 0; overflow: hidden;left: unset;border: 1px solid #5492ff;}
    .m-kefu-chat.mobile-hide .mobile-logo{display: block;}
    .kefu-top .logo{display: none !important;}
    .kefu-top{padding-left: 30px;}
    .m-kefu-chat .mobile-close{display: block;}

    .m-kefu-chat.mobile-hide .mobile-close{display: none;}
    .kefu-top .right-btn2{top: -30px;}
    .m-kefu-chat.mobile-hide .iframe{}
}
@media screen and (max-width: 600px) {
    .m-kefu-chat.mobile-hide {bottom: 50px !important;right: 25px;width: 8.3333%;height: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;min-width: 8.3333%;max-height: 8.3333%;padding: 8.3333% 0 0 0; overflow: hidden;left: unset;border: 1px solid #5492ff;}
}
@media screen and (max-width: 500px) {
    .m-kefu-chat.mobile-hide {bottom: 50px !important;right: 25px;width: 11.3333%;height: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;min-width: 11.3333%;max-height: 11.3333%;padding: 11.3333% 0 0 0; overflow: hidden;left: unset;border: 1px solid #5492ff;}
}
@media screen and (max-width: 400px) {
    .m-kefu-chat.mobile-hide {bottom: 50px !important;right: 25px;width: 13.3333%;height: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;min-width: 13.3333%;max-height: 13.3333%;padding: 13.3333% 0 0 0; overflow: hidden;left: unset;border: 1px solid #5492ff;}
}

/*查看图片*/
.look-pic{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);display: none;z-index: 999999999999;}
.look-pic .look-pic-img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;text-align: center; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.look-pic .look-pic-img img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.look-pic .look-pic-close{cursor: pointer; position: absolute;width: 26px;height: 26px;background-color: #000;font-size: 20px;line-height: 26px;font-weight: bold;text-align: center;color: #fff;top: 20px;right: 20px;}
.look-pic .look-pic-close:hover{background-color: #ff0000;}
.m-kefu-chat.mobile-hide {cursor: pointer;}