@charset "utf-8";
/* CSS 注册 登录  忘记密码 */
/*登录*/
.tit_login{ position:relative; display:inline-block; padding-left:55px; margin-left:20px;  margin-top:46px;height:30px; font-size:25px; color:#828282;}
.login_p{ float:right; margin-right:6%; padding-top:4.5%;}
.header.hei_132{ height:auto;}
.circle_arr{ position:absolute; top:17px; left:26px; width:6px; height:6px; border-radius:8px; background:#c9c7c7;}
.login_form{ float:right; display:inline;}
.form_line .mar_up1{ margin-top:-1px;}
.form_line .txt_pd84{ padding-left:84px;}
.form_line .code_txt{ width:293px;}
.form_line .login_ico{ position:absolute; top:21px; left:20px; width:47px; height:25px; line-height:110%; font-size:20px; color:#ededed;z-index:6; text-align:right; background:url(../../img/common/bg/df_ico_bg.png) -38px -112px no-repeat; }
.form_line .login_ico.name_s{background-position:-38px -112px;}
.form_line .login_ico.password_s{ height:27px; background-position:-38px -72px;}
.form_line .login_ico.code_img{ background-position:-38px -37px;}
.login_form{ margin:0 0 85px 0; width:650px;}
.login_form .form_line .line{ margin:-1px 0 0 0;}
.login_form .login_tit{position:relative; margin:30px auto 0 auto; height:57px; text-align:center;}
.login_form .ico_bg{ display:inline-block; margin-right:10px; width:23px; height:23px; background:url(../../img/common/bg/df_ico_bg.png) -38px -147px no-repeat; vertical-align:middle;}
.login_form .txt_em{ font-size:20px; color:#828282; font-style:normal; font-weight:bold;}
.login_form .login_bd{ position:relative; margin:0 auto; padding:75px 0 50px 0; width:650px; height:500px; border:1px solid #ededed; background:#fff;}
.login_form .up_arr{ position:absolute; top:-13px; left:316px; width:22px; height:14px;background:url(../../img/common/bg/df_ico_bg.png) -86px 0px no-repeat;}
.login_form .form_line{  width:452px;}
.login_form .check_box{ float:left; margin-top:5px; margin-right:10px;}
.login_form .check_line{ padding:30px 0; font-size:16px; color:#bfbfbf;}

.login_form .forget_link{color:#bfbfbf;}
.login_form .forget_link:hover{color:#619ee0;}
.login_form .code_pic{ position:absolute; top:0; right:0;  height:42px; border:1px solid #ddd; }
.register_bd .code_pic{ position:absolute; top:0; right:58px; width:110px; height:42px; border:1px solid #ddd; }
.register_bd .change_code_pic{ position:absolute; top:0; right:0; width:60px;  line-height:42px; text-align:center; color:#1a4a9e; cursor:pointer;}
.register_bd .change_code_pic:hover{ text-decoration:underline;}

.register_bd .code_pic .change_txt{ display: none;}
.register_bd .code_pic:hover .change_txt{ display: block; position: absolute; width: 100%; height: 66px; line-height: 66px; text-align: center; font-size: 26px; color: #fff; background: #000000; opacity: .6;filter:alpha(opacity=60);}



.reg_link{ position:absolute; top:10px;right:40px;}
.login_ad{ padding-top:88px; width:514px; height:388px;}
.login_form .reg_rtit{ margin-bottom:25px; margin-top:30px; font-size:20px; color:#828282;}

.form_line .line.mar_b0{  margin-bottom:0; }
.form_line .bind_p{height:66px; font-size:20px; color:#828282;}
.check_line a{ color:#1a4a9e;}



/*登录页面新版*/
.login_wrap{ background:#b5e1fe; }
.login_page{ position:relative; padding-top:38px;height:565px; background:url(../../img/www/temp/login02_06.jpg) 0 0 no-repeat;}
.login_right{ float:right; padding:40px 0 25px 0; width:450px; background:#fff; box-shadow:0 0 8px 1px rgba(0,0,0,.3);}
.login_page .reg_point{margin-top: 5px;}
.login_page .reg_point strong{font-weight: normal;color:#124a9d;}
.login_page .reg_point p{line-height: 20px;color:#999;}


/*注册*/
.wid_1200.reg_pad{padding:30px 0; }
.register_bd{ position:relative; border:1px solid #ededed; background-color:#fff; }
.register_bd .form_line .line{margin-bottom:30px;}
.register_bd .reg_left{ margin:0 auto; padding:50px 0; width:500px;  }

.register_bd .reg_tit{ position:absolute; top:19px; left:26px; width:130px; height:25px; font-size:20px; color:#828282;z-index:6; }
.register_bd .placeholder{ left:145px; }
.register_bd .input{ padding-left:145px; *width:515px;}
.register_bd .check_line{ padding:0 0 30px 0; font-size:16px; color:#bfbfbf;}
.register_bd .check_line .err_txt{ display:block; margin-top:2px; line-height:24px; color:#f00; font-size:14px;}	

.register_bd .form_line .code_txt2{ width:500px;}
.register_bd .btn_com{ width:100%; margin:0 auto; }
.register_bd .btn_gray{position:absolute; top:0; right:0; width:168px; font-size:14px;}	
.register_bd .btn_gray.wait{ background:#fff; border:1px solid #eee; color:#eee; cursor:text;}
.register_bd .btn_com.read_only{ background:#999999; cursor:text;}
.register_bd .form_line .code_txt{ width:435px;*width:300px;}
.register_bd .form_line .code_txt.img_captcha{position:absolute;padding-left:30px;  width:150px; *width:300px;}
.register_bd .form_line .wid_350{ width:350px;}

.reg_pad .step_box{padding:15px 15px 25px;width:600px;margin:0 auto;}
.reg_pad .step_box .step_con{display:flex;}
.reg_pad .step_box .step_line{width: 100%;height: 2px;background: #dbdbdb;}
.reg_pad .step_box .step_item{width: 25%;text-align: center;display: inline-block;margin-top: -16px;}
.reg_pad .step_box .sp_circle{display: inline-block;width: 26px;height: 26px;background: #dbdbdb;color:#fff;line-height: 26px;text-align: center;border-radius: 100%;}
.reg_pad .step_box .step_item p{margin-top: 3px;color:#dbdbdb;}
.reg_pad .step_box .current .sp_circle{background: #124a9d;font-weight: bold;}
.reg_pad .step_box .current p{color:#124a9d;}
.reg_pad .reg_point{padding:5px 50px 15px;}
.reg_pad .reg_point strong{font-weight: normal;color:#888;}
.reg_pad .reg_point p{line-height: 20px;color:#999;font-size: 12px;}
.reg_pad .reg_point p span{color:#666;}
.reg_pad .p_errtxt{line-height:24px; color:#f00; font-size:14px;margin-bottom: 20px;}

.register_card{margin:0 auto;}
.register_card .cardInner{width: 434px;height: 272px;background: url(../../img/common/bg/registerCard.png) no-repeat;padding:40px 0 0 48px;color:#fff;text-shadow:0px 8px 16px rgba(0,72,160,0.3);margin:0 auto;}
.register_card .cardInner h3{font-size: 16px;font-weight: normal;line-height: 21px;color: rgba(255,255,255,0.8);}
.register_card .cardInner p{line-height: 18px;}
.register_card .cardInner .p1{margin:10px 0 22px 0;}
.register_card .cardInner p .sp1{font-size:12px;margin-right:4px;color: rgba(255,255,255,0.6);}
.register_card .cardInner p .sp2{font-size:16px;}
.register_card .cardInner .p2{line-height: 16px;}
.register_card .cardInner .p3{font-size:30px;font-weight: bold;line-height: 34px;margin:4px 0 20px 0;}
.register_card .cardInner .p4{margin-top:4px;}
.register_card  .btnBox{display:flex;justify-content: center;margin:14px 0 20px;}
.register_card  .btnBox a{width: 188px;height:48px;display: flex;justify-content: center;align-items: center;font-size:16px;font-weight: bold;border-radius: 4px;}
.register_card  .btnBox .prev{margin-right:26px;color:#1A4A9E;border:1px solid #1A4A9E;}
.register_card  .btnBox .next{color:#fff;background:#1A4A9E;}


.form_small .reg_tit{ position:absolute; top:12px; left:14px; width:95px; height:25px;color:#666;z-index:6;font-size:14px; }
.form_small .placeholder{ left:105px; }
.form_small .input{ padding-left:105px; line-height:44px;}
.form_small .input::-webkit-input-placeholder {color: #ccc;} /* WebKit browsers */ 
.form_small .input:-moz-placeholder {color: #ccc; } /* Mozilla Firefox 4 to 18 */
.form_small .input::-moz-placeholder { color: #ccc; } /* Mozilla Firefox 19+ */ 
.form_small .input:-ms-input-placeholder { color: #ccc; } /* Internet Explorer 10+ */ 
.form_small .check_line{ padding:12px 0 15px 0; font-size:16px; color:#bfbfbf;}
.form_small .check_line .err_txt{ display:block; margin-top:2px; line-height:24px; color:#f00; font-size:14px;}	
.form_small .w_320{ width:320px;}

.bind_phone{ width:350px; margin:0 auto;}
.bind_phone .h3{ margin-bottom:25px; font-size:18px; text-align:center;}
.bind_phone .input{ padding-left:15px;}
.register_bd .w_168{ width:168px;}
.bind_phone .user_icon{ display:inline-block; margin-right:10px; width:40px; height:40px; border-radius:100%; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999;}
.bind_phone .user_txt{ color:#999;}
.bind_phone .txt_center{ text-align:center;}
.reg_pad .step_box .th3{text-align:center; color:#124a9d; font-size:24px;}

/*
.register_bd .reg_right{ position:absolute; top:51px; right:0; width:400px; height:600px;}
.reg_right .reg_rtit{ margin-bottom:25px; font-size:20px; color:#828282;}
.reg_right .btn_red{ margin-bottom:70px;}
.reg_right .quick_weixin,
.reg_right .quick_alipay,
.reg_right .quick_weibo,
.login_form .quick_weixin,
.login_form .quick_alipay,
.login_form .quick_weibo{ margin-right:30px;}*/

/*忘记密码*/
.register_bd.forget{ margin:0 auto; background-color:transparent; width:450px; border:0;}
.forget .placeholder{ left:110px; }
.forget .input{ padding-left:110px;}
.forget .input.wid_292{ width: 292px;}
.forget.register_bd .code_pic{position:absolute;top:0;right:0;width: 120px;height: 62px;border:1px solid #ddd;background: #fff;}
.forget.register_bd .code_pic img{height:50px;width:106px;margin:6px;}


/*显示用户注册协议*/
.reg_mask{ display:none; position:fixed; *position:absolute; top:0; left:0; z-index:999; height:100%; width:100%; background-color:rgba(0,0,0,.6);}
.reg_protocol{display:none; position:fixed; *position:absolute; top:50%; left:50%; margin-left:-450px; margin-top:-210px; z-index:1000; width:900px; height:500px; border:10px solid rgba(0, 0, 0, 0.1); border-radius:5px; background-color:#fff;}
.reg_protocol .tit_h3{ padding:0 15px; height:40px;border-bottom:1px solid #C4C4C4;background:#F3F3F3;line-height:40px; font-weight:bold;color: #333;}
.reg_protocol .protocol_iframe{ padding:0 1px 0 15px; height:370px;}
.reg_protocol .reg_close{display:block; position:absolute; z-index:1000;top:12px; right:12px; overflow: hidden; width:15px;height:15px;background: url(../../img/common/bg/bg_thickbox.gif) no-repeat 0 -18px;font-size:0;line-height:100px; cursor:pointer;}
.reg_protocol .btn_box{ margin-top:15px; text-align:center;}
.reg_protocol .btn_box .btn01{ margin:0 auto;}


/* 绑卡确认弹框 */
.addCardConfirm .bgMask{position: fixed;width:100%;height: 100%;top:0;bottom:0;background:#000;opacity: 0.5;z-index:19892016;}
.addCardConfirm .confirmCon{position: fixed;width:482px;height:auto;padding:22px 24px 30px;background: url(../../img/common/bg/bgCard.png) left top no-repeat;background-size: 100% auto;top:50%;left:50%;transform: translate(-50%,-50%);z-index:19892017;border-radius: 6px;overflow: hidden;}
.addCardConfirm .confirmCard{width: 434px;height: 299px;background: url(../../img/common/bg/cardBg.png) no-repeat;position: relative;padding:38px 0 0 48px;color:#fff;text-shadow:0px 8px 16px rgba(0,72,160,0.3);}
.addCardConfirm .confirmCard::after{content:'';width:100%;height:0;border-top:1px dashed #F0F0F0;position:absolute;bottom:18px;left:0;}
.addCardConfirm .confirmCard h3{font-size: 16px;font-weight: normal;line-height: 21px;color: rgba(255,255,255,0.8);}
.addCardConfirm .confirmCard p{line-height: 18px;}
.addCardConfirm .confirmCard .p1{margin:10px 0 22px 0;}
.addCardConfirm .confirmCard p .sp1{font-size:12px;margin-right:4px;color: rgba(255,255,255,0.6);}
.addCardConfirm .confirmCard p .sp2{font-size:16px;}
.addCardConfirm .confirmCard .p2{line-height: 16px;}
.addCardConfirm .confirmCard .p3{font-size:30px;font-weight: bold;line-height: 34px;margin:4px 0 20px 0;}
.addCardConfirm .confirmCard .p4{margin-top:4px;}
.addCardConfirm  .confirmBot .p_tip{padding:3px 63px 0 46px;font-size:12px;color:#999;line-height: 22px;}
.addCardConfirm  .confirmBot .p_tip span{color: #666;}
.addCardConfirm .btnBox{display:flex;margin-top:20px;justify-content: center;}
.addCardConfirm .btnBox a{width:112px;height:40px;display:flex;align-items: center;justify-content: center;border-radius: 4px;}
.addCardConfirm .btnBox .addCardBtn{background:linear-gradient(315deg,rgba(92,180,236,1) 0%,rgba(61,150,226,1) 100%);color:#fff;font-weight: bold;}
.addCardConfirm .btnBox .cancel{border:1px solid #E5E5E5;margin-left:24px;color:#666;}




/***********
*宽1000px布局
************/
@media all and (max-width: 1366px) {
	/*注册登录 login.css */
	.login_p{ padding-top:4%;}
	.tit_login{ margin-top:26px;}
	.register_bd .reg_right{ width:210px !important;}
	.reg_right .btn_red{ width:150px; height:50px; line-height:50px;}
	.login_ad{ display:none;}
	.login_form{ width:100%;}
	.step.wid_411{ width:202px;}
}







