body{
    font:1.2rem "microsoft yahei",arial,helvetica,sans-serif;
    color:#585862;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
    margin:0;
    padding:0;
}
a:hover{
    text-decoration: none;
}
a:focus{
    text-decoration: none;
}
input{
    border: none;
    outline: none;
}
img{
    vertical-align:middle;
}
#top{
    border-bottom:1px solid #cccccc;
    box-shadow: 0px 0px 6px #cccccc;
}
#top .navbar-header{
    width: 15%;
}
#top .navbar-header a{
    width:50%;
}
#top .navbar-header img{
    margin-bottom: 5px;
}
#top .navbar-nav{
    margin-left: -5%;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 10px 0px;
    font-size: 18px;
    line-height: 50px;
}
#top .right{
    margin-left: 200px;
    list-style: none;
}
#top{
    background-color: rgba(255,255,255,0.7);
}
.navbar-nav{
    list-style: none;
}
.navbar-nav li > a{
    color:#111;
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px!important;
    margin: 8px 5px;
    text-decoration: none;
}
.navbar-nav li.active > a{
    color:#3dd988;
    text-decoration: none;
}
.nav > li > a{
    padding-left: 15px;
    padding-right: 15px;
}
#top .right{
    margin-left: 3%;
    list-style: none;
}
#top .right li.active a{
    color:#3dd988;
    border: 1px solid #3dd988;
    border-radius: 6px;
}
.navbar-toggle{
    border:1px solid #585862;
    background-color: #585862;
}
.navbar-toggle .icon-bar{
    background-color: #eff3f5;
}
/*页面*/
body{
    overflow-y: hidden;
}
#main .container{
    padding: 5% 0;

}
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;}
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:100%;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}


/*忘记密码  必要样式*/
.clears{ clear:both;}
.for-liucheng{width:85%;margin:30px auto; height:50px;padding:20px 0 0 0; position:relative; text-align: center}
.for-liucheng div:first-child{
    border-bottom-left-radius: 3.5px;
    border-top-left-radius: 3.5px;
}
.for-liucheng div:nth-child(4){
    border-bottom-right-radius: 3.5px;
    border-top-right-radius: 3.5px;
}
.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:#42db93;}
.liutextbox .for-cur em{ background:#42db93;}
.liutextbox .for-cur strong{color:#42db93;}

.forget-pwd{width:500px;margin:7% auto 0 auto;min-height:400px;}
.forget-pwd input,.forget-pwd select,.forget-pwd button{border:0;margin:0;padding:0; background:none;}
.forget-pwd dl{margin-bottom:20px;}
.forget-pwd dt{float:left;padding-right:10px;width:70px; height:34px; line-height:34px; text-align:right; font-size:14px;}
.forget-pwd dd{float:left;width:380px; height:30px; position:relative;}
.forget-pwd dd input{width:190px; height:34px;border:#b3b3b3 1px solid;border-radius: 4px;padding-left:5px;}
.forget-pwd dd button{width:120px; height:30px; line-height:30px;border:#ddd 1px solid; background:#f1f1f1; text-align:center; cursor:pointer; font-size:14px;color:#666;}
.forget-pwd .yanzma{ position:absolute;left:200px;top:2px; height:30px; line-height:30px;width:180px;}
.subtijiao{padding:0 0 0 68px;}
.subtijiao input{width:85px; height:32px; background:#42db93;color:#fff; font-size:14px; cursor:pointer;border-radius: 4px;}
.successs{ text-align:center;padding: 20px 0 60px 0;}
.successs h3{padding:20px; font-size:25px;color:#42db93;}
#main .btn{
    display:inline-block ;
    border: 1px solid #b3b3b3;
    margin-top: -4px;
}
#main .forget-pwd>p{
    margin: -5px 0px 10px 0px;
    display: none;
}
@media (min-width: 1200px){
    .container{
        width: 1200px;
    }
}
@media (max-width: 767px) {
    h1,h2,h3,h4,h5{
        font-weight: bold;
    }
    h1{
        font-size: 20px;
    }
    h2{
        font-size: 18px;
    }
    h3{
        font-size: 15px;
    }
    h4{
        font-size: 13px;
    }
    h5{
        font-size: 12px;
    }
    p{
        font-size: 12px!important;
    }
    a{
        font-size: 12px!important;
    }
    #top .right{
        margin-left: -16px!important;
    }
    #footer p span{
        height: 0;
    }
    #top .navbar-header img{
        width:43%;
    }
    .navbar-toggle {
        margin-right: 0px;
    }
}

@media (width: 768px){
    #top .right{
        margin-left: 565px;
    }
}
@media (max-width: 1199px) and (min-width: 994px ){
    #top .right{
        margin-left: 10%;
    }
    .navbar-nav li > a{
        color:#111;
        font-size: 16px;
        display: inline-block;
        padding: 5px 10px!important;
        margin: 8px -2px;
        text-decoration: none;
    }
}
@media (max-width: 993px) and (min-width:768px ){
    #top .right{
        margin-left: 70%;
    }
    .navbar-nav li > a{
        color:#111;
        font-size: 16px;
        display: inline-block;
        padding: 5px 10px!important;
        margin: 8px -2px;
        text-decoration: none;
    }
}
@media (max-width: 767px) {
    h1,h2,h3,h4,h5{
        font-weight: bold;
    }
    h1{
        font-size: 20px;
    }
    h2{
        font-size: 18px;
    }
    h3{
        font-size: 15px;
    }
    h4{
        font-size: 13px;
    }
    h5{
        font-size: 12px;
    }
    p{
        font-size: 12px!important;
    }
    a{
        font-size: 12px!important;
    }
    #top .navbar-header{
        width: 100%;
    }
    #top .right{
        margin-left: -16px!important;
    }
    .navbar-nav li > a{
        margin: 3px 5px;
    }
    .forget-pwd{width:90%;margin:15% auto 0 auto;min-height:400px;}
    .forget-pwd dt{padding-right:5px;width:25%; }
    .forget-pwd dd{width:75%;text-align: left;}
    .forget-pwd dd input{width:160px;}
    .forget-pwd .yanzma{ position:absolute;left:40%;top:2px; height:30px; line-height:30px;width:180px;}
    .subtijiao{padding:0 0 0 68px;}
    .subtijiao input{width:85px; height:32px; background:#42db93;color:#fff; font-size:14px; cursor:pointer;border-radius: 4px;}
    .successs{ text-align:center;padding: 20px 0 60px 0;}
    .successs h3{padding:20px; font-size:25px;color:#42db93;}
}
@media (max-width:767px) and (min-width:600px ){
    .forget-pwd{width:90%;margin:15% auto 0 auto;min-height:400px;}
    .forget-pwd dt{padding-right:5px;width:25%; }
    .forget-pwd dd{width:75%;text-align: left;}
    .forget-pwd dd input{width:160px;}
    .forget-pwd .yanzma{ position:absolute;left:40%;top:2px; height:30px; line-height:30px;width:180px;}
    .subtijiao{padding:0 0 0 68px;}
    .subtijiao input{width:85px; height:32px; background:#42db93;color:#fff; font-size:14px; cursor:pointer;border-radius: 4px;}
    .successs{ text-align:center;padding: 20px 0 60px 0;}
    .successs h3{padding:20px; font-size:25px;color:#42db93;}
}
@media (max-width:600px){
    .forget-pwd{width:80%;margin:15% auto 0 auto;min-height:400px;}
    .forget-pwd dt{padding-right:5px;width:63px; }
    .forget-pwd dd{width:75%;text-align: left;}
    .forget-pwd dd input{width:130px;padding-left:5px;}
    .forget-pwd .yanzma{ position:absolute;left:133px;top:2px; height:30px; line-height:30px;width:180px;}
    .subtijiao{padding:0 0 0 68px;}
    .subtijiao input{width:85px; height:32px; background:#42db93;color:#fff; font-size:14px; cursor:pointer;border-radius: 4px;}
    .successs{ text-align:center;padding: 20px 0 60px 0;}
    .successs h3{padding:20px; font-size:25px;color:#42db93;}
}