body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, pre,
fieldset, lengend, button, input, textarea,
th, td {
    margin: 0;
    padding: 0;
}
ol{
    margin: 0;
    padding: 0;
    /*list-style: none;*/
}
body, button, input, select, textarea {
    font: 12px/1.5 "Microsoft Yahei", Helvetica Neue, Helvetica,
    STHeiTi, sans-serif;
}
a {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
address, cite, dfn, em, var { font-style: normal; } /* 锟斤拷斜锟斤拷锟斤拷锟� */

@media screen  and (min-width: 641px) {
    .nav{
        margin-top:1%;
        margin-left:20%;
    }
    .nav img{
        width: 125px;
        height: 63px;
    }
    .nav span:nth-of-type(1){
        width:1px;
        height:30px;
        background:#bebebe;
        display:inline-block;
        margin:0 17px;
        position: relative;
        top:-3px;
    }
    .nav span:nth-of-type(2){
        font-size:20px;
        color:#000;
        margin-top:-5px;
        display:inline-block;
        position: relative;
        top:-6px;
    }
    .banner{
        width:100%;
        height:575px;
        margin-top: 15px;
        padding-top:1px;
        position: relative;
        background: url("../images/background.png") no-repeat;
        background-size:100% 90%;
    }
    .banner .login{
    	/* opacity: 0.8; */
        width:300px;
        height: 470px;
        background: #fff;
        border-radius: 8px;
        top:25px;
        position: absolute;
        margin-left:62%;
        overflow: hidden;
    }
    .banner .login .top{
        width:100%;
        height:46px;
        color:#000;
        font-size:18px;
        line-height:46px;
        text-align: center;
        background: -webkit-linear-gradient(#fdfdfe, #d4e1e6); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#fdfdfe, #d4e1e6); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#fdfdfe, #d4e1e6); /* Firefox 3.6 - 15 */
        background: linear-gradient(#fdfdfe, #d4e1e6); /* 锟斤拷准锟斤拷锟斤法 */
    }
}
@media screen  and (max-width: 640px) {
    .banner {
        width: 100%;
        height: 575px;
        background: #fff;
        margin-top:10px;
        padding-top:10px;
    }
    .banner .login {
        width: 300px;
        height: 470px;
        background: #FAFAFA;
        border-radius: 8px;
        top: 100px;
        overflow: hidden;
        margin: 0px auto;
    }
    .nav{
        /*margin-top:1%;*/
        /*margin-left:6%;*/
        background:#E8E8E8;
        padding-top:2px;
        padding-left:6%;
    }
    .nav img{
        width: 85px;
        height: 43px;
    }
    .nav span:nth-of-type(1){
        width:1px;
        height:20px;
        background:#bebebe;
        display:inline-block;
        margin:0 17px;
        position: relative;
        top:-3px;
    }
    .nav span:nth-of-type(2){
        font-size: 14px;
        color: #000;
        display: inline-block;
        position: relative;
        top: -8px;
    }
    .banner .login .top{
        width:100%;
        height:46px;
        color:#000;
        font-size:18px;
        line-height:46px;
        text-align: center;
        background:#d4e1e6;
    }
}
.banner .login .user{
    width:245px;
    height:40px;
    border-radius: 4px;
    border:1px solid #aaaaaa;
    margin-top:12px;
    margin-left:26px;
}
.banner .login .user .user_icon{
    width:14px;
    height:16px;
    display:inline-block;
    margin-top:13px;
    margin-left:14px;
    background-image: url("../images/user.png");
}
.banner .login .user input{
    color:#000;
    font-size:16px;
    margin-left:15px;
    position: relative;
    top:-3px;
    border: none;
    outline: none;
    background:#FAFAFA;
    width:170px;
}
.banner .login .password{
    width:245px;
    height:40px;
    border-radius: 4px;
    border:1px solid #aaaaaa;
    margin-top:20px;
    margin-left:26px;
}

.banner .login .password .password_icon{
    width:14px;
    height:16px;
    display:inline-block;
    margin-top:13px;
    margin-left:14px;
    background-image: url("../images/password.png");
}
.banner .login .password input{
    color:#000;
    font-size:16px;
    margin-left:15px;
    position: relative;
    top:-3px;
    border: none;
    outline: none;
    background:#FAFAFA;
    width:170px;
}
.banner .login .authCode{
    width:245px;
    height:30px;
    margin-top:15px;
    margin-left:26px;
}
.banner .login .authCode input{
    color:#000;
    width:100px;
    font-size:12px;
    position: relative;
    top:-9px;
    border: none;
    outline: none;
}
.banner .login .authCode img{
    width:80px;
    height:32px;
    margin-left:4px;
}
.banner .login .authCode input{
    width:100px;
    height:32px;
    border-radius: 4px;
    border:1px solid #aaaaaa;
}
.banner .login .authCode span{
    display:inline-block;
    position:relative;
    top: -8px;
    left:3px;
}
.remember .click{
    width:13px;
    height:13px;
    border:1px solid #dddddd;
    display:inline-block;
    margin:18px 0px 0px 30px;
}
.remember span:nth-of-type(2){
    position: relative;
    top:-2px;
}
.btn{
    width: 242px;
    height: 38px;
    background: #0492c2;
    border-radius: 2px;
    margin:10px auto;
    color:#fff;
    text-align: center;
    line-height: 38px;
    font-size:16px;
    letter-spacing: 4px;
    border:none;
    display:block;
}
.bottom{
    width:100%;
    height: 152px;
    background: #fcfcfc;
    padding-top:1px;
}
.bottom ul li:nth-of-type(1){
    margin-top:15px;
    color:#7d9db9;
    font-size:13px;
    width:240px;
}
.bottom ul li:nth-of-type(2){
    margin-top:12px;
    font-size:13px;
    width:240px;
    color:#b1bacf;
}

.callout.callout-danger, .callout.callout-warning {
    color:#dd4b39 !important;
}

.callout {
    border-radius: 3px;
    padding: 10px 30px 10px 30px;
    font-size:14px;
}
.login-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}