.modal-login{
	display: none;
}
.modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 888;
  _position: absolute;
  _bottom: auto;
  overflow-y: auto;
  _overflow-y:visible;
  /*filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);*/
  background-color: rgba(0,0,0,.65);
}

.modal-box-login,
.modal-box-register{
	width: 800px;
	height: 521px;
}
.modal-box {
    background: #fff;
    margin: 10% auto 0;
    overflow: hidden;
    position: relative;
	border-radius:8px;
}


.modal-login-left{
	width:320px;
	height:521px;
	background:linear-gradient(180deg,rgba(70,142,235,1) 0%,rgba(17,78,184,1) 100%);
  background-color: #468EEB\9;
	overflow: hidden;
	float: left;
}
.modal-login-left img{
	width: 296px;
	height: 310px;
	margin-left: 24px;
}
.login-left-title{
	margin-top: 66px;
	padding-left: 40px;
	height:42px;
	font-size:30px;
	font-weight:500;
	color:#fff;
	line-height:42px;
}
.login-left-desc{
	margin-top: 16px;
	padding-left: 40px;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:25px;
}
.modal-login-right{
	width: 480px;
	float: left;
}
.modal-login-info{
	padding: 60px 80px;
}
.modal-welcome{
	height:45px;
	font-size:32px;
	font-weight:500;
	color:#17233D;
	line-height:45px;
  float: left;
}
.login-type{
	margin-top: 40px;
	margin-bottom: 24px;
	overflow: hidden;
	text-align: justify;
	text-align-last: justify;
}
.login-type:after {
	content:'';
	width: 100%;
	display: inline-block;
}
.login-type li{
	color:#808695;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
}
.login-type li.active{
	color: #17233D;
	font-weight: 500;
}

.modal-input{
  width: 286px;
  border-radius: 4px;
  border: 1px solid #DCDEE2;
  font-size: 16px;
  line-height: 16px;
  padding: 15px 16px;
  overflow: hidden;
}
.modal-input input{
  width: 170px;
  font-size: 16px;
  line-height: 20px;
  float: left;
}

.modal-input input::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 16px;
}
.modal-input input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: 16px;
}
.modal-input input::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 16px;
}
.sms-verift-new{
	font-size: 16px;
    font-weight: 400;
    color: #1F6CDD;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
	float: right;
}

.modal-info-left{
	overflow: hidden;
	color: #666;
	font-size: 0;
}
.checkBox{
    display: inline-block;
    *display:inline;
    *zoom:1;
    color: #666;
    position: relative;
    cursor: pointer;
	font-size: 0;
	vertical-align: middle;
}
.submit-plan-check{
	vertical-align: middle;
}
.submit-plan-check:hover{
  cursor: pointer;
}
.modal-info-left span{
	font-size: 14px;
	margin-left: 8px;
	vertical-align: middle;
	color: #808695;
	cursor: pointer;
}
 .checkBox .ivu-checkbox-inner{
    position: absolute;
    top:19px;
    z-index: 2;
    width: 14px;
    height: 14px;
    background-color: #fff;
	vertical-align: middle;
 }
 .checkBox .ivu-checkbox-inner-checked{
    background-color: #1f6cdd;
 }
 .checkBox .ivu-checkbox-inner:after{
    content: '';
    display: table;
    width: 3px;
    height: 7px;
    position: absolute;
    top: 1px;
    left: 5px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg) ;
    transition: all .2s ease-in-out;
 }

.modal-login-now{
	height:22px;
	padding: 9px 0;
	background:#1F6CDD;
	border-radius:4px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	line-height:22px;
	text-align: center;
	cursor: pointer;
  margin-top: 36px;
}
.modal-login-now:hover{
  background-color: #468EEB;
}
.modal-login-now:active{
  background-color: #114EB8;
}
.modal-register-now:hover{
  background-color: #468EEB;
}
.modal-register-now:active{
  background-color: #114EB8;
}
.modal-login-stop{
  width:320px;
  height:22px;
  padding: 9px 0;
  background:#A5C4F1;
  border-radius:4px;
  font-size:16px;
  font-weight:500;
  color:#fff;
  line-height:22px;
  margin-top: 36px;
  text-align: center;
  cursor: pointer;
}


.modal-image{
	width: 200px;
	height: 200px;
	background: #E8EAEC;
	margin: 0 auto;
	text-align: center;
}
.modal-vx{
	text-align: center;
	height:20px;
	font-size:14px;
	font-weight:400;
	color:#808695;
	line-height:20px;
	margin-top: 16px;
}
/* 注册框的样式 */
.modal-register{
	display: none;
}
.modal-register-right{
	float: left;
	width: 480px;
}
.register-title{
	height:45px;
	font-size:32px;
	font-weight:500;
	color:#17233D;
	line-height:45px;
}
.register-info{
	margin-top: 21px;
	position: relative;
}
.register-info input{
	width:202px;
	background:#FFF;
	border-radius:4px;
	border:1px solid #DCDEE2;
  padding: 15px 100px 15px 16px;
}

.register-info input.error{
	border-color: #F25041;
}

.register-info input:focus{
	border-color: #1f6cdd;
}

.modal-input.error{
	border-color: #F25041;
}
.modal-input:focus{
	border-color: #1f6cdd;
}

.register-protocol{
	font-size:14px;
	font-weight:400;
	color:#808695;
	margin-top: 10px;
}
.register-protocol span{
	color: #1F6CDD;
}
.modal-register-now{
	width:320px;
	background:#1F6CDD;
	border-radius:4px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	padding: 12px 0;
	text-align: center;
	margin-top: 24px;
	cursor: pointer;
}
.verify{
	font-size:16px;
	font-weight:400;
	color:#1F6CDD;
	cursor: pointer;
	padding: 16px 0;
	position: absolute;
	right: 16px;
	top: 75px;
}
.model-input .sms-verift-login{
  font-size:16px;
  font-weight:400;
  color:#1F6CDD;
  cursor: pointer;
  padding: 14px 0;
  position: absolute;
  right: 16px;
  top: 75px;
}
.sms-verify{
	font-size:16px;
	font-weight:400;
	color:#1F6CDD;
	cursor: pointer;
	padding: 16px 0;
	position: absolute;
	right: 16px;
	top: 75px;
}
.error-prompt{
	height:20px;
	font-size:14px;
	font-weight:400;
	color:#F25041;
	line-height:20px;
	margin-bottom: 4px;
}
.model-input{
	position: relative;
}
.pwd-pwd-error{
  width: 50%;
  float: left;
}
.modal-login-title{
  overflow: hidden;
}
.modal-title-other{
  float: right;
  margin-top: 15px;
  color: #808695;
}
.modal-back-login{
  float: right;
  margin-top: 15px;
  color: #808695;
  cursor: pointer;
}
.modal-back-login:hover{
  color: #1F6CDD;
}
.modal-title-other span{
  color: #1F6CDD;
  cursor: pointer;
}
.modal-info-left .forget-password{
  float: right;
  cursor: pointer;
  text-align: right;
  font-weight: 400;
  margin-right: 1px;
}
.forget-password:hover{
  color: #1F6CDD;
}
.forget{
  overflow: hidden;
}
.modal-retrieve{
  overflow: hidden;
  margin-top: 40px;
}
.modal-see-pwd{
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  top: -33px;
  right: 16px;
}
.modal-see-pwd img
{
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/*绑定手机*/
.modal-login-desc{
  width: 154px;
  height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #505A6E;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.opacity—wx{
	opacity:0;
}