* {
    margin: 0;
    padding: 0;
}
ol,ul,li{list-style-type:none;}
img{border:0px; vertical-align:middle;}
form {margin:0px;padding:0px;}
.clear { height:0px; clear: both; overflow:hidden; }
.clear10 { height:10px; clear: both; overflow:hidden; }
.wei { border-bottom:none !important;}
.fl { float:left;}
.fr { float:right;}
input ,select {font-family:"Microsoft YaHei";}
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }

html { }

body { font-size: 12px; line-height: 24px; color: #444; background:#fff; font-family:"Microsoft YaHei";}
a { text-decoration: none; color: #444;}
a:hover { text-decoration: none; color:#337bc3;}

#wrap { min-width:1100px; }

#header { height:20%;}
.topbox { width:1050px; margin:0px auto;}
.topbox .logo{ padding:16px 0px 0px 17px;}


#mainer {
    background: url(loginBack.PNG);
    background-repeat: no-repeat;
    background-size: 100%;
    position:absolute;
    height: 100%;
    width:100%
}
.login_main { width:70%; margin:0px auto; padding-top:10%;}
.login_img { float:left; width:200px; padding-top:55px;}
.login_box { float:right; width:390px; height:380px;  padding-left:60px;margin-top: 0px;margin-right: -20px;}

.login_tit { color:#fff; font-size:24px; line-height:44px; height:64px; padding-top:40px;letter-spacing: 12px;}

.login_box .item{height:46px; line-height:46px; margin-bottom:8px; font-size:14px;position:relative;}
    .login_box .item .input1 {
        width: 295px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        color: #333;
        border: 1px #efefef solid;
        text-align: left;
        background: #ffffff;
        padding-left: 43px;
    }
    .login_box .item .input2 {
        width: 295px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        color: #333;
        border: 1px #efefef solid;
        text-align: left;
        background: #ffffff;
        padding-left: 43px;
    }
.login_box .item .input1{// background:url(../images/login/b1.png) 15px center no-repeat #ffffff; }
.login_box .item .input2{// background:url(../images/login/b2.png) 15px center no-repeat #ffffff;  }
.login_box .item .input + i{width: 36px;height: 42px;display: block;position: absolute;left: 1px;top: 1px;padding: 1px;}
.login_box .item .input1 + i{background: url(../images/login/b1.png) 12px center no-repeat #ffffff;}
.login_box .item .input2 + i{background: url(../images/login/b2.png) 12px center no-repeat #ffffff;}

.login_box .item .input:focus { border: 1px #01538d solid;outline: none; }
.login_box .item2{ margin-top:20px; margin-bottom:30px; position:relative; overflow:hidden; }
.login_box .item2 label{ cursor:pointer; height:20px; position:relative; padding-left:25px; background:url(../images/login/b3.png) left 2px no-repeat; overflow:hidden; line-height:20px; font-size:14px; }
.login_box .item2 label input{ position:absolute; left:-20px; top:-20px;  }
.login_box .item2 label.on{ background:url(../images/login/b3.png) left -46px no-repeat; }

.login_box .item .btn{ display:block; width:340px; height:46px; font-size:18px; line-height:46px; text-align:center; color:white; background:#36c6d3; border:none; cursor:pointer;font-weight: 600;}
.login_box .item .btn:hover{ background:black; color:#fff;}


.footbox { text-align:center; padding:0px; line-height:20px; font-size:14px; color:#fff;}