| 
					
				 | 
			
			
				@@ -50,7 +50,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           :width="windowWidth" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           :height="windowHeight" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           :user="UserData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          ref="IMUI"   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ref="IMUI" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           :theme="theme" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           :hide-menu="hideMenu" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           :hide-menu-avatar="hideMenuAvatar" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -78,7 +78,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </lemon-chatui> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        <el-dialog :visible.sync="dialogVisible" append-to-body width="35%"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				          <img style="width:100%;height:auto" :src="dialogImageUrl" alt="" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-dialog> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -87,10 +87,10 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                :close-on-click-modal="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                :destroy-on-close="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                :width="aplayer.pWidth" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-               :height="aplayer.height"  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+               :height="aplayer.height" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                @close="dialogVideoVisible=false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                ref="player"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <videoPlayer  :width="aplayer.width" :height="aplayer.height"  :videoWidth="aplayer.videoWidth"  :videoHeight="aplayer.videoHeight"   :vid="aplayer.vid"  :autoplay="true"  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <videoPlayer  :width="aplayer.width" :height="aplayer.height"  :videoWidth="aplayer.videoWidth"  :videoHeight="aplayer.videoHeight"   :vid="aplayer.vid"  :autoplay="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 :source="dialogVideoUrl" :cover="dialogVideoCover" ref="player"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </videoPlayer> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        </el-dialog> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -123,7 +123,7 @@ import { getCompanyList } from "@/api/company/company"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 let pages = {}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   name: "qwChat", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  components: {    
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     Material, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     VideoPlayer, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     ChatRecords, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -156,7 +156,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       isFromLogin:false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       dialogImageUrl: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       dialogVisible: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      dialogVideoVisible:false,  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      dialogVideoVisible:false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       dialogVideoUrl:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       dialogVideoCover:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       imageArr:[], 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -168,7 +168,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         height:"900px", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         videoWidth:"1000px", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         videoHeight:"900px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-         
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       player: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       roomMembers:[], 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -208,7 +208,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // this.setQwUserInfo(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // this.getContacts();  //获取联系人信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // this.getConversation();   //获取会话信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const IMUI = this.$refs.IMUI; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     IMUI.initMenus([ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -252,7 +252,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //   isBottom: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-       
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       , 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           name: "custom2", 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -267,8 +267,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           isBottom: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     ]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    IMUI.initEmoji(EmojiData);  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    IMUI.initEmoji(EmojiData); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -302,7 +302,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.users = response.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    companyUserChange(companyUserId){   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    companyUserChange(companyUserId){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        this.queryParams.companyUserId=companyUserId; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        this.qwListAccount(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -338,9 +338,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.setQwUserInfo(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.getContacts();  //获取联系人信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.getConversation();   //获取会话信息  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.getConversation();   //获取会话信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     setQwUserInfo(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.deviceId=this.qwUser.deviceId; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.UserData.id=this.qwUser.userId; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -417,7 +417,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                   getConversation(queryParams).then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                         if(response.code==200){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                             var conversation=response.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                                            IMUI.appendConversation(conversation);  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                                            IMUI.appendConversation(conversation); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                             that.appendMessageAction(msgData); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                 }); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -425,7 +425,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                 that.appendMessageAction(msgData); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                 let conversation=IMUI.findConversation(msgData.toContactId); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                                 IMUI.topPopConversations(conversation); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                                 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                           } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 }; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -442,7 +442,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				              this.roomInfo=response.detail; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getContacts(){   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getContacts(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       getContactsByUser(this.qwUser.userId).then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            this.contactData = response.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            this.$refs.IMUI.initContacts(this.contactData); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -458,7 +458,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            if(fstConversation){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               IMUI.changeContact(fstConversation.conversationId); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     messageTimeFormat(time) { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -520,12 +520,12 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        instance.closeDrawer(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     handleChangeContact(contact, instance) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-         
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //收到消息后添加消息显示 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     appendMessageAction(msgData){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          if(msgData.type=="text" || msgData.type=="image" || msgData.type=="voice"){     //文本   text  image  video  voice  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if(msgData.type=="text" || msgData.type=="image" || msgData.type=="voice"){     //文本   text  image  video  voice 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               const message = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     id: msgData.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     status: msgData.status, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -602,14 +602,14 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       console.log("Event:menu-avatar-click"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //聊天工具栏点击图片 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    handleImageClick() {  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleImageClick() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //this.$refs.material.openMaterial(this.qwUser.deviceId); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    handleMsgRecordsClick() {  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleMsgRecordsClick() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       console.log("qxj handleMsgRecordsClick"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.$refs.chatRecords.open(this.qwUser,this.queryParams.conversationId,this.conversationData); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    handleExportMsgClick() {  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleExportMsgClick() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       let that=this; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.$confirm('是否确认导出消息记录吗?', "警告", { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             confirmButtonText: "确定", 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -643,11 +643,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            var url=!!message.url?message.url:message.content; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            this.handlePicturePreview(url); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      else if(message.type=="video"){   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      else if(message.type=="video"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            this.tooglePlayVideo(message); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      else if(message.type=="file"){   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      else if(message.type=="file"){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if (key == "status") { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         instance.updateMessage({ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -779,7 +779,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     .imui-center{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        margin-bottom:"60px";  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-bottom:"60px"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         align-items: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         justify-content: center; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -812,11 +812,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         padding: 0 8px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    /deep/.el-dialog__headerbtn{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    ::v-deep.el-dialog__headerbtn{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				          top:10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    /deep/.el-dialog:not(.is-fullscreen) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    ::v-deep.el-dialog:not(.is-fullscreen) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         margin-top: 0 !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -838,14 +838,14 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-   /deep/.el-form-item{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+   ::v-deep.el-form-item{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         margin-bottom: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         vertical-align: middle !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-   
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -858,7 +858,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         padding:0 0 10px 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .slot-group-notice 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            padding: 10px 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       .slot-search 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            width:calc(100% - 20px) ; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				            margin:5px 10px; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -875,11 +875,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               height: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               line-height: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               margin-right:5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              img  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              img 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 vertical-align: middle; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 border-style: none; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 line-height: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 border-radius: 50%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-</style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |