@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
ul li,ol li{ list-style: none;}
		.fl{ float:left;}
		.fr{ float:right;}
		.tong{ width:100%;}
		.zhong{ margin:0 auto;}
		.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
         }
a{ text-decoration:none;}
.content_loginzhuce_in{ width:1000px;  padding:40px 0;}

/*推广图*/
.fuli_login_box { width: 560px; height:550px;  position:relative;padding:10px 0px; }
.fuli_login_box ul li { position:absolute; width: 434px; height: 335px; display: none; left:100px; top:30px;  }
.fuli_login_box ul { position:absolute; z-index: 1; }
.fuli_login_box ul li h3{ height:75px; font-size:20px; width:100%; text-align: center;  }
.fuli_login_box ul li h3 strong{ font-size:20px; color:#347fd6; }
.fuli_login_box ol { position:absolute; right: 180px; bottom: 30px; z-index: 2; }
.fuli_login_box ol li { width: 30px; height: 7px; border-radius:4px; text-align:center; margin: 0 0 0 10px; float:left; cursor:pointer; background: #e9e9e9; color: #fff; }
.fuli_login_box ol li:hover,.fuli_login_box ol .current { background: #347fd6; } 

.left,.right { width: 41px; height: 69px; position:absolute; top: 50%; margin: -35px 0 0 0; background: url(../images/arr.png) no-repeat -83px 0; display: none; z-index: 2; }
.left { left: 0; }
.right { right: -40px; background-position: -125px 0; }
.left:hover { background-position: 0 0; }
.right:hover { background-position: -42px 0; }




/*右侧*/
.login{width:380px;}
.out-box.fr{box-shadow: 0px 0px 30px register_big_box;min-height: 450px;background: #fff;border-radius: 8px;overflow: hidden;width:380px;}
.content-big-bg .nav { display:block;height:70px;}
.nav_big_title { font-size: 20px;text-align: center;color: #347fd6;line-height: 70px;}
.nav_login { width:280px; padding: 0px 50px 0;  }
.nav_login div { width:50%; float:left; height:50px; text-align: center;}
.login_choice{ color: #333; font-size:14px; display: inline-block; zoom: 1; padding: 0px 10px 8px; text-align: center;}
.nav_login div .login_choice.current{ border-bottom: 2px solid #347fd6; }

/* 输入信息 */
.content_box{padding:0 30px 30px;display:block;}
.input_box{ height: 40px;border-radius: 5px;border:1px solid #dcdcdc; position: relative; margin-bottom:25px; position:relative;}
.error_box{ display:block;  width: 100%; height:20px; line-height: 20px; position:absolute; top:40px; left:0;}
.error_box .error_prompt{ display:block; font-size:12px; color:#d81e06;  width: 100%; height:20px; line-height: 20px;}
.input_box.error{ border:1px solid #347fd6;}
.input_box.input_code{ width:206px; float:left; margin-right:12px;}
.input_box input{ width:78%; line-height: 40px; border:none; outline: none;padding-left:36px;height: 40px;position:absolute; width:110%\0;width:110%\9;}
.input_box.error input{ background: #ffeef0;}
.input_box .input_icon{ position: absolute; width: 20px;  height: 20px;  left: 9px; top: 50%;z-index: 1;
    margin-top: -7px; background: url("../images/icon_nav_bg.png") no-repeat -343px 0px;}
.input_box .mima_icon01{ background-position:-374px 0; }
.input_box .yanzhengma_icon01{ background-position:-407px 0;}
.input_box .dongtaigma_icon01{ background-position:-440px 0;}


/* 图形码 */
.change_code{ width: 98px; height:38px; overflow: hidden; float:right; border:1px solid #dcdcdc; }
.change_code img{ width:98px; height:40px; display:block; }

/* 公用确认按钮 */
.certain_submit{display: block;width:100%;height: 40px;background:#347fd6;margin-top: 35px;position: relative; text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;color:#fff !important;border-radius: 20px;border:none;cursor: pointer;transition: .1s;}
.certain_submit:hover{ animation: push 0.1s linear forwards;}
@keyframes push{
	0%{transform: scale(1);}
	100%{transform: scale(0.96);}
}
.certain_submit{ /*margin-top:100px;*/ }
/*.certain_submit_zc{ margin-top:5px;  }*/
/*验证手机*/

/* 登录注册切换 */
.go_login{height: 60px;background: #f7f7f7;background: linear-gradient(#f1f1f1,#fafafa,#fafafa);border-radius: 0 0 8px 8px;font-size:15px;display:block;}
.go_login:hover{background:#f7f7f7;}
.go_login p{text-align: center;line-height: 60px;color: #333;}
.go_login p a{color: #347fd6;}


/* 验证手机 */
.verification_nav{display:block;height:60px;text-align: center;line-height: 60px;color:#333;font-size: 20px;border-top-right-radius: 8px;position: relative;}
.back{position: absolute;width: 12px;height: 22px;background: url(little_picture.png) no-repeat -418px -99px;top: 50%;left: 30px;margin-top:-11px;}
.verification_picture{width: 131px;height: 100px;margin:20px auto;}
.verification_picture img{width:100%;}
.verification_detail{display: block; font-size: 18px;color:#999;margin-bottom: 26px;text-align: center;}
.verification_detail em{color:#333;}
.get_code{width: 96px;height: 38px;border-radius: 5px;background: none;color:#347fd6;text-align: center;line-height: 40px;font-size: 12px;border:1px solid #347fd6;float:right;}
.get_code.click{background: #eee;color:#c4c4c4;border:1px solid #eee;}
a.wait_code{ border: 1px solid #e0e0e0;color: #aaa;background: #f5f5f5;}
a.wait_code:hover{background:#eee;}

		

/*下载APP*/
.down-app {display: block; width:100%;float:right; }
.down-app a {color: #347fd6;line-height: 40px;font-size: 16px;font-weight: bold;background: #fff;height: 40px;border-radius: 8px;text-align: center;cursor: pointer;display:block; box-shadow: 0px 0px 30px #dbdbdb;}
.down-app a:hover {background: #9db4cf; color:#fff;}


/*第三方登录手机绑定 */
.login{min-height: 531px;}
.binding_nav{width: 100%;height:67px;text-align: center;line-height: 67px;color:#333;font-size: 20px;border-top-right-radius: 8px;}
.binding_picture{width: 131px;height: 86px;text-align: center;margin:0px auto;padding:20px 0px 20px;}
.binding_detail{display: block; font-size: 14px;color:#999;line-height: 22px;padding:10px 30px;}
.binding_detail.black{color:#666;text-align:center;}
.binding_big_box.olduesr .certain_submit{margin-top:30px;}


/*手机快捷登录注册*/
.register_set_nav{}
.register_set_nav .nav_big_title{font-size: 20px;color:#333;line-height: 30px;padding-top:20px;}
.nav_little_title{text-align: center;font-size: 16px;color:#999;}
.remind{font-size: 12px;color:#999;text-align: center;line-height: 20px;padding:16px 0px 0px;}
.register_success_box .verification_picture{padding-top:20px;}
.user_protocol {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding-top: 16px;
}
.user_Check{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #e1e2e8;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
    position: relative;
    cursor: pointer;
}
.user_Check.on {
    border-color: #409eff !important;
    background-color: #409eff !important;
}
.user_Check.on:before {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(
45deg
) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
    transform: rotate(
45deg
) scaleY(1);
}
/*注册*/
.phonenumber_icon02{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px;
    background: url("../images/icon_nav_bg.png") no-repeat -195px -38px;
    z-index: 1;
	display:block;
}
.phonenumber_icon03 {
    position: absolute;
    width: 21px;
    height: 20px;
    background: url("../images/icon_nav_bg.png") no-repeat -160px -38px;
    right: 10px;
    top: 9px;
    z-index: 1;
	display:none;
}
.hidepwd_icon01{
	width: 22px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    background: url("../images/icon_nav_bg.png") no-repeat -270px -44px;
    z-index: 1;
	display:block;
}
.showpwd_icon01{
	width: 22px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    background: url("../images/icon_nav_bg.png") no-repeat -234px -44px;
    z-index: 1;
	display:block;
}
s
/*修改密码*/
.getpwd{ padding:0 30px 30px;}

.getpwd .skeep {
    width: 270px;
    margin: 15px auto;
}

.getpwd .skeep li {
    float: left;
    width: 106px;
    background:url("../images/cheng_libg.png") no-repeat right center;
    height: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    position: relative
}
.getpwd .skeep li:nth-child(3){ width:30px;}

.getpwd .skeep li .skeep--number {
    width: 30px;
    font-size: 20px;
    font-weight: 400;
    height: 30px;
    background: #dddfe8;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 30px;
    margin-top: -11px;
    color: #fff;
	float:left;
	margin-left:5px;
}

.getpwd .skeep .active {
    background:url("../images/cheng_libg_hover.png") no-repeat right center;
}
.getpwd .skeep .active .skeep--number {
    background: #649cf0;
    color: #fff
}
.getpwd #skeep_2,.getpwd #skeep_3{
    display: none;
}
.getpwd .form {
    font-size: 0;
    width: 320px;
    margin: 110px auto 0
}
.getpwd .form .form-group img {
    width: 123px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    margin-left: 7px;
    cursor: pointer;
    display: inline-block;
*display:inline;
    display: inline\9
}
.getpwd .form-group {
    width: 320px;
    margin-top: 35px;
    line-height: 35px;
    position: relative
}

.getpwd #skeep_3 .form-group img {
    width: 148px;
    height: 127px;
	margin:-27px auto ;

}
.getpwd #skeep_3 .form-group div {
    float: right;
    margin-right: 215px
}
.getpwd #skeep_3 img {
    width: 40px;
    height: 40px;
  
}
.getpwd #skeep_3 .form-group .btn_blue {
    margin-top: 50px;	
}
.form .btn_blue{ 
	border-radius:20px;
	background:#347fd6;
	font-size:14px; 
	color:#fff;
	font-weight:bold;
	text-align: center;
	line-height: 40px;
}

.getpwd .form-group .linka, .getpwd .form-group a {
    line-height: 41px;
    font-size: 12px;
    display: block
}
.getpwd .form-group .linka{ font-size:16px;}


.form .form-group .btn_blue{ height:40px; font-size:16px;display: block; width: 100%; text-align: center; height: 40px; color:#fff
}
.form .xiu_mima{ margin-bottom:50px;}

.form .form-group .mi_xiu{ margin-bottom:80px;}
.form .form-group .mi_xiu p{ text-align: center;}
.formimg{ width:148px; margin:-30px auto 0; }
.getpwd #skeep_3 .formimg img{ width:148px; height:auto; }

/*提示弹窗*/
.tip-popupMask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;filter: alpha(opacity = 70);z-index: 200;}
.tip-popupCont{position: fixed;top: 50%;left: 50%;width: 500px;margin-left: -250px;margin-top: -100px; background-color: #fff;border-radius: 10px;overflow: hidden;z-index: 300;}
.tip-popupH4{height: 46px;line-height: 46px;padding:0 30px;font-size: 18px;color:#666;font-weight: 900;background-color: #f5f5f5;}
.tip-popupWz{ min-height: 30px;line-height: 24px; padding:30px 30px;font-size: 18px;text-align: center;}
.tip-popupWz .gth-ico{display: inline-block;*display: inline;zoom:1;width: 30px;height: 30px;background: url(https://img2.233.com/passport/v1.2.2/pcimg/ico-tipbg.png) no-repeat -50px 0;vertical-align: middle;margin-top: -3px;margin-right: 10px;}
.tip-popupClose{position: absolute;top: 0;right:0;width: 46px;height: 46px;background: url(https://img2.233.com/passport/v1.2.2/pcimg/ico-tipbg.png) no-repeat 0 0;transition: .4s;}
.tip-popupClose:hover{transform: rotate(180deg);}


.formbox .deng{ display:none; }
.formbox .deng.current{ display:block; }

.footer_loginIn{ width:1000px; margin:0 auto; text-align: center; padding:0 0 50px 0; font-size:12px; color:#666; }
.footer_loginIn a{ height:36px; line-height:36px; font-size:14px; display:inline-block; color:#666; padding:0 15px; }
.footer_loginIn span{ font-size:12px; color:#666; display:inline-block; line-height:36px; }