html,body,div,span,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;box-sizing: border-box;}
body,input,textarea,select,button,table{font-family:"微软雅黑",sans-serif;font-size:12px; margin:0; position: relative;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none !important;}
a:hover,a:active,a:focus{text-decoration:none;}
@font-face{font-family:data; src:url(../fonts/data.otf);}
img{
    vertical-align: middle;
}
input{
    border: none;
    outline: none;
}
body{
    position: relative;
    font-size: 13px;
}
.wrap{

}
.container{
    background: url(../img/bg.png);
    background-size: cover;
    height: 340px;
}
.system-title{
    padding: 80px 0 45px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}
.login-left-img{
    float: left;
    margin: 0 30px;
}
.form-container{
    width: 435px;
    margin: 0 auto;
    padding: 40px 35px;
    background: url(../img/form-box-bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.form-box{
    margin: 0 auto;
    border-radius: 5px;
    padding: 0 35px 40px 35px;
}
.form-box .form-header{
    position: relative;
    text-align: center;
    margin: 15px 0 25px 0;
}
.form-box .form-header::after{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: '';
    width: 100%;
    height: 1px;
    background: #dadada;
}
.form-box .form-header p{
    position: relative;
    display: inline-block;
    z-index: 10;
    background: #fff;
    padding: 0 20px;
}
.form-box .form-header .cn{
    font-size: 20px;
    color: #0082fc;
    vertical-align: middle;
}
.form-box .form-header .en{
    margin-left: 10px;
    font-size: 13px;
    color: #acacac;
    vertical-align: middle;
}
.form-box .form-item {
    margin: 15px 0;
    border: 1px solid #77bdd9;
    border-radius: 5px;
}
.form-box .form-item .img-box{
    padding: 8px 5px;
    display: inline-block;
    background: #eeeeee;
    border-radius: 5px 0 0 5px;
}
.form-box .code-item{
    margin: 15px 0;
}
.form-box .code-box{
    width: 50%;
    padding: 6px 5px;
    display: inline-block;
    border: 1px solid #c5c5c5;
}
.form-box .code-box input{
    width: 100%;
    vertical-align: middle;
}
.form-box .button-box{
    width: 48%;
    display: inline-block;
    text-align: right;
    font-size: 10px;
    color: #8f8f8f;
    float: right;
}
.form-box .form-item input{
    width: 260px;
    padding: 8px 5px;
    border: none;
}
.form-footer button{
    margin-top: 40px;
    width: 100%;
    background: #1d8bdc;
    color: #fff;
    line-height: 35px;
    border: none;
    font-size: 15px;
}