/*
author:TanXiao
Date:
*/
/*Temlate*/

/* login style */
.login-line-wrap{
	background:#b2b2b2;
	height:4px;
}
.login-line{
	background:url("../images/bg_login_head_line.png") no-repeat left top;
	margin:0 auto;
	width:1000px;
	height:4px;
	overflow:hidden;
}
#login-h-link{
	float:right;
	color:#999;
	margin:53px 0 0;
}
#login-h-link a{
	color:#999;
	margin: 0 3px;
}
#login-main{
	width:1000px;
	margin:0 auto 20px;
}
#login-main .left-sider{
	float:left;
	width:655px;
	padding-left:15px;
	padding-top:6px;
}
#login-main .right-sider{
	float:right;
	width:318px;
	padding-left:12px;
}
#login-main .photo{
	width:655px;
	height:290px;
	overflow:hidden;
}
#login-notice-rotate{
	border-bottom:1px solid #c6c6c6;
	width:650px;
	position:relative;
	height:26px;
	line-height:26px;
	margin-bottom:10px;
}
#login-notice-rotate span{
	background:url("../images/icon_board.png") no-repeat left top;
	padding-left:16px;
	color:#ab180d;
}
.login-noticerotate-list{
	position:absolute;
	left:84px;
	top:0;
	width:350px;
	overflow:hidden;
	height:26px;
}
.login-noticerotate-list a{
	color:#808080;
}
.rotate-prev,.rotate-next{
	display: block;
	height: 14px;
	margin-top: 6px;
	position: absolute;
	top: 0;
	width: 16px;
	z-index: 10;
}
.rotate-prev{
	right:23px;
	background-position: -74px -205px;
}
.rotate-next{
	background-position: -89px -205px;
	right:8px;
}
.rotate-more{
	color:#808080;
	right:60px;
	position:absolute;
	top:6px;
	font-size:14px;
}
#active-news{
	float:left;
	width:250px;
	padding-left:6px;
	padding-right:5px;
	border-right:1px solid #ccc;
}
#active-news dl span{
	background:url("../images/dot_red.png") no-repeat left 2px;
	color:#ab180d;
	padding-left:12px;
}
#active-news a.more{
	margin-left:130px;
}
#active-news dt,#active-news dd{
	height:26px;
	position:relative;
}
#active-news dd{
	padding-left:10px
}
#active-news dd a{
	background:url("../images/arrow_2.png") no-repeat left 1px;
	padding-left:12px;
	color:#808080;
}
#industry-solution{
	float:left;
	width:374px;
	padding-left:10px;
}
#industry-solution dt{
	height:26px;
}
#industry-solution dt span{
	background:url("../images/dot_red.png") no-repeat left 2px;
	color:#ab180d;
	padding-left:12px;
}
#industry-solution a.more{
	margin-left:230px;
}
.payreceipt-item{
	float:left;
	width:74px;
	height:90px;
	text-align:center;
	position:relative;
}
.payreceipt-item a:hover{
	text-decoration:none;
}
.payreceipt-item a span{
	display:block;
	padding-top:70px;
	color:#808080;
}
.category-1{
	position:absolute;
	top:3px;
	left:5px;
}
a:hover .category-1{
	display:block;
	top:6px;
}
#login{
	padding-top:6px;
}
.login-body{
	background:url("../images/bg_login_body.png") left top;
	width:295px;
	overflow:hidden;
	padding:5px;
}
.login-body .hd{
	background:url("../images/bg_login_hd.png") no-repeat left 3px;
	color:#ab180d;
	padding-left:20px;
}
.login-body .bd{
	padding:5px 10px 0;
}
.login-form{
	position:relative;
}
.login-form label{
	display:block;
	margin:5px 0;
	color:#808080;
}
.input-style{
	border:1px solid #a09e99;
	padding:3px 1px;
	font-size:12px;
	width:252px;
	height:15px;
}
.fourcode{
	width:126px;
}
.login-fourcode{
	position:relative;
	_padding-left:15px;
}
.reload-code{
	position:absolute;
	left:140px;
	top:0px;
}
.login-uskey{
	padding: 3px 0;
	color:#808080;
}
.login-uskey a{
	background:url("../images/icon_download.png") no-repeat left top;
	color:#808080;
	padding-left:20px;
	padding-top:3px;
}
.login-btn-box{
	text-align:center;
}
.btn-login{
	background:url("../images/btn_login_2.png") no-repeat left top;
	border:none;
	width:208px;
	height:39px;
	margin:20px auto 0;
}
.btn-regsiter{
	background:url("../images/btn_register.png") no-repeat left top;
	border:none;
	width:208px;
	height:39px;
	margin:20px auto 0;
}
.login-btn-box input,.login-btn-box a{
	display:block;
}
.login-btn-box a{
	color:#ab180d;
	margin:5px 0;
}
.login-bottom{
	background:url("../images/bg_login_bottom.png") left top;
	width:305px;
	overflow:hidden;
	height:6px;
}
#callcenter{
	margin-top:10px;
}
.callcenter{
	background:url("../images/bg_callcenter.png") no-repeat left top;
	width:225px;
	height:68px;
	padding-left:80px;
	position:relative;
	margin-top:1px;
}
.callcenter .tel{
	display:block;
	color:#AB180D;
	padding-top:3px;
}
.callcenter .hot{
	color:#ab180d;
	font-size:12px;
	font-weight:700;
	font-family: arial;
}
.callcenter .email{
	display:block;
	color:#ab180d;
	font-size:12px;
}
.callcenter .email a{
	color:#ab180d;
}
.callcenter .kefu{
	display:block;
	color:#ab180d;
	font-size:12px;
}
.callcenter .qq{
	position:absolute;
	left:140px;
	top:45px;
	height:17px;
	width:94px;
}
/* regsiter*/
#login-main .form{
	width:720px;
	margin:18px auto 0;
}
#login-main .form form .type{
	width:514px;
	height:40px;
	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	border-top:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	text-indent:30px;
	background:transparent url(../images/bg_type.gif) repeat-x scroll 0 0;
}
#login-main .form form .type span{
	display: block;
	height: 28px;
	width: 514px;
	line-height: 14px;
	padding-top: 12px
}
#login-main .form form .type span * {
	vertical-align: middle;
}

#login-main .form input,#main .form select{
	font-size:12px;
}
#login-main .form .information{
	border:1px solid #d3d3d3;
	background-color:#f9f9f9;
}
#login-main .form .information ul{
	width:695px;
	margin:0 auto;
	background:transparent url(../images/bg_border.gif) repeat-x scroll 1px bottom;
	padding-bottom:20px;
}
#login-main .form .information ul li{
	line-height:35px;
	color:#265a83;
	height:35px;
}
#login-main .form .information ul li input{
	width:270px;
	height:20px;
	border:1px solid #BCCED9;
}
#login-main .form .information ul li span{
	color:#999999;
}
#login-main .form  .information ul li span{
	display:inline-block;
	text-indent:0;
	padding:0 15px 0 30px;
}
#login-main .form .information .font{
	text-indent:20px;
	height:35px;
	padding-top:18px;
}
#login-main .form .information .yongh{
	height:103px;
	background:transparent url(../images/bg_border.gif) repeat-x scroll 1px bottom;
}
#login-main .form .information .yonghm{
	text-indent:45px;
}
#login-main .form .information .yonghm img{
	vertical-align:middle;
}
#login-main .form  .information .qyonghm{
	text-indent:45px;
}
#login-main .form  .information  .mim{
	text-indent:62px;	
}
#login-main .form  .information .qmim{
	text-indent:62px;
}
#login-main .form .information .tisw{
	text-indent:40px;
}
#login-main .form .information .khss{
	text-indent:52px;
}
#login-main .form .information .tisd{
	text-indent:40px;
}
#login-main .form .information .xm{
	text-indent:88px;
}
#login-main .form .information .tel{
	text-indent:64px;
}
#login-main .form .information .yzm{
	text-indent:75px;
}
#login-main .form .information .xinx{
	background:#f4f4f4 url(../images/bg_border.gif) repeat-x scroll 1px bottom;
}
#login-main .form .information .mima{
	background-color:#f4f4f4;
}
#login-main .form .information .check{
	height:128px;
	width:695px;
	color:#265a83;
	margin:0 auto;
	padding-top: 20px;
	background:#f4f4f4 url(../images/bg_border.gif) repeat-x scroll 1px bottom;
}	

#login-main .form .information .checkbox{
	padding-left:100px;
}
#login-main .form .information .checkbox input{
	vertical-align:middle;
	height:22px;
}
#login-main .form .information .confirm{
	height:82px;
	text-align:center;
}
#login-main .form .information .confirm input{
		margin-top:20px;
}
#login-main .form .information .yzm2 input {
    border: 1px solid #BCCED9;
    height: 20px;
    width: 182px;
}
#login-main .form .information .yzm2 {
    text-indent: 75px;
}
/* regsiter success */
#login-main  .success{
	height:253px;
	width:721px;
	margin:18px auto;
	background:transparent url(../images/bg_success.gif) no-repeat scroll 0px 0px;
}
#login-main  .success .right{
	width:84px;
	height:60px;
	padding:55px 0 0 68px;
	float:left;
}
#login-main  .success .tishi{
	float:left;
}
#login-main  .success .tishi p{
	font-weight:bold;
	font-size:16px;
	line-height:40px;
	padding-top:35px;
}
#login-main  .success .tishi input{
	margin-top:20px;
}
#login-main  .success .tishi image{
	margin-top:20px;
}
/* validator */
.onShow
{
    background:url(../images/onShow.gif) no-repeat; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	display:inline-block;
	text-indent:0;
	padding:0 15px 0 30px;
}
.onFocus
{
    background:#E9F0FF url(../images/onFocus.gif) no-repeat; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	display:inline-block;
	text-indent:0;
	padding:0 15px 0 30px;
}
.onError
{
    background:#FFF2E9 url(../images/onError.gif) no-repeat;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	display:inline-block;
	text-indent:0;
	padding:0 15px 0 30px;
}
.onCorrect
{
    background:#E9FFEB url(../images/onCorrect.gif) no-repeat;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	display:inline-block;
	text-indent:0;
	padding:0 15px 0 30px;
}
.onLoad
{
    background:#E9FFEB url(../images/onLoad.gif) no-repeat 3px 3px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	display:inline-block;
	text-indent:0;
	padding:0 15px 0 30px;
}
.tishi_k3_1 {
    background-color: #FFF8EE;
    border: 1px solid #FFCB99;
    margin-top: 2px;
    padding-top: 2px;
    width: 250px;
}