applte/pages/index/index.wxss

/**index.wxss**/
.qrcode {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 30rpx 0;
	margin: 30rpx;
	background: linear-gradient(to left, #72BEFC, #419AFE);
	border-radius: 30rpx;
	text-align: center;
	justify-content: center;
}

.qrimg {
	width: 80rpx;
}

.qrimg image {
	width: 100%;
}

.qrcode .text {
	text-align: left;
	margin-left: 20rpx;
	color: #fff;
}


.roomlist{
	padding: 30rpx;
	box-sizing: border-box;
}
.cu-item{
	padding: 10rpx 0;
	position: relative;
	/* display: flex; */
	/* padding-right: 10rpx; */
	/* height: 140rpx; */
	background-color: #ffffff;
	/* justify-content: flex-end; */
	align-items: center;
	transition: all .6s ease-in-out 0s;
	-webkit-transform: translateX(0rpx);
	transform: translateX(0rpx);
	/* border-bottom: 2rpx solid #eee; */
	box-shadow: 2px 2px 10px #d6d7d8;
	border-radius: 15px;
	box-sizing: border-box;
}
.cu-avatar{
	position: absolute;
  left: 30rpx;
}
.cu-item .content{
	/* position: absolute;
    left: 146rpx;
    width: calc(100% - 96rpx - 60rpx); */
    line-height: 1.5em;
}
.cu-item .content .text-gray{
	font-size: 30rpx;
    display: flex;
    align-items: center;
}
.cu-item .content .text-gray .margin-right-xs{
	font-size: 24rpx;
	color: #555;
	font-weight: bold;	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: wrap;
	overflow: hidden;
}
.cu-item .content .text-gray .text-cut .colorhui{
	color: #666;
}
.cu-item .text-green{
	color: #f37b1d;
	font-size: 54rpx;
	position: absolute;
    left: 30rpx;
}
.cu-item .text-orange{
		font-size: 54rpx;
		color: #39b54a;
}

.selectRoom{
	padding: 0 30rpx;
}
.selectRoom picker{
	font-size: 28rpx;
	display: inline-block;
	margin: 0 10rpx;
}
.picker{
	display: inline-block;
	box-shadow: 1px 1px 10px #eee;
	border-radius: 10px;
	padding: 4px 10px;
}
.colorRed{
	color: red !important;
}
.selectRoom .jt{display: inline-block;color: #333;}