@charset "UTF-8";
/* CSS Document */
.floatleft{ float: left;}
.floatright{ float: right;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
.login_main{ width:1000px; height:auto !important; min-height:500px; _height:100%; background:#fff; margin:0 auto;}
.login_main .login{float:left;}
.login_main .pic{ width:540px; height:390px; padding-top:14px; float:left;}
.login_main .pic img{margin-top:32px;}
.login_main .login{ width:400px; min-height:100px;}
.login_main .reg_title{ float:right; margin-right:31px; background:url(../images/reg_bg.jpg); width:125px; height:24px; padding-top:13px; color:#fff; font-size:14px; text-align:center; position:relative; z-index:10;}
.login_main .reg_title:hover{ background-position:0 -37px; }
.login_main .login_box{ position:relative; z-index:1; left:0; top:0px; border:1px solid #ededed; height:auto !important; min-height:150px;}
.login_box ul{ padding:45px 0 0 33px; width:324px;}
.login_box li span{ display:block;}
.login_box li span.title{ height:26px; line-height:26px; font-size:12px;}
.login_box li span.border, .login_box li span.border-error, .login_box li span.border-ok{ width:320px; height:36px; }
.login_box li span.border-ok{ border:1px solid #69af05;}
.login_box li span.border-error{ border:1px solid #fa9600;}
.login_box li span.border{ border:1px solid #cdcdcd;}
.login_box li input{ width:274px; height:20px; padding:8px 5px; color: #000; line-height:20px; border: 0 none; float:left; font-size:13px;}
.login_box li input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
.login_box li em.icon, .login_box li em.icon1, .login_box li em.icon2{ height:38px; width:30px; float:left; }
.login_box li em.icon{ background:url(../images/icon.jpg) center no-repeat;  cursor:pointer; border: 1px solid red; }
.login_box li em.icon1{ background:url(../images/icon1.jpg) center no-repeat;}
.login_box li em.icon2{ background:url(../images/icon2.jpg) center no-repeat; }
.login_box li span.error{ background:#ffece5; width:315px; height:20px; line-height:20px; padding-left:5px; border-left:1px solid #fa9600; border-right:1px solid #fa9600; border-bottom:1px solid #fa9600; position: absolute; opacity: 0.9; color:#fa6400; font-size:12px;}
.login_box li span.error1{ background:#ffece5; width:94px; height:20px; line-height:20px; padding:0 5px; border-left:1px solid #fa9600; border-right:1px solid #fa9600; border-bottom:1px solid #fa9600; position: absolute; *+position:static; opacity: 0.9; color:#fa6400; font-size:12px; margin-top:38px;*margin-top:0px;}
.login_box li div a.forget-passWord{ display:block; height:22px;  padding-right:5px; text-align:right; color:#515151;}
.login_box li div a.forget-passWord:hover{ text-decoration:underline;}
.login_box li .login_btn{ display:block; background:url(../images/login_bg.jpg) left top no-repeat; height:41px; line-height:41px; font-size:18px; text-align:center; color:#f2f1f1; letter-spacing:0.8em;}
.login_box li .login_btn:hover{ background-position:0 -42px; }
.login_box li .login-in_btn{ display:block; background:url(../images/login_bg1.jpg) left top no-repeat; height:43px; line-height:43px; font-size:18px; text-align:center; color:#6e9b0c; letter-spacing:0.3em;}
.login_box .scode{ margin:30px 10px 0 0;}
.login_box .scode .code{ width:94px; height:20px; line-height:20px; border:1px solid #d5d5d5; margin-right:10px;}
.login_box .scode .code-ok{ border:1px solid #69af05;width:94px; height:20px; line-height:20px;margin-right:10px;}
.login_box .scode .code-error{ border:1px solid #fa9600;width:94px; height:20px; line-height:20px;margin-right:10px;}
.login_box .codeTitle{ width:86px; height:38px; line-height:38px; float:left; margin-left:6px; color:#565656;}
.login_box .codeTitle a{ color:#6e9b0c;}
.login_box .codeTitle a:hover{ text-decoration:underline;}
.login_box .scode .code_spec{ width:231px;position:absolute;*position:relative; height:20px; line-height:20px;}

.login_box li h2.h2{ font-size:12px; font-weight:normal; height:20px; line-height:20px; padding-top:5px;}
.login_box li div{ /*color:#176246;*/}

.login_box .loginnav{ padding:0;position: absolute; width:100%;}
.login_box .loginnav li{ color:#666; border-bottom:1px solid #ededed; border-right:1px solid #ededed; height:38px; width:132px; float:left; font-size:14px; line-height:38px; cursor:pointer;}
.login_box .loginnav li.edLoginLi { border-right: medium none; width: 50%;}
li.edLoginLi .d01 {border-right: 1px solid #ededed;line-height: 38px;}
.login_box .loginnav li em{ float:left; margin:10px 5px 0 24px; background:url(../images/loginicon.png) no-repeat; width:15px; height:15px;}
.login_box .loginnav .npay em{ background-position:0 -25px;}
.login_box .loginnav .nexpress em{ background-position:0 -48px;}
.login_box .loginnav .bordernone{border-right:0;}
.login_box .loginnav .curr{border-bottom:1px solid #fff;border-top:2px solid #69af05; position:relative; margin-top:-2px;}
.login_box .blink{ padding:0; border-top:1px solid #cdcdcd; width:100%;margin:15px 0 0 0;}

.login_main .login_box .top{ background:url(../images/login_top.jpg) left top no-repeat; height:13px;}
.login_main .login_box .main{ background:url(../images/login_main.jpg) left top repeat-y;}
.login_main .login_box .bottom{ background:url(../images/login_bottom.jpg) left top no-repeat; height:13px;}

.m-t12{ margin-top:15px;}
.m-t5{ margin-top:5px;}
.m-t18{ margin-top:18px;}
.p-f10{ padding:5px 10px 0 33px;}

/*忘记密码*/
.login_main .login_header{width: 400px; height:50px; line-height:50px;float:left}
.login_box .login_forget_password {overflow: hidden;line-height: 30px; text-align:right; color:#515151;}
.login_box .login_forget_password a{display: inline-block;color: #6e9b0c;}
.login_box .login_forget_password a:hover{ text-decoration:underline;}
.login_main1 .login_box .login_forget_password{ width:324px; margin:0 auto}
.login_main1 .m-t5{ margin-top:25px;*margin-top:0;}
.login_main1 .login_header{width: 400px; height:45px; line-height:45px; float:left}
.login_main1 .login_box li h2.h2{ padding-top:0px;}
.login_main1 .login{ padding:0;}
.login_header span {display: inline-block;color: #000;font-size: 20px;float: left; position: relative; top: 14px; left: 0; height: 26px; line-height: 26px;}
.login_header a{display: inline-block;float: right;font-size: 14px;color: #666 ;width: 80px;height: 30px; line-height: 30px;text-align: center;margin-top: 12px; border-radius: 3px;}
.login_header a i.icon{ position: relative; top: 4px;  width: 19px; height: 19px; display: inline-block; background: url(../images/login-icon28.png) no-repeat;}
.login_main1{width: 440px;position: relative;}
.login_main1 .login{margin-left: 10px;}
.login_main1 .login_close {position: absolute;width: 20px;height: 20px;right: 10px;}
.login_main1 .login_close a{display: inline-block;width: 20px;height: 20px;background: url(../mimages/close.png) no-repeat;}

/*弹窗*/
 #login_mask {position: absolute; top: 0px; filter: alpha(opacity=50); background-color: #777;z-index: 1000; left: 0px;opacity:0.5; -moz-opacity:0.5;}    
.login_main1 {width:auto;background: #fff; margin:0; min-height:460px;}
/*大写锁定*/
.caplock{width:20px; height:20px; background:url(../images/caplock.png) no-repeat center;margin:-29px 0 0 265px;display:none; position:absolute; z-index:99999; }
/*登陆icon*/
.login_box .newblink{ height:56px;}
.login_box .newblink li{ display:inline-block; height:36px; margin:10px 0; float:left; }
.login_box .newblink li div{ text-align:center;}
.login_box .newblink li.li1{ width:91px; border-right:1px solid #e1e1e1;}
.login_box .newblink li.li2{ width:108px; border-right:1px solid #e1e1e1;}
.login_box .newblink li.li3{ width:96px; border-right:1px solid #e1e1e1;}
.login_box .newblink li.li4{ width:95px;}
.login_box .newblink li .s1{ height:20px;}
.login_box .newblink li .s2{ height:16px; line-height:16px; padding-top:4px;}
.login_box .newblink li span{ cursor:pointer; display:block; font-size:12px; color:#515151;}
.login_box .newblink li span i{ display:inline-block; text-align:center;}
.login_box .newblink li span i.bg{ background:url(../images/logo-icon.jpg) no-repeat;}
.login_box .newblink li span i.icon1{ width:20px; height:20px;}
.login_box .newblink li span i.icon2{ width:20px; height:20px; background-position:-21px 0;}
.login_box .newblink li span i.icon3{ width:20px; height:20px; background-position:-42px 0;}
.login_box .newblink li span i.icon4{ width:20px; height:20px; background-position:-63px 0;}
.login_box .newblink li span i.icon5{ width:20px; height:20px; background-position:-84px 0;}
.login_box .newblink li a.link1{ color:#515151; height:26px; line-height:26px; text-decoration:none;}
.login_box .newblink li a.link1:hover,.login_box .newblink li span:hover{ text-decoration:underline; color:#4eab00;}

/*手机验证*/
.login_main .pic.p_47{ padding-top: 47px;}
.login_box .phone_ul{ width: 348px; padding: 39px 0 0 25px;}
.login_box .phone_ul li span.border, .login_box .phone_ul li span.border-error, .login_box .phone_ul li span.border-ok{ width: auto;}
.login_box .phone_ul li span.error, .login_box li span.error1{position: inherit; border: none; color: #FF3105; width: 342px; background: #fff; padding-left: 0;}
.login_box .phone_ul li input.new-input1{ width: 300px;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
.login_box li span.p_ipt{ border-radius: 5px;}
.login_box li span{ position: relative;}
.login_box li.p_scode img{ height: 38px;}
/*.login_box .phone_ul li span.border-error, .login_box .phone_ul .scode .code-error{ border:1px solid #FF3105;}*/
.login_box .phone_ul .scode .code-error{ border-right: none;}
/*.login_box .scode .loginText{ border-radius: 5px;}*/
.login_box li span .verificationCode{ width: 70px; text-align: center; display:inline-block; position: absolute; right: 0; top: 0; margin: 8px 0; padding:0 15px; line-height: 22px; border-left: 1px solid #CDCDCD; font-size: 14px;}
.login_box li span .a-sty{ color: #b0b0b0;}
.login_box li span .a-sty i{ font-style: normal;}
.login_box li span .a-sty-ok{ color: #69af05; cursor: pointer;}
.login_box li span .phone-msg{ display:block; font-size: 12px; color: #46A64;}
.login_box li em.p_icon{ margin-right: 105px; position: absolute; right: 0; top: 0;}
.login_box li.phone input{ width:208px; height:20px; padding:8px 5px; line-height:20px; border: 0 none; float:left; font-size:14px;}
.login_box .p_scode{ margin-right: 0;}
.login_box li.p_scode input.loginText{ width: 231px; border-right: none; margin-right: 0;/* box-sizing: border-box;*/}
.login_box li .login_p_btn, .login_box li .login_p_nobtn{ display: block; background: #8DC63F; border-radius: 4px; height: 39px; line-height: 39px; text-align: center; color: #fff; font-size: 16px;}
.login_box li .login_p_nobtn{background: #eee;}
.login_box li .login_p_btn{background: #8DC63F;}
.login_box li .phon-w{ height: 18px; padding-top:21px;}
.login_box li .phon-w1{ height: 18px; padding-top:16px; padding-bottom: 21px;}
.login_box li .phon-w2{ height: 18px; padding-top:12px;}
.login_box li .phone-words{ display: block; height: 18px; line-height: 18px; color: #666; font-size: 12px; text-align: left;}
.login_box li .phon-w1 span, .login_box li .phon-w1 a{ display: inline-block; height: 18px; line-height: 18px; color: #666; font-size: 12px;}
.login_box li .phon-w2 span{ display: block; font-style: 14px; text-align: center; color: #666;}
.login_box li .phon-w2 span a{ color: #8DC63F; }
.login_main1 #btn_sub.m-t5{ margin-top: 5px;}
.m-t20, .login_box .scode.m-t20 { margin-top: 20px;}
.m-b30{ margin-bottom: 30px;}
.login_box .newloginlink{ border-top: none;}
.login_box .newloginlink li.li1, .login_box .newloginlink li.li2, .login_box .newloginlink li.li3{ border-right: none;}

/*手机号验证*/
.loginErroBox{ height: 26px; line-height: 26px; margin: 6px 0;}
.loginErro{ background: #FDEFEC; border: 1px solid #FFB6A9; font-size: 12px; color: #FF4422;}
.loginErro .erroIcon{ width: 18px; height: 18px; display: inline-block; background: url(../images/login-icon5.png) no-repeat; padding-right: 11px; position:relative; left: 7px; top: 4px; }
.loginErro .erroTips{ display: inline-block; line-height: 26px;}

.loginPhone{ width: 346px; height: 40px; border: 1px solid #BDBDBD;}
.loginPhone .phone-icon{ width: 41px; height: 40px; float: left; border-right: 1px solid #BDBDBD; background: #f0f0f0;}
.loginPhone .phone-icon span{ width: 18px; height: 18px; margin-left: 12px; position: relative; top: 12px; }
.loginPhone .phone-icon .icon{background:url(../images/login-icon24.png) no-repeat;}
.loginPhone .phone-ipt{ width: 304px; float: left; height: 40px; line-height: 40px;}
.loginPhone .phone-ipt input{ width: 260px; height: 40px; line-height: 40px; padding:0 8px; float: left;}

.loginPhone.borderErr{border: 1px solid #FF4422;}
.loginPhone.borderErr .phone-icon{border-right: 1px solid #FF4422;}
.loginPhone.borderErr .phone-icon .icon{background:url(../images/login-icon26.png) no-repeat;}

.loginPhone.borderOk{border: 1px solid #69AF04;}
.loginPhone.borderOk .phone-icon{border-right: 1px solid #69AF04; background: #8DC63F;}
.loginPhone.borderOk .phone-icon .icon{background:url(../images/login-icon25.png) no-repeat;}
.loginPhone .closeIcon{ height:24px; width:24px; float:left; position: relative; top: 8px; display: none; }
.loginPhone .closeIcon{ background:url(../images/login-icon10.png) center no-repeat;  cursor:pointer; }
/*手机 验证码*/
.loginCode{ width: 346px; height: 40px; border: 1px solid #BDBDBD;}
.loginCode .code-icon{ width: 41px; height: 40px; float: left; border-right: 1px solid #BDBDBD; background: #f0f0f0;}
.loginCode .code-icon span{ width: 18px; height: 18px; margin-left: 12px; position: relative; top: 12px; }
.loginCode .code-icon .icon{background:url(../images/login-icon2.png) no-repeat;}
/*.loginCode .code-icon .ok{background:url(../images/login-icon3.png) no-repeat;}*/
/*.loginCode .code-icon .err{background:url(../images/login-icon4.png) no-repeat;}*/
.loginCode .code-ipt{ width: 174px; float: left; height: 40px; line-height: 40px; padding:0 8px;}
.loginCode .code-ipt input{ width: 164px; height: 40px; line-height: 40px; padding: 0 5px;}
.loginCode .verificationCode{ width: 80px; text-align: center; display:inline-block; position: absolute; right: 0; top: 0; margin: 8px 0; padding:0 15px; line-height: 22px; border-left: 1px solid #CDCDCD; font-size: 12px;}
.loginCode .a-sty{ color: #669901;}
.loginCode .a-sty i{ font-style: normal;}
.loginCode .a-sty-ok{ color: #669901; cursor: pointer;}

.loginCode.borderErr{border: 1px solid #FF4422;}
.loginCode.borderErr .code-icon{border-right: 1px solid #FF4422;}
.loginCode.borderErr .code-icon .icon{background:url(../images/login-icon4.png) no-repeat;}

.loginCode.borderOk{border: 1px solid #69AF04;}
.loginCode.borderOk .code-icon{border-right: 1px solid #69AF04; background: #8DC63F;}
.loginCode.borderOk .code-icon .icon{background:url(../images/login-icon3.png) no-repeat;}

/*账号 密码验证*/
.padPhone{ width: 346px; height: 40px; border: 1px solid #BDBDBD;}
.padPhone .phone-icon{ width: 41px; height: 40px; float: left; border-right: 1px solid #BDBDBD; background: #f0f0f0;}
.padPhone .phone-icon span{ width: 18px; height: 18px; margin-left: 12px; position: relative; top: 12px; }
.padPhone .phone-icon .icon{background:url(../images/login-icon7.png) no-repeat;}
.padPhone .phone-ipt{ width: 304px; float: left; height: 40px; line-height: 40px;}
.padPhone .phone-ipt input{ width: 260px; height: 40px; line-height: 40px; padding:0 8px; float: left;}

.padPhone.borderErr{border: 1px solid #FF4422;}
.padPhone.borderErr .phone-icon{border-right: 1px solid #FF4422;}
.padPhone.borderErr .phone-icon .icon{background:url(../images/login-icon9.png) no-repeat;}

.padPhone.borderOk{border: 1px solid #69AF04;}
.padPhone.borderOk .phone-icon{border-right: 1px solid #69AF04; background: #8DC63F;}
.padPhone.borderOk .phone-icon .icon{background:url(../images/login-icon8.png) no-repeat;}
.padPhone .closeIcon{ height:24px; width:24px; float:left; position: relative; top: 8px; display: none; }
.padPhone .closeIcon{ background:url(../images/login-icon10.png) center no-repeat;  cursor:pointer; }

/*账号 验证码*/
.loginVcode{ width: 346px; height: 40px; border: 1px solid #BDBDBD;}
.loginVcode .phone-icon{ width: 41px; height: 40px; float: left; border-right: 1px solid #BDBDBD; background: #f0f0f0;}
.loginVcode .phone-icon span{ width: 18px; height: 18px; margin-left: 12px; position: relative; top: 12px; }
.loginVcode .phone-icon .icon{background:url(../images/login-icon20.png) no-repeat;}
.loginVcode .phone-ipt{ width: 304px; float: left; height: 40px; line-height: 40px;}
.loginVcode .phone-ipt input{ width: 154px; height: 40px; line-height: 40px; padding:0 8px; float: left;}
.loginVcode .code_img{ width: 109px; height: 38px; position: relative; top: 1px;}

.loginVcode.borderErr{border: 1px solid #FF4422;}
.loginVcode.borderErr .phone-icon{border-right: 1px solid #FF4422;}
.loginVcode.borderErr .phone-icon .icon{background:url(../images/login-icon23.png) no-repeat;}

.loginVcode.borderOk{border: 1px solid #69AF04;}
.loginVcode.borderOk .phone-icon{border-right: 1px solid #69AF04; background: #8DC63F;}
.loginVcode.borderOk .phone-icon .icon{background:url(../images/login-icon21.png) no-repeat;}
.loginVcode .closeIcon{ height:24px; width:24px; float:left; position: relative; top: 8px; display: none; }
.loginVcode .closeIcon{ background:url(../images/login-icon10.png) center no-repeat;  cursor:pointer; }


.sliderContainer.borderErr{ border: 1px solid #FF4422;}

.m-t14{ margin-top: 14px;}
.m-t45{ margin-top: 45px;}
.login_box li .xieyi{ height: 18px; padding-top: 44px; padding-bottom: 16px;}
.xieyi .xieyi-words{ font-size: 12px; color: #666;} 
.xieyi .xieyi-words i{ position: relative; top: 4px; display: inline-block; width: 18px; height: 18px; margin-right: 6px;}
.xieyi .xieyi-words i.def{background:url(../images/login-icon17.png) no-repeat;}
.xieyi .xieyi-words i.ok{background:url(../images/login-icon18.png) no-repeat;}
.xieyi .xieyi-words i.err{background:url(../images/login-icon19.png) no-repeat;}
.xieyi .xieyi-words.on{color: #FF4422; }
.code-img-box{ width: 348px; height: 90px; position: absolute; top: -93px; left: 0;}
.code-img-box img{ width: 100%; height: 90px;}
.code-img { width: 46px; height:46px; position: absolute;top: 0;left: 0;}

.login_box .blink{ width: 356px; margin: 0 auto; height: 48px; border-top: 1px solid #EDEDED;}
.login_box .newloginlink li.li1, .login_box .newloginlink li.li2, .login_box .newloginlink li.li3{ width: 86px; height: 20px; border-right: 1px solid #ededed;}
.login_box .newblink li.li1 div{ text-align: left;}
.login_box .newblink li span{ display: inline-block;}
.login_box .newblink li .s2{ position: relative; top: -3px;}
.login_box li input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #969696;}