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

//ID-姓名绑定
.bindUserHelp{
    .help();
}

.u-button();

.custom-help-button,
.custom-button{
    .button();
}

.linkText();

//绑定用户
.editHead{
	width: 200px;
	margin: 70px auto 26px;
	li{
		color: @EDITHEAD-TEXT-COLOR;
	    font-size: @EDITHEAD-TEXT-FONTSIZE;
	    text-align: center;
	    margin-bottom: 12px;
	    img{
	    	width: 80px;
    		height: 80px;
    		border-radius: 50%;
	    }
	}
}

.inputBox{
	width: 250px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.u-text();

.custom-bindUser-text{
    margin-top: 17px;
    input{
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 38px;
        text-align: center;
        &::-webkit-input-placeholder{
            color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
        }
    }
    .u-text-title{
    	width: 120px;
    	padding-left: 42px;
    }
    //x icon
    .u-text-clear{
        right: 7px;
        &:before{
            content: '\e601';
            font-family: iconfont;
            color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;   
            font-size: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-FONTSIZE;    
        }            
    }
    &:after{
        .white_gradient_border();
    }
}

.errorTip{
	position: absolute;
	left: 0;
	right: 0;
	.errorTip();
}

.custom-button{
	.buttonPosition();
}

//用户列表
.u-swipe-list();

.custom-swipe-list{
	position: absolute;
	top: 44px;
	bottom: 0;
	left: 0;
	height: auto;		
	.u-swipe-list-scroll .u-swipe-list-row{		
		.u-swipe-list-handle{
		    background-color: @CUSTOM-SWIPELIST-COMPONENT-ROW-BG;
		    height: 75px;
		    padding: 0 40px;
		    .u-swipe-list-image{
			    width: 30px;
			    height: 30px;
			    margin-right: 45px;
			    border-radius: 50%;
		    }
		    .u-swipe-list-title{
		    	font-size: @CUSTOM-SWIPELIST-COMPONENT-TITLE-FONTSIZE;
    			line-height: 20px;
		    }
		    span{
		        margin-right: 18px;
		    }	
			&.u-swipe-list-selected{
    			left: -70px;
			}
		}
		.u-swipe-list-button{
			div{
				width: 70px;
			    padding-left: 10px;
			    .box-horizontal-alignment(start,flex-start);
				color: @CUSTOM-SWIPELIST-COMPONENT-BUTTON-COLOR;
				&:before{
					content: '\e66d';
					.iconfont(@CUSTOM-SWIPELIST-COMPONENT-BUTTON-ICON-FONTSIZE);
				}
			    &:nth-last-of-type(1){
				    background-color: @CUSTOM-SWIPELIST-COMPONENT-DELETEBUTTON-BG;
				}
			}
		}
		&:after{
			.white_gradient_border();
		}	
	}
	.u-swipe-list-load{
		.listLoad();
	}
	.u-swipeList-tip{
		.listNoCont();
	}		
}