mini_rabot/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.content {
		text-align: center;
}
.chat-box {
		background: #f4f5f7;
		padding-top: 3%;
		padding-bottom:100rpx;
}
.tips-box {
		background:#D5D5DA;
		font-size: 28rpx;
		color: #fff;
		border-radius: 30rpx;
		width: 50%;
		margin: 0 auto;
		height: 50rpx;
		line-height: 50rpx
}
.tips-title{
		width: 70%;
		margin-top: 5%;
		font-size: 30rpx;
		height: 70rpx;
		line-height: 70rpx
}
.send-box {
		width: 100%;
		height: 90rpx;
		position: fixed;
		bottom: 0;
		background: #F4F0ED;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.talk-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 3%;
}
.talk-box-end{
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
}
.talk-head-box {
		width: 80rpx;
		height:80rpx;
		border-radius: 30rpx;
		margin-left: 2%;
        margin-right: 2%;
}
.talk-head {
		width: 100%;
		height: 100%;
		border-radius: 50%;
}
.talk-content {
		padding: 2%;
		background: #fff;
	/* 	height:50rpx;
		line-height: 50rpx; */
		font-size: 28rpx;
		border-top-right-radius: 20rpx;
		border-bottom-left-radius: 20rpx;
		border-bottom-right-radius:20rpx;
		text-align: left;
		max-width: 70%;
}
.enter-box {
		width: 78%;
		height: 70rpx;
		margin-left: 5px;
		background: #fff;
		border-radius: 1%;
}
.submit-message {
		width: 18%;
		height: 70rpx;
		font-size: 28rpx;
		line-height: 70rpx;
		color: #fff;
		background-color: #0A98D5!important;
}
.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
}
.text-area {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.title {
		font-size: 36rpx;
		color: #8f8f94;
}