@import "../public/public.less";
@import "../public/header.less";

//开锁信息列表
.title{
	height: 48px;
	line-height: 48px;
	position: relative;
	font-size: @UNLOCKINFO-TITLE-FONTSIZE;
	padding-left: 42px;
	border-bottom: 2px solid @UNLOCKINFO-TITLE-BOTTOMBORDER;/*no*/
	~ .unlockInfo-list{
		top: 92px;
	}
}

.unlockInfo-list{
	position: absolute;
	top: 44px;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: auto;
}

.unlockInfo-list-scroll{
	.unlockInfo-list-row{
		position: relative;
		color: @UNLOCKINFOLIST-TEXT-COLOR;
		font-size: @UNLOCKINFOLIST-TEXT-FONTSIZE;
		overflow: hidden;
		padding: 18px 42px 8px;
		p{
			float: right;
		}
		&:after{
	        content: '';
	        position: absolute;
	        bottom: 0;
	        left: 0;
	        right: 0;
	    	height: 1px;/*no*/
	    	.white_gradient_border();			
		}
	}
}

.unlockInfo-list-load{
	text-align: center;
	.listLoad();
}

.unlockInfo-list-tip{
	.transformV_center(left,0);
	width: 100%;
	.bgImg("unlockNoCont.png");
    background-position: top center;
    background-repeat: no-repeat;
    .background-size(70px 70px);
    padding-top: 88px;
	font-size: @LIST-NOCONTTIP-FONTSIZE;
	text-align: center;
}

//绑定开锁信
.opendoorMode{
	border: solid #50515d;
    border-width: 2px 0;/*no*/
	ul{
	    padding: 11px 42px;
	    font-size: 0;
	    margin: 0 -12px;	
	    li{	
			color: #00ffff;
		    font-size: 14px;
			border: 1px solid;/*no*/
			position: relative;
			width: 80px;
		    display: inline-block;
		    text-align: center;
		    line-height: 1;
		    padding: 8px 0;
		    border-radius: 5px;
		    margin: 10px 12px;
		    &:after{
		    	content: '\e631';
		    	.transformV_center(left,5px);
		    	.iconfont(16px);
		    	display: none;
		    }
		    &.active{
		    	background-color: #153D4C;
				&:after{
					display: block;
				}
		    }			
		}
	}
}

.u-select();

.custom-select{
	height: 160px;
	.u-select-scroll{
		.u-select-row{
		    display: block;
		    font-size: 16px;
		    padding: 19px 80px 11px 42px;
		    .u-select-title{
		    	float: left;
		    	margin-right: 36px;
		    }
		    &:before{
		    	content: '\e6a9';
		    	right: 42px;
		    	font-family: iconfont;
		    	color: #00ffff;
		    	display: block;
		    }
		    &:after{
		    	.white_gradient_border();
		    }
		    &.active:before{
		    	content: '\e6aa';
		    }		    			
		}
	}
	.u-select-load{
		.listLoad();
	}
}

.tip{
    text-align: center;
    color: #A0A0A7;
    margin-top: 4px;	
}

.u-button();

.custom-button{
	.button();
    .buttonPosition();
}