applte/pages/bindLock/bindLock.wxss

/* pages/bindLock/bindLock.wxss */
.titleText{
	margin:0 30rpx;
}
	.tobarclass {
		width: 100%;
	}

	.leftlistwai {
		height: 100vh;
	}

	.addlock {
		width: 300upx;
		height: 300upx;
		border-radius: 50%;
		box-shadow: 2upx 2upx 10upx #666;
		position: relative;
		margin: 100upx auto 100upx;
		display: flex;
		text-align: center;
		align-items: center;
	}

	.addlock .iconfont {
		font-size: 100upx;
		margin: 0 auto;
		color: #aaa;
	}

	.text {
		font-size: 24upx;
		color: #aaa;
		text-align: center;
	}

	.uni-input {
		display: inline-block;
		vertical-align: middle;
		font-size: 24upx;
		min-width: 130upx;
		line-height: 50upx;
	}

	.cuIcon-usefullfill {
		display: inline-block;
		vertical-align: middle;
		transform: rotate(180deg);
		font-size: 24upx;
	}

	.alllist {
		padding: 0 30upx;
	}

	.cu-list .cu-item .action {
		width: 150upx;
	}

	.cu-list.menu-avatar>.cu-item .content {
		width: calc(100% - 120upx);
	}

	.content .margin-right-xs,
	.content .name {
		font-size: 24upx;
	}

	.cu-avatar {
		background: none;
	}

	.cu-item .cu-avatar.lg {
		font-size: 3em;
		color: #B8F599;
		left: 0,
	}

	.bindlock {
		position: fixed;
		right: 30upx;
		bottom: 200upx;
		width: 100upx;
		background: #fff;
		border-radius: 50%;
	}

	.bindlock image {
		width: 100%;
	}

	.bindroom {
		height: 300upx;
		width: 100%;
		background: #02BFFF;
		position: relative;
		/* display: flex; */
		align-items: center;
		text-align: center;
	}

	.bindroom .bindbtn {
		display: inline-block;
		margin: 20px auto 0;
		padding: 10upx 30upx;
		color: #f74c22;
		background: #fff;
		border-radius: 30upx;
	}

	.actionList .actionli {
    text-align: center;
    display: inline-block;
    width: 25%;
    padding: 30upx 0;
    border-right: 1upx solid #f2f3f5;
    border-bottom: 1upx solid #f2f3f5;
  }
  .actionList .actionli .iconfont {
    font-size: 60upx;
    margin-bottom: 20upx;
	}
	
	.btnnormal{
		margin: 30rpx;
		box-sizing: border-box;
	}
	.btnnormal .btn{
		margin-bottom: 30rpx;
		display: block;
	}

	.radio1{
		margin-top: 20rpx;
  }
  
  .popUp{
    background: #fff;
    height: 100vh;
    overflow-y: auto;
    position: relative;
  }

.width-percentage-25{
  width: 30%;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.width-percentage-75{
  width: 70%;
}
.popUpSearchBg{
  background: #02BFFF;
  align-items: center;
  color: #fff;
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  left: 0;
}
.search-margin{
  margin-top: 60px;
}



.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;
}
.jt{
  display: inline-block;
  max-width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.confselect{
  right: 0;
}
.scroll-height-100vh{
  height: 100vh;
}