.gray_mian {
background:#fafafa;
overflow: hidden;
padding: 30px 0;
margin: 0px 0 40px;

}

.join_left {
width: 50%;
padding: 0 5%;
float: left;
height: auto;
}

.join_title {
font: 23px/30px Arial, Helvetica, sans-serif;
color: #323232;
}

.join_item {
height: 45px;
display: block;
overflow: hidden;
clear: both;
position: relative;
}

.join_item dt {
	position: absolute;
	top: 0px;
	left:0px;
}

.join_item dd {
float: left;
line-height: 20px;
color: #656565;
font-size: 13px;
padding: 0 0 0 50px;
}

.c {
clear: both;
height: 0px;
width: 0px;
}

.already_member {
font: 18px/50px Arial, Helvetica, sans-serif;
color: #c11920;
}

.join_button {
width: 160px;
height: 39px;
padding-left: 9px;
display: block;
float: left;
background: url(../images/loin_button_bg.gif) no-repeat;
font: bold 18px/39px Arial, Helvetica, sans-serif;
color: #c11920;
margin-left: 10px;
margin-top: 10px;
}

.yinying_bottom {
height: 40px;
background: url(../images/front/yinying_bg.jpg) repeat-x left bottom;
}

.join_right {
float: left;
height: auto;

}

.join_right>h1 {
color: #c11920;
font: 40px/60px Tahoma,Geneva,sans-serif;
height: 70px;
}

.join_name {
color: #505050;
font-size: 14px;
line-height: 22px;
}

.join_right ul li select{color: #505050;    padding: 0 0 0 10px;
	width: 100%;
font-size: 14px;
line-height: 30px;
height: 30px;
    border: 1px solid #cecece;
    margin: 0 0 10px 0;
}


.tex275 {
width: 100%;
height: 30px;
line-height: 30px;
border: 1px solid #cecece;
    padding: 0 0 0 10px;
    margin:0 0 10px 0;
    -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}

.dingwei {
position: relative;
height: 40px;
}

.dingwei a{line-height: 30px;}

.code92 {
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #cecece;
padding: 0 10px;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}


.code_img {
vertical-align: text-bottom;
margin:2px 0 0 5px;

}

.refresh {
font: 12px/24px Arial, Helvetica, sans-serif;
color: #c11920;
text-decoration: underline;
padding-left: 15px;

}

.join_right {
width: 50%;
padding:0 5%;
float: right;
height: auto;
border-left: 1px solid #ccc;
}

.creatAccount {
transition:all 0.3s ease 0s;
width: 200px;
height: 40px;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
border: 0;

margin: 20px 0 10px 0px;
background: #c11920;
border: 1px solid #c11920;
cursor: pointer;
font: bold 16px Arial, Helvetica, sans-serif;
color: #fff;}

.creatAccount:hover {
background: #333;color: #fff;border: 1px solid #333;
}
.heibox{width: 100%;height: 1px;background: #1a1a1a;}

.zc-ppp{margin: 30px 0 0 0;display: inline-block;}
.zc-ppp img{width: 100%}


/**/



@media(max-width:1200px){
	.join_left{}
	.join_right{}
}

@media(max-width:992px){

}

@media(max-width:768px){
	.gray_mian{margin: 10px 0 30px;padding: 20px 0}
	.join_left{width: 100%;margin: 20px 0 0 0;border-top: 1px dashed #ccc;padding: 20px 20px 0 20px}
	.join_right{width: 100%;border: none;}
	.creatAccount{width: 100%}

}

@media(max-width:480px){

}