.tip{
	flex: 1;
}

/* #ifndef APP-NVUE */
#center-view{
	height: 100vh;
	background-color: #f5f5f5 !important;
}
/* #endif */

/* #ifdef H5 */
@media screen and (min-device-width:960px){
  .pointer {
  	cursor: pointer;
  }
	#page {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100vw;
		background-color: #2e2e3e;
		min-width:960px;
	}
	
	#foot {
		position: fixed;
		bottom: 10px;
		flex-direction: row;
		color: #FFFFFF;
	}
	
	#foot .uni-link:hover{
		color: #00aa55 !important;
	}
  
  #foot .item {
    flex-direction: row;
    margin:0 50px;
    align-items: center;
  }
  #foot .item .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  #foot .item .link {
    margin-left: 5px;
  }
	
	#left-view,
	#center-view,
	#right-view{
		height: 95vh;
		position: relative;
		top: -2vh;
		background-color: #FFFFFF;
	}
	
	
	#center-view #conversation-list-box ::v-deep .conversation-list{
		max-height: calc(95vh - 70px);
    padding-top: 5px;
	}
	
	#left-view > *{
		cursor: pointer;
		margin-top: 36px;
	}
	#left-view > *:hover{
		/* border: 1px solid #fefefe; */
		box-shadow: 0 0 20px 2px #fefefe;
		border-radius: 10px;
	}
	
	#left-view{
		width:60px;
		align-items: center;
		padding-top: 100px;
		background-color: #ececec;
		border-radius: 20px 0 0 20px;
	}
	
	#center-view{
		width:300px;
	}
	
	#center-view #search-bar-box {
		flex-direction: row;
		align-items: center;
		height: 70px;
    padding:0 10px;
	}
	#center-view #search-bar {
		flex: 1;
	}
  
  
  .windows #center-view #conversation-list-box ::v-deep .conversation-list-item .uni-list-chat__container{
    padding-right: 10px;
  }
	
	#right-view{
		width: calc(100% - 370px);
		border-radius: 0 20px 20px 0;
		overflow: hidden;
    position: relative;
	}
	
	#right-view #chat-header{
		height: 70px;
		padding:0 20px;
		flex-direction: row;
		justify-content: end;
		align-items: center;
	}
	#right-view #chat-header .more{
		cursor: pointer;
	}
	
	#right-view #chat-view
	{
		max-height:calc(95vh - 70px);
	}
	
	#right-view #chat-view ::v-deep .page {
		flex: auto;
	}
	
	#right-view #chat-view ::v-deep .unread_count {
		display: none;
	}
	
	#right-view #chat-view ::v-deep .msg-list .uni-im-list .scroll-view{
		height: calc(95vh - 330px);
	}
	#right-view #chat-view ::v-deep .msg-list .uni-im-list .uni-im-msg{
		padding:0 10px;
	}
	
	#right-view #chat-view ::v-deep .msg-list .uni-im-list .uni-im-msg .cite-box{
		max-width:500px;
	}
	
	#right-view #chat-view ::v-deep .chat-foot,
	#right-view #chat-view ::v-deep .disable-input
  {
		position: relative;
		bottom: 0;
    width:100%;
	}
	
	#right-view #chat-view ::v-deep .chat-foot .pc,
  #right-view #chat-view ::v-deep .disable-input
  {
		display: flex;
		height: 260px;
		position: absolute;
		bottom:0;
		background-color: #f7f7f7;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
	}
  #right-view #chat-view ::v-deep .chat-foot .pc > *{
    width: 100%;
  }
	
	#right-view #chat-view ::v-deep .chat-foot .pc .tool-bar,
	#right-view #chat-view ::v-deep .chat-foot .pc .tool-bar .icons{
		flex-direction: row;
		height: 50px;
		align-items: center;
	}
	#right-view #chat-view ::v-deep .chat-foot .pc .tool-bar .icons .uni-im-icons{
		padding-right:30px;
	}
	
	#right-view #chat-view ::v-deep .chat-foot .pc .answer-msg{
		padding: 6px 10px;
		margin-bottom: 6px;
	}
	
	#right-view #chat-view ::v-deep .chat-foot .pc .textarea{
		height: 200px;
		background-color: #f7f7f7;
	}
	
	#right-view .chatInfoBox {
		z-index: 999;
		position: absolute;
		right:0;
		top: 70px;
		background-color: rgba(0,0,0,0.2);
		height: calc(95vh - 70px);
		align-items: flex-end;
    width: 100%;
	}
	
	#right-view .chatInfoBox ::v-deep .group-info-text{
		max-width: 250px !important;
    text-align: justify;
	}
	
	#uni-im-contacts-box {
		z-index: 10;
		height: 95vh;
    width: 100%;
		position: absolute;
    background-color: #f5f5f5;
	}
	
	/* pc端隐藏删除好友的按钮，后续改成长按（右键）可见 */
	#uni-im-contacts-box ::v-deep .delete-btn{
		display: none;
	}
	
	#ccid-is-null-tip{
		height: 95vh;
		padding-top: 15vh;
		align-items: center;
		background-color: #efefef;
    color: #999;
	}
	
	#dynamic-component-box {
		z-index: 9;
    width: 100%;
		height: 95vh;
		background-color: #fff;
    position: absolute;
    right: 0;
	}
	
	#dynamic-component-box .dynamic-component-title{
		padding-left: 15px;
		height: 70px;
		justify-content: center;
		border: 1px solid #efefef;
	}
	
	#right-view  #dynamic-component-box .system-notice-box{
		width: 100%;
	}
	#right-view ::v-deep #dynamic-component-box .create-group-box .header-box{
    width: 100%;
	}
  #right-view ::v-deep #dynamic-component-box .create-group-box .header-box .uni-searchbar {
    width: 100%;
  }
}
/* #endif */