* {

	margin: 0;

	padding: 0;

	/*touch-action: none;*/

}



.msg-content {

	height: 100vh;

}



.header {

	background-color: rgb(242, 242, 242);

	color: rgb(0, 0, 0);

	text-align: center;

	padding: 15px;

}



.header h5 {

	font-size: 16px;

}



footer {

	width: 100%;

	left: 0;

	right: 0;

	position: fixed;

	bottom: 0;

	background: #f2f4f7;

	z-index: 30;

	transition: all .15s linear;

}



.footer {

	display: flex;

	justify-content: space-around;

}



.footer-center {

	width: 75%;

	min-height: 40px;

	display: flex;

	align-items: center;

	position: relative;

}



.input-text {

	resize: none;

	padding: 5px;

	box-sizing: border-box;

	border-radius: 20px;

	background: none;

	color: inherit;

	opacity: 1;

	font: inherit;

	letter-spacing: inherit;

	text-align: inherit;

	text-indent: inherit;

	text-transform: inherit;

	text-shadow: inherit;

	overflow-y: hidden;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	white-space: inherit;

	word-break: inherit;

	caret-color: #00a4ff;

	border: 1px solid rgb(133, 133, 133);

}



.iconem {

	flex-shrink: 0;

	width: 40px;

	padding-left: 10upx;

	display: flex;

	justify-content: center;

	align-items: center;



}



.em i {

	display: block;

}



.btn {
	/* height: 25px; */
	height: 100%;
    border: 0;
	width: 60px;

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 20px;

	background-color: rgb(45, 105, 225);

	color: #fff;

}



.content {

	height: calc(100% - 50.8px);

	background: #eaeaea;

	overflow: hidden auto;

	padding: 0 10px;

}



.msg-list {

	padding-bottom: 0px;

}



.row {

	padding: 10px 0;

}



.img-box {

	max-width: 73vw;

}



.msg-right {

	width: 100%;

	display: flex;

	justify-content: flex-end;

}



.msg-right .left {

	min-height: 44px;

	align-items: center;

	justify-content: flex-end;

	width: 100%;

	display: flex;

}



.msg-right .left .bubble {

	/*background-color: #f06c7a;*/

	/*color: #fff;*/

	/* background-color: #fff; */

	border-radius: 15px 15px 3px 15px;

	background-color: rgb(45, 105, 225);

	color: #fff;

	max-width: 70%;

	min-height: 27px;

	padding: 10px;

	display: flex;

	align-items: center;

	word-break: break-word;

	line-height: 22px;

}



.msg-right .right {

	margin-left: 8px;

	flex-shrink: 0;

	width: 44px;

	height: 44px;

}



.msg-left {

	width: 100%;

	display: flex;

	justify-content: flex-start;

}



.msg-left .left {

	margin-right: 10px;

}



.msg-left .right {

	flex-wrap: wrap;

}



.msg-left .right .username {

	/* width: 100%; */

	height: 24px;

	font-size: 13px;

	color: #999;

	display: flex;

}



.msg-left .right .bubble .chatQiwrap,

.msg-left .right .bubbleBg {

	display: inline-block;

	background-color: #fff;

	color: #333;

	min-height: 27px;

	border-radius: 5px;

	padding: 8px 11px;

	font-size: 14px !important;

	border-radius: 5px 15px 15px 15px;

}



.portrait {

	width: 44px!important;

	height: 44px!important;

}



.portrait img {

	width: 40px!important;

	height: 40px!important;

	/* border-radius: 50%; */

}



.popup-layer {

	transition: all .15s linear;

	width: 100%;

	height: 100%;

	padding: 0;

	background-color: #f3f3f3;

	border-top: solid 0.5px #ddd;

	position: fixed;

	z-index: 20;

	top: 100%;

	left: 0;

	bottom: 0;

}



.showLayer {

	transform: translate3d(0, -178px, 0);

}



.swiper-box {

	/* width: 100%; */

	/* display: none; */

	overflow: hidden;

}



.swiper-item {

	flex-wrap: wrap;

	display: flex;

	justify-content: center;

	align-items: center;

}



.swiper-view {

	width: 34px;

	height: 34px;

	margin: 6px;

}



.swiper-view img {

	width: 34px;

	height: 34px;

}



.NewGDB {

	height: 20px;

}



.more-layer {



	display: none;

}



.flex {

	display: flex;

}



.more-layer .list {

	width: 70px;

	height: 70px;

	border-radius: 11px;

	background-color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	margin: 0 3vw 2vw 3vw;

}



.file-box {

	position: relative;

}



.file {

	width: 32px;

	height: 32px;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

}