/* 登陆页面 */
body {
  /* background: url('/static/cover_img_1.jpg') no-repeat #e9f0f4; */
  background-position: center;
}

#wrapper {
  position: relative;
  padding-top: 150px;
}

.btn-weibo {
  background-color: #ff6666;
  color: #fff !important;
}

.btn-weibo:hover {
  background-color: #ff4d4d;
}

.btn-weibo:active {
  background-color: #E64545;
}

.btn-qq {
  background-color: #418ae2;
  color: #fff !important;
}

.btn-qq:hover {
  background-color: #2d7fe2;
}

.btn-qq:active {
  background-color: #1773e2;
}

.btn-google {
  background-color: #e25d4a;
  color: #fff !important;
}

.btn-google:hover {
  background-color: #e34a33;
}

.btn-google:active {
  background-color: #ca422d;
}

.btn-facebook {
  background-color: #3a5799;
  color: #fff !important;
}

.btn-facebook:hover {
  background-color: #264a9b;
}

.btn-facebook:active {
  background-color: #244081;
}

.btn-twitter {
  background-color: #1eb5ee;
  color: #fff !important;
}

.btn-twitter:hover {
  background-color: #00ace6;
}

.btn-twitter:active {
  background-color: #009dd2;
}

.btn-wechat {
  background-color: #73db42;
  color: #fff !important;
}

.btn-primary {
  border: none;
  background-color: #59b0ff;
}

.btn-primary:hover {
  background-color: #4daaff;
}

.btn-primary:active, .btn-primary:focus {
  background-color: #1a90ff;
}

.btn:active, .btn.active {
  box-shadow: none;
}

.aw-login-box {
  width: 424px;
  margin: 0 auto;
  background-color: #fff;
  /* border: 1px solid #b3b3b3; */
  border-radius: 3px;
  box-shadow: 0px 0px 15px rgba(128, 128, 128, 0.3);
  opacity: 0.99;
}

.logo {
  width: 100%;
}

.logo img {
  margin-left: auto;
  margin-right: auto;
}

.aw-login-box .logo {
  width: 151px;
  height: 94px;
  background: url('img/login_logo.png') no-repeat;
}

.aw-login-box .logo a {
  display: block;
  width: 151px;
  height: 94px;
}

.aw-login-box .mod-body {
  padding: 20px 60px 0px 60px;
}

.aw-login-box .mod-body .content {
  width: 300px;
}

.aw-login-box .mod-body .content h2 {
  color: #666;
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  margin-left: 2px;
  margin-right: -30px;
  margin-bottom: 30px;
}

.aw-login-box .mod-body .content h2 img {
  width: 30px;
  margin-top: -3px;
  margin-right: 11px;
  margin-left: 2px;
}

.aw-login-box .mod-body .content ul li {
  margin-top: 20px;
  line-height: 30px;
}

.aw-login-box .mod-body .content ul li:first-child {
  margin-top: 0;
}

.aw-login-box .mod-body .content ul li.last {
  font-size: 12px;
  line-height: 40px;
}

.aw-login-box .mod-body .content ul li.last input {
  vertical-align: -2px\0;
}

.aw-login-box .mod-body .content ul li.last a {
  color: #666;
}

.aw-login-box .mod-body .content ul li .btn-primary {
  width: 112px;
  color: #fff !important;
}

.aw-login-box .mod-body .side-bar {
  height: 326px;
  padding: 60px 0 60px 60px;
  border-left: 1px solid #e6e6e6;
}

.aw-login-box .mod-body .side-bar h3 {
  margin-bottom: 27px;
  color: #666;
  text-align: center;
}

.aw-login-box .mod-body .side-bar .btn {
  position: relative;
  width: 170px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 20px;
  padding: 0 0 0 15px;
}

.aw-login-box .mod-body .side-bar .btn i {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 18px;
  color: #fff;
}

.aw-login-box .mod-body .side-bar .btn-wechat .img {
  display: none;
}

.aw-login-box .mod-body .side-bar .btn-wechat.active {
  position: relative;
  height: 200px;
  background-color: #4d4d4d;
}

.aw-login-box .mod-body .side-bar .btn-wechat.active .img {
  display: block;
  position: absolute;
  left: 10px;
  top: 40px;
  width: 148px;
  height: 148px;
}

.aw-login-box .mod-body .side-bar .btn-wechat.active img {
  max-width: 148px;
}

.aw-login-box .mod-body .side-bar .btn-wechat.active #aw-loading-mini-box {
  margin-top: 55px;
}

.aw-login-box .mod-body .form-control {
  height: 40px;
  line-height: 28px\0;
  padding-left: 15px !important;
  box-shadow: none;
  border-color: #e6e6e6;
}
.aw-login-box .mod-body .form-control.lh {
  line-height: 28px;
}

.aw-login-box .mod-footer {
  height: 70px;
  line-height: 70px;
  background-color: #f5f5f5;
  padding: 0 60px;
  color: #66b7ff;
}

.aw-login-box .mod-footer span {
  color: #666;
}

.aw-login-box .mod-footer a {
  color: #66b7ff;
}

.aw-footer-wrap {
  color: #999;
}

.aw-footer-wrap a {
  color: #66b7ff;
}

/* iphone竖屏幕 */
@media (max-width:640px) {

  /*登录界面*/
  #wrapper {
    padding: 20px;
  }

  .aw-login-wrap {
    width: auto;
  }

  .aw-login-box .aw-mod-head, .aw-login-box .aw-mod-body, .aw-login-box .aw-mod-footer {
    width: auto;
  }

  .aw-login-box .aw-mod-body {
    padding: 20px;
  }

  .aw-login-box .aw-mod-body #aw-login-user-name, .aw-mod-body #aw-login-user-password {
    width: 195px;
  }

  .aw-login-box .aw-mod-footer {
    padding: 0 10px !important;
  }
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.95;
  background: #499bea;
  background: -moz-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #499bea), color-stop(100%, #798eea));
  background: -webkit-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
  background: -o-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
  background: -ms-linear-gradient(-45deg, #499bea 0%, #798eea 100%);
  background: -webkit-linear-gradient(315deg, #499bea 0%, #798eea 100%);
  background: -o-linear-gradient(315deg, #499bea 0%, #798eea 100%);
  background: linear-gradient(135deg, #499bea 0%, #798eea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#798eea', GradientType=1);
  z-index: 0;
}

#login_submit {
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
}

.blur {
  filter: url(blur.svg#blur);
  /* FireFox, Chrome, Opera */
  -webkit-filter: blur(10px);
  /* Chrome, Opera */
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
  /* IE6~IE9 */
}

.input-group-addon:first-child {
  background-color: #fff;
  border-color: #e6e6e6;
}

.input-group-addon:last-child {
  background-color: #fff;
  border-color: #e6e6e6;
}

.input-group-addon .iconfont {
  font-size: 20px;
}
.input-group-addon.active {
  cursor: pointer;
}
.show_phone_code {
  display: none;
}
.theCode {
  height: 25px;
}

.welcome {
  color: #2196F3 !important;
  font-size: 26px !important;
  margin-bottom: 20px !important;
  display: inline !important;
  margin-right: 0px !important;
}

.welcome2 {
  display: inline !important;
  margin-left: 0px !important;
  font-size: 18px !important;
}

.welcomeDetail {
  margin-top: 0px;
  margin-bottom: 20px;
}