.lite-chatbox{font-family: Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;padding-bottom: 15px;font-size:18px;width: 100%;position:relative;overflow-y: auto;overflow-x: hidden;}.lite-chatbox .cmsg{position: relative;margin: 4px 7px;min-height: 50px;border: 0;}.lite-chatbox .cright{text-align: right;margin-left: 64px;}.lite-chatbox .cleft{text-align: left;margin-right: 64px;}.lite-chatbox img.headIcon{width: 34px;height: 34px;top: 9px;position: absolute;border: 1px solid #c5d4c4;}.lite-chatbox .name{color: #8b8b8b;font-size: 12px;display: block;line-height: 18px;}.lite-chatbox .name .htitle{display: inline-block;padding: 0 3px 0 3px;background-color: #cccccc;color: #ffffff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-right: 4px;font-size: 11px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;vertical-align: middle;max-width: 50px;}.lite-chatbox .content{word-break: break-all;word-wrap: break-word;text-align: left;position: relative;display: inline-block;font-size: 15px;padding: 10px 15px;line-height: 20px;min-width: 9px;min-height: 18px;}.lite-chatbox .content img{width: 100%;height: auto;}.lite-chatbox .content a{color: #0072C1;margin: 0 5px;cursor: hand;}.lite-chatbox .tips{margin: 12px;text-align: center;font-size: 12px;}.lite-chatbox .tips span{display: inline-block;padding: 4px;background-color: #cccccc;color: #ffffff;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}.lite-chatbox img.radius{-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}.lite-chatbox .cright img.headIcon{right: 0;}.lite-chatbox .cleft img.headIcon{left: 0;}.lite-chatbox .cright .name{margin: 0 48px 2px 0;}.lite-chatbox .cleft .name{margin: 0 0 2px 48px;}.lite-chatbox .cleft .content{margin: 0 0 0 48px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;color: #1a1a1a;border: 1px solid rgba(0, 0, 0, 0.05);background: #FFFFFF;-webkit-box-shadow: 5px 5px 15px 0 rgba(102,102,102,0.1);box-shadow: 5px 5px 15px 0 rgba(102,102,102,0.1);}.lite-chatbox .cleft .content:before {content: " ";position: absolute;right: 100%;top: 10px;margin-top: -2px;border: 7px solid transparent;border-right-color: #fff;}.lite-chatbox .cright .content{margin: 0 48px 0 0;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;color: #1a1a1a;background: #a9e97a;-webkit-box-shadow: 5px 5px 15px 0 rgba(102,102,102,0.15);box-shadow: 5px 5px 15px 0 rgba(102,102,102,0.15);}.lite-chatbox .cright .content:before{content: " ";position: absolute;left: 100%;top: 10px;margin: -5px 0 0;border: 7px solid transparent;border-right-color: #a9e97a;transform:rotate(180deg);}.lite-chatbox .tips .tips-primary{background-color: #3986c8;}.lite-chatbox .tips .tips-success{background-color: #49b649;}.lite-chatbox .tips .tips-info{background-color: #5bb6d1;}.lite-chatbox .tips .tips-warning{background-color: #eea948;}.lite-chatbox .tips .tips-danger{background-color: #e24d48;}.lite-chatbox .name .admin{background-color: #72D6A0;}.lite-chatbox .name .owner{background-color: #F2BF25;}