@lightColor: #fff; // 主容器背景色

@baseColor: #5494FE; // 基础颜色：按钮颜色、
@headerFooterColor: #3783DE; // 顶部字体颜色
@lightGray: #666; // 登录tab页签基础字体颜色
@darkGray: #333; // 登录tab页签 激活字体颜色
@activeColor: #5494FE; // 登录tab页签 激活字体加粗
@inputBorderColor: #ebebeb; // 登录输入框默认颜色
@dangerColor: #d0021b; // 危险色
@linkColor: #1580E4; // 警告色
@loginTabActiveWeight: bold; // 登录tab页签 激活字体加粗

@loginLogoUrl: "images/login_logo.png"; // 登录页左上角logo
@experienceBgUrl: "images/experience_btn_bg.png"; // 立即体验背景图
@loginBodyBgStart: #5D80FE; // 主体背景 渐变开始色
@loginBodyBgEnd: #57C6FF; // 主体背景 渐变结束色
@loginBannerUrl: "images/login_banner.png"; // 主体左侧插图

.login-wrap {
  background: @lightColor;
}

.login-logo {
  background: url(@loginLogoUrl) 0 50% no-repeat;
}

.login-nav,
.login-nav > div.nav-btn a {
  color: @headerFooterColor;
}

.login-nav > div.nav-btn {
  border-color: @headerFooterColor;
}

.login-nav > div.experience-btn {
  background: url(@experienceBgUrl) no-repeat;
  color: @lightColor;
}

.login-body {
  background: -webkit-linear-gradient(90deg, @loginBodyBgStart, @loginBodyBgEnd);
  background: -o-linear-gradient(90deg, @loginBodyBgStart, @loginBodyBgEnd);
  background: -moz-linear-gradient(90deg, @loginBodyBgStart, @loginBodyBgEnd);
  background: linear-gradient(90deg, @loginBodyBgStart, @loginBodyBgEnd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@loginBodyBgStart, endColorstr=@loginBodyBgEnd);
}

.login-banner {
  background: url(@loginBannerUrl) center no-repeat;
}

.login-tab > div {
  color: @lightGray;
}

.login-tab > div.active {
  color: @darkGray;
  font-weight: @loginTabActiveWeight;
}

.login-tab > div.active span {
  border-bottom: solid 4px @activeColor;
}

.login-form input {
  border: 1px solid @inputBorderColor;
}

.login-form input:focus,
.login-form input:hover {
  border: 1px solid @activeColor;
}

.login-form .error-msg {
  color: @dangerColor;
}

.login-tips a {
  color: @lightGray;
}

.login-tips a.btn-link {
  color: @linkColor;
  border-color: @linkColor;
}

.login-code-btn {
  color: @linkColor;
  border-left: 1px solid @inputBorderColor;
}

.login-btn {
  color: @lightColor;
  background: @baseColor;
}

.login-foot {
  color: @headerFooterColor;
}

.register-group .primary-link {
  color: @linkColor;
}