@charset "utf-8";

*{
    margin:0;
    padding:0;
}

body{
    font-size:14px;
}

a{
   text-decoration:none;

}

.clearfix{
    both:clear;
    content:'';
    display:block;
}

.sign-Body{
    width:1000px;
    margin:0 auto;
}

.sign-Body .sign-left{
    width:400px;
    float:left;
    overflow:hidden;
    
}

.sign-Body .sign-left img{
    width:100%;
}

.sign-Body .sign-right{
    width:585px;
    float:right;
}




.sign-Body .sign-right .sign-header{
    margin:0px 0 40px 0;
    padding-top:20px;
    float:left;
    width:585px;
    height:70px;
    border-bottom:1px solid red;
    line-height:70px;
    background:#fff;
}

.sign-Body .sign-right .sign-header div{
    float:right;
    color:#666;
}

.sign-Body .sign-right .sign-header div a{
    color:#666;
}

.sign-Body .sign-right .sign-header div a:hover{
    color:#000;
}


.sign-phone{
    width:555px;
    height:160px;
    margin:10px 0 20px 10px;
}



.sign-phone .nav{
    margin-bottom:20px;
    width:555px;
    border-bottom:1px solid #333;
    padding-left:30px;
}

.sign-phone a{
    font-size:16px;
    color:#666;
    height:30px;
    width:160px;
    font-weight:100;
    margin-right:30px;
    display:inline-block;
    text-align:center;
    line-height:30px;
    border:1px solid #333;
    border-bottom-color:#fff;
    position:relative;
    background:#eee;

}



.sign-phone .content, .sign-main .sign-phone a.content:hover{
   background:#fff;
   border-bottom-color:#fff;
   top:1px;
}



.sign-info{
    width:585px;
    height:310px;
    display:none;
}


.sign-info .reg_mobile{
    width:80px;
    float:left;
    height:300px;
    background:url(../img/reg_mobile.png) no-repeat 30px 10px;
}
.sign-info .reg_mail{
    width:80px;
    height:300px;
    float:left;
    background:url(../img/reg_mail.png) no-repeat 30px 10px;
}


.sign-info .phone-form .tit{
    font-size:14px;
    line-height:60px;
    height:60px;
    float:left;
    width:160px;
    text-align:right;
}



.sign-info .phone-form .ipt{
    float:left;
    width:340px;
    height:60px;
}

.sign-info .phone-form .ipt .code_input{
    width:50px;
    border-radius:4px;
    border:1px solid #ccc;
    height:26px;
    margin-top:15px;
    float:left;
}

.sign-info .phone-form .ipt .code{
    float:left;
}

.sign-info .phone-form .ipt .code_a{
    width:60px;
    height:30px;
    margin-top:10px;
    text-align:center;
    line-height:30px;
    float:left;
}


.sign-info i{
    color:red;
    padding-right:4px;
}
.sign-info .phone-form .reg_ipt{
    width:180px;
    border-radius:4px;
    border:1px solid #ccc;
    height:26px;
    margin-top:15px;
}

.sign-info .phone-form .check_list label{
    margin:0 10px 0 0;
    display:inline-block;
}

.sign-info .phone-form .check_list .check_int{
    margin:10px 5px 0 0;
    color:red;
}


.sign-info .phone-form .agreement{
    text-decoration:none;
    font-size:14px;
    border:none;
    height:60px;
    line-height:60px;
    width:250px;
    margin-left:100px;
    text-align:center;
    display:inline-block;
}

.sign-info .btn_active{
     width:180px;
    border-radius:4px;
    border:1px solid #ccc;
    height:26px;
    margin-top:15px;
}

.sign-info .btn_active:hover{
     background:#f60;
     color:#fff;
}


.sign-info .email-form{
    display:none;
}




footer .bottom{
    font-size:13px;
    width:585px;
	height:100px;
	color:#777;
	text-align:center;
	border-top:2px solid #ccc;
}


footer .bottom .bottom-content{
    margin-top:10px;
    
}

#reg_submit{
    display:block;
    margin-left:210px;
    width:180px;
    color:#fff;
    font-size:15px;
    border:none;
    background:#f60;
    border-radius:4px;
    text-decoration: none;
    height:30px;
}


footer .bottom .bottom-content a{
    text-decoration:none;
    color:#666;
    
}