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

//引导页
.noBottomGradient();

#app{
	width: 100%;
	height: 100%;
}

.guideBg{
	.bgImgSize(100%,100%,"guideBg.png",center,100% 100%);
	p{
	    position: absolute;
	    bottom: 42px;
	    left: 0;
	    width: 100%;
	    text-align: center;
	    font-size: @GUIDE-FOOTER-FONTSIZE;		
	}
}

//登录、注册、忘记密码
.inputBox(184px,40px,380px,"logo.png",75px,64px 64px);

.u-text();

.custom-text,
.custom-password-text,
.custom-code-text{
	.textInput();
}

.u-button();

//验证码
.code{
	margin-top: 17px;
	position: relative;
	&:after{
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 1px;/*no*/
		.white_gradient_border();
	}
}

.custom-code-text{
	width: 170px;
	margin-top: 0;
	&:after{
		display: none;
	}
}

//验证码 button
.custom-code-button{
	position: absolute;
    top: 5px;
    right: 0;
	.button(93px);
	padding: 4px 0;
	.transform(scale(0.7));
}

//密码
.passwordInput();

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

.custom-button{
	.button();
}

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

.link{
    width: 275px;
    margin: 5px auto;
	overflow: hidden;
	span{
		color: @LINK-TEXT-COLOR;
	    font-size: @LINK-TEXT-FONTSIZE;
	    .transform(scale(0.7));
	    padding: 15px;
		&:nth-child(1){
			float: left;
			margin-left: -25px;
		}
		&:nth-child(2){
			float: right;
			margin-right: -25px;
		}
	}
}