@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "宋体";
}

.top {
	background: url(../../images/login/ind_02.png) repeat-x;
	height: 61px;
}


.main {
	background: url(../../images/login/ind_bj01.png) repeat-x top #FFF;
}

.banner {
	background: url(../../images/login/ind_bj02.png) no-repeat bottom center;
	/*background-size:cover;*/
	height: 685px;
}

.banner_con {
	width: 960px;
	margin: 0 auto;
}

.banner_left {
	float: left;
	width: 344px;
	margin-left: 115px;
	_margin-left: 57px;
}

.banner_left img {
	margin: 45px 0 25px;
}

.banner_left div {
	width: 213px;
	margin: 0 auto;
	height: 83px;
	margin-bottom: 10px;
	font-family: "华文细黑";
	color: #FFF;
	font-size: 24px;
	padding-left: 88px;
	line-height: 80px;
	cursor: pointer;
}

.android_download {
	background: url(../../images/login/ind_17.png) no-repeat;
}

.ios_download {
	background: url(../../images/login/ind_18.png) no-repeat;
}

.banner_right {
	float: right;
	background: url(../../images/login/ind_13.png) no-repeat;
	width: 362px;
	height: 494px;
	margin-top: 105px;
}

.banner_right form {
	width: 318px;
	margin: 0 auto;
	padding: 0;
}

.login_bt {
	background: url(../../images/login/ind_15.png) no-repeat center;
	height: 37px;
	padding: 54px 0 37px;
}

.login_info {
	color: #34495e;
	font-size: 14px;
	margin-bottom: 23px;
}

.login_info span {
	line-height: 45px;
	height: 45px;
	display: block;
	float: left;
	width: 70px;
}

.login_info input {
	background: #effafe;
	border: solid 1px #b8c5ce;
	width: 223px;
	height: 43px;
	line-height: 43px;
	color: #b8c5ce;
	padding: 0 10px;
	font-size: 14px;
}

.login_menu {
	float: left;
	background: url(../../images/login/ind_14.png) no-repeat 205px rgba(0, 0, 0, 0);
	border: solid 1px #c3c2c2; /*border:solid 1px #59a3fc;*/
	width: 206px;
	height: 33px;
	color: #31393c;
	padding: 0 10px;
	line-height: 33px;
	font-size:16px;
	cursor: pointer;
	position: relative;
}

.login_submenu {
	position: absolute;
	top: 35px;
	left: -1px;
	border: solid 1px #59a3fc;
	display: none;
	background: #f2fafe;
}

.login_submenu a {
	text-decoration: none;
	display: block;
	width: 206px;
	padding: 0 10px;
	color: #31393c;
}

.login_btn {
	background: #5eab1f;
	border: solid 1px #528036;
	height: 55px;
	color: #ffffff;
	font-size: 24px;
	line-height: 55px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 14px;
	font-family: "华文细黑";
}

.login_other span {
	cursor: pointer;
	color: #59a3fc;
	line-height: 24px;
	font-size: 14px;
	float: left;
	margin: 0 45px;
}

.main_info {
	width: 960px;
	margin: 0 auto;
	height: 290px;
	background: url(../../images/login/ind_24.png) no-repeat 0 60px;
	padding-top: 140px;
}

.main_info_left,.main_info_right {
	float: left;
	text-align: center;
}

.main_info_left img,.main_info_right img {
	cursor: pointer;
	margin-bottom: 30px;
}

.main_info_left a,.main_info_right a {
	color: #6b7784;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	border-bottom: solid 1px #6b7784;
	padding-bottom: 5px;
}

.main_info_left {
	background: url(../../images/login/ind_25.png) no-repeat right;
	padding: 0 87px;
}

.main_info_right {
	padding: 0 86px;
}

.bottom {
	height: 78px;
	background: #eef2f5;
	padding: 15px 0 30px;
}

.cooperation {
	width: 960px;
	height: 78px;
	margin: 0 auto;
	background: url(../../images/login/ind_35.png) no-repeat;
	color: #2e4459;
	font-size: 20px;
}

.coop_qq,.coop_mail,.coop_telephone {
	float: left;
	margin-top: 50px;
}

.coop_qq {
	background: url(../../images/login/ind_42.png) no-repeat left;
	height: 28px;
	line-height: 28px;
	padding-left: 43px;
	margin-right: 55px;
}

.coop_mail {
	margin-right: 55px;
	background: url(../../images/login/ind_44.png) no-repeat left;
	height: 29px;
	line-height: 29px;
	padding-left: 48px;
}

.coop_telephone {
	margin-right: 55px;
	background: url(../../images/login/ind_39.png) no-repeat left;
	height: 31px;
	line-height: 31px;
	padding-left: 34px;
}

@keyframes xm-upbit {
	0% {
		transform: translate3d(0, -5px, 0);
	}
	100% {
		transform: translate3d(0, -2px, 0);
	}
}
xm-select {
	border-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
xm-select:hover { border-color: transparent;}
xm-select .xm-icon {
	width: 20px;
	height: 20px;
	right: 4px;
	min-height: auto !important;
	margin-top: -10px;
	background-image: url("../../scripts/common/xm-select/select-down-arrow.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0;
}
xm-select .xm-icon:before {
	display: none;
}
xm-select[size=large] {
	height: 34px;
	line-height: 34px !important;
	border-radius: 4px;
}
xm-select[size=medium] {
	height: 28px;
	line-height: 28px !important;
	border-radius: 4px;
}
xm-select[size=small] {
	height: 24px;
	line-height: 24px !important;
	border-radius: 3px;
}
xm-select > .xm-label.single-row,
xm-select > .xm-label.single-row .scroll {
	line-height: inherit !important;
}
xm-select > .xm-label.single-row .scroll .label-content {
	padding-right: 12px;
	padding-left: 12px;
	color: #444;
	line-height: inherit !important;
}
xm-select > .xm-body {
	right: -1px;
	left: -1px;
	width: auto;
	border-color: transparent;
	border-radius: 4px;
}
xm-select > .xm-body .xm-option {
	margin: 0 4px;
	border-radius: 3px;
}
xm-select > .xm-body .xm-option.selected.hide-icon {
	position: relative;
	background-color: transparent !important;
}
xm-select > .xm-body .xm-option.selected.hide-icon .xm-option-content {
	color: #2597ef !important;
}
xm-select > .xm-body .xm-option .xm-option-icon {
	width: 16px;
	height: 16px;
	background-color: white;
	border-color: #ddd !important;
	border-radius: 3px;
}
xm-select > .xm-body .xm-option .xm-option-icon.xm-icon-duox:before {
	display: none;
}
xm-select > .xm-body .xm-option.selected .xm-option-icon {
	background-color: #2597ef;
	background-image: url("../../scripts/common/xm-select/select-tick-white.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px;
}
xm-select > .xm-body .xm-option:hover {
	background-color: rgba(37, 151, 239, 0.1) !important;
}
xm-select > .xm-body .xm-option:hover .xm-option-icon {
	border-color: #2597ef !important;
}
xm-select > .xm-body .xm-option:visited {
	background-color: red !important;
}
xm-select > .xm-body .xm-option-content {
	width: 100% !important;
	font-size: 14px;
	line-height: 28px;
}
xm-select > .xm-body .xm-tree-icon {
	border-width: 5px;
	border-left-color: #666;
}
xm-select .xm-tips {
	color: #afafaf;
}

.form-con.select-hasicon {
	position: relative;
}
.form-con.select-hasicon > .icon {
	position: absolute;
	top: 50%;
	left: 16px;
	z-index: 1;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	font-size: 16px;
	color: #888;
	line-height: 16px;
}
.form-con.select-hasicon xm-select > .xm-tips {
	padding-left: 44px;
}
.form-con.select-hasicon xm-select > .xm-label .scroll .label-content {
	margin-left: 44px;
	padding-left: 0 !important;
}