@charset "utf-8";
/* CSS Document */
/*注册选择*/
html,body{ height:100%;}
.ch_left, .ch_right{ width:50%; height:100%; float:left;}
.ch_left{ background: url(../images/let.jpg) no-repeat; background-size:100%;}
.ch_right{ background: url(../images/right.jpg) no-repeat; background-size:100%;}
.con_left, .con_right{ height:100%; width:100%; background:rgba(0, 0, 0, 0.3)!important;
filter:Alpha(opacity=30); background:#000; /*　使用IE专属滤镜实现IE背景透明*/}
.ch_logo{ padding:20px 0 0 20px; position:relative;}
.pers_re{ width:370px; padding-right:40px;}
.pers_re a.pi1{ background:url(../images/pers.png) no-repeat 100px 0; display:block; width:370px; height:50px;}
.pers_re a.pi1:hover{background:url(../images/pers.png) no-repeat 100px -99px;}
.pers_re p, .ent_re p{  clear:both; padding-top:15px;color:#e5e5e5;}
.pers_re p{ text-align:right;}
.ent_re p { text-align:left;}
.ent_re{width:370px; padding-left:40px;}
.ent_re a.pi2{background:url(../images/pers.png) no-repeat left -240px; display:block; width:370px; height:50px;}
.ent_re a.pi2:hover{background:url(../images/pers.png) no-repeat left -360px;}

/* 必填星号样式 */
.required_star{color: #ff0000; margin-right: 2px;}

/*个人注册-企业注册*/
.re_top{ height:100px; width:100%;}
.re_logo{ float:left; margin-top:30px;}
.steps{border-bottom: 3px solid #e6e6e6;
    height: 46px;
	margin-bottom:30px;}
.steps ol li.active {
    border-bottom: 3px solid #ff4700;
    color: #3e3e3e;
}
.steps ol li.comp{border-bottom: 3px solid #0ca5ec;
    color: #3e3e3e;}
.steps ol li {
    color: #999;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
	width: 33.3%;
	text-align:center;
}
.steps ol li.active i {
    background-image: url("../images/ico-circle1.png");
}
.steps ol li.comp i{ background-image: url("../images/ico-circle3.png");}
.steps ol li i {
    background: rgba(0, 0, 0, 0) url("../images/ico-circle2.png") no-repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    text-align: center; width:24px;
}


.section_hd {
    border-bottom: 1px solid #e7e7eb;
    margin-bottom: 30px;
    padding: 10px 0;
}
.section_hd .title {
    font-size: 14px;
    font-weight: normal;
}
.frm_control_group {
    padding-bottom: 30px;
}
.frm_label {
    float: left;
    font-size: 14px;
    margin-right: 1.5em;
    margin-top: 0.5em;
    width: 10em;
	color:#000;
	text-align:right;
}
.frm_controls {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: auto;
}
.btn_vcode{ display:inline-block; height:37px; width:auto; background:#ebebeb; line-height:33px; color:#7a7a7a; text-align:center; margin-left:5px; padding-left:5px; padding-right:5px;}
.btn_vcode:hover{ background:#faa732; color:#fff;}


.frm_input {
    height: 28px;
    margin: 4px 0;
	width:100%;
	outline:none;
}
.frm_msg {
    padding-top: 4px;
    width: 300px;
}
.frm_msg span {
    color: #e15f63; font-size:12px;
}
.frm_tips{ font-size:12px;padding-top: 5px;
    width: 420px;}
.re_next{border-top: 1px solid #e7e7eb; padding-bottom:20px;}


.upload_box {

    line-height: 1.6; padding-top:6px;
}

.btn_upload {
    background-color: #fff;
    border:#e7e7eb solid 1px;;
    color: #222;
    height: 30px;
    line-height: 30px;

}
.btn_upload:hover{ background:#f4f4f4;}
.btn {
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    overflow: visible;
    padding: 0 22px;
    text-align: center;
}
.upload_area{ display: inline-block;
    vertical-align: middle;}
.upload_preview {
    margin-top: 10px;display: block;
}
.upload_preview ul li{ width:100px; float:left; text-align:center; margin-right:8px;}
.upload_preview ul li img {

    max-height: 100px;
    max-width: 100px;
}
.upload_preview ul li a{
	color: #0f96dc;
	text-decoration: underline;
}
.upload_tips {
    color: #8d8d8d;
    padding-bottom: 6px; 
}
.upload_tips .demo{ color:#0f96dc; padding:0 10px;}
.next_but{ width:160px; height:35px; display:block; text-align:center; line-height:35px; color:#FFF; font-size:16px; border-radius:3px; font-weight:700; margin:0 auto; margin-top:15px;}
.disable_but{background:#595959;}
.comp_next_but{ background:#0ca5ec;}
.comp_next_but:hover{ background:#50c0f4;}
.per_next_but{background:#eb5c3e;}
.per_next_but:hover{ background:#fd8065;}
.other_input, .contract_input{ margin-right:10px;}
.contract_input{ padding-top:10px;}
.other{ font-size:16px; color:#C30; height:35px; line-height:35px;}
.contract{ font-size:14px;color:#595959; height:35px; line-height:35px; }
.contract a{ color:#0f96dc;}

/*注册成功*/
.success_box{ background:#fffee9; width:100%; padding:30px 0; border-radius:5px; margin-top:30px;}
.suc_main{ margin:0 auto; width:630px;}
.suc_main img{ }
.s_ico{ width:130px; height:130px; float:left; margin-right:30px;}
.suc_but{ background:#eb5c3e; width:160px; height:38px; display:inline-block;border-radius:3px; color:#FFF; font-size:14px; line-height:38px; text-align:center;}
.suc_but:hover{ background:#fb937d;}
.suc_tit{ color:#51c875; font-size:25px;}
.suc_txt{ padding:10px 0;}

/*注册选择*/
.join-top{ border-bottom:#e8e8e8 solid 1px; height:90px;}
.join-top img{ float:left; margin:15px 0 0 20px;}

.join_main{ width:863px; overflow:hidden; margin:160px auto 0 auto; }
.join_box{ width:400px; height:220px; border-radius:8px; color:#FFF;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.join_box:hover{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.j-1{ background:#f4a52a; float:left;}
.j-1:hover{ background:#ffb94b;}
.j-2{ background:#0fb8f1; float:right;}
.j-2:hover{ background:#15d0f6;}
.j_pad{ padding:50px 0 0 50px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.join_box:hover .j_pad{padding:42px 0 0 50px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.join_box .j_tit{ font-size:36px; margin-top:20px;}
.join_box .j_eng{ font-size:14px;text-transform:uppercase; margin-top:5px;font-weight:bold; letter-spacing: -0.6px;}
.join_box i{ font-size:100px; color:#FFF; float:left; padding-right:20px; }
.join_dy{ width:865px; height:168px; background:url(../images/daoying.png) no-repeat; margin:10px auto 0 auto;}

.upload_set{ width:100px; height:100px;background-color: #525252;position: relative; overflow:hidden;}
.upload_set i{
	font-style: normal; z-index:1; position:absolute; color:#FFF; left:38px; font-size:16px; top:40px;
}
.upload_set b{ background:#28b779; display:block;
 position: absolute; width:100px;
 bottom:0;
-webkit-transition:height 1s ease-in;
-o-transition:height 1s ease-in;
-ms-transition:height 1s ease-in;
-moz-transition:height 1s ease-in;
transition:height 1s ease-in;
}
.upload_preview ul li a {
    color: #0f96dc;
    text-decoration: underline;
}