@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*/
	~ .custom-unlockInfo-list{
		top: 92px;
	}
}

.u-list();

.custom-unlockInfo-list{
	position: absolute;
	top: 44px;
	bottom: 0;
	left: 0;
	height: auto;
	.u-list-scroll .u-list-row{	
		color: @UNLOCKINFOLIST-TEXT-COLOR;
		font-size: @UNLOCKINFOLIST-TEXT-FONTSIZE;
		padding: 18px 42px 8px;
		&:after{
	    	.white_gradient_border();			
		}
	}
	//上拉加载
	.u-list-load{
		.listLoad();
	}
	//list 无内容
	.u-list-tip{
		.bgImg("unlockNoCont.png");
	    background-position: top center;
	    background-repeat: no-repeat;
	    .background-size(70px 70px);
	    padding-top: 88px;
	    color: @LIST-NOCONTTIP-COLOR;
		font-size: @LIST-NOCONTTIP-FONTSIZE;
	}
}

//绑定开锁信
.opendoorMode{
	border: solid #50515d;
    border-width: 2px 0;/*no*/
    overflow: hidden;
	ul{
	    padding: 11px 42px;
	    font-size: 0;
	    margin: 0 -5px;	
	    li{	
			color: #00ffff;
		    font-size: 13px;
			border: 1px solid;/*no*/
			position: relative;
			width: 90px;
		    display: inline-block;
		    text-align: center;
		    line-height: 1;
		    padding: 8px 0;
		    border-radius: 5px;
		    margin: 10px 5px;
		    &:before{
		    	content: '\e631';
		    	position: absolute;
		    	top: 50%;
		    	.transform(translate(-14px,-50%));
		    	.iconfont(12px);
		    	display: none;
		    }
		    &.active{
		    	background-color: #153D4C;
				&:before{
					display: inline-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();
	}
	.u-select-tip{
    	top: 80px;
		.transform(none);
		.listNoCont(inherit,45px 45px,58px);
	}
}

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

.u-button();

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