.main-section{width:300px;position:fixed;right:70px;bottom:-350px;z-index:9999}.first-section:hover{cursor:pointer}.open-more{bottom:0;transition:2s}.border-chat{border:1px solid #9ac739;margin:0}.first-section{background-color:#9ac739}.first-section p{color:#fff;margin:0;padding:10px 0}.first-section p:hover{color:#fff;cursor:pointer}.right-first-section{text-align:right}.right-first-section i{color:#fff;font-size:15px;padding:12px 3px}.right-first-section i:hover{color:#fff}.chat-section ul li{list-style:none;margin-top:10px;position:relative}.chat-section{overflow-y:scroll;height:300px}.chat-section ul{padding:0}.left-chat img,.right-chat img{width:50px;height:50px;float:left;margin:0 10px}.right-chat img{float:right}.left-chat,.right-chat{overflow:hidden}.left-chat p,.right-chat p{background-color:#9ac739;padding:10px;color:#fff;border-radius:5px;float:left;width:60%;margin-bottom:20px}.left-chat span,.right-chat span{position:absolute;left:70px;top:75px;color:#979798}.left-chat:before,.right-chat:before{content:" ";position:absolute;top:0;bottom:150px}.right-chat span{left:45px}.right-chat p{float:right;background-color:#fff;color:#323232}.text-bar input{width:90%;margin-left:-15px;padding:10px;border:1px solid #fff}.text-bar a i{background-color:#9ac739;color:#fff;width:30px;height:30px;padding:7px 0;border-radius:50%;text-align:center}.left-chat:before{left:55px;border:15px solid transparent;border-top-color:#9ac739}.right-chat:before{right:55px;border:15px solid transparent;border-top-color:#fff}