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

//开锁信息列表
.title{
	height: 48px;
	line-height: 46px;
	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;
	}
}
*/

.u-swipe-list();

.custom-swipe-list{
	.u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-handle{
		background-color: #242635;
	}
}

//绑定开锁信息
.opendoorMode{
	border: solid #50515d;
    border-width: 2px 0;/*no*/
    overflow: hidden;
}

.modeSelect{
    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-switch();

.u-button();

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

.guide-dialog{
    .mask(1051,@CUSTOM-BACKDROP-BG);
}