* {
    box-sizing: border-box;
    font-family: PingFangSC,Microsoft Yahei,Helvetica,Tahoma,Arial,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sans-serif!important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
body, html {
    height: 100%;
	background: #f4f5f7;
    /*background: url("/static/images/loginBg2.png") no-repeat;
    background-size: 100% 100%;*/
    margin: 0;
}
div {
    width:100%;
    display: block;
}
.app {
    font-size: 14px;
}

.login_container {
	max-width: 640px;
	margin: 0px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	overflow-x:hidden;
}
.login_container .top{
    position: relative;
    width: 100%;
    min-height: 260px;
    max-height: 374px;
    background: url(/static/images/banner.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginBox {
	position: relative;
	background: #edf0f6;
	padding: 0px 26px 10px;
	z-index: 999;
	border-radius: 36px 36px 0px 0px;
	-webkit-transform: translateY(-12%);
	transform: translateY(-12%);
	margin-top: 30px;
}

.loginBox .toggle_link{
	position:relative;
	display:inline-block;
	justify-content:space-around;
	align-items:center;
	height:52px;
	line-height:52px;
	margin:0px auto;
}
.loginBox .toggle_link div{
	flex:1;
	display:inline-block;
	font-size:24px;
	color:#999;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	width:60px!important;
	height:52px;
	line-height:52px
}
.loginBox .toggle_link div.active{
	color: #000;
}

.login_title {
    text-align: left;
    color: #353535;
	font-size:28px;
	font-weight:600;
    margin: 20px 0 60px;
	text-shadow: 1px 1px 0 #666, 2px 2px 0 #eee; 
}
.inputItem{ margin-top: 20px; }
.inputItem .label {
    display: flex;
	align-items: center;
	font-size: 16px;
}
.inputItem .label img{ margin-right: 5px; }
.inputItem .inputBox {
    width: 100%;
	height: 46px;
	background: #fff;
	border-radius: 10px;
	padding: 0px 10px;
	margin: 10px 0px;
	box-sizing: border-box;
}
div.inputBox {
    position: relative;
}
div.inputBox input {
   display: block;
   width: 100%;
   height: 100%;
   background: none;
   color: inherit;
   opacity: 1;
   font: inherit;
   line-height: inherit;
   letter-spacing: inherit;
   text-align: inherit;
   text-indent: inherit;
   text-transform: inherit;
   text-shadow: inherit;
   outline: none;
   border: none;
   padding: 0;
   margin: 0;
   text-decoration: inherit;
}
div.inputBox input.code{ width:40%; }
div.inputBox+.inputAlert {
    display: none;
}
.inputItem:after {
    width: 100%;
    clear: both;
    content: "";
    display: block;
}
button.btn.blue{
    color: #fff;
    background: #4072ff;
}
button.btn {
    position: relative;
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 14px;
	padding-right: 14px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	border: none;
	text-decoration: none;
	line-height: 2.55555556;
    border-radius: 6px;
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	cursor: pointer;
	margin-top: 20px;
}
button.btn:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 10px;
}

.bottom_slogen{
    color: #666;
    font-size: 14px;
    margin-top: 50px;
}
.errorTips {
    text-align: center;color: red;
}



.account-des {
    position: absolute;
    padding-top:10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    text-align: center;
    color: #666;
    font-size: 13px;
}
.account-des a {
    color: #105cfb;
    font-size: 13px;
}
.blueBtn {
	float: right;
    width: 90px;
    height: 36px;
    border-radius: 2px;
    border: solid 1px #2a75ed;
    line-height: 34px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #2a75ed;
    cursor: pointer;
	margin-right:14%;
}
/*注册成功提示*/
.success {
  display: none;
  width: 380px;
  padding: 30px 30px 0;
  box-sizing: border-box;
  margin: auto;
  background: #FFFFFF;
  box-shadow: 2px 8px 40px 0 rgba(177, 177, 177, 0.5);
  border-radius: 13px;
  text-align: center;
}
.success .successPc img {
  width: 68px;
  height: 68px;
}
.success .tsy {
  font-size: 22px;
  color: #2589FF;
  letter-spacing: 0;
  margin: 40px 0 30px;
  height: 22px;
  line-height: 22px;
}
.success .des {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
}
.success .jt {
  margin: 54px 0 25PX;
}
.success .jt button[disabled] {
  background: #999;
}
.success .kf {
  font-size: 14px;
  color: #2589FF;
  letter-spacing: 0;
  line-height: 14px;
  padding: 0px 0 35px;
  text-align: center;
}