@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
body{
	font-family:"微软雅黑";
	width:100%;
	height: 1000px;
	overflow:hidden;
}
ul li{ list-style:none}
.blue{ color:#31acfb}
a{ text-decoration:none}

.title{
	font-family:"微软雅黑";font-size: xx-large;
	position: absolute;
	top:40px; left:200px
}
.main{
	width:100%;
	height: 100%;
	background:url(../image/bk-login.png) no-repeat fixed center;
	background-size:100% 100%;
	-moz-background-size:cover;
}
.main0{
	width:1200px;
	height:550px;
	background:#fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main_left{ float:left; width:647px; position:relative}
.main_left img{ position:absolute}
.theimg{ top:190px; left:320px;width: 240px; transform:rotate(15deg); }
.secimg{top:190px; left:150px;width:240px;transform:rotate(-25deg);  }
.firimg{top:300px; left:250px;width: 240px;transform:rotate(10deg);  }

.userImg{
	width: 74px;
	height: 74px;
}
.main_right{
	width:556px;
	height:550px;
	float:right;
	padding-right:50px;
	padding-top: 20px;
}
.regist{
	position: relative;
	/*top: -250px;*/
	top: -310px;
	width:556px;
	height: 540px;
	left: -20px;
}
.registBtn{
	cursor:pointer;
	position:relative;
	left: 215px;
	top: 10px;
}
.registUser{
	font-weight: bold;
	font-size:22px;
	color:#30ADFA;
}
.registInput{
	width:365px;
	height:40px;
	border:1px solid #ccc;
	text-align: center;
}
.registSelect{
	width:365px;
	height:40px;
	border:1px solid #ccc;
	text-align: center;
}
.registInputY{
	width:250px;
	height:40px;
	border:1px solid #ccc;
	text-align: center;
}
.registTxt{
	width: 100px;
	font-size:14px;
	height:40px;
	line-height:40px;
	display:inline-block;
	margin-top:15px
}
.UnitA{
	border-color: #ccc;
	border-radius: 0px;
	width:365px;
}

.main_r_up{
	height:74px;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor:pointer;
}
.main_r_up img{
	display: inline;
}
.main_r_up .pp{
	display: inline;
	font-weight: bold;
	font-size:22px;
	text-align: center;
	margin-left: 5%;
}
.main_r_up .phone_login{
	display: inline;
	font-weight: bold;
	font-size:22px;
	color: #30ADFA;
	margin-left: 5%;
}
.main_r_up .QRcode_lode{
	display: inline;
	font-weight: bold;
	font-size:22px;
	margin-left: 5%;
}
.main_r_up .split{
	height: 70%;
	width: 1px;
	background-color: #30ADFA;
	margin-left: 3%;
}
.main_right .QRcode_login img{
	width: 250px;
	height: 250px;
}
.main_right .QRcode_login{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.animotion-enter-to,.animotion-leave-to{
	animation: tran 0.2s linear;
}
@keyframes tran{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

#captcha-image{width: 105px;height: 40px;margin-left: 5px;margin-top: -3px;border-radius: 5px;cursor:pointer;}
#passwordLoginCaptchaCode{width: 105px;height: 40px;margin-left: 5px;margin-top: -3px;border-radius: 5px;cursor:pointer;}
#registerCaptchaCode{width: 105px;height: 40px;margin-left: 5px;margin-top: -3px;border-radius: 5px;cursor:pointer;}
/*border: #dddddd 1px solid; box-shadow:1px 1px 1px #aaaaaa;*/
.TBtn{width: 105px;height: 40px;margin-left: 5px;background-color: #50ADFA;color: #FFFFFF;border-radius: 5px;cursor:pointer;}
/*border: #dddddd 1px solid; box-shadow:1px 1px 1px #aaaaaa;*/
.FBtn{width: 105px;height: 40px;margin-left: 10px;background-color: #9f9f9f;color: #FFFFFF;border-radius: 5px;}
.sub{ width:456px; height:30px; font-size:14px; color:#666; border-bottom:1px solid #cccccc;}
.sub p{float:right}
.txt{ width:456px; height:40px; margin-top:35px}
.txt span{ width:90px; font-size:14px; color:#666; height:40px; }
.txt input{height:40px; border:1px solid #ccc; padding-left:20px;}
.txt .txtUserInfo{ width:275px; margin-left: 0px;}
.txt .passwordLoginInput{ width:275px; margin-left: 0px;padding-right: 40px}
.showPasswordImg{position: absolute;right: 76px;top: 50%;transform: translateY(-50%);width: 30px}
.txt .phone_txtVerify{width:160px;}
.txt .txtVerify{width:140px;}
.txt img.imgVerify{ margin-left:15px;  width: 80px; height: 40px}
.xieyi{ clear:both;padding-left:110px; padding-top:35px; font-size:14px; color:#5a5a5a; height:30px; line-height:30px}
.login{ width:275px; height:40px; line-height:40px; text-align:center; color:#fff; background:#30adfa; font-size:14px; border-radius:5px; margin-left:110px; margin-top:20px; cursor:pointer}
.rBtn{ width:170px; height:40px; line-height:40px; text-align:center; color:#fff; background:#30adfa; font-size:14px; border-radius:5px; margin-left:105px; margin-top:20px; cursor:pointer}
.rBtn2{ width:170px; height:40px; line-height:40px; text-align:center; color:#fff; background:#30adfa; font-size:14px; border-radius:5px; margin-left:15px; margin-top:20px; cursor:pointer}
.footer{
	width:100%;
	height:50px;
	line-height:60px;
	position: fixed;
	bottom:0;
	background: transparent url(../image/footerBg.png);
}
.footer0{ width:1200px; height:60px; margin:0 auto; font-size:14px; color:#adacac;}
.footer_l{
	float:left;
}
.footer_l a{
	color: white;
}
.footer_r{ float:right}