/* kh-demo-web 
 * version: 1.0.0
 * project: ctsec
 * update: 2014-07-15
 * Copyright (c) 2014 wuwj <wuwj@cairenhui.com>; 
 */
a, abbr, acronym, address, applet, article, aside, audio, b, big,
	blockquote, body, canvas, caption, center, cite, code, dd, del, details,
	dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form,
	h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd,
	label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby,
	s, samp, section, small, span, strike, strong, sub, summary, sup, table,
	tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol, ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption, td, th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote, q {
	quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}

a img {
	border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block
}

body {
	line-height: 1.5;
	font-size: 14px;
	font-family: \9ED1\4F53, sans-serif;
	color: #666;
	background-color: #e8e8e8
}

#login, #main {
	width: 950px;
	margin: 0 auto
}

#content {
	padding: 30px 40px;
	background-color: #fff
}

.js-explain-tip, .js-valid-tip {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	font-size: 12px
}

*+html .js-explain-tip, *+html .js-valid-tip {
	display: inline
}

.js-explain-tip .icon, .js-valid-tip .icon {
	margin-right: 3px
}

.js-valid-loading {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin-left: 10px
}

*+html .js-valid-loading {
	display: inline
}

#timeOutAlert {
	position: absolute;
	border: 1px solid #f4ceac;
	background-color: #fff7de;
	z-index: 700
}

#timeOutAlert .arrow {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	width: 14px;
	height: 7px;
	right: 40px;
	top: -7px;
	z-index: 800;
	background: url(/template/default/images/timeout/arrow.png?1405389910) no-repeat
}

*+html #timeOutAlert .arrow {
	display: inline
}

#timeOutAlert .hd {
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	border-bottom: 1px solid #f5e6b8;
	text-align: right
}

#timeOutAlert .hd .close {
	font-size: 12px;
	color: #8d8d8d;
	cursor: pointer
}

#timeOutAlert .bd {
	overflow: hidden
}

#timeOutAlert .bd .fl {
	float: left
}

#timeOutAlert .lamp {
	display: block;
	width: 75px;
	height: 80px;
	margin: 20px 0 0 12px
}

#timeOutAlert .text {
	width: 210px;
	padding: 20px;
	font-size: 12px;
	line-height: 28px
}

#timeOutAlert .text .online-service {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	width: 90px;
	height: 25px;
	margin-left: 10px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer
}

*+html #timeOutAlert .text .online-service {
	display: inline
}

#timeOutAlert .text b {
	font-weight: 700;
	padding: 0 5px
}

#timeOutAlert .text .hotline {
	color: #fb7f2d;
	font-size: 24px
}

#timeOutAlert .contact {
	vertical-align: middle;
	margin-left: 5px
}

.ui-header {
	height: 100px;
	background: url(/template/default/images/header/bg.png?1405389910) repeat-x
}

.ui-header .header-inner {
	overflow: hidden;
	width: 950px;
	height: 100%;
	margin: 0 auto
}

.ui-header .vline {
	float: right;
	display: block;
	height: 24px;
	margin-top: 13px;
	padding-left: 15px;
	background: url(/template/default/images/header/vline.png?1405389910) no-repeat right
		center
}

.ui-header .logo {
	float: left;
	margin-top: 20px
}

.ui-header .logo a, .ui-header .logo span {
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	margin-right: 15px
}

*+html .ui-header .logo a, *+html .ui-header .logo span {
	display: inline
}

.ui-header .logo span {
	padding-left: 15px;
	font-size: 20px;
	font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53,
		sans-serif;
	color: #666;
	background: url(/template/default/images/header/vline.png?1405389910) no-repeat left
		center
}

.ui-header .logo img {
	display: block
}

.ui-header .nav-right {
	float: right;
	height: 45px;
	line-height: 45px;
	margin-top: 20px
}

.ui-header .nav-right .nav-item {
	float: right;
	margin-left: 15px
}

.ui-header .hotline span {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin-top: -3px;
	color: #000000
}

*+html .ui-header .hotline span {
	display: inline
}

.ui-header .hotline .num {
	margin-left: 5px;
	font-family: Arial;
	font-size: 24px;
	color: #fb7f2d
}

.ui-header .service a {
	display: block;
	width: 92px;
	height: 27px;
	margin-top: 10px;
	background: url(/template/default/images/header/service.png?1405389910) no-repeat;
	text-indent: -9999px;
	overflow: hidden
}

.ui-header .faq a, .ui-header .logout a {
	color: #4d4d4d;
	text-decoration: none
}

*+html .ui-header .hotline span {
	margin-top: 0;
	vertical-align: top
}

.ui-footer {
	margin: 60px auto 0;
	padding: 30px 0;
	text-align: center;
	font-size: 12px;
	color: #8c8c8c;
	background-color: #fff
}

.ui-footer .footnav {
	margin-bottom: 5px
}

.ui-footer .footnav a {
	text-decoration: none;
	color: #8c8c8c
}

.ui-footer p {
	margin-bottom: 6px
}

.ui-footer p a {
	text-decoration: none;
	color: #8c8c8c
}

.ui-footer .divider {
	padding: 0 4px
}

.ui-footer p.bottom img {
	vertical-align: middle;
	padding-left: 10px
}

.btn-default, .btn-primary, .btn-process, .btn-warn, .js-dialog .btn-dialog-close,
	.js-dialog .btn-dialog-process {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53,
		sans-serif !important;
	border: 0;
	text-decoration: none;
	cursor: pointer
}

*+html .btn-default, *+html .btn-primary, *+html .btn-process, *+html .btn-warn,
	*+html .js-dialog .btn-dialog-close, *+html .js-dialog .btn-dialog-process,
	.js-dialog *+html .btn-dialog-close, .js-dialog *+html .btn-dialog-process
	{
	display: inline
}

.btn-normal {
	height: 33px;
	padding: 0 20px;
	line-height: 33px;
	font-size: 14px
}

.btn-large {
	height: 44px;
	padding: 0 30px;
	line-height: 44px;
	font-size: 20px
}

.btn-primary, .btn-process, .js-dialog .btn-dialog-process {
	background-color: #009ce9;
	color: #fff
}

.btn-warn {
	background-color: #ff9023;
	color: #fff
}

.btn-default, .js-dialog .btn-dialog-close {
	background-color: #f8f8f8
}

.icon-bankcard, .icon-camera, .icon-error, .icon-error-32, .icon-flag,
	.icon-headset, .icon-idcard, .icon-info, .icon-lamp, .icon-microphone,
	.icon-mobile, .icon-sprite, .icon-success, .icon-success-32,
	.icon-wait-32, .icon-warn, .icon-warn-32 {
	background-image: url(/template/default/images/sprite/icon-sf4c03309b0.png);
	background-repeat: no-repeat
}

.icon-bankcard {
	background-position: 0 0;
	height: 84px;
	width: 114px
}

.icon-camera {
	background-position: 0 -87px;
	height: 84px;
	width: 114px
}

.icon-error-32 {
	background-position: 0 -174px;
	height: 32px;
	width: 32px
}

.icon-error {
	background-position: 0 -209px;
	height: 16px;
	width: 16px
}

.icon-flag {
	background-position: 0 -228px;
	height: 21px;
	width: 21px
}

.icon-headset {
	background-position: 0 -252px;
	height: 84px;
	width: 114px
}

.icon-idcard {
	background-position: 0 -339px;
	height: 84px;
	width: 114px
}

.icon-info {
	background-position: 0 -426px;
	height: 16px;
	width: 16px
}

.icon-lamp {
	background-position: 0 -445px;
	height: 21px;
	width: 21px
}

.icon-microphone {
	background-position: 0 -469px;
	height: 84px;
	width: 114px
}

.icon-mobile {
	background-position: 0 -556px;
	height: 84px;
	width: 114px
}

.icon-success-32 {
	background-position: 0 -643px;
	height: 32px;
	width: 32px
}

.icon-success {
	background-position: 0 -678px;
	height: 16px;
	width: 16px
}

.icon-wait-32 {
	background-position: 0 -697px;
	height: 32px;
	width: 32px
}

.icon-warn-32 {
	background-position: 0 -732px;
	height: 32px;
	width: 32px
}

.icon-warn {
	background-position: 0 -767px;
	height: 16px;
	width: 16px
}

.icon {
	display: inline-block;
	zoom: 1;
	vertical-align: -3px
}

*+html .icon {
	display: inline
}

.bank-beijing, .bank-changsha, .bank-gongshang, .bank-guangda,
	.bank-guangfa, .bank-guangzhou, .bank-huaxia, .bank-jianshe,
	.bank-jiaotong, .bank-minsheng, .bank-nanjing, .bank-nongye,
	.bank-pingan, .bank-pufa, .bank-shanghai, .bank-shenfa, .bank-sprite,
	.bank-xingye, .bank-youzheng, .bank-zhaoshang, .bank-zhongguo,
	.bank-zhongxin {
	background-image: url(/template/default/images/sprite/bank-sf0860c6e4a.png);
	background-repeat: no-repeat
}

.bank-beijing {
	background-position: 0 0;
	height: 36px;
	width: 172px
}

.bank-changsha {
	background-position: 0 -37px;
	height: 36px;
	width: 172px
}

.bank-gongshang {
	background-position: 0 -74px;
	height: 36px;
	width: 172px
}

.bank-guangda {
	background-position: 0 -111px;
	height: 36px;
	width: 172px
}

.bank-guangfa {
	background-position: 0 -148px;
	height: 36px;
	width: 172px
}

.bank-guangzhou {
	background-position: 0 -185px;
	height: 36px;
	width: 172px
}

.bank-huaxia {
	background-position: 0 -222px;
	height: 36px;
	width: 172px
}

.bank-jianshe {
	background-position: 0 -259px;
	height: 36px;
	width: 172px
}

.bank-jiaotong {
	background-position: 0 -296px;
	height: 36px;
	width: 172px
}

.bank-minsheng {
	background-position: 0 -333px;
	height: 36px;
	width: 172px
}

.bank-nanjing {
	background-position: 0 -370px;
	height: 36px;
	width: 172px
}

.bank-nongye {
	background-position: 0 -407px;
	height: 36px;
	width: 172px
}

.bank-pingan {
	background-position: 0 -444px;
	height: 36px;
	width: 172px
}

.bank-pufa {
	background-position: 0 -481px;
	height: 36px;
	width: 172px
}

.bank-shanghai {
	background-position: 0 -518px;
	height: 36px;
	width: 172px
}

.bank-shenfa {
	background-position: 0 -555px;
	height: 36px;
	width: 172px
}

.bank-xingye {
	background-position: 0 -592px;
	height: 36px;
	width: 172px
}

.bank-youzheng {
	background-position: 0 -629px;
	height: 36px;
	width: 172px
}

.bank-zhaoshang {
	background-position: 0 -666px;
	height: 36px;
	width: 172px
}

.bank-zhongguo {
	background-position: 0 -703px;
	height: 36px;
	width: 172px
}

.bank-zhongxin {
	background-position: 0 -740px;
	height: 36px;
	width: 172px
}

.ui-bank {
	padding: 25px;
	background-color: #e5f5ff;
	border-width: 1px 0;
	border-style: dashed;
	border-color: #ddd9c0
}

.ui-bank ul {
	font-size: 0;
	margin-left: -10px;
	margin-bottom: -25px
}

.ui-bank li {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin-left: 30px;
	margin-bottom: 25px
}

*+html .ui-bank li {
	display: inline
}

.ui-bank .bank-radio {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin-right: 10px
}

*+html .ui-bank .bank-radio {
	display: inline
}

.ui-bank .bank-logo {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	border: 1px solid #ddd;
	background-color: #fff
}

*+html .ui-bank .bank-logo {
	display: inline
}

.ui-bank .active .bank-logo {
	border-color: #33a1ff
}

.js-dialog {
	background-color: #fff
}

.js-dialog .js-dialog-hd {
	height: 38px;
	line-height: 38px;
	padding-left: 18px;
	background-color: #f9f8f4;
	border-bottom: 1px solid #f1efe8
}

.js-dialog .js-dialog-hd h2 {
	font-weight: 700
}

.js-dialog .js-dialog-bd .icon {
	margin-right: 5px
}

.js-dialog .js-dialog-bd .btn-wrap {
	padding: 20px 0 0;
	text-align: center
}

.js-dialog .js-dialog-bd .btn-wrap .btn {
	margin: 0 5px
}

.js-dialog .js-dialog-bd .tip-wrap {
	position: relative;
	padding: 10px 50px;
	margin-left: 40px
}

.js-dialog .js-dialog-bd .tip-wrap .icon {
	position: absolute;
	top: 3px;
	margin-left: -40px;
	line-height: 0
}

.js-dialog .js-dialog-close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	height: 16px;
	line-height: 16px;
	color: #9f9b8b;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer
}

*+html .js-dialog .js-dialog-close {
	display: inline
}

.js-dialog .js-scrollable {
	overflow-x: hidden;
	overflow-y: auto
}

.js-dialog .load-wrap {
	width: 100%;
	height: 100%
}

.js-dialog .load-wrap td {
	height: 100%;
	text-align: center;
	vertical-align: middle
}

.js-mask {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	filter: alpha(Opacity = 15);
	opacity: .15
}

.cert-dialog {
	position: relative;
	text-align: center;
	padding: 0 100px
}

.cert-dialog .btn-primary, .cert-dialog .btn-process, .cert-dialog .js-dialog .btn-dialog-process,
	.js-dialog .cert-dialog .btn-dialog-process {
	margin: 35px 0 20px
}

.cert-dialog .banner {
	position: relative;
	overflow: auto
}

.cert-dialog .banner li {
	width: 457px;
	height: 400px;
	float: left
}

.cert-dialog .banner li span {
	display: block;
	width: 457px;
	height: 346px;
	margin: 0 auto
}

.cert-dialog .banner li p {
	width: 457px;
	height: 44px;
	line-height: 22px;
	margin: 0 auto 10px
}

.cert-dialog .banner .step1 {
	background: url(/template/default/images/dialog/step1.png?1405389910) no-repeat
}

.cert-dialog .banner .step2 {
	background: url(/template/default/images/dialog/step2.png?1405389910) no-repeat
}

.cert-dialog .banner .step3 {
	background: url(/template/default/images/dialog/step3.png?1405389910) no-repeat
}

.cert-dialog .unslider-arrow {
	position: absolute;
	z-index: 9999;
	top: 200px;
	width: 80px;
	height: 80px;
	text-indent: -9999px
}

.cert-dialog .prev {
	left: 0;
	background: url(/template/default/images/dialog/left-arrow.png?1405389910) no-repeat
}

.cert-dialog .next {
	right: 3px;
	background: url(/template/default/images/dialog/right-arrow.png?1405389910) no-repeat
}

.ui-overlay {
	position: fixed;
	right: 0;
	top: 38%;
	z-index: 10001;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	text-align: center
}

.ui-overlay h3 {
	font-size: 13px;
	padding-left: 20px;
	background: url(/template/default/images/gif/mobile.gif?1405389910) no-repeat left center
}

.ui-overlay .qr {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5
}

.ui-overlay .qr-text {
	margin-bottom: 10px;
	color: #7d7d7d
}

.ui-overlay .qr-codeimg {
	border: 1px solid #e5e5e5
}

.ui-overlay .download {
	color: #6898cb;
	text-decoration: none
}

.index-arrow, .index-btn-kh, .index-btn-zh, .index-code-kh,
	.index-code-zh, .index-getcodebtn, .index-mobile-kh, .index-mobile-zh,
	.index-sprite, .index-tab-kh, .index-tab-zh, .ui-login .login-panel .btn-kh,
	.ui-login .login-panel .btn-zh, .ui-login .login-panel .code-kh,
	.ui-login .login-panel .code-zh, .ui-login .login-panel .getcode,
	.ui-login .login-panel .mobile-kh, .ui-login .login-panel .mobile-zh,
	.ui-login .login-tab .tab-kh, .ui-login .login-tab .tab-kh-active,
	.ui-login .login-tab .tab-zh, .ui-login .login-tab .tab-zh-active,
	.ui-loginerr .arrow {
	background-image: url(/template/default/images/sprite/index-s0565ccfdc6.png);
	background-repeat: no-repeat
}

.index-arrow {
	background-position: 0 0;
	height: 11px;
	width: 11px
}

.index-btn-kh {
	background-position: 0 -14px;
	height: 52px;
	width: 262px
}

.index-btn-zh {
	background-position: 0 -69px;
	height: 52px;
	width: 262px
}

.index-code-kh {
	background-position: 0 -124px;
	height: 38px;
	width: 39px
}

.index-code-zh {
	background-position: 0 -165px;
	height: 38px;
	width: 39px
}

.index-getcodebtn {
	background-position: 0 -206px;
	height: 40px;
	width: 97px
}

.index-mobile-kh {
	background-position: 0 -249px;
	height: 38px;
	width: 39px
}

.index-mobile-zh {
	background-position: 0 -290px;
	height: 38px;
	width: 39px
}

.index-tab-kh {
	background-position: 0 -382px;
	height: 48px;
	width: 171px
}

.index-tab-kh.tab-kh-active, .index-tab-kh:active {
	background-position: 0 -331px
}

.index-tab-zh {
	background-position: 0 -484px;
	height: 48px;
	width: 171px
}

.index-tab-zh.tab-zh-active, .index-tab-zh:active {
	background-position: 0 -433px
}

.page-index {
	background-color: #fff
}

.page-index .banner {
	position: relative;
	top: -15px;
	z-index: 9;
	height: 401px;
	background-repeat: no-repeat;
	background-position: top center
}

.page-index .col {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb
}

.page-index .col:after {
	content: "";
	display: table;
	clear: both
}

.page-index .col .title {
	font: 18px \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53,
		sans-serif;
	color: #3a3a3a
}

.page-index .col .icon {
	margin-right: 5px
}

.page-index .col-last {
	padding-bottom: 0;
	border-bottom: 0
}

.page-index .ui-footer {
	border-top: 1px solid #b5b5b5;
	background-color: #f5f5f5
}

#login {
	position: relative
}

.ui-login {
	position: absolute;
	top: 50px;
	right: 0;
	background-color: #fbfbfb
}

.ui-login .conner-link {
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 56px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: top right
}

.ui-login .qrcode {
	background-image: url(/template/default/images/body/conner-qrcode.png?1405389910)
}

.ui-login .pc {
	background-image: url(/template/default/images/body/conner-pc.png?1405389910)
}

.ui-login .login-head {
	height: 48px
}

.ui-login .login-head h2 {
	padding-top: 20px;
	font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53,
		sans-serif;
	font-size: 22px;
	text-indent: 38px
}

.ui-login .login-head .head-pc {
	text-align: center;
	text-indent: 0
}

.ui-login .login-tab {
	font-size: 0
}

.ui-login .login-tab .tab {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	width: 171px;
	height: 48px;
	cursor: pointer
}

*+html .ui-login .login-tab .tab {
	display: inline
}

.ui-login .login-tab .tab-kh {
	background-position: 0 -382px;
	height: 48px;
	width: 171px
}

.ui-login .login-tab .tab-kh.tab-kh-active, .ui-login .login-tab .tab-kh:active
	{
	background-position: 0 -331px
}

.ui-login .login-tab .tab-zh {
	background-position: 0 -484px;
	height: 48px;
	width: 171px
}

.ui-login .login-tab .tab-zh.tab-zh-active, .ui-login .login-tab .tab-zh:active
	{
	background-position: 0 -433px
}

.ui-login .login-tab .tab-kh-active {
	background-position: 0 -331px;
	height: 48px;
	width: 171px
}

.ui-login .login-tab .tab-zh-active {
	background-position: 0 -433px;
	height: 48px;
	width: 171px
}

.ui-login .login-panel {
	width: 262px;
	height: 220px;
	padding: 25px 38px 15px;
	background-color: #fff
}

.ui-login .login-panel .input-group {
	font-size: 0
}

.ui-login .login-panel label {
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
	margin-bottom: 20px;
	font-size: 0
}

*+html .ui-login .login-panel label {
	display: inline
}

.ui-login .login-panel label .icon {
	position: absolute;
	top: 1px;
	left: 1px
}

.ui-login .login-panel label .input {
	width: 195px;
	height: 26px;
	padding: 6px 10px 6px 50px;
	font-size: 14px;
	line-height: 26px;
	border: 1px solid #d8e2ed;
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .1);
	vertical-align: middle;
	outline: 0
}

.ui-login .login-panel label .input-code {
	width: 90px
}

.ui-login .login-panel .getcode {
	display: inline-block;
	zoom: 1;
	background-position: 0 -206px;
	height: 40px;
	width: 97px;
	margin-left: 10px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer
}

*+html .ui-login .login-panel .getcode {
	display: inline
}

.ui-login .login-panel .getcode.disabled {
	cursor: text
}

.ui-login .login-panel .getcode .js-second {
	font-size: 14px
}

.ui-login .login-panel .mobile-kh {
	background-position: 0 -249px;
	height: 38px;
	width: 39px
}

.ui-login .login-panel .mobile-zh {
	background-position: 0 -290px;
	height: 38px;
	width: 39px
}

.ui-login .login-panel .code-kh {
	background-position: 0 -124px;
	height: 38px;
	width: 39px
}

.ui-login .login-panel .code-zh {
	background-position: 0 -165px;
	height: 38px;
	width: 39px
}

.ui-login .login-panel .btn-kh {
	background-position: 0 -14px;
	height: 52px;
	width: 262px
}

.ui-login .login-panel .btn-zh {
	background-position: 0 -69px;
	height: 52px;
	width: 262px
}

.ui-login .login-panel .btn {
	display: block;
	font-size: 0
}

.ui-login .login-panel .tip {
	margin-top: 10px;
	font-size: 12px;
	color: #858d94
}

.ui-login .login-panel .tip.right {
	padding-right: 5px;
	text-align: right
}

.ui-login .login-panel .tip a {
	color: #858d94;
	text-decoration: none
}

.ui-login .login-panel .tip span {
	padding: 0 5px
}

*+html .ui-login .login-panel label .input {
	padding-bottom: 5px
}

.ui-loginerr {
	padding: 9px 12px;
	width: 235px;
	background-color: #ff3e2f;
	border: 1px solid #670801
}

.ui-loginerr p {
	padding: 0 15px;
	font-size: 12px;
	color: #fff
}

.ui-loginerr .close {
	position: absolute;
	top: 13px;
	right: 15px;
	display: block;
	width: 12px;
	height: 12px;
	line-height: 10px;
	font-size: 18px;
	color: #fff;
	cursor: pointer
}

.ui-loginerr .arrow {
	position: absolute;
	bottom: -11px;
	left: 80px;
	background-position: 0 0;
	height: 11px;
	width: 11px
}

.ui-prepare {
	float: left;
	width: 695px;
	padding-right: 55px
}

.ui-prepare .prepare-items {
	width: 100%;
	margin-top: 20px
}

.ui-faq {
	float: left;
	padding-left: 50px;
	background: url(/images/gif/vline.gif?1405389910) no-repeat left center
}

.ui-faq ul {
	padding-top: 20px
}

.ui-faq ul li {
	width: 150px;
	margin-bottom: 3px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.ui-faq ul li a {
	font-size: 12px;
	color: #7d7d7d;
	text-decoration: none
}

.ui-faq ul li .more-help {
	color: #6898cb
}

.ui-support {
	padding-top: 20px
}

.ui-support .support-banks {
	margin-left: -20px;
	padding-top: 20px
}

.ui-support .support-banks:after {
	content: "";
	display: table;
	clear: both
}

.ui-support .support-banks li {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px
}

.ui-support .support-banks li .bank-logo {
	display: block;
	border: 1px solid #ddd;
	background-color: #fff;
	text-indent: -9999px;
	overflow: hidden;
	zoom: 1
}

.ui-warmtip .warmtip-items {
	padding-top: 10px;
	margin-left: 20px;
	list-style: decimal
}

.ui-warmtip .warmtip-items li {
	line-height: 22px;
	font-size: 12px
}

.qrdownload {
	text-align: center
}

.qrdownload p {
	padding-top: 10px
}

.qrdownload p a {
	font-size: 12px;
	color: #6898cb;
	text-decoration: none
}

.level-top {
  position: relative;
  width: 100%;
  height: 31px;
  background-color: #051a2c;
  z-index: 998; }
  .level-top .level-wrap {
    width: 1276px;
    margin: 0 auto; }
    .level-top .level-wrap .left {
      float: left;
      margin-left: 20px; }
      .level-top .level-wrap .left img {
        vertical-align: middle; }
      .level-top .level-wrap .left a {
        padding-left: 5px;
        color: #77838d;
        font-size: 12px;
        line-height: 28px;
        font-family: "Microsoft YaHei";
        text-decoration: none; }
    .level-top .level-wrap .right {
      float: right;
      margin-right: 30px; }
      .level-top .level-wrap .right ul {
        display: inline-block; }
        .level-top .level-wrap .right ul li {
          display: inline-block; }
          .level-top .level-wrap .right ul li a {
            margin-left: 10px;
            padding-right: 20px;
            border-right: 1px solid #77838d;
            color: #77838d;
            font-size: 12px;
            line-height: 28px;
            font-family: "Microsoft YaHei";
            text-decoration: none; }
          .level-top .level-wrap .right ul li .last {
            padding-right: 0px;
            border: none;
            position: relative; }
            .level-top .level-wrap .right ul li .last .qr {
              position: absolute;
              left: -180px;
              top: 20px;
              z-index: 999; }
              
              
 .head {
  width: 950px;
  height: 80px;
  overflow: hidden;
  margin: 0 auto; }
  .head .head-left {
    float: left;
    margin: 15px 0px; }
    .head .head-left .logo {
      float: left;
      width: 210px;
      border-right: 2px solid #d2d4d5; }
      .head .head-left .logo img {
        vertical-align: middle; }
    .head .head-left .kaihu {
      float: left; }
      .head .head-left .kaihu a {
        position: relative;
        width: 100px;
        padding: 5px 0;
        display: inline-block;
        margin-left: 40px;
        margin-top: 8px;
        font-size: 20px;
        text-decoration: none;
        cursor: pointer;
        text-align: center;
        color: #051a2c; }
      .head .head-left .kaihu .pc {
        background-color: #eb4d3d;
        color: #ffffff; }
        .head .head-left .kaihu .pc i {
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          left: 40px;
          bottom: -10px;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 10px solid #eb4d3d; }
       .head .head-left .kaihu .mobile {
        background-color: #eb4d3d;
        color: #ffffff; }
        .head .head-left .kaihu .mobile i {
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          left: 40px;
          bottom: -10px;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 10px solid #eb4d3d; }
  .head .head-right {
    float: right;
    overflow: hidden; }
    .head .head-right a {
      padding-right: 20px;
      font-size: 14px;
      font-family: inherit;
      text-decoration: none;
      border-right: 1px solid #77838d;
      line-height: 80px;
      color: #051a2c; }
    .head .head-right span {
      margin-left: 20px;
      font-size: 14px;
      font-family: inherit; }
    .head .head-right .num {
      font-size: 20px;
      vertical-align: middle; }
 
 .lunbo_wrap {
  width: 100%;
  height: 359px;
  position: relative;
  overflow: hidden; }
  .lunbo_wrap .lunbo {
    height: 359px; }
    .lunbo_wrap .lunbo li {
      height: 359px;
      background-position: center;
      background-repeat: no-repeat; }
  .lunbo_wrap #Nums {
    position: absolute;
    bottom: 20px;
    left: 50%; }
    .lunbo_wrap #Nums span {
      text-indent: -9999px;
      white-space: nowrap;
      font-size: 0;
      width: 12px;
      float: left;
      line-height: 0;
      margin-right: 8px;
      height: 12px;
      background-image: url("/images//new-era/pc/sprite.png");
      background-repeat: no-repeat;
      background-position: 0px 0px; }
    .lunbo_wrap #Nums .current {
      background-image: url("/images//new-era/pc/sprite.png");
      background-repeat: no-repeat;
      background-position: -12px 0px; }

.banner-wrap {
  position: relative;
  overflow: hidden;
  height: 359px;
  width: 950px;
  margin: 0 auto;
  margin-top: -359px; }
  .banner-wrap .login {
    position: absolute;
    left: 600px;
    height: 100%;
    width: 345px;
    background-color: #25283a;
    opacity: 0.9; }
    .banner-wrap .login .til {
      margin-bottom: 10px;
      font-size: 0; }
      .banner-wrap .login .til li {
        padding: 20px 0;
        display: inline-block;
        width: 50%;
        text-align: center;
        list-style: none;
        cursor: pointer; }
        .banner-wrap .login .til li a {
          font-size: 20px;
          color: #ffffff;
          text-decoration: none;
          font-family: "Microsoft YaHei";
          outline: 0 none; }
      .banner-wrap .login .til .dark {
        background-color: #000615; }
        .banner-wrap .login .til .dark a {
          color: #748196; }
    .banner-wrap .login p {
      font-size: 12px;
      font-family: "Microsoft YaHei";
      color: #a7a7a7;
      text-align: center;
      line-height: 24px; }
    .banner-wrap .login .input-num {
      margin-top: 20px;
      margin-left: 20px; }
      .banner-wrap .login .input-num i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-image: url("/template/xsdzq/images/phone.png");
        background-repeat: no-repeat;
        background-position: center;
        background-color: #748196;
        vertical-align: middle; }
      .banner-wrap .login .input-num .pho-num {
        width: 150px;
        height: 36px;
        vertical-align: middle;
        font-size: 14px;
        line-height: 40px;
        padding: 0px 5px; }
      .banner-wrap .login .input-num a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding: 0 5px;
        margin-left: 10px;
        text-decoration: none;
        color: #ffffff;
        background-color: #748196;
        vertical-align: middle; }
    .banner-wrap .login .id-code {
      margin-top: 20px;
      margin-left: 20px; }
      .banner-wrap .login .id-code i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-image: url("/template/xsdzq/images/lock.png");
        background-repeat: no-repeat;
        background-position: center;
        background-color: #748196;
        vertical-align: middle; }
      .banner-wrap .login .id-code .code {
        width: 150px;
        height: 36px;
        vertical-align: middle;
        font-size: 14px;
        line-height: 40px;
        padding: 0px 5px; }
    .banner-wrap .login .change {
      margin-top: 20px; }
      .banner-wrap .login .change a {
        display: inline-block; }
        .banner-wrap .login .change a.kai {
          display: block;
          width: 150px;
          text-align: center;
          margin: 0 auto;
          padding: 10px 50px;
          font-size: 18px;
          color: #ffffff;
          background-color: #eb4d3d;
          text-decoration: none; }
        .banner-wrap .login .change a.deng {
          display: block;
          width: 150px;
          text-align: center;
          margin: 0 auto;
          padding: 10px 50px;
          font-size: 18px;
          color: #ffffff;
          background-color: #eb4d3d;
          text-decoration: none; }
          
 .content {
  width: 950px;
  margin: 40px auto; }
  .content .content-up {
    overflow: hidden; }
    .content .content-up .up-left {
      float: left; }
      .content .content-up .up-left h1 {
        margin-bottom: 20px;
        font-size: 22px; }
      .content .content-up .up-left .bank-name {
        width: 700px;
        overflow: hidden; }
        .content .content-up .up-left .bank-name ul {
          overflow: hidden; }
        .content .content-up .up-left .bank-name li {
          float: left;
          display: inline-block;
          margin-left: 15px;
          margin-bottom: 30px; }
          .content .content-up .up-left .bank-name li span {
            width: 150px;
            zoom: 1;
            display: block;
            border: 1px solid #ddd;
            background-color: #fff;
            text-indent: -9999px;
            overflow: hidden; }
        .content .content-up .up-left .bank-name .spe {
          margin-left: 0px; }
    .content .content-up .up-right {
      float: left; }
      .content .content-up .up-right h1 {
        margin-bottom: 20px;
        font-size: 22px; }
      .content .content-up .up-right .ready-one .idcard {
        display: inline-block;
        width: 60px;
        height: 95px;
        margin-right: 20px;
        background-image: url("/template/xsdzq/images/idcard.png");
        background-repeat: no-repeat; }
        .content .content-up .up-right .ready-one .idcard span {
          position: relative;
          top: 65px;
          font-size: 12px;
          color: #051a2c; }
      .content .content-up .up-right .ready-one .camera {
        display: inline-block;
        width: 60px;
        height: 95px;
        margin-right: 20px;
        background-image: url("/template/xsdzq/images/camera.png");
        background-repeat: no-repeat; }
        .content .content-up .up-right .ready-one .camera span {
          position: relative;
          top: 65px;
          font-size: 12px;
          color: #051a2c;
          left: 12px; }
      .content .content-up .up-right .ready-one .microphone {
        display: inline-block;
        width: 60px;
        height: 95px;
        background-image: url("/template/xsdzq/images/microphone.png");
        background-repeat: no-repeat; }
        .content .content-up .up-right .ready-one .microphone span {
          position: relative;
          top: 65px;
          font-size: 12px;
          color: #051a2c;
          left: 12px; }
       .content .content-up .up-right .ready-one .bank-card {
        display: inline-block;
        width: 60px;
        height: 90px;
        margin-left: 40px;
        margin-right: 30px;
        background-image: url("/template/xsdzq/images/bank-card.png");
        background-repeat: no-repeat; }
        .content .content-up .up-right .ready-one .bank-card span {
          position: relative;
          top: 65px;
          font-size: 12px;
          color: #051a2c;
          left: 12px; }
      .content .content-up .up-right .ready-two .bank-card {
        display: inline-block;
        width: 60px;
        height: 90px;
        margin-left: 40px;
        margin-right: 30px;
        background-image: url("/template/xsdzq/images/bank-card.png");
        background-repeat: no-repeat; }
        .content .content-up .up-right .ready-two .bank-card span {
          position: relative;
          top: 65px;
          font-size: 12px;
          color: #051a2c;
          left: 12px; }
      .content .content-up .up-right .ready-two .earphone {
        display: inline-block;
        width: 60px;
        height: 90px;
        background-image: url("/template/xsdzq/images/earphone.png");
        background-repeat: no-repeat; }
        .content .content-up .up-right .ready-two .earphone span {
          position: relative;
          top: 65px;
          font-size: 12px;
          color: #051a2c; }
  .content .content-down {
    margin-top: 10px; }
    .content .content-down h1 {
      font-size: 22px;
      margin-bottom: 10px; }
    .content .content-down li {
      font-size: 12px;
      line-height: 24px;
      font-family: "Microsoft YaHei";
      color: #c4c4c4; }
      
 .global-footer {
  background-image: url("/template/xsdzq/images/footer_bg.gif");
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #051a2c;
  color: #748196; }
  .global-footer .home_wrap {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden; }    
    .global-footer .home_wrap .mr5 {
      margin-right: 5px; }
    .global-footer .home_wrap dl {
      float: left;
      margin-right: 100px;
      width: 220px; }
      .global-footer .home_wrap dl.contact {
        margin-right: 0;
        width: 360px; }
      .global-footer .home_wrap dl dt {
        font: 20px/78px "Hiragino Sans GB", 'Microsoft YaHei'; }
    .global-footer .home_wrap .img-dd p {
      float: left;
      margin-right: 40px; }
      .global-footer .home_wrap .img-dd p .img {
        display: block;
        height: 70px; }
        .global-footer .home_wrap .img-dd p .img img {
          width: 70px; }
        .global-footer .home_wrap .img-dd p .img .ico-sp {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 3px;
          background-image: url("/template/xsdzq/images/ico_sp.png"); }
          .global-footer .home_wrap .img-dd p .img .ico-sp.ico-tel {
            width: 15px;
            height: 17px;
            background-position: 0 0; }
          .global-footer .home_wrap .img-dd p .img .ico-sp.ico-service {
            width: 16px;
            height: 16px;
            background-position: -44px 0; }
          .global-footer .home_wrap .img-dd p .img .ico-sp.ico-pc {
            width: 47px;
            height: 40px;
            background-position: 0 -261px; }
          .global-footer .home_wrap .img-dd p .img .ico-sp.ico-phone {
            width: 47px;
            height: 40px;
            background-position: 0 -360px; }
      .global-footer .home_wrap .img-dd p .txt {
        display: block;
        margin-top: 6px;
        font-size: 14px;
        color: #748196;
        text-decoration: none; }
    .global-footer .home_wrap .contact-dd .fL {
      float: left; }
    .global-footer .home_wrap .contact-dd .fR {
      float: right; }
    .global-footer .home_wrap .contact-dd .text {
      margin-right: 10px; }
      .global-footer .home_wrap .contact-dd .text p {
        margin: 10px 0 40px;
        font-size: 14px; }
        .global-footer .home_wrap .contact-dd .text p .ico-sp {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 3px;
          background-image: url("/template/xsdzq/images/ico_sp.png"); }
          .global-footer .home_wrap .contact-dd .text p .ico-sp.ico-tel {
            width: 15px;
            height: 17px;
            background-position: 0 0; }
          .global-footer .home_wrap .contact-dd .text p .ico-sp.ico-service {
            width: 16px;
            height: 16px;
            background-position: -44px 0; }
          .global-footer .home_wrap .contact-dd .text p .ico-sp.ico-pc {
            width: 47px;
            height: 40px;
            background-position: 0 -261px; }
          .global-footer .home_wrap .contact-dd .text p .ico-sp.ico-phone {
            width: 47px;
            height: 40px;
            background-position: 0 -360px; }
        .global-footer .home_wrap .contact-dd .text p span {
          color: #474f5d;
          font-size: 12px; }
    .global-footer .home_wrap .contact-dd .tel-box {
    	margin-top:-130px;
      text-align: center; }
      .global-footer .home_wrap .contact-dd .tel-box .phone {
        font-size: 36px;
        line-height: 54px; }
      .global-footer .home_wrap .contact-dd .tel-box .btn {
        display: block;
        margin: 0;
        background-color: #606d81;
        width: 120px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
        color: #051a2c;
        text-decoration: none;
        cursor: pointer;
        outline: medium;
        font-weight: bold;
        vertical-align: middle;
        font-family: 'Microsoft YaHei'; }
  .global-footer .footer-btm {
    background: #0b0b0b;
    line-height: 30px;
    padding: 20px 0;
    text-align: center;
    font-size: 12px; }
    .global-footer .footer-btm .home_wrap {
      width: 1000px;
      margin: 0 auto; }
 
 
 .banner-mobile {
  width: 100%;
  height: 630px;
  background-image: url("/template/xsdzq/images/banner.jpg");
  background-repeat: no-repeat;
  background-position: center; }
  .banner-mobile .banner-wrap-mobile {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    height: 100%; }
    .banner-mobile .banner-wrap-mobile .download {
      position: absolute;
      right: 143px;
      top: 122px; }
      .banner-mobile .banner-wrap-mobile .download .download-btn {
        display: block;
        width: 200px;
        height: 55px;
        margin-bottom: 16px; }
    .banner-mobile .banner-wrap-mobile .qr-code {
      position: absolute;
      top: 160px;
      left: 400px; }
      .banner-mobile .banner-wrap-mobile .qr-code span {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        color: #f7f8fa;
        font-size: 18px; }
    .banner-mobile .banner-wrap-mobile .loginMobile {
      position: absolute;
      top: 260px;
      left: 680px;
      width: 300px; }
      .banner-mobile .banner-wrap-mobile .loginMobile span {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 14px;
        font-family: "Microsoft YaHei";
        color: #ffffff; }
      .banner-mobile .banner-wrap-mobile .loginMobile .num {
        display: inline-block;
        padding: 6px 10px 6px 10px;
        font-size: 14px;
        line-height: 26px;
        height: 26px; }
      .banner-mobile .banner-wrap-mobile .loginMobile a {
        margin-left: 10px;
        text-decoration: none;
        background-color: #748196;
        color: #ffffff;
        padding: 12px 13px; }
      .banner-mobile .banner-wrap-mobile .loginMobile .tip {
        display: inline-block;
        font-family: "Microsoft YaHei";
        font-size: 12px;
        color: #c3454a;
        margin-top: 10px; }
      .banner-mobile .banner-wrap-mobile .loginMobile .advice {
        margin-top: -20px;
        padding-left: 30px;
        color: #ffffff;
        font-size: 12px;
        font-family: "Microsoft YaHei";
        font-style: normal;
        color: #ffffff;
        line-height: 24px; }