@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();
}

.mediaPosition(false,fasle,false,true);

.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;
		}
	}
}

//loading页面
.u-process();

.custom-process{
   .u-process-content{
        top: 180px;
        bottom: 175px;
        .transform(none);
        .loader{
            &:before{
                .transform(translateZ(0) scale(0.7)); 
            }
        }
    } 
}

.u-process.u-process-status-0{
    .u-process-content{
        .loading{
            position: relative;
            .loading-text{
                position: absolute;
                left: 0;
                top: 0;
                font-size: 16px;
                line-height: 3.750em;
                width: 100%;
                text-align: center;
            }
        }
    }
}

.u-process.u-process-status-1,.u-process.u-process-status-2{
    .u-process-content{
        .loading{
            .loading-text{
                display: none;
            }
        }
    }
}