﻿@charset "utf-8";
/* 
作者：张志红
时间：2018.3.16
备注：
 */

.password_body{background-color:#f9f9f9;overflow:hidden;}
.password_clearBoth{clear:both;}
.password_body *{margin:0;padding:0;}
.password_body .red{color:#f54040;}
.password_body .marAuto{display:block;margin:0 auto;}
.password_body .alignC{text-align:center;}
.password_body .relative{position:relative;}

.password_center_layout{width:850px;height:440px;font-family:"微软雅黑";position:absolute;left:50%;top:43%;margin:-220px -425px;}

.password_logo{float:left;}
.password_login{float:right;padding-top:13px;font-size:14px;color:#333;text-decoration:none;}
.password_login:hover{color:#f54040;text-decoration:underline;}

.password_center_center{height:440px;color:#555;font-size:14px;line-height:20px;background-color:#fff;margin-top:10px;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;}
.password_center_center h1{font-size:26px;line-height:30px;font-weight:100;color:#000;text-align:center;padding:20px 0;border-bottom:1px solid #e1e1e1;}

.password_center_center table{width:330px;margin:40px auto 0 auto;}
.password_center_center table th{text-align:left;padding-bottom:10px;}
.password_center_center table h2{font-size:14px;line-height:20px;color:#333;}
.password_center_center table th p{font-weight:normal;color:#999;}

.password_center_center table td{padding-bottom:20px;}

.password_center_center table .textInput{width:310px;font-size:14px;background-color:#fff;color:#333;border:1px solid #e1e1e1;height:42px;line-height:42px;padding:0 10px;font-family:"微软雅黑";outline:none;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}

/*隐藏输入框默认的清除按钮*/
input::-ms-clear{display:none;}

/*输入框获取焦点时边框style*/
.password_center_center table input:focus{border:1px solid #358FFF;}


/*输入框出错状态style*/
.password_center_center table .input_error{border-color:#f54040;color:#f54040;}
.password_center_center table .input_error:focus{border-color:#f54040;color:#f54040;}

.password_center_center .password_errText{font-size:12px;line-height:16px;color:#f54040;display:none;}


.password_center_center .input_clear{position:absolute;right:5px;top:13px;cursor:pointer;display:none;}

/********input placeholder color start********/
.password_center_center input::-webkit-input-placeholder{
	color:#999;
	}
.password_center_center input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
	}
.password_center_center input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
    }
.password_center_center input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#999;
    }	
/********input placeholder color end********/	

.password_center_center table .imgValiCode{width:172px;float:left;}
.password_center_center table .valiCodeValue{float:right;}
.password_center_center table .btn,.password_center_center table .btn02{display:block;width:100%;height:42px;line-height:42px;font-family:"微软雅黑";font-size:16px;text-align:center;outline:none;cursor:pointer;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;}
.password_center_center table .btn{color:#fff;background-color:#F54040;border:none;}

.password_center_center table .btn:hover{opacity:0.8;filter:Alpha(opacity=80);}

.password_center_center table input[type="button"]:focus{border:none;}


.password_center_center table .btn02{border:1px solid #D2D2D2;color:#707070;background-color:#ffffff;
text-decoration:none;}

.password_center_center table .btn02:hover{color:#000000;}


/*********验下码页面 start********/
.password_center_center table .valiCode{width:160px;float:left;}
.password_center_center table .sendAgain,.password_center_center table .sendAgain02{display:block;width:140px;float:right;text-align:center;
height:42px;line-height:42px;font-family:"微软雅黑";font-size:14px;text-align:center;outline:none;cursor:pointer;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;}

.password_center_center table .sendAgain{color:#f54040;border:1px solid #f54040;background-color:#fff8f8;}
.password_center_center table .sendAgain02{color:#999;border:1px solid #e1e1e1;background-color:#fff;}
/*********验下码页面 end********/


/********选择验证方式页面 start*********/
.password_center_center .choice{  
    position: relative;  
}  
.password_center_center .choice .radio{  
    position: relative;  
    display: inline-block;  
    padding-left: 20px;  
    cursor: pointer;  
}  
.password_center_center .choice .radio input{  
    position: absolute;  
    left: -9999px;  
}  
.password_center_center .choice .radio i{  
    display: block;  
    position: absolute;  
    top: 3px;  
    left: 0;  
    width: 15px;  
    height: 15px;  
    outline: 0;  
	background:url(/Images/TheUser/ico_nochoose.png) no-repeat;
	background-size:100% 100%;  
    transition: border-color .3s;
    -webkit-transition: border-color .3s;  
}  

.password_center_center .choice .radio input+i:after{  
    position: absolute;  
    content: '';  
    top: 0px;  
    left: 0px;  
    width: 15px;  
    height: 15px;  
    background-image:url(/Images/TheUser/ico_choose.png);
    opacity: 0;  
    transition: opacity .1s;  
    -webkit-transition: opacity .1s;  
}  
.password_center_center .choice .radio input:checked+i:after{  
    opacity: 1;  
}  

/********选择验证方式页面 end*********/

/******copyright**********/
.password_copyright_bottom{width:850px;font-size:12px;line-height:16px;text-align:center;color:#999;position:absolute;left:50%;bottom:40px;margin:0px -425px;
}
.password_copyright_bottom a{color:#999;text-decoration:none;}
.password_copyright_bottom a:hover{text-decoration:underline;}



