body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
  /*background-image:url(../img/bg.png);*/
  background-repeat:no-repeat;
  background-size: 100%;
  background-position: 0 center;
  // background-color: #33333c;
  background-color: #000;
  // box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
  // opacity:0;
  // animation:mymove 5s infinite;
}

.unhappyMessage{
  position:absolute;
  top:2px;
  right:2px;
  z-index:10;
  padding:0 5px;
  font-weight:400;
  // background-color:#fee;
  color:#c33;
  font-size:12px;
}

#bg{
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:-2;
  background-color:#000;
  // background-image:url(../img/bg5.jpg);
  background-repeat:none;
  background-position:center;
  background-size:cover;
}
#bg-mask{
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:-1;
  background-color:rgba(0,0,0,0.65);
  background-image:url(../img/mask.png);
  background-repeat:repeat;
  // background-position:center;
  // background-size:cover;
}

.form-area{
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-area.form-signin input[type="password"],
.form-area.form-signin input[type="text"],
.form-area.form-signin input[type="email"]{
  border-radius: 0;
}
.form-area.form-signin input[type="password"],
.form-area.form-signin input[type="text"],
.form-area.form-signin input[type="email"]{
  border-radius: 0;
}

.form-control-phoneMsg,
.btn-getPhoneMsg{
  height:42px;
}
.btn-getPhoneMsg{
  font-size:12px;
}



.form-area{
    color:#fff;
    .form-heading{
      color:#fff;
      margin-bottom: 10px;
    }
    .form-control {
      position: relative;
      height: auto;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px;
      font-size: 14px;
    }
    .form-control:focus {
      z-index: 2;
    }
}
/*登录*/
.form-signin{
   .checkbox {
      margin-bottom: 10px;
    }
   .checkbox {
      font-weight: normal;
    }
   input.form-control-phone {
      margin-bottom: -1px;
    }
   input[type="password"] {
      margin-bottom: 10px;
    }
}
/*注册*/
.form-register {
    .checkbox {
      margin-bottom: 10px;
    }
    .checkbox {
      font-weight: normal;
    }
    input.form-control-phone {
      margin-bottom: -1px;
    }
    .form-control-pw {
      margin-bottom: -1px;
    }
    .form-control-pwConfirm{
      margin-bottom: 10px;
    }
}

.content{}