@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body {background:#f4f4f4; color:#333; font-size:14px; line-height: 1.42857143; font-family:"微软雅黑, Microsoft YaHei, arial, helvetica, sans-serif";}
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px;margin-bottom: 10px;}
h1 { font-size: 32px;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } /*禁用了文本的拖拉，尤其在谷歌下*/
p{ text-align:justify; text-justify:distribute; margin: 0 0 10px;} /*为了使文本段落左右两边对齐*/
a { color: #286fb7; text-decoration:none; background-color: transparent;}
a:active,a:hover { color: #004A7C; text-decoration:none; }
b,strong { font-weight: bold;}
.clear {clear: both;}


/***layout****/
.page { position: absolute; width: 100%; height: 100%;}
.loginlogo { position: absolute; width: 100%;  height: 50%; background: #286fb7;}
.logo { float: left; padding-left: 120px; margin-right: 30px;margin-top: 60px;}
.logo-word { float: left;  color: #fff;  font-size: 32px;  line-height: 42px;  height: 60px;  margin: 5px 0; border-left: 1px solid rgba(255,255,255,.6); padding-left: 30px; margin-top: 65px;}
.logo-word span.EN { font-size: 14px; line-height: 18px; display: block;}

.layout1 { position: absolute; width: 1200px; height: 480px; left: 50%; top: 50%; margin-left: -600px; margin-top: -200px;}
.loginlayout { width: 880px; height: 280px; background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,.3); margin: auto; padding: 60px;}
.footer { margin-top: 30px; width: 100%;}
.footer p { text-align: center; font-size: 14px; color: #666;}

/**from**/
.from { float: left; margin: 0 20px; border-right: 1px dashed #e5e5e5; padding-right: 80px;}
.from-group { padding: 0; clear: both;}
.links-word { float: right; line-height: 34px; height: 34px; margin: 0 0px 20px 0;}

.inputtext { display: block; height: 34px; padding: 6px 10px; font-size: 16px; line-height: 1.42857143; color: #333; background: #f7f7f7; border: none; margin-bottom: 20px; float: left;}
.inputimage { float: right; width: 100px; height: 46px;}
input::-webkit-input-placeholder { color: #999;}
input:-moz-placeholder { color: #999;}
input::-moz-placeholder { color: #999;}
input:-ms-input-placeholder { color: #999;}

.width280 { width:260px;}
.width160 { width: 140px;}
.width364 { width: 344px;}

button { width: 100%; height: 46px; line-height: 36px; text-align: center; padding: 6px 15px;}
.btn { font-size: 18px; color: #fff; background: #286fb7; border: none;}
.btn-gray { background: #f7f7f7; color: #333; cursor: pointer;}
.btn-gray:hover { color: #fff; background: #286fb7;}
.btn-link { display: block; float: right; font-size: 14px; line-height: 46px; margin-top: -66px; padding-right:15px;padding-left:15px; width:130px}
.btn-link::before { content: "|"; padding-right: 15px; color: #ccc;}

/**from-info**/
.from-info { float: left; width: 438px; margin-left: 40px;}
.icon { margin: 10px 0 40px 0;}
.icon li { float: left; width: 33.33333333%;}
.icon li span { display: block; font-size: 12px; line-height: 24px; text-align: center; color: #286fb7;}

.tip { margin: 10px 0;}
.tip-title { background: url(images/triangle.png) left center no-repeat; padding-left: 18px; font-size: 16px; color: #333; line-height: 24px; height: 24px;}
.tip p { font-size: 12px; color: #666; line-height: 24px; padding-left: 18px; margin: 10px 0;}


/***重置密码***/
.password { padding: 60px 0; width: 1000px; height: 280px;}
.panel-left {  float: left; border-right: 1px dashed #e5e5e5; padding: 0 40px; height: 280px;}
.panel-right { float: left; position: relative; height: 280px; width: 498px;}
.center-div { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 364px;}
.title { font-size: 22px; color: #333; font-weight: bold; line-height: 26px; margin: 10px 0;}
.Steps { width: 420px; padding: 20px 0; height: 150px; position: relative;}
.steps-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 420px;}

.wordlink a { float: right; display: block; margin: 10px 0; font-size: 16px; line-height: 24px; height: 24px; color: #286fb7; padding-left: 24px; background: url(images/return.png) left center no-repeat;}
.label { float: left; font-size: 16px; color: #333; height: 34px; line-height: 34px; padding: 6px 5px 6px 15px; background: #f7f7f7;}
span.prompt { color: #F43530; line-height: 24px; display: block; margin-bottom: 15px;}
.margintop20 { margin-top: 20px;}
.steps-list li {
    float: left;
    position: relative;
}
.steps-list li::after {
    content: " ";
    display: block;
    float: right;
    width: 50px;
    height: 1px;
    margin-top: 18px;
    background: #ccc;
}
.steps-list li.success::after { background: #286fb7;}
.steps-list li:last-child::after { display: none;}
.steps-list li span { display: block; text-align: center; color: #999;}
.steps-list li span.oval { 
    display: block; 
    width: 33px; 
    height: 33px;
    border: 1px solid #286fb7;
    border-radius: 20px;
    font-size: 22px;
    color: #286fb7;
    text-align: center;
    line-height: 33px;
    margin: 0 15px 8px 15px;
}

.steps-list li.success span.oval { background: url(images/success_small.png) center no-repeat;text-indent:-9999px;}

.steps-list li.current span { color: #286fb7;}
.steps-list li.current span.oval { background: #286fb7; color: #fff;}

.floatleft {float: left;}
.czmmwc{ background: url(images/success_big.png) 30px no-repeat; height:28px; line-height:28px; padding-left:70px; padding-bottom:30px; padding-top:30px; font-size:16px; font-weight:bold; }
.login-btn-primary{
    width: 60px;
    height: 26px;
    line-height: 14px;
    color: #fff;
    background: #286fb7;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
}
.login-btn-primary:hover {
	background: #005691;
}
.login-btn-links {
	width:60px;
	color:#286fb7;
	margin-bottom:1px;
	border-radius: 2px;
}
.login-btn-links:hover {
	background:#eee;
	border-radius: 2px;
}