@charset "utf-8";
/* CSS Document */
/*******会员申请页********/

.regContent {
	margin:10px;
	padding:6px;
	display:block;
	height:540px;
	background-color:#ccc;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#333;
}
#tabs-vip {
	background-color:#F3F3F3;
	margin-right:1px;
}
#tabs-com {
	background-color:#E1F7FF;
}
.regTitle {
	margin:10px 10px 0 10px;
	padding: 10px;
	height:88px;
	line-height:88px;
	display:block;
	border:1px solid #CCC;
	border-top:5px solid #009DE1;
	font-size:16px;
}
.regInput {
	margin:0 0 10px 0;
	padding:0px 15px;
	display:block;
	border:0px solid #CCC;
	line-height:22px;
}
.regInfo {
	margin:10px;
	padding:10px;
	text-align:center;
	font-size:14px;
	background-color:#FF9900;
	color:#FFF;
}
.regContent p, .regInput p, .regInfo p {
	margin:0;
	padding:0;
}
.regContent h2 {
	font-size:20px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	display:block;
	border-bottom:1px solid #999;
}
.getForm .subDiv3{
	position:absolute;
	bottom:35px;
	left:280px;
	padding:20px 0;
}
.getForm .subDiv {
	position:absolute;
	bottom:25px;
	left:280px;
}
.regForm .subDiv {
	position:absolute;
	bottom:20px;
	left:240px;
}
.oregContent li, .regContent ol, .regContent ul {
	margin:10px auto 10px 30px;
}
.regContent h1 {
	font-size:24px;
	color:#666;
	margin:10px 10px 20px 10px;
	padding:0;
}
.errorContent h1 {
	font-size:100px;
	color:#FFF;
	margin:20px;
	padding:0;
}
.regContent input, .regContent label {
	margin:2px 0 0 0;
	padding:0;
}
/*******在线申请********/

.oregContent {
	margin:10px;
	padding:6px;
	display:block;
	background-color:#ccc;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#333;
}
.oregContent h1 {
	font-size:24px;
	color:#009DE1;
	margin:10px 10px 50px 10px;
	padding:0;
}
.regWrap {
	margin:0;
	padding: 20px;
	display:block;
	font-size:12px;
	border:10px solid #FFF;
	background-color:#F5F5F5;
	color:#333;
	position:relative;
	font-size:14px;
}
.regWrap table {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-collapse:collapse;
	border-spacing:0;
	border-collapse: collapse;
	margin-top:20px;
	width: 100%;
	font-size:12px;
}
.regWrap td, .regWrap th {
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.regWrap th {
	width:120px;
}
.regWrap input, .regWrap textarea {
	width:400px;
}
.regTitle h1 {
	font-size:24px;
	margin:0 0 0 10px;
	padding:0;
}
.regWrap p {
	margin:10px;
}
/*******购买确认********/
.payContent {
	margin:10px;
	padding:6px;
	display:block;
	height:auto;
	background-color:#ccc;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#333;
}
.payColumn {
	margin:0;
	padding: 20px;
	display:block;
	width:auto;
	height:auto;
	position:relative;
	background-color:#FEFEFE;
	border:10px solid #FFF;
	font-size:12px;
	color:#333;
}
.payColumn h2 {
	font-size:20px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	display:block;
	border-bottom:4px solid #FF9900;
	color:#333;
}
.payInfo {
	margin:0;
	padding:50px 150px;
	display:block;
	width:auto;
	background-color:#FEFEFE;
	border:1px solid #CCC;
	font-size:14px;
}
table.payList {
	margin: 0 0;
	border-collapse: collapse;
	border:1px solid #CCC;
	background-color:#FEFEFE;
	line-height:20px;
}
table.payList th {
	border-bottom:1px solid #CCC;
	padding:5px 10px;
	background-color:#F5F5F5;
}
table.payList td {
	padding:10px;
	border-bottom:1px dashed #CCC;
}
table.payPreview {
	width:600px;
	font-size:14px;
}
.payPreview td {
	padding:5px 10px;
}
/**********新注册页面*************/
body {
	background-image:url(../images/bg_reg.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFF;
}
.rWrap {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-image:url(../images/bg_reg2.gif);
	background-repeat:no-repeat;
	background-position:50% 60px;
}
.rWrap .regContent {
	margin:0 auto;
	padding:6px;
	display:block;
	width:960px;
	height:auto;
	background-color:#ccc;
	border:0px solid;
	color:#333;
}
.headerlogo {
	display:block;
	width:960px;
	height:120px;
	margin:0 auto;
}
.headerlogo img {
	vertical-align:middle;
	margin-left:20px;
	margin-top:35px;
}
ul.payTab {
	display:inline;
	margin:0;
	padding:0;
}
.payTab li {
	display:inline;
	margin:0;
	padding:0;
}
.payTab li a:link, .payTab li a:visited {
	display:block;
	width:100px;
	height:40px;
}
.regColumn {
	margin:0;
	padding: 50px 20px;
	display:block;
	width:auto;
	height:auto;
	position:relative;
	background-color:#FEFEFE;
	border:10px solid #FFF;
	font-size:12px;
	color:#333;
}
.regForm {
	margin:0;
	padding:30px 20px 120px 150px;
	display:block;
	width:auto;
	background-color:#FAFAFA;
	border:0px solid #CCC;
	font-size:12px;
}
.rc h2 {
	font-size:20px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	display:block;
	border-bottom:1px solid #ccc;
	color:#666;
}
.formList {
	display:block;
	position:relative;
}
.formList a:link, .formList a:visited {
	color:#006699;
}
.int {
	margin:0;
	padding:5px;
	font-size:14px;
}
.chr i,
.int i {
	margin:0;
	padding:5px;
	color:red;
	font-size:18px;
	font-style:normal;
}

.int label {
	display:inline-block;
	height:20px;
	width:100px;
	padding:6px 0;
	text-align:right;
	vertical-align:top;
	position:relative;
}
.qu label {
	display:inline-block;
	height:20px;
	width:120px;
	padding:6px 0;
	text-align:right;
	vertical-align:top;
	position:relative;
}
.int select{
	display:inline-block;
	position:relative;
	width:270px;
	height:34px;
	padding:6px;
	border:1px solid #CCC;
	font-size:14px;
	color:#999;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-transition: box-shadow 0.30s ease-in-out;   /*只让box-shadow属性做过渡效果！*/
	-moz-transition:  box-shadow 0.30s ease-in-out;      /*firefox*/
	vertical-align:middle;
}
.int input {
	display:inline-block;
	position:relative;
	width:300px;
	height:20px;
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:14px;
	color:#999;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-transition: box-shadow 0.30s ease-in-out;   /*只让box-shadow属性做过渡效果！*/
	-moz-transition:  box-shadow 0.30s ease-in-out;      /*firefox*/
	vertical-align:middle;
}
.qu input {
	display:inline-block;
	position:relative;
	width:230px;
	height:20px;
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:14px;
	color:#999;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-transition: box-shadow 0.30s ease-in-out;   /*只让box-shadow属性做过渡效果！*/
	-moz-transition:  box-shadow 0.30s ease-in-out;      /*firefox*/
	vertical-align:middle;
}
.int button {
	vertical-align:middle;
}
.int input:focus {
	outline:none;
	border:1px solid #FF6600;
	box-shadow: 0 0 8px rgba(255, 102, 0, 0.5);
	background-color:#FFF8EC;
}
.int img.authImg {
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	height:30px;
	width:100px;
}
.changeAuth {
	margin:0 0 0 5px;
	font-size:12px;
}
.int span.quespan {
	display:inline-block;
	height:20px;
	margin:4px 0 0 0;
	padding:6px 0;
	text-align:right;
	vertical-align:top;
	position:relative;
}
.int span.replaceMode {
	display:inline-block;
	height:20px;
	margin:4px 0 0 105px;
	padding:6px 0;
	text-align:right;
	vertical-align:top;
	position:relative;
}
input#auth {
	width:150px;
}
input#mauth {
	width:75px;
}
.chr{
	margin:0;
	padding:5px 5px 10px 5px;
	font-size:14px;
	height:24px;
}
.chk {
	margin:0;
	padding:5px;
	font-size:12px;
}

.chr span{
	display:inline-block;
	height:20px;
	width:100px;
	padding:0;
	margin:0;
	text-align:right;
}
span.nospan{
	display:inline-block;
	height:20px;
	width:600px;
	padding:0;
	text-align:left;
}
.chr label{
	display:inline;
	margin:2px 0;
	padding:5px 5px 5px 0;
	-padding:5px 3px 5px 0;
	vertical-align:middle;
	height:20px;
}
.chk label {
	display:block;
	margin-left:105px;
	padding:6px 0;
	vertical-align:middle;
}
.chr input,
.chk input {
	display:inline-block;
	margin:0 5px 0 0;
	padding:0;
	vertical-align:middle;
}
.chk span {
	margin:0;
	display:inline-block;
	vertical-align:middle;
}
.chk p{
	display:block;
	margin-left:110px;
	padding:6px 0;
	vertical-align:middle;
}

/******正确和报错*********/
.tipIcon {
	display:none;
	position:absolute;
}
.changeEmail .ico-yes, .formList .ico-yes {
	background: url("../images/icon/yes.png") no-repeat scroll 0 0 transparent;
}
.changeEmail .ico-no, .formList .ico-no {
	background: url("../images/icon/no.png") no-repeat scroll 0 0 transparent;
}
.changeEmail .ico-yes, .changeEmail .ico-no {
	height: 12px;
	width: 16px;
	position:absolute;
	top:10px;
	left:595px;
}
.formList .ico-yes, .formList .ico-no {
	height: 12px;
	width: 16px;
	position:absolute;
	top:17px;
	left:447px;
}
/*****登录页面******/
.lWrap {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.lWrap .loginContent {
	margin:0 auto;
	padding:0;
	display:block;
	width:940px;
	height:440px;
	background-image:url(../images/bg_login.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #FFF;
	color:#333;
	vertical-align:middle;
	position:relative;
}
.wxlogin{
	position:absolute;
	top:20px;
	left:80px;
}
.loginForm {
	margin:0;
	padding:0;
	display:block;
	width:450px;
	height:290px;
	top:100px;
	right:20px;
	position:absolute;
}
.loginForm .subDiv {
	position:absolute;
	bottom:40px;
	left:110px;
	margin:0;
	padding:0;
}
.subn {
	display:table-cell;
	width:135px;
	height:55px;
	padding-left:35px;
	text-align:center;
	background-image:url(../images/bn_login.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}
.getForm .subDiv button, .regForm .subDiv button, .loginForm .subDiv button,.regPreview .subDiv button {
	display:table-cell;
	width:135px;
	height:55px;
	line-height:50px;
	padding-left:35px;
	text-align:left;
	background-image:url(../images/bn_login.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}
.getForm .subDiv3 button{
	display:table-cell;
	width:135px;
	height:55px;
	padding-left:25px;
	text-align:left;
	background-image:url(../images/bn_login.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}
.getForm .subDiv4 button{
	display:table-cell;
	width:135px;
	height:55px;
	padding-left:15px;
	text-align:left;
	background-image:url(../images/bn_login.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}
.loginForm span a:link, .loginForm span a:visited {
	font-size:12px;
	color:#FF6600;
	text-decoration:none;
}
.nowReg {
	margin:0 auto 10px 110px;
	display:block;
	position:relative;
}
.otherLogin{
	margin:10px 15px;
	display:block;
	position:absolute;
	bottom:0;
	left:100px;
}


/******返回结果*****/
.regPreview {
	font-size:16px;
	width:auto;
	color:#666;
	font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
}
.preTitle {
	font-size:24px;
	font-weight:bold;
}
.preTitle img {
	margin-right:10px;
	width:30px;
	height:30px;
	vertical-align:bottom;
}
.regPreview p {
	margin:10px 0;
	line-height:28px;
}
.regPreview .subDiv {
	display:inline-block;
	position:relative;
	margin:20px;
	padding:10px;
}

.regPreview .subDiv input {
	display:inline-block;
	width:135px;
	height:55px;
	margin:0 10px;
	padding-left:13px !important;
	padding-left:15px;
	text-align:left;
	background-image:url(../images/bn_login.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
	position:relative;
}
.regPreview ul {
	display:block;
	margin-left:150px;
	text-align:left;
	list-style:none;
	font-size:14px;
	position:relative;
}
.regPreview a:link, .regPreview a:visited {
	color:#FF6600;
	text-decoration:none;
}
.regPreview a:hover, .regPreview a:active {
	color:#FF9900;
	text-decoration:underline;
}
.changeEmail {
	font-size:14px;
	display:none;
	position:relative;
}
.changeEmail input {
	padding:4px;
	font-size:14px;
	color:#666;
}
/*****找回密码******/
.getForm {
	margin:10px 0;
	padding:30px 20px 120px 150px;
	display:block;
	width:auto;
	background-color:#FEFEFE;
	border:0px solid #CCC;
	font-size:12px;
}
.getPwdqu1,
.getQustep1, .getQustep2,
.getStep, .getStep2, .getStep3, .getStep4, .getStep5, .getStep6, .getStep7, .getStep8, .getStep10{
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	display:block;
	width:877px;
	height:32px;
	margin:10px 10px 30px 10px;
	padding:0;
}
.getStep {
	background-image:url(../images/bg_step.png);
}
.getStep2 {
	background-image:url(../images/bg_step2.png);
}
.getStep3 {
	background-image:url(../images/bg_step3.png);
}
.getStep4 {
	background-image:url(../images/bg_step4.png);
}
.getStep5 {
	background-image:url(../images/bg_step5.png);
}
.getStep6 {
	background-image:url(../images/bg_step6.png);
}
.getStep7 {
	background-image:url(../images/bg_step7.png);
}
.getStep8 {
	background-image:url(../images/bg_step8.png);
}
.getQustep1{
	background-image:url(../images/bg_qu_step1.png);
}
.getQustep2{
	background-image:url(../images/bg_qu_step2.png);
}
.getPwdqu1{
	background-image:url(../images/bg_step9.png);
}
.getStep10{
	background-image:url(../images/bg_step10.png);
}

.getStep10#step1,
.getPwdqu1#step1,
.getQustep1#step1, .getQustep2#step1,
.getStep#step1, .getStep2#step1, .getStep3#step1, .getStep4#step1, .getStep5#step1, .getStep6#step1, .getStep7#step1, .getStep8#step1 {
	background-position:0 0;
}

.getStep10#step2,
.getPwdqu1#step2,
.getQustep1#step2, .getQustep2#step2,
.getStep#step2, .getStep2#step2, .getStep3#step2, .getStep4#step2, .getStep5#step2, .getStep6#step2, .getStep7#step2, .getStep8#step2 {
	background-position:0 -36px;
}
.getPwdqu1#step3,
.getQustep1#step3, .getQustep2#step3,
.getStep#step3, .getStep2#step3, .getStep3#step3, .getStep4#step3, .getStep6#step3 {
	background-position:0 -72px;
}
.getQustep2#step4,
.getStep#step4, .getStep2#step4,.getStep3#step4, .getStep4#step4, .getStep6#step4 {
	background-position:0 -108px;
}
.getStep3#step5 {
	background-position:0 -144px;
}
.changeEmail p {
	margin:0;
	padding:0;
	display:inline;
}

/* poptip */
.qpoptip{
	position:static;
	margin-left:110px;
	padding:5px 5px;
	width:310px;
	line-height: 16px;
	font-size: 12px;
	border-radius: 2px;
	box-shadow: 0 0 3px #ddd;
	display:none;
}
.loginForm .poptip {
	position:static;
	margin-left:112px;
	padding:5px 5px;
	width:260px;
	line-height: 16px;
	font-size: 12px;
	border-radius: 2px;
	box-shadow: 0 0 3px #ddd;
}
.loginForm .int input{
	width:250px;
}
.changeEmail .poptip {
	position: absolute;
	top:0px;
	left:620px;
	padding: 0px 5px;
	line-height: 16px;
	font-size: 12px;
	border-radius: 2px;
	box-shadow: 0 0 3px #ddd;
	display:none;
}
.poptip {
	position: absolute;
	top:8px;
	left:450px;
	padding: 6px 10px 5px;
	line-height: 16px;
	font-size: 12px;
	border-radius: 2px;
	box-shadow: 0 0 3px #ddd;
	display:none;
}
.show {
	display:block;
}
.blue {
	background-color: #F0F9FD;
	border: solid 1px #A4DCF4;
	color: #333;
}
.red {
	background-color: #FFFCEF;
	border: solid 1px #FFBB76;
	color: #DB7C22;
	left:475px;
}
.poptip-arrow {
	position: absolute;
	overflow: hidden;
	font-style: normal;
	font-family: simsun;
	font-size: 12px;
	text-shadow:0 0 2px #ccc;
}
.poptip-arrow em, .poptip-arrow i {
	position: absolute;
	left:0;
	top:0;
	font-style: normal;
}
.poptip-arrow em {
	color: #A4DCF4;
}
.poptip-arrow i {
	color: #F0F9FD;
	text-shadow:none;
}
.red .poptip-arrow em {
	color: #FFBB76;
}
.red .poptip-arrow i {
	color: #FFFCEF;
	text-shadow:none;
}
.poptip-arrow-top, .poptip-arrow-bottom {
	height: 6px;
	width: 12px;
	left:12px;
	margin-left:-6px;
}
.poptip-arrow-left, .poptip-arrow-right {
	height: 12px;
	width: 6px;
	top: 12px;
	margin-top:-6px;
}
.poptip-arrow-top {
	top: -6px;
}
.poptip-arrow-top em {
	top: -1px;
}
.poptip-arrow-top i {
	top: 0px;
}
.poptip-arrow-bottom {
	bottom: -6px;
}
.poptip-arrow-bottom em {
	top: -8px;
}
.poptip-arrow-bottom i {
	top: -9px;
}
.poptip-arrow-left {
	left:-6px;
}
.poptip-arrow-left em {
	left:1px;
}
.poptip-arrow-left i {
	left:2px;
}
.poptip-arrow-right {
	right:-6px;
}
.poptip-arrow-right em {
	left:-6px;
}
.poptip-arrow-right i {
	left:-7px;
}
/***侧栏***/
.regSidebar {
	display:block;
	height:400px;
	margin:0;
	padding:30px 10px 10px 30px;
	position:absolute;
	top:15px;
	right:10px;
	font-size:14px;
	line-height:24px;
	color:#666666;
}
p.boline {
	border-bottom:1px dashed #CCC;
	display:block;
	margin:10px 0;
	height:30px;
}
/*页脚*/
.lWrap .regInfo, .lWrap .footer {
	display:block;
	margin:10px auto;
	padding:10px 0;
	width:940px;
}
.rWrap .regInfo, .rWrap .footer {
	display:block;
	margin:10px auto;
	padding:10px 6px;
	width:960px;
}