﻿

body { background-image: url(../image/pbg.jpg); background-repeat: repeat-x; }

.pbd { padding-top: 22px; position: relative; }
.m_leftNav { position: absolute; left: 0px; top: 22px; width: 110px; }
.m_leftNav a { display: inline-block; background-image: url(../image/clientRegNav2.gif); width: 92px; height: 37px; margin-bottom: 20px; color: #888888; font-size: 14px; padding-left: 18px; line-height: 37px; }
.m_leftNav a.cur { background-image: url(../image/clientRegNav1.gif); color: white; }

.m_head { padding: 0px 0px 12px 0px; border-bottom: solid 1px #dfdfdf; margin-left: 30px; }
.m_head h3 { font-size: 22px; color: #3e3e3e; font-family: "Microsoft Yahei"; line-height: 33px; }
.m_head h3 .goback { display: inline-block; width: 33px; height: 33px; background: url(../image/forceReg.gif) no-repeat scroll -21px top transparent; vertical-align: top; }

.notice em {display: none; color: red; padding-left: 28px; font-style: normal;}
.notice a {display: none; padding-left: 28px; text-decoration: underline;}

.m_form {  }
.m_form .form_item { padding: 13px 0px; }
/*.m_form .dragVerify_item { padding: 0px 0px; }*/
.m_form .field_title { display: inline-block; width: 85px; padding-right: 15px; text-align: right; vertical-align: middle; font-size: 12px; color: #3e3e3e; vertical-align: middle; height: 18px; }
.m_form .vcode_item { padding: 0px; }
.m_form .vcode_item .vcode { vertical-align: middle; display: inline-block; width: 117px; height: 43px; }
.m_form .vcode_item .vcode img { width: 117px; height: 43px; vertical-align: middle; }
.m_form .form_tip { line-height: 19px; display: inline-block; height: 19px; padding-left: 10px; color: red; vertical-align: middle; }
.m_form .form_tip .icon_suc { display: inline-block; width: 19px; height: 19px; background: url(../image/forceReg.gif) no-repeat scroll -62px top transparent; vertical-align: middle; }
.m_form .form_tip .icon_err { display: inline-block; width: 19px; height: 19px; background: url(../image/forceReg.gif) no-repeat scroll -121px top transparent; vertical-align: top; }
.m_form .form_err { color: red; padding-left: 101px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; }
.m_form .opra { padding: 10px 0px; }
.m_form .opra .btn_send span { padding: 0px 30px 0px 27px; }

.m_form .passport_item { position: relative; *z-index: 1000; }
.m_form .passport_item .m_focusTip { position: absolute; z-index: 1000; left: 300px; top: 1px; background-color: #f8fdff; font-size: 12px; color: #333333; padding: 10px; border: solid 1px #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.m_form .passport_item .m_focusTip .mbd { position: relative; }
.m_form .passport_item .m_focusTip .mbd .arrow_l { background: url(../image/forceReg.gif) no-repeat scroll -89px top transparent; display: inline-block; width: 6px; height: 11px; position: absolute; left: -16px; top: 10px; }
.m_form .passport_item .m_focusTip .mbd .line .icon { background: url(../image/forceReg.gif) no-repeat scroll -103px 2px transparent; width: 14px; height: 18px; vertical-align: middle; display: inline-block; }
.m_form .passport_item .m_focusTip .mbd .line_e { color: red; }
.m_form .passport_item .m_focusTip .mbd .line_e .icon { background-position: -168px 2px; }
.m_form .passport_item .m_focusTip .mbd .line_s .icon { background-position: -148px 2px; }
.m_form .passport_item .m_focusTip .mbd .line_d .icon { background-position: -148px 2px; }

.m_form .pwd_item { position: relative; }
.m_form .pwd_item .m_focusTip { position: absolute; z-index: 1; left: 300px; top: 1px; background-color: #f8fdff; font-size: 12px; color: #333333; padding: 10px; border: solid 1px #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.m_form .pwd_item .m_focusTip .mbd { position: relative; }
.m_form .pwd_item .m_focusTip .mbd .arrow_l { background: url(../image/forceReg.gif) no-repeat scroll -89px top transparent; display: inline-block; width: 6px; height: 11px; position: absolute; left: -16px; top: 10px; }
.m_form .pwd_item .m_focusTip .mbd .line .icon { background: url(../image/forceReg.gif) no-repeat scroll -103px 2px transparent; width: 14px; height: 18px; vertical-align: middle; display: inline-block; }
.m_form .pwd_item .m_focusTip .mbd .line_e { color: red; }
.m_form .pwd_item .m_focusTip .mbd .line_e .icon { background-position: -168px 2px; }
.m_form .pwd_item .m_focusTip .mbd .line_s .icon { background-position: -148px 2px; }
.m_forceRegStep1 .m_form .opra { padding-left: 103px; }

.m_forceReg { padding-left: 57px; color: #3e3e3e; }
.m_forceReg div { padding: 10px 0px; }
.m_forceReg .notice { color: #8d8d8d; }

.m_forceRegStep_needMbf .passport_item .text_input_v3 input{padding-left:65px; width:93px;}

.m_forceRegStep2 .step2_opra a { color: #8d8d8d; }
.m_forceRegStep2 .step2_opra { padding-left: 14px; }
.m_forceRegStep2 .step2_opra .btn_next { margin-left: 28px; }
.m_forceRegStep2 .step2_opra .btn_next span { padding: 0px 30px 0px 27px; }

.m_forceRegStep3 .step3_opra { padding-left: 88px; }
.m_forceRegStep3 .step3_opra .btn_next span { padding: 0px 30px 0px 27px; }
/*.m_forceRegStep3 .m_form{ margin:0; padding:0; height:19px;}*/

.m_forceRegStep4 .step4_yyno { font-size: 14px; color: black; font-weight: bold; font-family: "Microsoft Yahei"; }
.m_forceRegStep4 .step4_yyno span { font-size: 14px; color: red; }

.m_forceRegStep4 .step4_yyacct { font-size: 14px; color: black; font-weight: bold; font-family: "Microsoft Yahei"; }
.m_forceRegStep4 .step4_yyacct span { font-size: 14px; color: red; }

.m_forceRegStep4 .step4_opra .btn_down span { padding: 0px 20px 0px 17px; }
.m_forceRegStep4 .step4_opra .btn_login span { padding: 0px 20px 0px 17px; }

.m_forceRegStep5 .step5_opra em { color: #8d8d8d; }
.m_forceRegStep5 .step5_opra .btn_next { margin-left: 28px; }
.m_forceRegStep5 .step5_opra .btn_next span { padding: 0px 30px 0px 27px; }

.m_forceRegStep6 .step6_opra em { color: #8d8d8d; }
.m_forceRegStep6 .step6_opra .btn_next { margin-left: 28px; }
.m_forceRegStep6 .step6_opra .btn_next span { padding: 0px 30px 0px 27px; }
.m_forceRegStep6 .step6_text p { color: #3e3e3e; line-height: 2.2; }
.m_forceRegStep6 .step6_text p .text_title { display: inline-block; vertical-align: middle; width: 76px; text-align: right; }
.m_forceRegStep6 .step6_text p em { color: red; display: inline-block; vertical-align: middle; }
.m_forceRegStep6 .step6_error { color: red; padding: 0px; }

.m_forceRegStep7 .text_input_v3 input { width: 173px; }
.m_forceRegStep7 .vcode_item .text_input_v3 input { width: 75px; }
.m_forceRegStep7 .vcode_item .btn_blue_v3 span { width: 75px; text-align: center; }
.m_forceRegStep7 .step7_error { color: red; padding: 0px; }
.m_forceRegStep7 .step7_opra .btn_next { margin-left: 120px; }
.m_forceRegStep7 .step7_opra .btn_next span { padding: 0px 30px 0px 27px; }

.tipCon p{ line-height:22px;}
.tipCon p a{ text-decoration:underline;}
.m_forceReg .ewm{background: url(../image/m_yy_sec_download.png) no-repeat; width:115px; height:117px; padding:0;}
.m_forceReg .ewmCon{ overflow:hidden;zoom:1; padding-left:300px; text-align:left;}
.m_forceReg .ewmCon p{ color:#0099CB; margin-left:-79px;}

/*忘记密码，新增3个注册入口新增的css*/
body{background:none;}
.m_head h3{ padding-left:25px; font-size:16px; font-weight:blod; line-height:56px;}
.m_head h3 .goback{ display:none;}
.pbd{ padding-top:0px;}
.m_head{ margin-bottom:20px; padding-bottom:0px; margin-left:0;}

/*
.m_dragVerify { display: inline-block; vertical-align: middle; width: 260px; height: 28px; background: url(../image/dragverify.png) no-repeat scroll left -44px transparent; position: relative; _background: url(../image/dragverify_bg.png) no-repeat scroll left top transparent; }
.m_dragVerify .drag { display: inline-block; vertical-align: middle; width: 60px; height: 26px; background: url(../image/dragverify.png) no-repeat scroll left -99px transparent; position: absolute; left: 0px; top: 1px; cursor: pointer; _background: url(../image/dragverify_drag.png) no-repeat scroll left top transparent; }
.m_dragVerify .drag:hover { background-position: left -73px; _background: url(../image/dragverify_drag_focus.png) no-repeat scroll left top transparent; }
.m_dragVerify .layer { width: 290px; position: absolute; left: -13px; display: inline-block; display: none; }
.m_dragVerify .layer .layerH { display: block; height: 14px; background: url(../image/dragverify.png) no-repeat scroll left top transparent; _background: url(../image/dragverify_head.png) no-repeat scroll left top transparent; _font-size: 0px; }
.m_dragVerify .layer .layerB { display: block; background-color: #f2ece1; border-left: solid 1px #dcd4c7; border-right: solid 1px #dcd4c7; padding: 0px 14px; position: relative; width: 260px; height: 90px; }
.m_dragVerify .layer .layerF { display: block; height: 28px; background: url(../image/dragverify.png) no-repeat scroll left -15px transparent; _background: url(../image/dragverify_foot.png) no-repeat scroll left top transparent; }
.m_dragVerify .status { background: url(../image/dragverify.png) no-repeat scroll -77px -73px transparent; position: absolute; width: 26px; height: 26px; display: inline-block; right: -30px; top: 0px; _background: url(../image/dragverify_status_lock.png) no-repeat scroll left top transparent; }
.m_dragVerify .status_ok { background-position: -104px -73px; _background: url(../image/dragverify_status_suc.png) no-repeat scroll left top transparent; }
.m_dragVerify .status_err { background-position: -131px -73px; _background: url(../image/dragverify_status_err.png) no-repeat scroll left top transparent; }
.m_dragVerify .layerB .errTip { position: absolute; bottom: 0px; display: inline-block; font-size: 12px; height: 24px; line-height: 24px; border: solid 1px #dcd4c7; background-color: #f2ece1; color: #4b3f32; }
.m_dragVerify .layerB .errTip .icon { display: inline-block; height: 24px; line-height: 20px; background: url(../image/dragverify.png) no-repeat scroll 5px -125px transparent; color: #ff4a46; text-indent: 25px; _text-indent: 5px; _padding-left: 17px; vertical-align: middle; _background: url(../image/dragverify_err.png) no-repeat scroll left top transparent; _margin-top: 5px; *line-height: 25px; _line-height: 20px; }
*/

.m_dragVerify { display: inline-block; vertical-align: middle; width: 290px; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.m_dragVerify .layer { display: block; }
.m_dragVerify .layer .layerH { display: block; height: 14px; background: url(../image/dragverify.png) no-repeat scroll left top transparent; *display: inline-block; *width:290px; _background: url(../image/dragverify_head.png) no-repeat scroll left top transparent; _font-size: 0px; }
.m_dragVerify .layer .layerB { display: block; background-color: #f2ece1; border-left: solid 1px #dcd4c7; border-right: solid 1px #dcd4c7; padding: 0px 14px; position: relative; width: 260px; height: 90px; }
.m_dragVerify .layer .layerF { display: block; *display: inline-block; *width:290px; height: 28px; background: url(../image/dragverify.png) no-repeat scroll left -15px transparent; _background: url(../image/dragverify_foot.png) no-repeat scroll left top transparent; }
.m_dragVerify .layer .layerB .bgImage { display: block; width: 260px; height: 90px; }
.m_dragVerify .layer .layerB .dragImage { display: inline-block; position: absolute; left: 14px; top: 17px; width: 56px; height: 72px; background-repeat: no-repeat; }
.m_dragVerify .dragArea { display: block; width: 260px; height: 28px; background: url(../image/dragverify.png) no-repeat scroll left -44px transparent; position: relative; _background: url(../image/dragverify_bg.png) no-repeat scroll left top transparent; margin-left: 15px; margin-top: 1px; }
.m_dragVerify .dragArea .dragPanel { display: inline-block; vertical-align: middle; width: 60px; height: 26px; background: url(../image/dragverify.png) no-repeat scroll left -99px transparent; position: absolute; left: 0px; top: 1px; cursor: pointer; _background: url(../image/dragverify_drag.png) no-repeat scroll left top transparent; }
.m_dragVerify .dragArea .dragPanel:hover,
.m_dragVerify .dragArea .dragPanel_hover { background-position: left -73px; _background: url(../image/dragverify_drag_focus.png) no-repeat scroll left top transparent; }
.m_dragVerify .dragArea .dragStatus { background: url(../image/dragverify.png) no-repeat scroll -77px -73px transparent; position: absolute; width: 26px; height: 26px; display: inline-block; _background: url(../image/dragverify_status_lock.png) no-repeat scroll left top transparent; right: -30px; top: 1px; }
.m_dragVerify .dragArea .dragStatus_ok { background-position: -104px -73px; _background: url(../image/dragverify_status_suc.png) no-repeat scroll left top transparent; }
.m_dragVerify .dragArea .dragStatus_err { background-position: -131px -73px; _background: url(../image/dragverify_status_err.png) no-repeat scroll left top transparent; }
/*.m_float_dragVerify { _height: 29px; _overflow-y: hidden; }*/
.m_float_dragVerify .layer { display: none; position: absolute; left: -14px; top: -133px; *top: -135px; _top: -133px; }
.m_float_dragVerify .dragArea { margin-left: 0px; }
.m_dragVerify .layerB .errTip { position: absolute; bottom: 0px; display: inline-block; font-size: 12px; height: 24px; line-height: 24px; border: solid 1px #dcd4c7; background-color: #f2ece1; color: #4b3f32; }
.m_dragVerify .layerB .errTip .icon { display: inline-block; height: 24px; line-height: 20px; background: url(../image/dragverify.png) no-repeat scroll 5px -125px transparent; color: #ff4a46; text-indent: 25px; *text-indent: 5px; *padding-left: 17px; vertical-align: middle; _background: url(../image/dragverify_err.png) no-repeat scroll left top transparent; _margin-top: 5px; *line-height: 25px; _line-height: 20px; }

/*国际手机前缀样式*/
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {display:table; content:"";}
.clearfix:after {clear: both;}
.mobilefix_box{}
.select_box{display:inline-block;vertical-align: middle;position: relative; font-size: 14px;color: #666;width: 168px;height: 29px; line-height: 29px;z-index: 100;background:url(../image/secure_bg1.gif) no-repeat scroll -653px -268px transparent; padding-left: 10px; _font-size: 0px; }
.select_box .space {display: inline-block; width: 10px;height: 29px; background:url(../image/secure_bg1.gif) no-repeat scroll right -268px transparent; font-size: 0px; _margin-top: -1px; _height: 28px;margin-left:-10px;*vertical-align: middle;}

.select_showbox{cursor:pointer; position:relative; display:inline-block; height: 29px;overflow:hidden;margin-left:-10px; padding-left: 10px;background: url(../image/select_icon_down.png) no-repeat 100% 50%;*vertical-align: middle;padding-right:30px;}
.select_showbox span {display:inline-block; width:108px;padding-right:30px; overflow: hidden;font-size: 12px;}
.select_showbox em {position:absolute;right:5px;font-style: normal;display: inline-block;right:29px;color: #52a3e2;font-size: 12px;}

.select_option{border: 1px solid #bbb;z-index: 100; border-top: none;position:absolute;top:29px;left:1px; width:175px;display: none;max-height:240px;*height:240px;overflow-y:auto;}
.select_option li{cursor: pointer;padding:2px 10px;position:relative; background-color: #fff;font-size:14px;}
.select_option li span{display: inline-block;float:left; font-size:14px;width:88px;}

.select_option li em{float:right;font-style: normal;display: inline-block;font-size:14px;}

.select_option li.selected, .select_option li.hover{background: #52a3e2; color: #fff;}

.select_mail_phone {padding-top:10px;}
.select_mail_phone .input_in, .select_mail_phone .input_in_hide{vertical-align: middle;height:16px;line-height:16px;padding:6px 0 6px 5px;border:1px solid #bbb; margin-top:0px;width:200px;margin-left:-1px;}

/*国际手机前缀样式定制*/
.mobilefix_box{position:absolute; display:inline-block;*display:inline;width:66px;height:29px;margin-left:-1px;vertical-align: middle;}
.select_box{width:56px;height:29px;line-height: 29px;}
.select_showbox{height:29px;width:41px;padding-right:15px;background-position: 40px 50%;}
.select_showbox span{display:none;}
.select_showbox em{top:0;right:22px;}
.select_option {width:176px;}

.select_box .space{display:none;}

 .caVCode_item {
    display: none;
    position: relative;
    width: 300px;
}
.caVCode_title {
    display: block!important;
    font-size: 18px;
    font-weight: bold;
    color: #4a4a4a;
    text-align: center;
}
.caVCode_item .field_title {display: none;}
.caVCodeMain {position: relative;  padding-top: 5px; margin: 0 auto;}
.caVCodeBar {height: 27px;width: 146px; display: none; border-radius: 2px;line-height: 27px; color: #666; padding-left: 30px; background: url(../image/ca-ing.png) 7px 7px no-repeat; cursor: pointer;}
.caVCodeClose {position: absolute; display: block!important; cursor: pointer; width: 14px; height: 14px; background: url(../image/ico-close.png) 0 0 no-repeat; top: -12px; right: 10px;}
.caVCode {z-index: 11;}

.caVCodeMain .succ { background: url(../image/ca-succ.png) 7px 7px no-repeat; color: #6bd863; cursor: default;}


/*CA图形验证码样式自定义*/
.image_pc_secureVerify {margin: 0 auto!important; position: absolute; bottom: -70px;} 
.image_pc_secureVerify .image_m_xTextbox {padding-left: 10px; width: 100px!important; height: 29px;background: url(../image/forceReg.gif) no-repeat scroll -654px -60px transparent;}
    
.image_pc_secureVerify .image_m_textbox {font-size: 12px!important;background: none!important; color: #757575 !important; width: 90px!important; border: none!important;height: 21px!important;line-height: 21px!important;padding: 3px 0!important;}

.image_pc_secureVerify .image_m_xTextbox em { vertical-align: middle;display: inline-block; width: 10px; height: 29px; background: url(../image/forceReg.gif) no-repeat scroll right -60px transparent; font-size: 0px; _margin-top: -1px; _height: 28px; }

.image_pc_secureVerify .image_m_button {height: 29px!important; line-height: 29px!important;}

.image_pc_secureVerify .image_m_button { vertical-align: middle; width: auto!important; margin-top: 1px; display: inline-block; background: url(../image/forceReg.gif) no-repeat scroll -634px -27px transparent!important; padding-left: 3px; cursor: pointer; _cursor: hand; }
.image_pc_secureVerify .image_m_button span { font-size: 12px; display: inline-block; background:url(../image/forceReg.gif) no-repeat scroll right top transparent!important; padding: 0px 20px 0px 17px; line-height: 27px; color: white;  }
.image_pc_secureVerify .image_m_button_disabled { background-position: -634px -131px; }
.image_pc_secureVerify .image_m_button_disabled span { background-position: right -104px; }

.image_pc_secureVerify .image_verify_img {margin-top: 0!important;}
.image_pc_secureVerify img {margin: 10px 0 10px!important;}
.image_pc_secureVerify .image_verify_succ {text-align: left!important; height: 29px!important; line-height: 29px!important; }

/*图文选择验证码样式自定义*/
.m_pickWords {margin: 0 auto!important;}
.m_pickWords .pw_main {margin: 4px 4px 1px;}
.m_pickWords .pw_info{height: 38px; border-top: none;}
.m_pickWords .pw_info .info_txt {height: 38px; line-height: 38px; margin-top: 0;}
.m_pickWords .pw_info .info_reset {top: 8px;}
.m_pickWords .pw_submit {width: 72px; height: 30px; line-height: 30px; top: 4px;}
.m_pickWords .pw_head .pw_txt {padding-top: 0;}

/*滑动验证码样式自定义*/
.m_dragVerify {margin: 0 auto!important;}
.caVCodeMain .text_input_v3 {background:url(../image/forceReg.gif) no-repeat scroll -654px -60px transparent!important;}
.caVCodeMain .text_input_v3 .space { background:url(../image/forceReg.gif) no-repeat scroll right -60px transparent !important;}

.caVCodeMain .btn_blue_v3, .caVCodeMain .m_button {  background:url(../image/forceReg.gif) no-repeat scroll -634px -27px transparent!important; }
.caVCodeMain .btn_blue_v3 span, .caVCodeMain .m_button span { background:url(../image/forceReg.gif) no-repeat scroll right top transparent!important; }
.caVCodeMain .btn_blue_v3_disabled, .caVCodeMain .m_button_disabled { background-position: -634px -131px!important; }
.caVCodeMain .btn_blue_v3_disabled span, .caVCodeMain .m_button_disabled span { background-position: right -104px!important; }

/*打地鼠验证码自定义*/
.m_fightMouse {margin: 0 auto!important; position: absolute; bottom: -70px;}
.m_fightMouse .fm_info {height: 36px;}
.m_fightMouse .fm_info .info_reset {top: 8px; right: 10px;}
.m_fightMouse .fm_info .info_txt {height: 36px; line-height: 36px;}






