body .authent {
  box-shadow: 0px 20px 30px 3px rgba(0, 0, 0, 0.55);
  display: none;
  background: #35394a;
  /* Old browsers */
  /* FF3.6+ */

  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(53, 57, 74, 0)', endColorstr='rgb(0, 0, 0)',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  position: absolute;
  left: 0;
  right: 0px;
  margin: auto;
  width: 400px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  padding: 20px 70px;
  top: 100px;
  bottom: 0;
  height: 300px;
  opacity: 0;
  z-index:100
}
body .authent p {
   font-size: 30px;
  text-align: center;
  color: white;
}
body .success {
  display: none;
  color: #d5d8e2;
}
body .success p {
  font-size: 14px;
}
body p {
  color: #D3D7F7;
  font-size: 14px;
  text-align: left;
}
body .testtwo {
  left: -350px !important;
}
body .test {
  box-shadow: 0px 20px 30px 3px rgba(0, 0, 0, 0.55);
  pointer-events: none;
  top: -100px !important;
  -webkit-transform: rotateX(30deg) scale(0.8) !important;
          transform: rotateX(30deg) scale(0.8) !important;
  opacity: .6 !important;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
body .login 
{
  box-shadow: 0 0 80px 10px rgb(4 107 138 / 90%);
    z-index: 100;
    opacity: 1;
    border-radius: 20px;
    top: 20px;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.25, 0.265, 0.85);
    -webkit-transition-property: -webkit-transform,opacity,box-shadow,top,left;
    transition-property: transform,opacity,box-shadow,top,left;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform-origin: 161px 100%;
    -ms-transform-origin: 161px 100%;
    transform-origin: 161px 100%;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    position: relative;
    width: 537px;
    /* border-top: 2px solid #D8312A; */
    position: absolute;
    left: 0;
    right: 0;
    margin: 360px auto;
    top: 0;
    bottom: 0;
    padding: 20px 40px 40px 40px;
    background: rgba(0, 0, 0, 0.35);
    height: 548px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(53, 57, 74, 0)', endColorstr='rgb(0, 0, 0)',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}
body .login:after{
  content: '';        /* 在clear类后面添加内容为空 */
  display: block;     /* 把添加的内容转化为块元素 */
  clear: both;        /* 清除这个元素两边的浮动 */
} 

body .login .validation {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 14px;
  opacity: 0;
}
body .login .validations {
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
}
body .login .getPhoCode ,body .login .getSignPhoCode {
  padding: 4px;
  background: rgb(0 194 255);
  height: 48px;
  font-size: 17px;
  border: 0;
}
body .login .VerifyCodeBox{
  position: absolute;
  z-index: 1;
  right: 0px;
  top: -10px;
}
body .login .getVerifyCode {
  padding: 4px;
  height: 55px;
  font-size: 17px;
  border: 0;
}
body .login .disclaimer {
  margin-top: 20px;
  width: 100%!important;
}
body .login_title {
  color: #D3D7F7;
  height: 25px;
  text-align: left;
  font-size: 20px;
  margin-bottom: 30px;
}
body .login_fields {
    margin-top: 30px;
    height: 318px;
    position: absolute;
    transform: scale(1.2)
}
body .login_fields > div{
  margin: 25px 0;
  width: 300px;
}
body .login_fields .icon {
  position: absolute;
  z-index: 1;
  left: 36px;
  top: 8px;
  opacity: .9;
}
body .login_fields input[type='password'],body .login_fields input[type='text'] {
  color: #61BFFF !important;
}
body .login_fields input[type='text'], body .login_fields input[type='password'] {
  color: #afb1be;
  font-size: 16px;
  width: 375px;
  margin-top: -2px;
  background: rgba(57, 61, 82, 0);
  left: 0;
  padding: 10px 85px;
  border-top: 2px solid rgba(57, 61, 82, 0);
  border-bottom: 2px solid rgba(57, 61, 82, 0);
  border-right: none;
  border-left: none;
  outline: none;
  font-family: 'Gudea', sans-serif;
  box-shadow: none;
}
body .login_fields__user, body .login_fields__password {
  margin-top: 15px;
  position: relative;
}
body .login_fields__submit {
  position: relative;
  top: 13px;
  left: 35%;
  width: 80%;
  right: 0;
  margin: auto;
}
body .login_fields__submit .forgot {
  float: right;
  font-size: 10px;
  margin-top: 11px;
  text-decoration: underline;
}
body .login_fields__submit .forgot a {
  color: #606479;
}
body .login_fields__submit input {
  border-radius: 50px;
  background: transparent;
  padding: 10px 50px;
  border: 2px solid #4FA1D9;
  color: #4FA1D9;
  text-transform: uppercase;
  font-size: 16px;
  -webkit-transition-property: background,color;
          transition-property: background,color;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
}
body .login_fields__submit input:focus {
  box-shadow: none;
  outline: none;
}
body .login_fields__submit input:hover {
  color: white;
  background: #4FA1D9;
  cursor: pointer;
  -webkit-transition-property: background,color;
          transition-property: background,color;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
}

body .login_sign {
  margin-top: 30px;
  height: 318px;
  position: absolute;
  left: 29px;
  transform: scale(1.2)
}
body .login_sign > div{
margin: 25px 0;
width: 300px;
}
body .login_sign .icon {
position: absolute;
z-index: 1;
left: 36px;
top: 8px;
opacity: .9;
margin-right: 20px;
}
body .login_sign .icon img{
  width: 20px;
height: 20px;
}
body .login_sign input[type='password'],body .login_sign input[type='text'] {
color: #61BFFF !important;
}
body .login_sign input[type='text'], body .login_sign input[type='password'] {
color: #afb1be;
font-size: 16px;
width: 375px;
margin-top: -2px;
background: rgba(57, 61, 82, 0);
left: 0;
padding: 10px 85px;
border-top: 2px solid rgba(57, 61, 82, 0);
border-bottom: 2px solid rgba(57, 61, 82, 0);
border-right: none;
border-left: none;
outline: none;
font-family: 'Gudea', sans-serif;
box-shadow: none;
}
body .login_sign__user, body .login_sign__password,.login_sign__phone, .login_sign__phoneWord,.login_sign__okWord{
margin-top: 15px;
position: relative;
}
body .login_sign__submit {
position: relative;
top: 13px;
left: 35%;
width: 80%;
right: 0;
margin: auto;
}
body .login_sign__submit .forgot {
float: right;
font-size: 10px;
margin-top: 11px;
text-decoration: underline;
}
body .login_sign__submit .forgot a {
color: #606479;
}
body .login_sign__submit input {
border-radius: 50px;
background: transparent;
padding: 10px 50px;
border: 2px solid #4FA1D9;
color: #4FA1D9;
text-transform: uppercase;
font-size: 16px;
-webkit-transition-property: background,color;
        transition-property: background,color;
-webkit-transition-duration: .2s;
        transition-duration: .2s;
}
body .login_sign__submit input:focus {
box-shadow: none;
outline: none;
}
body .login_sign__submit input:hover {
color: white;
background: #4FA1D9;
cursor: pointer;
-webkit-transition-property: background,color;
        transition-property: background,color;
-webkit-transition-duration: .2s;
        transition-duration: .2s;
}
/* Color Schemes */
.love {
  position: absolute;
  right: 20px;
  bottom: 0px;
  font-size: 11px;
  font-weight: normal;
}
.love p {
  color: white;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
}
.love a {
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.love img {
  position: relative;
  top: 3px;
  margin: 0px 4px;
  width: 10px;
}

.brand {
  position: absolute;
  left: 20px;
  bottom: 14px;
}
.brand img {
  width: 30px;
}