﻿/* CSS Document */
.blue{color:#2f74e9;}
.icon_2021{display:block;background:url(../images/pc_login_sprite_20210506.png) no-repeat;background-size:260px;}
.icon_tel{background-position: -120px 0;}
.icon_pass{background-position: -144px 0;}
.icon_email{background-position: -216px 0;}
#scrollBar{display:none !important;}
.head.bg_fff,.foot.bg_fff{background:#fff;}

/*主体*/
.main{height:610px; width:100%;background:url(/96kaifa/Public/images/login-bg.jpg) no-repeat top center;}
.main_1{width:1000px;margin:0 auto;position: relative;}
.login_form{ width:420px;height:530px;padding:20px 15px 0; background:#fff;margin-top:35px;margin-right:0;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.login_hd{ height:52px; line-height:50px}
.login_hd ul li{ float:left;width:50%;height:51px;color:#333;font-size:24px;cursor:pointer;text-align:center;border-bottom:solid 1px #f2f2f2;}
.login_hd ul li.on{ height:50px;border-bottom:solid 2px #2f74e9;}
.login_bd{ padding:20px 10px 0;}
.left_link{width:396px;height:370px;margin:225px 0 0 46px;}


/*  ==========普通登录==========  */
.zhanghao,.mima{ width:398px; background:#f2f2f2; height:48px;border:1px solid #f2f2f2; -webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.mima{ margin-top:20px}
.zhanghao span,.mima span{ float:left;width:24px;height:24px;margin:12px 0 0 12px;}
.zhanghao span .icon_2021,.mima span .icon_2021{height:24px;}
.zhanghao input,.mima input{ width:230px;height:48px;line-height:48px;padding-left:10px; border:0px;color:#666;font-size:16px;background:#f2f2f2;}
.mima1 input{ width:260px;height:48px;line-height:48px;padding-left:10px; border:0px;color:#666;font-size:16px;background:#f2f2f2;}
/* 提示类名 */
.infomessage{font-size:14px;line-height:20px;position:relative;top:5px;color:#f64346;}
/* 清空手机号 */
.clearfont{ display: none;float:right;margin-top:14px; margin-right:10px; width:24px; height:24px;background-position:0px 0px;}
.zhanghao_ipu::-ms-clear { display: none; }
.zhanghao_ipu:valid + .clearfont { display: inline; }
/* 密码框及密码显隐 */
.clearfont1{ display: none;float:right;margin-top:14px; width:24px; height:24px;background-position:0px 0px;}
.mima_ipu::-ms-clear { display: none; }
.mima_ipu:valid + .clearfont1 { display: inline; }
.mima span{ float:left; margin-top:12px}
.mima #password_em{ float:left;width:320px;}
.mima .content_hidden{  margin-top:14px; margin-right:10px;background-position:-49px 0;width:24px; height:24px; float:right;cursor:pointer}
.mima .content_block{ margin-top:14px; margin-right:10px;background-position:-24px 0;width:24px; height:24px; float:right;cursor:pointer}
/* 登录按钮 */
.login_button{ height:60px; line-height:60px; width:400px; text-align:center; margin:40px 0px 15px 0px; cursor: pointer;}
.login_button a{ color:#fff; font-size:18px; display:block; -webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background:#eb4e27}
.login_button a:hover{ background:#df431d; }
/* 登录按钮下方文案 */
.zhuyi{ width:400px; height:20px}
.zhuyi_p1 input{ float:left;width: 24px;height: 24px;position: relative; left: -2px;top: -2px;appearance:none;-webkit-appearance:none;-o-appearance:none;-moz-appearance:none;border:none;outline:none;}
.zhuyi_p1 input::before {content: '';width: 24px;height: 24px;position: absolute;left:0;top:0;background: url(../images/pc_login_sprite_20210506.png) no-repeat;background-position: -168px 0;}
.zhuyi_p1 input:checked::before {background-position: -192px 0;}
.zhuyi_p1 span{ float:left;font-size:14px; color:#333; margin-left:5px;}
.zhuyi_p1 span a{ color:#1989d7}
.zhuyi_p1 span a:hover{ text-decoration:underline}
.zhuyi_p2{ font-size:14px;}
.zhuyi_p2 a{ color:#333;padding:0px 8px; cursor: pointer;}
.zhuyi_p2 a:hover{ text-decoration:underline}
/* 其他登录方式 */
.anther{ width:316px;height:1px;margin:45px auto 0; background:#e1e1e1; position:relative; }
.anther span{ font-size:18px;font-weight:bold;letter-spacing: 1px; color:#333; width:154px; height:21px;background:#fff; text-align:center; position:absolute; bottom:-8px; left:50%;margin-left:-77px;}
.login_type{ margin-top:40px}
.login_type.mt30{ margin-top:30px}
.login_type dl{ float:left;}
.login_type dl.w100{width:100px;}
.login_type dl.w200{width:200px;}
.login_type dl dt a{ margin:0 auto;}
.login_type dl dt a{ background:url(../images/pc_login_sprite_20210506.png) no-repeat;display:block; width:54px; height:54px}
.login_type dl dt.login_dt1 a{ background-position:0 -30px}
.login_type dl dt.login_dt2 a{ background-position:-72px -30px}
.login_type dl dt.login_dt3 a{ background-position:-144px -30px}
.login_type dl dd{font-size:14px; color:#333; margin-top:5px; text-align: center;}
/*错误提示*/
.tishi{color: #f64346;font-size: 14px; line-height: 20px;position: relative;top: 5px;}
/* 获取焦点时边框变蓝 */
.blue_border{ border:solid 1px #2f74e9 !important}

/*  ==========动态密码登录==========  */
/* 验证提示 */
.yanzheng{ width:100%;height:34px;background:#f4f8ff;color:#2f74e9;font-size:14px;line-height:34px;margin-bottom:20px}
.yanzheng i{ background:url(../images/pc_login_sprite_20210506.png) no-repeat; background-position:-72px 0; width:24px; height:24px; float:left; margin:5px 5px 0 10px;}
/* 动态密码输入框 */
.dongtaimima{ width: 398px;background: #f2f2f2;height: 48px;margin-top:20px;border: 1px solid #f2f2f2;-webkit-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.dongtaimima p.dongtaimima_p1{ float:left;position:relative; width:226px;height:48px;border: 1px solid #f2f2f2;}
.dongtaimima p.dongtaimima_p1:after{content:'';display:block;width: 1px;height:30px;background:#e1e1e1;position: absolute;right:0;top:10px;visibility: visible;}
.dongtaimima p.dongtaimima_p1 span{  float:left;margin:12px 0 0 14px;}
.icon_dtmm{width:24px;height: 24px;background-position: -96px 0;}
.dongtaimima p.dongtaimima_p1 input{ width:175px;height:48px;line-height:48px;padding-left:10px; border:0px;color:#999999;font-size:16px;background:#f2f2f2;}
.dongtaimima .free-code{ float:right;position:relative;font-size:18px;color:#3080e8;font-weight:bold;border:none;background:#f2f2f2;width:170px;height:50px;line-height:50px;text-align:center;cursor:pointer}
/* 其他登录方式 */
.anther.mt30{ margin-top:30px}

/*  ==========手机注册==========  */
/* 提示信息 */
.login_bd_1 .msg {overflow:hidden;position:relative;top:5px;}
.login_bd_1 .msg span.error {line-height:20px; color:#fb3c20; display:none;}
.login_bd_1 .msg span.box_error {line-height:20px; color:#fb3c20; display:block;}
.login_bd_1 .msg span.error em {margin-right:5px;}
.login_bd_1 .msg span.error b {color:#333;}
.login_bd_1 .msg span.error a.use {background:#2e9ce6; color:#fff; font-weight:bold; padding:2px 6px; border-radius:3px;}
/* 密码强度提示 */
.login_bd_1 .msg .password-msg {line-height:24px; padding:7px 0; color:#f64346; display:none; width:400px;}
.login_bd_1 .msg .password-msg i {font-style:normal; color:#505050;}
.login_bd_1 .msg .password-msg div {width:160px; height:6px; display:block; background:#dedede; margin:6px 0px 0 0; _margin:2px 8px 0 0; overflow:hidden;-webkit-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.login_bd_1 .msg .password-msg div b {height:6px; display:block; background:#f64346;-webkit-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.login_bd_1 .msg .password-msg div b.green {background:#15bb71;}
.login_bd_1 .msg .password-msg div b.orange {background:#f18430;}
#pwdNormal span.box_error,#pwdNormal > strong{color:#f18430;}
#pwdStrong span.box_error,#pwdStrong > strong{color:#15bb71;}
.login_bd_1 .msg-h2 {height:60px;}
.login_bd_1 .msg-h2 span.error {margin-left:35px;}
.login_bd_1 .msg-h2 span.error-i2 {color:#505050;}
/* 协议 */
.xieyi{ color:#333}
.xieyi p.xieyi_p1 input{ float:left;width: 24px;height: 24px;margin-right:5px;position: relative;left: -2px;top: -2px; appearance:none;-webkit-appearance:none;-o-appearance:none;-moz-appearance:none;border:none;outline:none;}
.xieyi p.xieyi_p1 input::before {content: '';width: 24px;height: 24px;position: absolute;left:0;top:0;background: url(../images/pc_login_sprite_20210506.png) no-repeat;background-position: -168px 0;}
.xieyi p.xieyi_p1 input:checked::before {background-position: -192px 0;}
.xieyi p.xieyi_p1 span{ float:left;}
.xieyi p.xieyi_p1 span a{color:#1989d7;}
.xieyi p.xieyi_p2 a{ color:#1989d7}
.xieyi p.xieyi_p2 a:hover,.xieyi p.xieyi_p1 span a:hover{ text-decoration:underline}
/* 注册按钮 */
.login_button.mt70{margin-top:70px;}
.login_button.mt30{margin-top:30px;}

/*  ==========图片验证码遮罩层==========  */
#fvmask{clear: both;position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 99999;display:none;position:fixed;}
#fvmask .prompt{font-size: 16px;font-weight: bold;color: #676767;}
#fvmask .mask_bg{position:absolute;width:100%;height:100%;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
#fvmask .main_panel{width:450px !important; height: 412px !important; position: absolute; top: 50%; margin-top: -206px !important;left: 50%; margin-left: -225px !important; background: none repeat scroll 0% 0% rgb(255, 255, 255); -webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#fvmask .main_panel .hr{background-color: #c8c8c8;height: 3px;}
#fvmask .main_panel img{float: none; margin: 0px; vertical-align: baseline;}
#fvmask .main_panel .recode_tip{padding:10px;}
#fvmask .main_panel .mid{position:absolute;width:400px !important;left:25px !important;display:block;}
#fvmask .main_panel .mid input{display: block;width: 100%;}
#fvmask .main_panel .mid input.capInput{width:190px;}
#fvmask .main_panel .mid input.free-code{position: absolute;top:0;right:0;padding:0;margin:0;border:0;width:110px;height:44px;line-height:44px;font-size:12px;color:#fff;background:#9eccf3;cursor: pointer;}
#fvmask .main_panel .mid img{display: block;width: 100%;}
#fvmask .main_panel .img_wrapper{top:80px !important;}
#fvmask .main_panel .t2_txt{left:40px;top:100px;font:normal 12px/24px "microsoft yahei";color:#999;}
#fvmask .main_panel .t2_txt span{margin:0 6px;color:#1b66c7;}
#fvmask .main_panel .t2_input{top:204px !important;}
#fvmask .main_panel .mid img{height:100px !important;width:310px !important;}
#fvmask .t2_input input{font-size: 12px;padding-left: 2px;padding-right: 2px;}

#fvmask .main_panel #pictureCaptcha{display:block;width:398px !important;height: 48px;padding: 0 !important;font-size:16px;color:#666;text-indent:20px;background: #f2f2f2;border: 1px solid #f2f2f2;-webkit-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#fvmask .main_panel #pictureCaptcha::-webkit-input-placeholder, #fvmask .main_panel #pictureCaptcha:-moz-placeholder, #fvmask .main_panel #pictureCaptcha:placeholder{color: #d8d8d8;}
/* 图片验证码输入提示 */
#fvmask .main_panel #tip_pictureCaptcha{background:none !important;font-size:14px !important;color:#f64346 !important;line-height:20px !important;padding:0 !important;margin-top:10px;text-indent:24px;position:relative;}
#fvmask .main_panel #tip_pictureCaptcha:after{content:'';width:24px;height:24px;background:url(../images/pc_login_sprite_20210506.png) no-repeat;background-position: -216px -54px;position: absolute;left:-5px;top:-2px;}

#fvmask .main_panel #tip_mobilecaptcha{position:absolute;left:0;top:44px;height:18px;line-height:18px;max-width:276px;padding: 9px 5px 9px 18px;margin-right:-3px;font-size:12px;color:#ab0003;background: url(../images/moni_reg_errortb.jpg) no-repeat 3px 12px;display:none;}
#fvmask .main_panel .img_reload{cursor: pointer;width: 60px !important;line-height: 24px !important;font-size: 18px !important;top: 105px !important;right: 27px;left: auto !important;position: absolute;color: #000 !important;}
#fvmask .main_panel .smt_wrapper{font-size: 20px;font-weight: bold;background:none !important;box-shadow: none !important;width: 400px !important;height: 60px !important;bottom: 40px !important;border: 0;top: auto !important;}
#fvmask .main_panel .smt_wrapper input{color:#fff;font-size:18px;height:60px !important;background:#eb4e27;border:0;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#fvmask .main_panel .smt_wrapper input:hover{background:#df431d !important;}

.modal-header {padding-top:24px;height:40px !important;background:none !important;border:none !important;position: relative;}
.modal-header .close {cursor: pointer;display: block;width:24px !important;height:24px !important;position: absolute;right:12px !important;top:12px !important;background: url(../images/pc_login_sprite_20210506.png) no-repeat !important;background-position:-216px -30px !important; }
.modal-header h3 {color: #333 !important;font-size: 24px !important;line-height:40px !important;font-weight:normal;margin: 0;text-indent:28px !important;}
.sub_bg{-moz-box-shadow:0 1px 1px #f0f0f0; -webkit-box-shadow:0 1px 1px #f0f0f0; box-shadow:0 1px 1px #f0f0f0;background:url(../images/intbg.png) 0 -40px repeat-x; height:36px; display:inline-block; *display:inline; zoom:1; border:1px solid #dadada; font-size:14px; width:132px; cursor:pointer;}
.code-area{width:100px;}
.errortip{border:1px solid #ddd;height:40px;}
.val_m{vertical-align:middle;}
.no_bg{border:0 none;padding:0;background-color:transparent;cursor:pointer; display:block;height:36px;font:400 16px/18px "microsoft yahei";}

/* 阿里云验证样式 */
.slider-box {width: 398px;height: 50px;margin-top: 20px;position: relative;}
.sm-pop-inner {height: 100% !important;}
.nc_1_nocaptcha {width: 100% !important;height: 100% !important;}
.nc_wrapper {width: 398px !important;height: 50px !important;}
.nc-container #nc_1_wrapper {width: 398px !important;height: 50px !important;line-height: 50px !important;}
.nc-container .nc_scale .btn_slide {height: 48px !important;line-height: 48px !important;}
.nc_scale {height: 50px !important;}
.nc-lang-cnt {height: 50px !important;line-height: 50px !important;}
.nc_1_n1z {height: 50px !important;line-height: 50px !important;}
.nc-container .nc_scale .btn_ok {height: 48px !important;line-height: 48px !important;}
.login_form {height: 420px;margin-top: 55px;}
.main {height: 760px;}

