@font-face{font-display:block;font-family:chat-fonticon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?8lj0ri);src:url(fonts/icomoon.eot?8lj0ri#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?8lj0ri) format("truetype"),url(fonts/icomoon.woff?8lj0ri) format("woff"),url(fonts/icomoon.svg?8lj0ri#icomoon) format("svg")}.chat-fa{font-family:chat-fonticon!important;speak:never;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;}.chat-root{background:transparent;bottom:10%;position:fixed;right:2%;z-index:9999}.chat-root *{margin:0;padding:0}.chat-main{display:none;-webkit-filter:drop-shadow(0 0 10px hsla(0,0%,71%,.7));filter:drop-shadow(0 0 10px rgba(180,180,180,.7));overflow:hidden;right:25px}.chat-box,.chat-main{bottom:0;position:absolute;width:330px}.chat-box{background:transparent;left:330px;opacity:0}.chat-btn{background:-webkit-gradient(linear,right top,left bottom,from(#9a1aff),to(#1094fa));background:-webkit-linear-gradient(top right,#9a1aff,#1094fa);background:-moz-linear-gradient(top right,#9a1aff,#1094fa);background:linear-gradient(to bottom left,#9a1aff,#1094fa);bottom:25px;-webkit-filter:drop-shadow(0 0 8px #0e77ca);filter:drop-shadow(0 0 8px #0e77ca);height:50px;line-height:50px;right:0;text-align:center;width:50px}.chat-btn,.chat-btn:before{border-radius:50%;position:absolute}.chat-btn:before{background:#fff;content:" ";height:100%;overflow:hidden;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);transition:-webkit-transform .3s linear 0s;-webkit-transition:-webkit-transform .3s linear 0s;-moz-transition:transform .3s linear 0s,-moz-transform .3s linear 0s;transition:transform .3s linear 0s;transition:transform .3s linear 0s,-webkit-transform .3s linear 0s,-moz-transform .3s linear 0s;width:100%}.chat-btn:active:before{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.chat-btn i{color:#fff;display:inline-block;font-size:23px;height:100%;line-height:inherit;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .3s linear 0s;transition:-webkit-transform .3s linear 0s;-moz-transition:transform .3s linear 0s,-moz-transform .3s linear 0s;transition:transform .3s linear 0s;transition:transform .3s linear 0s,-webkit-transform .3s linear 0s,-moz-transform .3s linear 0s;width:100%}.chat-btn:active i{color:#175ed9;-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}.chat-open>i:after{content:"\e902"}.chat-send>i:after{content:"\e949"}.chat-top>i:after{content:"\e903"}.chat-head{background:-webkit-gradient(linear,right top,left bottom,from(#9a1aff),to(#1094fa));background:-webkit-linear-gradient(top right,#9a1aff,#1094fa);background:-moz-linear-gradient(top right,#9a1aff,#1094fa);background:linear-gradient(to bottom left,#9a1aff,#1094fa);border-top-left-radius:10px;border-top-right-radius:10px;padding:25px 20px;text-align:left}.chat-head .chat-avatar{border-radius:50%;float:left;height:50px;margin-right:10px;width:50px}.chat-title{color:#f5f5f5;font-size:20px;text-align:left;width:100%}.chat-close,.chat-title{height:50px;line-height:50px}.chat-close{display:inline-block;float:right;font-size:25px}i.chat-close:after{content:"\e900"}.chat-container{height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:#fff;font-size:10px}.chat-container::-webkit-scrollbar{width:0}.chat-item{margin:1.5em 1em;width:auto}.chat-time{margin:1em 0;text-align:center;width:100%}.chat-content{margin:.3em .5em;text-align:left;width:auto}.chat-name{color:rgba(88,88,88,.5);font-size:1em;margin:0 0 .3em}.chat-name,.chat-text{display:inline-block;text-align:left}.chat-text{background:#f0f2f7;border-radius:15px;color:#333;-webkit-filter:drop-shadow(0 0 8px rgba(80,80,80,.5));filter:drop-shadow(0 0 8px rgba(80,80,80,.5));font-size:14px;line-height:25px;max-width:100%;min-width:25px;padding:5px 10px;word-break:break-all}.chat-text a{color:#36adfc;text-decoration:none}.chat-text a:hover{color:#329ae2}i.chat-dot{-webkit-animation:chat-dot 1s linear infinite;-moz-animation:chat-dot 1s linear infinite;animation:chat-dot 1s linear infinite;display:inline-block;font-size:1.2em;height:25px;line-height:25px;text-align:center;width:25px}i.chat-dot:after{content:"\e901"}.chat-reply .chat-content{text-align:right}.chat-reply .chat-avatar{float:right}.chat-reply .chat-text{background:-webkit-gradient(linear,right top,left bottom,from(#1090f9),to(#9fbff9));background:-webkit-linear-gradient(top right,#1090f9,#9fbff9);background:-moz-linear-gradient(top right,#1090f9,#9fbff9);background:linear-gradient(to bottom left,#1090f9,#9fbff9);color:#fff}.chat-input{background:#fff;border-bottom-left-radius:10px 10px;border-bottom-right-radius:10px 10px;border-top:1px solid hsla(0,0%,78%,.5);padding:15px 0 25px}.chat-input [name=msg]{border:none;height:30px;outline:none;padding:0 10px;resize:none;scrollbar-width:none;white-space:pre-line;width:280px;word-break:break-all;-ms-overflow-style:none}.chat-input [name=msg]::-webkit-scrollbar{display:none}@media screen and (max-width:640px){.chat-main,.chat-root{bottom:0;right:0}.chat-main{height:100%!important;left:0;position:fixed;top:0;width:100%}.chat-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column;-webkit-flex-direction:column;flex-direction:column;height:100%;width:100%}.chat-head{border-top-left-radius:0;border-top-right-radius:0}.chat-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.chat-container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;height:auto}.chat-btn{bottom:60px;height:40px;line-height:40px;position:fixed;right:20px;-webkit-transition:bottom .3s linear;-moz-transition:bottom .3s linear;transition:bottom .3s linear;width:40px}.chat-send{bottom:20px}.chat-input [name=msg]{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px)}}@-webkit-keyframes chat-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-moz-keyframes chat-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes chat-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}