/*注册基本资料*/
.registerBasic .banner{
    background: url("../img/register_banner_bg.jpg") no-repeat center center;
    height: 180px;
}
.registerBasic .banner .pic{
    display: block;
    width: 36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
}
.registerBasic .banner .taUser_run{
    animation: taUser_run 0.5s linear 0s 1 normal;
    -webkit-animation: taUser_run 0.5s linear 0s 1 normal;
}
@keyframes taUser_run {0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);}}
@-webkit-keyframes taUser_run {0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);}}

.registerBasic .banner .info{
    text-align: center;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    size: 12px;
    width: 100px;
    margin: 0 auto;
}

/* 选项卡 */
.registerBasic .tab_1{
    width: 840px;
    margin: 0 auto;
    border-bottom: #EEEEEE solid 1px;
}
.registerBasic .tab_1>div{
    margin: 0 6px 0 0;
}
.registerBasic .tab_1>div>a{
    display: block;
    width: 150px;
    height: 46px;
    position: relative;
    border-top: #EEEEEE solid 1px;
    border-right: #EEEEEE solid 1px;
    border-left: #EEEEEE solid 1px;
    color: #999;
    text-decoration: none;
}
.registerBasic .tab_1>div>a.active,.registerBasic .tab_1>div>a:hover{
    color: #333;
}

.registerBasic .tab_1>div>a.active:before{
    content: '';
    display: block;
    height: 2px;
    background-color: #ffa001;
    width: 100%;
    left: 0;
    top: -1px;
    position: absolute;
}
.registerBasic .tab_1>div>a.active:after{
    content: '';
    display: block;
    height: 3px;
    background-color: #fff;
    width: 100%;
    left: 0;
    bottom: -1px;
    position: absolute;
}
.registerBasic .tab_1>div>a>div{
    height: 24px;
    line-height: 24px;
    margin: 11px 32px 0 32px;
    padding-left: 28px;
    background-image: url("../img/register_tab_icon_1.png");
    background-repeat: no-repeat;
}



.registerBasic .basic_list{
    width: 840px;
    margin: 20px auto 80px auto;
    position: relative;
    min-height: 600px;
}
.registerBasic .basic_list>li{
    margin-bottom: 10px;
}
.registerBasic .basic_list .input_t{
    line-height: 38px;
    font-weight: bold;
    text-align: right;
    width: 190px;
    padding-right: 10px;
    position: relative;
}
.registerBasic .basic_list .input_i{
    width: 280px;
    position: relative;
}
.registerBasic .basic_list .input_m{
    width: 340px;
    position: relative;
    margin-left: 20px;
    line-height: 38px;
}
.registerBasic .basic_list .input_i_box{
    padding: 0 10px;
    border: #e5e5e5 solid 1px;
}
.registerBasic .basic_list .input_i_box>input{
    width: 258px;
    height: 36px;
    line-height: 36px;
    border: none;
    padding: 0;
    margin: 0;
    color: #666666;
}

.registerBasic .basic_list .input_i .verify_y:after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/register_img_icons.png") no-repeat 1px -47px;
    position: absolute;
    top: 7px;
    right: 5px;
}

.registerBasic .basic_list .ico_down:after{
    content: '';
    display: block;
    background: url('../img/register_img_icons.png') no-repeat 1px -97px;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 14px;
    right: 10px;
}

.registerBasic .basic_list .sex_box{
    overflow: hidden;
    height: 68px;
    line-height: 68px;
}
/*性别*/
.registerBasic .basic_list .sex_box>label{
    display: block;
    float: left;
    position: relative;
    width: 100px;
    height: 68px;
    cursor: pointer;
}
.registerBasic .basic_list .sex_box>label>input{
    position: absolute;
    top: 32px;
    left: 32px;
}
.registerBasic .basic_list .sex_box>label>div{
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 68px;
    background-image: url("../img/register_form_sex.png");
    background-repeat: no-repeat;
    background-position-y: -99px;
    cursor: pointer;
}
.registerBasic .basic_list .sex_box .sex_man>div{
    background-position-x: 1px;
}
.registerBasic .basic_list .sex_box .sex_lady>div{
    background-position-x: -62px;
}
.registerBasic .basic_list .sex_box>label>span{
    padding-left: 60px;
}
.registerBasic .basic_list .sex_box .active{
    background-position-y: 0px;
}
.registerBasic .basic_list .sex_box .active:after{
    content: '';
    display: block;
    position: absolute;
    top: 45px;
    left: 35px;
    width: 20px;
    height: 20px;
    background-image: url(../img/register_form_sex.png);
    background-repeat: no-repeat;
    background-position: -130px -40px;
}
.registerBasic .basic_list .sex_msg{
    line-height: 68px;
    padding-left: 24px;
    background: url("../img/register_img_icons.png") no-repeat 0 25px;
}

.registerBasic .basic_list .pull_down{
    display: none;
    min-height: 128px;
}

/*日期*/
.registerBasic .basic_list .down_date{
    border: #e5e5e5 solid 1px;
    background-color: #ffffff;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 2;
    padding: 10px;
    width: 500px;
}
.registerBasic .basic_list .down_date>ul{
    float: left;
}
.registerBasic .basic_list .down_date>ul>li{
    line-height: 32px;
    overflow: hidden;
}
.registerBasic .basic_list .down_date .list_1{
    width: 50px;
}
.registerBasic .basic_list .down_date .list_2>li>div{
    float: left;
    width: 45px;
    cursor: pointer;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.registerBasic .basic_list .down_date .list_2>li>div:hover{
    background-color: #FC271F;
    color: #ffffff;
}
/*地区*/
.registerBasic .basic_list .down_area{
    border: #e5e5e5 solid 1px;
    background-color: #ffffff;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 2;
    padding: 10px;
    width: 500px;
}
.registerBasic .basic_list .down_area>ul>li{
    line-height: 32px;
    float: left;
    min-width: 40px;
    padding: 0 5px;
    cursor: pointer;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
}
.registerBasic .basic_list .down_area>ul>li:hover{
    background-color: #FC271F;
    color: #ffffff;
}

/*我想找*/
.registerBasic .basic_list .sexFriend{
    height: 38px;
    overflow: hidden;
}
.registerBasic .basic_list .sexFriend>label{
    display: block;
    float: left;
    position: relative;
    width: 102px;
    height: 38px;
    cursor: pointer;
    margin-right: 10px;
}
.registerBasic .basic_list .sexFriend>label>div{
    border: #e5e5e5 solid 1px;
    background-color: #ffffff;
    line-height: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    color: #666666;
    text-align: center;
}
.registerBasic .basic_list .sexFriend>label>div:hover{
    color: #d71619;
}
.registerBasic .basic_list .sexFriend .active{
    background-color: #fff9f8;
    border: #d71619 solid 1px;
    color: #d71619;
}
.registerBasic .basic_list .sexFriend .active:after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
    background: url(../img/register_img_icons.png) no-repeat 0px -150px;
    z-index: 1;
}

/*验证码*/
.registerBasic .basic_list .captcha{
    width: 119px;
    text-align: center;
    border: #e5e5e5 solid 1px;
    border-left: none;
    float: left;
    height: 36px;
    overflow: hidden;
}
.registerBasic .basic_list .captcha>img{
    width: 119px;
    height: auto;
    vertical-align: middle;
}
.registerBasic .basic_list .btn{
    height: 36px;
    width: 160px;
    background-color: #fd463e;
    border: #fd463e solid 1px;
    color: #FFFFFF;
    line-height: 36px;
    cursor: pointer;
    letter-spacing: 1px;
}
.registerBasic .basic_list .btn:hover{
    background-color: #EA0D04;
    border: #EA0D04 solid 1px;
}
/*小提醒*/
.registerBasic .basic_list .msg_qq{
    padding-left: 24px;
    background: url(../img/register_img_icons.png) no-repeat 0 -190px;
}
.registerBasic .basic_list .msg_email{
    padding-left: 24px;
    background: url(../img/register_img_icons.png) no-repeat 0 -237px;
}
.registerBasic .basic_list .msg_name{
    padding-left: 24px;
    background: url(../img/register_img_icons.png) no-repeat 0 -291px;
}
.registerBasic .basic_list .msg_pwd{
    padding-left: 24px;
    background: url(../img/register_img_icons.png) no-repeat 0 -342px;
}
.registerBasic .basic_list .msg_PwdTo{
    padding-left: 24px;
    background: url(../img/register_img_icons.png) no-repeat 0 -390px;
}
.registerBasic .basic_list .msg_code{
    padding-left: 24px;
    background: url(../img/register_img_icons.png) no-repeat 0 -441px;
    width: 35px;
    cursor: pointer;
}
.registerBasic .basic_list .msg_code:hover{
    color: #0099ff;
}

/*验证提示*/
.registerBasic .basic_list .verify_n{
    line-height: 5px;
}

/*复选框*/
.registerBasic .basic_list .checkbox{
    display: inline-block;
    width: 16px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    line-height: 20px;
}
.registerBasic .basic_list .checkbox>i{
    display: inline-block;
    width: 16px;
    height: 20px;
    background-image: url(../img/register_img_icons.png);
    background-repeat: no-repeat;
    background-position: 0 -499px;
    position: absolute;
    top: 0;
    left: 0;
}
.registerBasic .basic_list .checkbox .active{
    background-position: 0 -549px;
}

/* 选择联系方式 */
.registerBasic .basic_list .pickerContact_box{
    position: absolute;
    padding: 10px 0;
    border: #e5e5e5 solid 1px;
    top: 37px;
    left: 0;
    width: 520px;
    z-index: 2;
    background-color: #fff;
}
.registerBasic .basic_list .pickerContact_box .t1{
    padding: 0 10px;
}
.registerBasic .basic_list .pickerContact_box .b1{
    padding: 10px 0;
}
.registerBasic .basic_list .pickerContact_box .b1 .item{
    height: 32px;
    line-height: 32px;
    width: 34px;
    padding-left: 30px;
    background-image: url(../img/register_tab_icon_1.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    color: #999;
    cursor: pointer;
}
.registerBasic .basic_list .pickerContact_box .b1 .item.active,.registerBasic .basic_list .pickerContact_box .b1 .item:hover{
    color: #d51917;
}
.registerBasic .basic_list .pickerContact_box .b1 .link{
    position: relative;
}
.registerBasic .basic_list .pickerContact_box .b1 .link:after{
    content: '';
    display: block;
    width: 0;
    height: 18px;
    right: 0;
    top: 7px;
    border-right: #e5e5e5 solid 1px;
    position: absolute;
}




/*注册交友信息*/
.registerFriend{
    margin: 10px auto 10px auto;
    width: 900px;
}
.registerFriend>div{
    float: left;
    margin-bottom: 30px;
}
.registerFriend .label_t{
    line-height: 36px;
    font-weight: bold;
    text-align: right;
    position: relative;
}
.registerFriend .multiple:after{
    content: '(多选)';
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fd463e;
}
.registerFriend .label_t>span{
    padding-right: 5px;
}
.registerFriend .select_1{
    border: #d71619 solid 1px;
    padding: 0 0 0 4px;
    height: 34px;
    line-height: 34px;
    color: #666666;
}
.registerFriend .select_2{
    overflow: hidden;
    margin-bottom: 20px;
}
.registerFriend .select_2>label{
    display: block;
    margin: 0 10px 10px 0;
    float: left;
    position: relative;
    overflow: hidden;
    height: 36px;
}
.registerFriend .select_2>label>input{
    position: absolute;
    top: 0;
    left: -30px;
}
.registerFriend .select_2>label>div{
    padding: 0 15px;
    border: #e5e5e5 solid 1px;
    background-color: #ffffff;
    line-height: 34px;
    height: 34px;
    color: #999999;
    text-align: center;
    cursor: pointer;
    min-width: 40px;
}
.registerFriend .select_2>label>div:hover{
    color: #d71619;
}
.registerFriend .select_2 .active{
    background-color: #fff9f8;
    border: #d71619 solid 1px;
    color: #d71619;
}
.registerFriend .select_2 .active:after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
    background: url(../img/register_img_icons.png) no-repeat 0px -150px;
    z-index: 1;
}
.registerFriend .txtBox{
    width: 728px;
    padding: 10px;
    border: #e5e5e5 solid 1px;
    margin-bottom: 20px;
}
.registerFriend .txtBox>textarea {
    border: none;
    width: 100%;
    line-height: 22px;
    color: #666666;
    height: 132px;
    padding: 0;
    margin: 0;
}


/*展开更多*/
.more_btn{
    position: relative;
    width: 120px;
    line-height: 34px;
    height: 34px;
    border: #e5e5e5 solid 1px;
    background-color: #ffffff;
    text-align: center;
    margin: 0 auto 40px auto;
    color: #0099FF;
    cursor: pointer;
}
.more_btn>i{
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -2px 0 0 5px;
    background: url("../img/register_img_icons.png") no-repeat 0px -648px;
}
.more_btn:before{
    content: '';
    display: block;
    height: 0;
    width: 390px;
    position: absolute;
    right: 122px;
    top: 18px;
    border-top: #e5e5e5 dashed 1px;
}
.more_btn:after{
    content: '';
    display: block;
    height: 0;
    width: 390px;
    position: absolute;
    left: 122px;
    top: 18px;
    border-top: #e5e5e5 dashed 1px;
}
.more_btn_open{
    color: #999999;
}
.more_btn_open>i{
    background: url("../img/register_img_icons.png") no-repeat 0px -598px;
}

.registerFriend_btn{
    height: 36px;
    width: 160px;
    background-color: #fd463e;
    border: #fd463e solid 1px;
    color: #FFFFFF;
    line-height: 36px;
    cursor: pointer;
    letter-spacing: 1px;
}
.registerFriend_btn:hover{
    background-color: #EA0D04;
    border: #EA0D04 solid 1px;
}




/*绑定帐号*/
.bindForm .ico_1{
    width: 30px;
    height: 30px;
    background-position: -450px -448px;
    margin-top: -8px;
}
.bindForm .ico_2{
    width: 30px;
    height: 30px;
    background-position: -496px -448px;
    margin-top: -8px;
}
.bindForm .btn{
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: #ea0d04;
    text-decoration: none;
    text-align: center;
    border: none;
}
.bindForm .btn:hover{
    background-color: #FD463E;
    cursor: pointer;
}
.bindForm .label{
    line-height: 38px;
    width: 100px;
    color: #666666;
    height: 38px;
    margin-bottom: 10px;
}
.bindForm .text{
    line-height: 38px;
    width: 270px;
    color: #666666;
    height: 38px;
    margin-bottom: 10px;
}
.bindForm .text>input{
    margin: 0;
    padding: 0 9px;
    border: #e5e5e5 solid 1px;
    height: 32px;
    line-height: 32px;
    width: 258px;
}


/* 新表单 */
.form1 .basic_list .input_i{
    width: 320px;
}
.form1 .basic_list .input_i_box>input{
    width: 298px
}
.form1 .basic_list .code1{
    width: 98px;
    margin-left: 10px;
    color: #999;
    background-color: #e5e5e5;
    border: #e5e5e5 solid 1px;
    height: 36px;
    line-height: 36px;
}
.form1 .basic_list .code1.active{
    cursor: pointer;
    background-color: #EA0D04;
    border: #EA0D04 solid 1px;
    color: #ffffff;
}

.form1 .basic_list .msg_mobile{
    padding-left: 24px;
    background-image: url(../img/register_tab_icon_1.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
}



.form1 .basic_list .input_i_box .email_list{
    position: absolute;
    border: #e5e5e5 solid 1px;
    z-index: 2;
    top: 36px;
    left: -1px;
    width: 318px;
    background-color: #fff;
    line-height: 36px;
}
.form1 .basic_list .input_i_box .email_list>li{
    position: relative;
    padding: 0 10px;
}
.form1 .basic_list .input_i_box .email_list>li:hover{
    background-color: #f9f9f9;
    cursor: pointer;
}
.form1 .basic_list .input_i_box .email_list>li.active:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 298px;
    border-top: #f3f3f3 solid 1px;
}


.yuehuiSignForm .photo{
    width: 160px;
    padding: 0 4px;
    border: #CCCCCC solid 1px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #999999;
}
.yuehuiSignForm .phone{
    width: 160px;
    padding: 0 4px;
    border: #CCCCCC solid 1px;
    height: 28px;
    line-height: 28px;
    color: #999999;
}
.yuehuiSignForm .getCode{
    width: 85px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    color: #999;
    background-color: #e5e5e5;
}
.yuehuiSignForm .getCode.active{
    cursor: pointer;
    background-color: #EA0D04;
    color: #ffffff;
}

.yuehuiSignForm .btn{
    background-color: #EA0D04;
    color: #ffffff;
    height: 32px;
    border: none;
    width: 160px;
    cursor: pointer;
}
.yuehuiSignForm .btn.unusable{
    background-color: #EEEEEE;
    color: #999;
}

/* 邮箱成功遮罩 */
#registerMobile-form .shade1{
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 600px;
    background-color: #fff;
}
#registerMobile-form .shade1 .reBtn{
    background-color: #fff;
    border: #e5e5e5 solid 1px;
    padding: 6px 15px;
    cursor: pointer;
}
#registerMobile-form .shade1 .reBtn:hover{
    background-color: #fd463e;
    border: #fd463e solid 1px;
    color: #FFFFFF;
}

#registerMobile-form .shade1 .offBtn{
    display: block;
    background-color: #fd463e;
    border: #fd463e solid 1px;
    color: #FFFFFF;
    width: 140px;
    cursor: pointer;
    line-height: 36px;
    letter-spacing: 2px;
    margin-top: 50px;
    text-decoration: none;
}
#registerMobile-form .shade1 .offBtn:hover{
    background-color: #EA0D04;
    border: #EA0D04 solid 1px;
}