/* WebKit browsers */
.loginBox input::-webkit-input-placeholder {
    color: #b2b2b2;
	font-size: 18px;
}
/* Mozilla Firefox 4 to 18 */
.loginBox input:-moz-placeholder {
    color: #b2b2b2;
    opacity: 1;
	font-size: 18px;
}
/* Mozilla Firefox 19+ */
.loginBox input::-moz-placeholder {
    color: #b2b2b2;
    opacity: 1;
	font-size: 18px;
}
/* Internet Explorer 10+ */
.loginBox input:-ms-input-placeholder {
    color: #b2b2b2;
    font-size: 14px;
	font-size: 18px;
}
*{
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei";
}
.loginBox input {
	outline: none;
}
.loginBox input[type="button"],
.loginBox input[type="submit"],
.loginBox input[type="reset"] {
	-webkit-appearance: none;
}
.loginBox :focus {
	outline: none;
}
.loginBox input::focus-inner {
	padding: 0;
	border: 0;
}

/* input,
select,
button,
textarea {
	border: none;
} */

/* 父元素-横向排列（主轴） */
.flex-h {
    display: box;                          /* OLD - Android 4.4- */
    display: -webkit-box;             /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;                 /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;       /* TWEENER - IE 10 */
    display: -webkit-flex;      /* NEW - Chrome */
    display: flex;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

#loginForm{
    position: relative;
}
.cnEnSwitch{
    position: absolute;
    top: 40px;
    right: 100px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #444;
    padding: 10px;
    box-sizing: border-box;
}
.cn,    
.en{
    cursor: pointer;
}
.activeSwitch{
    color: #ffffff;
    /* font-size: 20px; */
    transition: 0.3s;  /* 定义0.3s的过渡动画 */
}

.ms-auth-container{
	position: relative;
	width: 100vw;
	height: 100vh;
	/* background: url(../img/login_bg2.jpg) no-repeat center /cover; */
    /* 背景设置 */
    background: -webkit-linear-gradient(left,#70acf5,#5179d9) no-repeat;
	background: -o-linear-gradient(right,#70acf5,#5179d9) no-repeat; 
	background: -moz-linear-gradient(right,#70acf5,#5179d9) no-repeat; 
	background: linear-gradient(to right,#70acf5,#5179d9) no-repeat; 
}
.ms-auth-col{
	position: absolute;
	top:50%;
	right:18%;
	transform: translate(0,-50%);
}
.title-logo{
	align-items: center;
}

.title-logo h1{
	font-size: 42px;
	color: #333333;
	letter-spacing: 6px;
	vertical-align: middle;
}
.loginBox .el-select{
    width: 100%;
}
.loginBox .el-input,
.loginBox .el-select {
    margin-top: 30px;
}
.loginBox .el-select .el-input{
    margin-top: 0;
}
.ms-auth-container .loginBox input,
.ms-auth-container .loginBox select,
.ms-auth-container .loginBox button{
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	/* height: 50px; */
	/* border-radius: 25px; */
	border: none;
	/* background-color: #f3f5fe; */
	font-size: 20px;
	color: #b2b2b2;
}
.ms-auth-container .loginBox .el-input__inner {
    border-radius: 0;
}
.ms-auth-container .loginBox input,
.ms-auth-container .loginBox select{
	border-bottom: 2px solid #b2b2b2;
}
.ms-auth-container .loginBox .el-button{
    margin-top: 50px;
    height: 50px;
	border-radius: 30px;
    color: #fff;
    /* background-color: #4952c3; */
    background: -webkit-linear-gradient(left,#8c9fff,#4952c3) no-repeat;
	background: -o-linear-gradient(right,#8c9fff,#4952c3) no-repeat; 
	background: -moz-linear-gradient(right,#8c9fff,#4952c3) no-repeat; 
	background: linear-gradient(to right,#8c9fff,#4952c3) no-repeat; 
    background-size: 150% 150%;
    background-position: 0 0;
    transition: all 0.3s;
}
.ms-auth-container .loginBox .el-button--primary:focus, 
.ms-auth-container .loginBox .el-button--primary:hover {
    /* background: #66b1ff;
    border-color: #66b1ff; */
    transition: all 0.3s;
    transform: scale(1.05);
    background-position: 30px 0; 
    background: -webkit-linear-gradient(left,#8c9fff,#4952c3) no-repeat;
	background: -o-linear-gradient(right,#8c9fff,#4952c3) no-repeat; 
	background: -moz-linear-gradient(right,#8c9fff,#4952c3) no-repeat; 
	background: linear-gradient(to right,#8c9fff,#4952c3) no-repeat;
    background-size: 500% 500%;
    background-position: -400px 0;
    /* color: #fff; */
}
.ms-auth-container .btn-box{
	width: 485px;
	text-align: right;
}
/* .ms-auth-container .btn-box button{
	display: inline-block;
	margin-top: 40px;
	width: 230px;
	background: -webkit-linear-gradient(left,#8c9fff,#4952c3) no-repeat;
	background: -o-linear-gradient(right,#8c9fff,#4952c3) no-repeat; 
	background: -moz-linear-gradient(right,#8c9fff,#4952c3) no-repeat; 
	background: linear-gradient(to right,#8c9fff,#4952c3) no-repeat; 
	color: #ffffff;
	font-size: 24px;
	cursor: pointer;
} */
.ms-auth-slider{
    position: fixed;
    left: 50%;
    bottom: 2%;
    transform: translate(-50%, 0);
;
}
@media screen and (max-width: 1366px){
  .ms-auth-col{
    position: absolute;
    top:60%;
    right:10%;
    transform: translate(0,-50%);
  }
  .title-logo h1{
    font-size: 36px;
  }
  .ms-auth-container .loginBox input,
  .ms-auth-container .loginBox select,
  .ms-auth-container .loginBox button{
    width: 400px;
    height: 44px;
    border-radius: 22px;
    font-size: 18px;
  }
  .ms-auth-container .btn-box{
    width: 400px;
  }
  .ms-auth-container .btn-box button{
    display: inline-block;
    width: 180px;
    font-size: 20px;
  }
}


.loginBox{
    box-sizing: border-box;
    background-color: #fff;
    /* width: 960px; */
    /* width: 800px;
    height: 600px; */
    border-radius: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}
.loginBox:hover{
    transition: all 0.3s;
    transform: translate(-50%, -50%) scale(1.03); 
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .5);
}
.left{
    width: 50%; 
    /* background-color: #ff000033; */
    align-items: center
}
.leftImg{
    display: block;
    margin: 0 auto;
    width: 380px;
    /* width: 300px; */
    /* height: auto; */
}

.right{
    width: 50%;
    box-sizing: border-box;
}

.right .form{
    padding: 60px 100px 60px 30px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo{
    text-align: center;
    color: #111;
    letter-spacing: 2px;  /* 字符间增加2px间距 */
}
.logoImg{
    width: 80%;
}


/* #loginForm input,
#loginForm select{
  width: 485px;
  height: 50px;
  border-radius: 25px;
  border: none;
  background-color: #f3f5fe;
  font-size: 20px;
  color: #b2b2b2;
  text-indent: 20px;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
  margin-top: 40px;
  display: block;
}
#loginForm .btn{
  width: 230px;
  height: 50px;
  border-radius: 25px;
  background-color: #f3f5fe;
  border: none;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 600;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
  margin-top: 40px;
  display:inline-block;
  background: -webkit-linear-gradient(left, #899ffd, #4751c1);

  background: -o-linear-gradient(left, #899ffd, #4751c1);

  background: -moz-linear-gradient(left, #899ffd, #4751c1);

  background: -ms-linear-gradient(left, #899ffd, #4751c1);
}
:root .btn{filter:none;}
#loginForm .btn-box{
  text-align: right;
}
#loginForm .title-logo{

}
#loginForm .title-logo img{
  text-align: center;
  display: inline-block;
}
#loginForm .title-logo h1{
  text-align: center;
  display: inline-block;
  font-size: 44px;
  font-weight: 540;
}
 */