@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {padding:0; margin:0;}
.dd_contion{ width:100%; clear:both; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pad100{ padding:100px;}
.pad_t50{ padding-top:50px;}
.pad_t10{ padding-top:10px;}
.pad_b50{ padding-bottom:50px;}
.mar_t80{ margin-top:80px;}
.mar_t50{ margin-top:50px;}
.mar_t20{ margin-top:20px;}
.bg_gray{ background-color:#f3f3f3}
.red_font{ color:#f35a5c;}
.text_line{ text-decoration:underline;}

a:focus {
     outline:none;
     -moz-outline:none;
}

.login_con{ width:1200px; margin:0 auto;}

.login_logo{ float:left; }
.login_bg_con{ width:100%; height:628px; overflow:hidden; position:relative;}
.login_bg_con ul {height:628px; position:absolute;}
.login_bg_con ul li {float:left; height:628px; overflow:hidden; position:relative;}
.login_bg_con ul li.ban_img1{background:url(../images/images-new/login_li_img.jpg) top center no-repeat;}
.login_bg_con ul li.ban_img2{background:url(../images/images-new/login_li_img1.jpg) top center no-repeat;}
.login_bg_con ul li.ban_img3{background:url(../images/images-new/login_li_img2.jpg) top center no-repeat;}
.login_bg_con .btn {position:absolute; width:320px; height:23px; left:50%; margin-left:-160px; bottom:6px; text-align:center;}
.login_bg_con .btn span {display:inline-block; _display:inline; _zoom:1; width:12px; height:12px;  line-height:12px; border-radius: 50%; text-align:center; _font-size:0; margin-left:12px; cursor:pointer; background:#fff;}
.login_bg_con .btn span.on {background:#fff;}

.app_download{ width:360px; color:#fff; margin-top:100px; margin-left:120px;}
.down_banner{}
.app_download .download_box{ margin-top:60px;}
.down_img{ float:left; margin-right:20px;}
.download_link{ float:left; width:168px;}
.download_link a{background-image:url(../images/images-new/download_icon.png); background-repeat:no-repeat; padding-left:54px; color:#fff; border-radius:3px; height:54px; line-height:54px; font-size:14px; font-weight:bold; text-decoration:none; display:block;}
.download_link a.android{ background-position:0 0; background-color:#ecb200; margin-top:25px;}
.download_link a.iphone{background-position:0 -54px; background-color:#2fbcec;}


.login_box_con{ width:1200px;  margin:0 auto; position:absolute; top:180px; left:50%; margin-left:-600px; }
.login-box-warp {  background-color: rgba(255, 255, 255, 0.9); position: absolute;  right:50px; 
	width: 350px; height:360px;}
.login-switch{}
.field{ margin-top:20px;}
.login-switch ul li{list-style:none; float:right; cursor:pointer;}
.login-links{ overflow:hidden;}
.login-links  a{ color: #439ee7; font-size: 12px; text-decoration:underline; }
.login-links .forget-pwd{ float:left;}
.login-links .register{ float:right;}

.qrcode-main{ margin-top: 34px;}
.qrcode-img{ width:140px; height:140px; background:#fff; margin:0 auto;}
.qrcode-img img{padding:5px; width:130px; height:130px;}

.qrcode-desc {
    margin: 50px auto 0;
    overflow: hidden;
    width: 156px;
}

.qrcode-desc .icon_scan {
    float: left;
    margin-right: 10px; 
}

.qrcode-desc p {
    color: #6c6c6c;
    float: left;
    font-size: 12px;
    line-height: 18px; 
	text-align:left;
}

.ft-gray {
    color: #9c9c9c;
}

a.light-link {
    color: #f35a5c;
}

#content{	
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	text-align: center;
}
#content h2 {
	color: #3c3c3c;
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-top: 9px;
    padding-bottom: 8px; text-align:left;
}

#content .switch { margin: 0 20px; position: relative; }

#normal-form,#quick-form { padding:0 10px;}

#content form input[type="text"],
#content form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/* -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #fff url(../images/images-new/login_icon.png) no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content form input[type="submit"] {
	background:#f35a5c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	border:none;
	cursor: pointer;
	height: 40px; line-height:40px;
	position: relative;
	width: 100%; 
}
#content form input[type="submit"]:hover {
	background: #e34c4e;
}

.kfcontact{font-size:18px; margin-top:20px;}

.login_footer{ font-size:12px; text-align:center; line-height:30px; height:30px; margin-top:20px; font-size:#666;}