#chatapp {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1200;
}
#chatinfo {
/*	display: none;*/
	position: fixed;
	right: 10px;
	bottom: 0;
/*	width: calc(100% - 20px);*/
	background-color: #fff;
	z-index: 1200;
}
body.openchat {
	overflow: hidden;
}
.openchat #chatapp {
	display: block;
}
.openchat #chatinfo {
	display: none;
}
.chat-top {
	height: 50px;
}
.chat-main {
	position: absolute;
	top: 50px;
	bottom: 60px;
	left: 0;
	right: 0;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#chatwritewin {
/*	background-image: url(/images/chatbg0.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;*/
	background-color: #8CABD8;
	padding-top: 50px;
}
#chatmessagelist {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px 20px 10px;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.chat-text {
	border-radius: 10px;
}
.chat-embed {
	border-left: 3px solid #007BFF;
	margin: .5rem 0;
	overflow: hidden;
}
.bg-success .chat-embed {
	border-color: #fff;
}
.chat-embed-desc {
	line-height: 1.25;
	max-height: 2.1875rem;
	overflow: hidden;
}
.chat-emo-list {
	height: 180px;
	padding: 0 15px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.chat-emo-catwrap {
	position: relative;
	line-height: 36px;
	text-align: center;
	height: 38px;
	padding-left: 38px;
}
.chat-emo-catico {
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
}
#chat-emo-cats .swiper-slide {
	width: 38px;
	height: 100%;
}
#chat-emo-cats .swiper-slide-thumb-active {
	color: #000;
	background-color: #4b4d4c;
}
#chat-emo-cats img {
	width: 32px;
	height: 32px;
	opacity: .6;
}
#chat-emo-cats .swiper-slide-thumb-active img {
	opacity: 1;
}
#chat-emo-preview {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .8);
	z-index: 1;
}
#chat-emo-preview div {
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 30px;
	transform: translate(-50%, 0);
}
#chat-emo-preview button {
	position: absolute;
	top: 0;
	right: 0;
}
.img-emo {
	display: block;
	max-width: 60%;
	margin: 0 auto;
}
.bg-mychat {
	background-color: #71DD54!important;
}
.border-mychat {
	border-color: #71DD54!important;
}

@media (min-width: 768px) {	
	#chatapp {
		width: 380px;
	}
	#chatinfo {
		bottom: 10px;
		width: 280px;
	}
	body.openchat {
		overflow: visible;
	}
}