@charset "utf-8";
/* CSS Document */
* {
	padding: 0;margin: 0;border: 0;font-size: 16px;font-family: "微软雅黑";
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
html, body {width: 100%;}
body {background: url(../img/logoMain_bg.png) no-repeat #FFF;background-size: 100%;}
.mid_class {
	width: 100%;height: 575px;position: absolute;
	left: 0;top: -50px;right: 0;bottom: 0;margin: auto;
}
.art_left_gw {margin: 0 80px;text-align: center;float: left;}
.top_headTit h2 {font-size: 48px;color: #000000;font-weight: bold;}
.top_headTit p {font-size: 28px;color: #000000;font-weight: bold;}
.art_middle_logo {width: 525px;height: 184px;margin: 142px auto;}
.art_middle_logo img, .footerLogo img {width: 100%;height: 100%;}
.art_clear {clear: both;}
.art_right_gw {
	width: 464px;height: 600px;background: #cce9f7;position: absolute;
	left: 56%;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0.7;padding: 36px 38px;
}
.art_wel p {font-size: 20px;color: #33a9db;font-weight: bold;}
.art_wel h3 {font-size: 28px;color: #33a9db;}
.art_mt46, .change_mt46 {margin-top: 35px;}
.art_logoMain {border: 1px solid #a2cfec;background: #ecf7fd;}
.art_pd22 {padding: 22px 17px;border-left: 6px solid #35a7e5;}
.art_username {width: 106px;float: left;}
.art_username p {font-size: 16px;color: #33a9db;font-weight: bold;}
.art_username h4 {font-size: 18px;color: #33a9db;}
.art_input {margin-left: 106px;background: #ecf7fd;}
.art_input input {width: 100%;padding: 8px 10px;background: #ecf7fd;font-size: 22px;}
.art_mtF1 {margin-top: -1px!important;}
.art_mt12 {margin-top: 12px;width: 300px;position: relative;}
.art_lineH {line-height: 18px;}
.click_toGet {position: absolute;top: 0;right: -88px;}
.click_toGet button {
	width: 80px;height: 89px;padding: 20px 10px;text-align: center;
	background: #35a8e1;font-size: 20px;color: #fff;cursor: pointer;
}
.click_toLogin {margin-top: 35px;float: right;}
.click_toLogin button {
	width: 128px;height: 35px;line-height: 35px;text-align: center;
	background: #35a8e1;font-size: 16px;color: #ffffff;cursor: pointer;
}
.click_forget{float:left;margin-top: 35px;}
.click_forget .a{width: 128px;height: 35px;line-height: 35px;text-align: center;
	background: #35a8e1;font-size: 16px;color: #ffffff;cursor: pointer;
	}
.art_bottom_foot {bottom: 90px;position: fixed;left: 70px;}
/* .footerSide {float: left;margin: 8px 0;} */
.footerSide {float: left;margin: -3px 0;}
.footerSide p {font-size: 16px;color: #686868;}
.footerLogo {width: 59px;height: 59px;float: left;margin-right: 10px;}
.warning_txt {margin-top: 20px;text-align: center;font-size: 14px;color: #ff0107;}
.art_tion {position: relative;}
.errTips {position: absolute;top: -22px;left: 6px;}

/* 修改密码 */
.change_pd22 {padding: 10px 18px;border-left: 6px solid #35a7e5;}
.change_username {width: 106px;float: left;}
.change_username p {font-size: 14px;color: #33a9db;font-weight: bold;}
.change_username h4 {font-size: 16px;color: #33a9db;line-height: 16px;}
.change_input {margin: 8px 0 8px 108px;background: #ecf7fd;}
.change_oneInput {margin: 0 0 0 108px!important;}
.change_input input {width: 100%;padding: 6px 10px;background: #ecf7fd;font-size: 18px;}
.click_submitBtn {margin-top: 35px;text-align: center;}
.submitBtn {
	width: 80%;height: 35px;line-height: 35px;text-align: center;
	background: #35a8e1;font-size: 16px;color: #ffffff;
}


@media (max-width: 1780px) {
	.mid_class {height: 30em;top: -2em;}
	.top_headTit {width: 52em;}
	.top_headTit h2 {font-size: 2em;}
	.top_headTit p {font-size: 1.3em;}
	.art_middle_logo {width: 25em;height: 9em;margin: 9em auto 6em;}
	.art_right_gw {width: 29em;height: 38em;top: 5%;padding: 1.8em 3em;}
	.art_wel p {font-size: 1.3em;}
	.art_wel h3 {font-size: 1.6em;}
	.art_mt46 {margin-top: 1.5em;}
	.art_pd22 {padding: 1.1em 0.8em;}
	.art_username {width: 6.8em;}
	.art_username p {font-size: 1em;}
	.art_username h4 {font-size: 1.1em;}
	.art_input {margin-left: 7em;}
	.art_input input {padding: 0.35em 0.45em;font-size: 1.4em;}
	.art_mt12 {margin-top: 0.8em;width: 17.5em;}
	.click_toGet button {height: 80px;padding: 0.8em 0.6em;font-size: 1.2em;}
	.click_toLogin {margin-top: 1.5em;}
	.click_toLogin button {width: 8em;height: 2.3em;line-height: 2.3em;font-size: 1em;}
	.click_forget{margin-top: 1.5em;}
	.click_forget .a{width: 8em;height: 2.3em;line-height: 2.3em;font-size: 1em;}
	.warning_txt {margin-top: 0.8em;font-size: 0.8em;}
	.art_bottom_foot {bottom: 3.5em;}
	.footerSide p {font-size: 1em;}
	.click_submitBtn {margin-top: 1.5em;}
}

@media (max-width: 1480px) {
	.mid_class {height: 26em;}
	.top_headTit {width: 46em;}
	.top_headTit h2 {font-size: 1.8em;}
	.top_headTit p, .art_wel p {font-size: 1.1em;}
	.art_middle_logo {width: 20em;height: 7.6em;margin: 8em auto 6em;}
	.art_right_gw {width: 23em;height: 30em;top: 0;padding: 1.8em 3em;}
	.art_wel h3 {font-size: 1.3em;}
	.art_mt46 {margin-top: 1.6em;}
	.art_pd22 {padding: 0.6em 0.65em;}
	.art_username, .change_username {width: 5.5em;}
	.art_username p, .click_toLogin button {font-size: 0.8em;}
	.click_forget .a {font-size: 0.8em;}
	.art_username h4 {font-size: 0.9em;}
	.art_input {margin-left: 5.8em;}
	.art_input input {padding: 0.58em 0.3em;font-size: 0.9em;}
	.art_mt12 {margin-top: 0.8em;width: 12.8em;}
	.click_toGet {right: -68px;}
	.click_toGet button {width: 3.6em;height: 55px;padding: 0.5em 0.4em;font-size: 1em;line-height: 20px;}
	.click_toLogin button {width: 7em;height: 2em;line-height: 2em;}
	.click_forget .a {width: 7em;height: 2em;line-height: 2em;}
	.warning_txt {margin-top: 1.2em;}
	.art_bottom_foot {bottom: 2em;}
	.footerSide p {font-size: 0.8em;}
	.footerLogo {width: 46px;height: 46px;}
	.errTips {top: -18px;font-size: 0.8em;}
	
	.change_p {font-size: 0.8em!important;}
	.change_mt46 {margin-top: 1em;}
	.change_pd22 {padding: 0.3em 0.65em;}
	.change_username p {font-size: 0.6em;}
	.change_username h4 {font-size: 0.8em;line-height: 14px;}
	.change_input {margin: 0.4em 0 0.4em 5.8em;}
	.change_oneInput {margin: 0 0 0 5.8em!important;}
	.click_submitBtn {margin-top: 1em;}
	.submitBtn {width: 70%;height: 28px;line-height: 28px;font-size: 0.9em;}
}