.back-chat{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,182,255,.13)}.chat{position:fixed;bottom:0;right:25px;z-index:9999;background:#fff;width:300px;max-width:100%;box-shadow:0 0 6px rgba(71,71,71,.63)}.chat-title{padding:12px 0 12px;position:relative;color:#000;font-size:25px;text-transform:uppercase;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.chat-title>span:last-child{position:absolute;top:0;right:0;color:#fff;background:#4dc0eb;font-size:24px;width:35px;height:35px;cursor:pointer}.chat-title>span:last-child:before,.chat-title>span:last-child:after{content:'';position:absolute;top:10px;left:17px;width:1px;height:15px;transform:rotate(-45deg);background:#fff}.chat-title>span:last-child:after{transform:rotate(45deg)}.chat-manager{text-align:left;padding:0 20px 10px;display:flex;display:-webkit-flex;border-bottom:1px solid #f9f9f9}.chat-manager>div:first-child{width:45px;margin-right:10px}.chat-manager>div:first-child>img{width:45px;height:45px;border-radius:50%}.chat-manager>div:first-child>span{width:80px;height:80px;border-radius:50%;line-height:80px;text-align:center;background:#fafafa;color:#b7b7b7}.chat-manager>div:last-child{color:#656363;font-size:14px;flex:1;-webkit-flex:1}.chat-dialog{text-align:left;padding:10px 15px;height:200px;overflow-y:scroll;font-weight:500;font-size:14px;background:#fdfdfd}.cd-single{color:#000;margin-bottom:10px}.cd-single>label{color:#39b6e3}.cd-single>p{margin:0;padding:5px 0 0}.chat-message{padding:10px;border-top:1px solid #f9f9f9;background:#fdfdfd;display:flex;display:-webkit-flex}.chat-message>textarea{margin-right:0;flex:1;-webkit-flex:1;height:50px;border:1px solid #eaeaea;color:#888;resize:none}.chat-message>.btn{width:65px;padding:7px 5px}.chat-dialog::-webkit-scrollbar{background:transparent;overflow:visible;width:4px}.chat-dialog::-webkit-scrollbar-thumb{background-color:rgb(60,176,219)}.chat-dialog::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}.chat-dialog::-webkit-scrollbar-thumb:horizontal{border-width:4px 6px;min-width:40px}.chat-dialog::-webkit-scrollbar-thumb:vertical{border-width:6px 4px;min-height:40px}.chat-dialog::-webkit-scrollbar-track-piece{background-color:#f0f2f5}.chat-dialog::-webkit-scrollbar-corner{background:transparent}.chat-dialog::-webkit-scrollbar-thumb{background-color:#4dc0eb;box-shadow:inset 1px 1px 0 rgba(204,180,180,.1),inset 0 -1px 0 rgba(0,0,0,.07)}.chat-dialog::-webkit-scrollbar-thumb:hover{background-color:#49bae4}.chat-btn{position:fixed;bottom:10px;right:10px;background:#fff;width:273px;height:60px;text-align:left;z-index:9999;color:#000;font-size:30px;text-transform:uppercase;padding:20px 19px;cursor:pointer;box-shadow:0 0 5px rgba(71,71,71,.63);border-radius:4px;overflow:hidden}.chat-btn>span{position:absolute;top:0;right:0;background:#4dc0eb;width:60px;height:60px;text-align:center;display:block;padding:10px 0}.chat-btn>img{width:35px;margin:-10px 15px 0 -7px;float:left}.chat-welcome{padding:0 25px 25px;text-align:left}.chat-welcome>input{width:100%;margin-bottom:20px;border:1px solid #b8b8b8;height:36px;padding:10px 20px}.chat-welcome>.btn{text-transform:uppercase;width:100%;height:40px}.cd-block{display:-webkit-flex;display:flex}.cd-image{width:40px;padding-right:10px}.cd-image>span{width:30px;height:30px;line-height:30px;text-align:center;background:#f0f2f5;color:#a2c3d0;border-radius:50%}.cd-image>img{border-radius:50%;width:35px;height:35px}