.login_wrapper {
	margin: 0px auto; width: 1000px; position: relative;
}
.top_menu {
	height: 70px; background-color: rgb(255, 255, 255);
}
.top_menu .logo {
	float: left;
}
.pay_header .logo {
	float: left;
}
.top_menu .logo {
	padding-right: 56px;
}
.top_menu ul {
	float: right;
}
.top_menu li {
	width: 90px; height: 70px; margin-left: 6px; float: left; display: inline;
}
.top_menu li a {
	font: 16px/70px ΢ÈíÑźÚ; width: 100%; height: 100%; text-align: center; color: rgb(51, 51, 51); display: block; position: relative; font-size-adjust: none; font-stretch: normal;
}
.top_menu li a em {
	top: 18px; width: 14px; height: 14px; text-align: left; right: 4px; color: rgb(255, 0, 0); line-height: 4px; overflow: hidden; font-size: 56px; position: absolute; _top: 16px;
}
.top_menu li a:hover {
	background: rgb(3, 180, 245); color: rgb(255, 255, 255) !important; font-weight: bold; text-decoration: none;
}
.top_menu li a.on {
	background: rgb(3, 180, 245); color: rgb(255, 255, 255) !important; font-weight: bold; text-decoration: none;
}
.top_menu li a.on {
	transition:0.1s linear; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.1s; -mz-transition: all linear 0.1s;
}
.g-sidefun {
	display: none;
}
.bianpao_link {
	display: none;
}
body {
	-ms-overflow-x: hidden; background-color: rgb(255, 255, 255);
}
.middle_main {
	height: 716px; position: relative;
}
.middle_body {
	top: 50%; width: 100%; margin-top: -358px; position: absolute;
}
.middle_body .commer_foot {
	background: none;
}
.login_ban {
	margin: 0px auto; width: 53%; height: 449px; padding-top: 42px; position: relative;
}
.form_box {
	padding: 11px 15px; border-radius: 5px; width: 276px; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255);
}
.title_box {
	font: 20px/44px ΢ÈíÑźÚ; height: 45px; text-align: center; font-size-adjust: none; font-stretch: normal;
}
.form_tips {
	height: 30px;
}
.form_tips p {
	background: url("http://cdn.jhchina.net/index/images/tips.jpg") no-repeat left rgb(240, 251, 255); font: 12px/22px ËÎÌå; border: 1px solid rgb(3, 180, 245); border-image: none; height: 22px; padding-left: 33px; font-size-adjust: none; font-stretch: normal;
}
.form_item {
	border: 1px solid rgb(225, 222, 222); border-image: none; height: 39px; padding-left: 43px; margin-bottom: 14px; background-color: rgb(255, 255, 255);
}
.form_item.error {
	border: 1px solid rgb(3, 180, 245); border-image: none;
}
.form_item input {
	background: none; font: 14px/25px ËÎÌå; outline: 0px; border: currentColor; border-image: none; width: 212px; height: 25px; margin-top: 7px; display: block; font-size-adjust: none; font-stretch: normal;
}
.form_item label {
	background: url("http://cdn.jhchina.net/index/images/login_icon.jpg") no-repeat 0px 0px; width: 33px; height: 39px; margin-left: -43px; position: absolute;
}
.form_item.error label.c_account_icon {
	background-position: -33px 0px;
}
.form_item label.c_password_icon {
	background-position: 0px -39px;
}
.form_item.error label.c_password_icon {
	background-position: -33px -39px;
}
.f_msg {
	font: 12px/24px ËÎÌå; padding: 6px 0px; text-align: center; color: red; font-size-adjust: none; font-stretch: normal;
}
.forgot_l {
	font: 12px/32px ËÎÌå; text-align: center; color: rgb(151, 151, 151); font-size-adjust: none; font-stretch: normal;
}
.forgot_l input {
	vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.forgot_l label {
	vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.forgot_l label {
	padding-left: 5px;
}
.forgot_l a {
	color: rgb(140, 139, 139); font-family: "microsoft yahei"; font-size: 13px;
}
.f_quick {
	color: rgb(140, 139, 139); font-family: "microsoft yahei"; font-size: 13px;
}
.forgot_l a:hover {
	color: rgb(255, 0, 0);
}
.f_quick:hover {
	color: rgb(255, 0, 0);
}
.f_submit {
	height: 65px; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid;
}
.f_submit input {
	font: 20px/48px ΢ÈíÑźÚ; border-radius: 5px; border: currentColor; border-image: none; width: 100%; height: 48px; color: rgb(255, 255, 255); display: block; cursor: pointer; font-size-adjust: none; font-stretch: normal; background-color: rgb(0, 186, 255);
}
.f_submit input:hover {
	background-color: rgb(30, 193, 254);
}
.f_links {
	font: 12px/22px ËÎÌå; padding-top: 16px; font-size-adjust: none; font-stretch: normal;
}
.f_qq {
	background: url("http://cdn.jhchina.net/index/images/other_login_icos.png") no-repeat; width: 24px; height: 24px; margin-right: 4px; float: left;
}
.f_wx {
	background: url("http://cdn.jhchina.net/index/images/other_login_icos.png") no-repeat; width: 24px; height: 24px; margin-right: 4px; float: left;
}
.f_wb {
	background: url("http://cdn.jhchina.net/index/images/other_login_icos.png") no-repeat; width: 24px; height: 24px; margin-right: 4px; float: left;
}
.f_qq:hover {
	opacity: 0.8;
}
.f_wx:hover {
	opacity: 0.8;
}
.f_wb:hover {
	opacity: 0.8;
}
.f_qq {
	background-position: 0px 0px;
}
.f_wx {
	background-position: -28px 0px;
}
.f_wb {
	background-position: -57px 0px;
}
.commer_foot a {
	text-decoration: none;
}
#banner {
	width: 100%; height: 491px; position: relative;
}
.login_page {
	background: url("/qmjh/1.png") no-repeat top rgb(85, 165, 254);
}
.login_page2 {
	background: url("/qmjh/2.png") no-repeat top rgb(10, 129, 135);
}
.login_page3 {
	background: url("/qmjh/3.png") no-repeat top rgb(85, 165, 254);
}
.login_page4 {
	background: url("/qmjh/4.png") no-repeat top rgb(10, 129, 135);
}
.login_page5 {
	background: url("/qmjh/5.png") no-repeat top rgb(85, 165, 254);
}
.login_page6 {
	background: url("/qmjh/6.png") no-repeat top rgb(10, 129, 135);
}
.login_page7 {
	background: url("/qmjh/7.png") no-repeat top rgb(10, 129, 135);
}
.login_page8 {
	background: url("/qmjh/8.png") no-repeat top rgb(10, 129, 135);
}
.login_page9 {
	background: url("/qmjh/9.png") no-repeat top rgb(10, 129, 135);
}
.login_page10 {
	background: url("/qmjh/10.png") no-repeat top rgb(10, 129, 135);
}
.monkey {
	position: absolute;
}
.cloud1 {
	position: absolute;
}
.cloud2 {
	position: absolute;
}
.cloud3 {
	position: absolute;
}
.cloud3 {
	animation:clouda_float 5s ease-in-out infinite alternate; -webkit-animation: 5s ease-in-out 0s alternate none infinite clouda_float; -moz-animation: 5s ease-in-out 0s alternate none infinite clouda_float; -o-animation: 5s ease-in-out 0s alternate none infinite clouda_float;
}
.login_page .cloud1 {
	animation:clouda_float 2s ease-in infinite alternate; -webkit-animation: 2s ease-in 0s alternate none infinite clouda_float; -moz-animation: 2s ease-in 0s alternate none infinite clouda_float; -o-animation: 2s ease-in 0s alternate none infinite clouda_float;
}
.login_page .cloud2 {
	animation:clouda_float 2s ease-in infinite alternate; -webkit-animation: 2s ease-in 0s alternate none infinite clouda_float; -moz-animation: 2s ease-in 0s alternate none infinite clouda_float; -o-animation: 2s ease-in 0s alternate none infinite clouda_float;
}
.login_page .monkey {
	background: url("http://cdn.jhchina.net/index/images/bren1.png") no-repeat 0px 0px; left: 73px; top: 156px; width: 188px; height: 176px; _background: url(http://cdn.jhchina.net/index/images/bren1.gif) 0 0 no-repeat;
}
.login_page .cloud1 {
	background: url("http://cdn.jhchina.net/index/images/yun1.png") no-repeat 0px 0px; left: -465px; top: 98px; width: 267px; height: 178px; _background: url(http://cdn.jhchina.net/index/images/yun1.gif) 0 0 no-repeat;
}
.login_page .cloud2 {
	background: url("http://cdn.jhchina.net/index/images/yun2.png") no-repeat 0px 0px; left: -227px; top: 58px; width: 238px; height: 155px; _background: url(http://cdn.jhchina.net/index/images/yun2.gif) 0 0 no-repeat;
}
.login_page .cloud3 {
	background: url("http://cdn.jhchina.net/index/images/yun3.png") no-repeat 0px 0px; left: 935px; top: 31px; width: 344px; height: 182px; _background: url(http://cdn.jhchina.net/index/images/yun3.gif) 0 0 no-repeat;
}
.login_page2 .monkey {
	background: url("http://cdn.jhchina.net/index/images/bren2.png") no-repeat 0px 0px; left: -18px; top: 119px; width: 340px; height: 214px; _background: url(http://cdn.jhchina.net/index/images/bren2.gif) 0 0 no-repeat;
}
.login_page2 .cloud1 {
	display: none;
}
.login_page2 .cloud2 {
	background: url("http://cdn.jhchina.net/index/images/ball.png") no-repeat 0px 0px; animation:balloonb_float 3s ease-in infinite alternate; left: 303px; top: 62px; width: 34px; height: 41px; -webkit-animation: 4s ease-in 0s alternate none infinite balloonb_float; -moz-animation: 3s ease-in 0s alternate none infinite balloonb_float; -o-animation: 3s ease-in 0s alternate none infinite balloonb_float; _background: url(http://cdn.jhchina.net/index/images/ball.gif) 0 0 no-repeat;
}
.login_page2 .cloud3 {
	background: url("http://cdn.jhchina.net/index/images/byun3.png") no-repeat 0px 0px; left: 506px; top: 108px; width: 62px; height: 28px; _background: url(http://cdn.jhchina.net/index/images/byun3.gif) 0 0 no-repeat;
}
.car {
	width: 45px; height: 24px; position: absolute; z-index: 9; -webkit-animation: shake 2s infinite;
}
.login_page .car {
	background: url("http://cdn.jhchina.net/index/images/cars.png") no-repeat; left: 17px; bottom: 85px; _background: url(http://cdn.jhchina.net/index/images/cars.gif) no-repeat;
}
.login_page2 .car {
	background: url("http://cdn.jhchina.net/index/images/car2.png") no-repeat; left: 227px; top: 335px; width: 46px; _background: url(http://cdn.jhchina.net/index/images/car2.gif) no-repeat;
}
.car span {
	background: url("http://cdn.jhchina.net/index/images/weiqi.gif") no-repeat; left: -10px; top: 20px; width: 7px; height: 6px; display: block; position: absolute;
}
.login_page .water_back {
	background: url("http://cdn.jhchina.net/index/images/water_back.png") repeat-x; animation:water-back-animation 3s ease-in-out infinite; left: 0px; width: 100%; height: 40px; bottom: 0px; position: absolute; -webkit-animation: water-back-animation 3s infinite ease-in-out; -moz-animation: water-back-animation 3s infinite ease-in-out; -o-animation: water-back-animation 3s infinite ease-in-out; _background: url(http://cdn.jhchina.net/index/images/water_back.gif) repeat-x;
}
.login_page .water_front {
	background: url("http://cdn.jhchina.net/index/images/water_front.png") repeat-x 22px 0px; animation:water-front-animation 2s ease-in-out infinite; left: 0px; width: 100%; height: 34px; bottom: 0px; position: absolute; -webkit-animation: water-front-animation 2s infinite ease-in-out; -moz-animation: water-front-animation 2s infinite ease-in-out; -o-animation: water-front-animation 2s infinite ease-in-out; _background: url(http://cdn.jhchina.net/index/images/water_front.gif) 22px 0 repeat-x;
}
.boat {
	overflow: visible; position: absolute; z-index: 99;
}
.login_page .boat {
	animation:boat-in-animation 3s ease-out; left: 115px; top: 436px; width: 47px; height: 39px; -webkit-animation: boat-in-animation 3s 1 ease-out; -moz-animation: boat-in-animation 3s 1 ease-out; -o-animation: boat-in-animation 3s 1 ease-out;
}
.boat span {
	animation:boat-animation 2s ease-in-out infinite; left: 0px; bottom: 0px; overflow: visible; display: block; position: absolute; -webkit-animation: boat-animation 2s infinite ease-in-out; -moz-animation: boat-animation 2s infinite ease-in-out; -o-animation: boat-animation 2s infinite ease-in-out;
}
.login_page .boat span {
	background: url("http://cdn.jhchina.net/index/images/boat.png") no-repeat; width: 47px; height: 39px; _background: url(http://cdn.jhchina.net/index/images/boat.gif) no-repeat;
}
.login_page2 .boat {
	animation:boat-out-animation 3s ease-out; left: 280px; top: 388px; width: 64px; height: 53px; -webkit-animation: boat-out-animation 3s 1 ease-out; -moz-animation: boat-out-animation 3s 1 ease-out; -o-animation: boat-out-animation 3s 1 ease-out;
}
.login_page2 .boat span {
	background: url("http://cdn.jhchina.net/index/images/tree.png") no-repeat; width: 64px; height: 53px; _background: url(http://cdn.jhchina.net/index/images/tree.gif) no-repeat;
}
.login_page2 .water_back {
	display: none;
}
.login_page2 .water_back {
	display: none;
}