diff --git a/static/css/common.css b/static/css/common.css
index 5532ac1..220fd67 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -374,6 +374,7 @@
 .footContact{text-align: center;}
 .footContact a{font-size: 12px;color: #999;text-decoration: none;}
 .chatTime{text-align: center;color: #bbb;margin: 12px 0;font-size: 12px;}
+.chatTime span{display: inline-block;padding: 2px 5px;background: rgb(218,218,218);color: #fff;}
 .chatTimeHide{display: none;}
 .visitorInfo .el-menu-item{
     font-size: 12px;
diff --git a/static/html/chat_page.html b/static/html/chat_page.html
index a19a32a..7dae0d8 100644
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@@ -43,7 +43,7 @@
                 </el-row>
 
                 <el-row :gutter="2" v-for="v in msgList" v-bind:class="{'chatBoxMe': v.is_kefu==true}">
-                    <div class="chatTime" v-bind:class="{'chatTimeHide': v.show_time==false}"><{v.time}></div>
+                    <div class="chatTime" v-bind:class="{'chatTimeHide': v.show_time==false}"><span><{v.time}></span></div>
                     <el-col :span="3"><el-avatar shape="square" :size="36" :src="v.avator"></el-avatar></el-col>
                     <el-col :span="21">
                         <div class="chatUser"><{v.name}></div>