body{
  font-size:14px;
}
label {
    
    font-size: 100%;
}

.bigger-110{
  font-size:100% !important;
}
.font-size-13{
  font-size:0.9em;
}
.login-container {
    width: 23em;
}
.font-size-12{
  font-size:0.8em;
}
.font-size-22{
  font-size:1.6em;
}
.blur-login {
    background: url('../image/login/bg.jpg') no-repeat;
    background-size: cover;
    /*background-position: center;*/
}
.login-layout .widget-box .widget-main {
  padding-bottom: 0
}
.ke-icon{
  width:4.5em;
  height:4.6em;
  background-size: cover;
  margin:0 auto;
}
.ke_code{
  width:7em;
  height:7em;
  background-size: cover;
}
.ke-icon2{
   width:9em;
  height:2.8em;
  background-size: cover;
}
.login-layout .widget-box{
  background-color: transparent;
}
.widget-body {
    background-color: transparent;
}
.login-layout .widget-box .widget-main{
  background-color: transparent;
  padding-top: 0px
}
.logintext{
  padding-top: 2em
}
.form-group input[type="text"],.form-group input[type="password"]{
  background-color: #798DCC;
  padding-left:3em;
  background-color: rgba(255,255,255,0.2);
  border-radius: 3px !important;
  color:white;
  border-color: rgba(255,255,255,0.3) !important;
  font-size:1em;
  height:2.5em;


} 
.form-group.businesstypebox{
  border:1px solid white\0/;
}
.form-group input:-webkit-autofill {
/*background-color: #FAFFBD !important;
background-image: none !important;
color: #000 !important;*/
/*-webkit-box-shadow: 0 0 0px 1000px white inset !important; */
}
.form-group select{
  /*padding-left:3em;*/
  background-color: #798DCC;
  border-color: white;
  background-color: rgba(255,255,255,0.2);
  border-radius: 3px !important;
  color:white;
  border-color: rgba(255,255,255,0.3) !important;
  font-size:1em;
  height:2.5em;
}
.form-group select option{
  color:black;

}
.form-group  select.ie option{
  color:black !important;
  color:white\0/;
}
.form-group select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #fff;

  /*很关键：将默认的select选择框样式清除*/
   border: none;
    outline: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;
  background-color: rgba(255,255,255,0.3) !important;
  color:white !important;

  /*在选择框的最右侧中间显示小箭头图片*/
  /*background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;*/

  /*background:url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;*/
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  /*padding-right: 14px;*/
  padding-left:3em;
}
.form-group select::-ms-expand { 
    display: none;
 }
.form-group input:focus{
  border-color:white  !important;

}
.logo2{
  margin-top:1.3em;
  margin-bottom:1.3em;
}
button.loginBtn{
  padding:0.3em 0;
}
input::-webkit-input-placeholder{
  color: white !important;
　　}
input:-moz-placeholder{
   color: white !important;
}
input::-moz-placeholder{
   color: white !important;
}
input:-ms-input-placeholder {
   color: white !important;
}
.login-box .toolbar,.forgot-box .toolbar,.toolbar {
     background: transparent !important; 
     border-top: 0; 
}
.forgot-box .toolbar,.signup-box .toolbar{
  padding:0;
}
button span{
  color:white !important;
}
.no-bg,.no-bg:hover,button.no-bg:focus{
  background-color: transparent !important;
  border:0 !important;
  outline: 0;
}
  .fadiv,.right-fadiv{
    display: inline-block;
    /*top: 34px;*/
    height:2.5em;
    position: absolute;
    color: #ccc;
    width:2.6em;
    padding-left: 0.5em;
    background-color:rgba(255,255,255,0.3);
  } 
  .right-fadiv{
    right:0;
    /*padding-left:0.5em;*/
    top:0;
  }
  .right-fadiv:hover{
    cursor: pointer;
  }   
 .fadiv .fa,.right-fadiv .fa{
    font-size:140%;
    color:white;
    text-align: center;
    margin-top:0.5em;
    margin-left: 0.2em;
 }
 .fadiv .mb-5{
  margin-top:0.5em;
 }
 .right-fadiv .fa{
  margin-top:0.5em;
 }
 .businessbox{
  position: absolute;
  top:2.5em;
  background: white;
  z-index: 100;
  width:100%;
  height:10em;
  overflow: auto;

 }
 .businessbox > div{
    padding:3px 0 3px 40px;
 }
 .businessbox > div:hover{
  cursor: pointer;
  background-color: #3F5AF3 !important;
  color:white;
 }
 button.loginBtn{
  border-radius: 3px
 }
 button.loginBtn,button.loginBtn:focus,button.loginBtn:hover{
  background-color: #3F5AF3 !important;
  border:2px solid #3F5AF3 !important;
 }
/* .footer{
  position: fixed;
  bottom:0;
 }*/
 .homeweb{
  border:1px solid white;
  padding:5px 0px;
  color:white;
  display: block;
  width:6.5em;
  margin-bottom: 1.5em;
  text-align: center
 }
 .footers{
  padding: 16px 0 10px 50px;
  width:35em;
 }
 .footers > div{
  display: inline-block;
  vertical-align: top
 }
 .footerbox{
  /*position: fixed;*/
  bottom:0;
  width:100%;
 }
 .login-container .center{
    margin-top:5em;
 }
 .yellow{
  color:#D7BA52 !important;
 }
 .form-group.mb-0{
  margin-bottom: 0
 }
 button[type="reset"]{
  padding:2px 0 0 0;
 }
 .chk_img{
    display: block;
    position: absolute;
    right:2px;
        top: 0;
    line-height: 2.5em;
 }
 .smtitle{
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 2px
 }
 .form-group{
  position: relative;
  margin-bottom:8px;
 }
  button.sendbtn{
     position:absolute;
  top:0px;
  right:0;
  border-width:0.3em;
  }
 button.sendbtn,button.sendbtn:focus,button.sendbtn:hover{
 
  border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
      background-color: #3F5AF3 !important;
  border:0.3em solid #3F5AF3 !important;
  border-bottom:0.5em solid #3F5AF3 !important;
 }
input[readonly]{
  background-color: rgba(255,255,255,0.2) !important;
}

.forpwdfix,.loginfix{
  margin-top:10px;
}
.smallsubt{
  padding-top: 3px;
}
 @media (max-width:480px){
  body{
  font-size:16px;
}
body.ios_6p_weixin{
  font-size:14px;
}
button.sendbtn, button.sendbtn:focus, button.sendbtn:hover {
    /*border-bottom: 0.1em solid #3F5AF3 !important;*/
}
.bigger-110{
  /*font-size:140% !important;*/
}
.font-size-13{
  font-size:15px;
}
 /* input.form-control{
    font-size:1.4em;
    height:2.5em;
  }
  .logo2{
    margin-top:20px;
    margin-bottom:30px;
  }*/
/*.logo2 img{
  width:180px;
  height:50px;
}
.ke-icon{
  width:80px;
  height:75px;
  margin-right:5px;
}*/
.forpwdfix,.loginfix{
  margin-top:30px;
}
.logotext.font-size-22{
  font-size:27px;
  line-height: 70px
}
    .blur-login {
    background-size: auto 100%;
    background-position:center;
  }
  .login-layout .widget-box .widget-main{
    padding-left:30px;
    padding-right: 30px;
  }
  .footerbox.row{
    margin-left:0;
    margin-right:0;
  }
   .footers{
    width:100%;
   }
  .footers .phone-hide{
    display:none !important;
  }
  .footerbox{
    text-align: center;
  }
  .footers{
    padding-left: 0
  }
  .login-container .center {
    margin-top: 3.5em;
}

.logo2{
  margin-bottom: 2em;
}
 }
  @media (min-width: 1001px) and (max-width:1024px) {
  .ipad .logo2{
    margin-top:20px;
    margin-bottom:30px;
  }
     body.ipad{
      font-size:17px;
    }
    .ipad .bigger-110{
    /*font-size:100% !important;*/
  }
  .ipad .font-size-13{
    font-size:16px;
  }
  .ipad button.sendbtn,.ipad button.sendbtn:focus,.ipad button.sendbtn:hover{
        border-bottom: 0.75em solid #3F5AF3 !important;
  }
  
}
 @media (min-width: 741px) and (max-width:1000px) {
    body.ipad{
  font-size:18px;
}
.ipad .bigger-110{
  /*font-size:160% !important;*/
}
.ipad .font-size-13{
  font-size:17px;
}
  .ipad .tcontent .mt-60{
      margin-top:180px;
    }
  .ipad .logo2{
    margin-top:20px;
    margin-bottom:50px;
  }
  .ipad .footers{
    padding: 16px 0 10px 50px;
   }
   .ipad .footers .imgbox{
    width:8em;
   }
}
 /*手机横屏*/

@media (min-width: 480px) and (max-width:740px) {
  .landscape .footerbox{
    position: relative;
  }


}
@media (min-height: 800px) {
  body{
    font-size:19px;
  }
button.sendbtn, button.sendbtn:focus, button.sendbtn:hover{
        border-bottom: 0.65em solid #3F5AF3 !important;
  }

}
@media (min-height: 900px) {
  body{
    font-size:21px;
  }


}
@media (min-height: 1024px) {
  body{
    font-size:24px;
  }


}
@media (max-width:320px){
 body{
  font-size:12px;
}
}