/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{font-size:12px;color:#333; font-family:"Microsoft Yahei"; overflow-x:hidden; background:#f7f7f7;}
.bodybg{ background:url(../images/bodybg.jpg) right 160px no-repeat;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }

a{color:#333;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
a:hover{color:#005b9e;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
img{ max-width:100%; height:auto;}
.web-width{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}


/*忘记密码  必要样式*/
.clears{ clear:both;}
.for-liucheng{width:750px;margin:100px auto 50px auto; height:50px;padding:20px 0 0 0; position:relative;}
.liulist{float:left;width:25%; height:7px; background:#ccc;}
.liutextbox{ position:absolute;width:100%;left:0;top:10px;}
.liutextbox .liutext{float:left;width:25%; text-align:center;}
.liutextbox .liutext em{ display:inline-block;width:24px; height:24px;-moz-border-radius: 24px; -webkit-border-radius: 24px;border-radius:24px; background:#ccc; text-align:center; font-size:14px; line-height:24px; font-style:normal; font-weight:bold;color:#fff;}
.liutextbox .liutext strong{ display:inline-block;height:26px; line-height:26px; font-weight:400;}
.liulist.for-cur{ background:#77b852;}
.liutextbox .for-cur em{ background:#77b852;}
.liutextbox .for-cur strong{color:#77b852;}

.forget-pwd{width:520px;margin:20px auto;min-height:400px;display:none;}
.forget-pwd input,.forget-pwd select,.forget-pwd button{border:0;margin:0;padding:0; background:none;}
.forget-pwd dl{margin-bottom:25px;}
.forget-pwd dt{float:left;padding-right:10px;width:100px; height:30px; line-height:30px; text-align:right; font-size:14px;}
.forget-pwd dd{float:left;width:380px; height:30px; position:relative;}
.forget-pwd dd input{width:190px; height:28px;border:#ccc 1px solid;}
.forget-pwd dd .error {border:#FF5243 1px solid;}
.forget-pwd dd select{width:190px; height:30px;border:#ccc 1px solid;}
.forget-pwd dd .smscode{width:150px; height:30px; line-height:30px;border:1px solid #FF751A; background:#FFF1E8; text-align:center; cursor:pointer; font-size:14px;color:#FF6A00;}
.forget-pwd dd .smsdisable {color:#9a9a9a;border-color:#9a9a9a;}
.forget-pwd .yanzma{ position:absolute;left:200px;top:2px; height:30px; line-height:30px;width:180px;}
.subtijiao{padding:0 0 0 110px;}
.subtijiao input{width:105px; height:32px; background:#f60;color:#fff; font-size:14px; cursor:pointer;}
.subtijiao .check {background:lightgray}
.successs{ text-align:center;padding: 20px 0 60px 0;display:none;color:#A0CD4E;}
.successs h3{padding:20px 20px 20px 50px; font-size:25px;color:#000;}

.pwd_strength {width: 60px; border: #fff 1px solid; height: 20px;display:block;float:left;text-align:center;background-color:lightgray;margin-right:3px;margin-top:5px;}

.tips {
    margin-top:10px;
    float:left;width:380px;position:relative;
    background-color:#d9d8d8;border:1px solid #c6c4c4;
    padding:10px;
}
.tips p:first-child {
    padding-top:0px;
}
.tips p {
    margin: 0 auto;
    clear: both;
    padding-bottom:5px;
}

.header{
    width:100%;
    height:80px;
    padding-top:20px;
    border-bottom:1px solid #d6dfea;
    background:#eff4fa;
}
.header_layout{
    width:1000px;margin:0 auto;
}
.header_logo {
    float:left;cursor:pointer;padding:15px 0px 0px 0px;
}
.header_text {
    float:left;font:27px '微软雅黑','黑体','宋体';padding:13px 0px 0px 20px;color:#303030;
}
.header_right {
    float:right;padding-top:20px;
}
.header_right, .header_right a {
    font-size:15px;color:#6c6c6c;
    font-family:'微软雅黑','宋体';
}
.header_right span{
    padding:0 12px;
    color:#d6dfea;
}
.header_text .page-title {
    margin-top:4px;margin-left:15px;padding-left:15px;border-left:1px solid #d6dfea;line-height:30px;float:left;
}

.form-explain{
    color:#FF5243;
}
.form-explain i{
    font-size:1.33em;
    line-height:1em;
    text-shadow:0 1px 0 #fff;
    position:relative;
    top:4px;
    margin-right:3px;
    list-style:none;
    display:inline-block;
    font-family:rei;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    width:16px;height:16px;
    background-image:url(../image/wrong.jpg);
}

.footer {
    display: block;
    position: fixed;
    bottom: 0;
    background-color: #ececec;
    margin: 0 auto;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    overflow: hidden;
}
.footer p {
    margin: 0 auto;
    clear: both;
    width: 910px;
    text-align: center;
    line-height: 21px;
    color: #858585;
    font-size: 12px;
}
.footer p a {
    margin: 0 12px;
}