@charset "UTF-8";

/* 规则 */

/*
* @Author: kevin
* @Date:   2016-04-05 13:37:33
* @Last Modified by:   kevin
* @Last Modified time: 2016-08-02 15:21:57
*/

/**
 * 左右margin为auto
 */

/**
 * 水平居中
 * @param  {number} $width 设置宽度,默认90%
 */

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/

.sprite {
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  background-size: 4.04rem 2.44rem;
}

html {
  height: 100%;
}

input {
  border: none;
  outline: none;
}

a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
}

a {
  text-decoration: none;
  outline: none;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  /*兼容 IE*/
  zoom: 1;
}

.main {
  max-width: 10.4rem;
  position: relative;
  font-family: 'microsoft yahei';
}

.container {
  width: 8.826667rem;
  margin: 0 auto;
}

.logo {
  position: absolute;
  width: 3.186667rem;
  height: 1.066667rem;
  right: 0;
  top: 0;
  background-image: url(../img/logo.png);
  background-size: 100% 100%;
}

.common-login {
  font-size: 0.48rem;
  margin-top: 1.426667rem;
}

.name {
  height: 1.546667rem;
  line-height: 1.546667rem;
  margin-top: 1.013333rem;
  font-size: 0.48rem;
}

#name {
  width: 7.2rem;
}

.name img {
  width: 0.56rem;
  height: 0.613333rem;
  margin-right: 0.373333rem;
  margin-bottom: 0.106667rem;
}

.pwd {
  height: 1.546667rem;
  line-height: 1.546667rem;
  font-size: 0.48rem;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.pwd img {
  width: 0.52rem;
  height: 0.653333rem;
  margin-right: 0.373333rem;
  margin-bottom: 0.106667rem;
}

.error {
  float: left;
  color: #f34f4a;
  margin-top: 0.133333rem;
  margin-left: 0.4rem;
}

.forget {
  letter-spacing: 0.026667rem;
  text-align: right;
  margin-top: 0.4rem;
}

.forget a {
  color: #cccbd1;
  font-size: 0.4rem;
}

.submit {
  width: 8.826667rem;
  height: 1.066667rem;
  margin-top: 1.466667rem;
  text-align: center;
  line-height: 1.093333rem;
  font-size: 0.453333rem;
  color: #fff;
  letter-spacing: 0.04rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #f34f4a;
  border-radius: 0.666667rem;
}

.submit:active {
  background-color: #ff0000;
  color: #fff;
}

.submit img {
  display: block;
  width: 8.826667rem;
  height: 1.066667rem;
}

.fast {
  display: block;
  text-align: center;
  font-size: 0.426667rem;
  color: #8e8e93;
  letter-spacing: 0.026667rem;
  margin-top: 0.933333rem;
}

.help {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.4rem;
  font-size: 0.346667rem;
  color: #cccbd1;
  font-family: 'microsoft yahei';
}

.help a {
  color: #cccbd1;
}

.help.dis {
  display: none;
}

.pwd1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.captcha {
  width: 1.8rem !important;
  height: 1rem !important;
}