@charset "utf-8";

html{-webkit-text-size-adjust:none;}
body{margin:0;padding:0;font-family:'Microsoft YaHei','Open Sans',Helvetica,Tahoma,Arial,Sans-Serif;font-size:14px;line-height:24px;background:#fff;}

ul,li,form{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight: 700}
img{border:0;}
p{margin:0;padding:0;}
.clear{clear:both;}
*{outline: 0 none !important;}
i {font-size: 18px;margin-right: 5px;}

a {text-decoration: none;color: #3a3a3a;transition: all 0.5s ease 0s;}
a:focus {outline: none;}
a:hover {color: #f40;}
button{transition: all 0.5s ease 0s;cursor: pointer;}

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{ height:1%;}
.w{width:1200px;margin:0 auto;}

.container {width:1200px;margin:0 auto;min-width: 1200px;}

.login_bg{background:url("../images/login_bg.jpg") no-repeat 100% 100%;background-size:cover;}
.login_header{height:100px;line-height:100px;margin-bottom:100px;}
.logo{color:#fff;font-size:32px;font-weight: 700;line-height:70px;}
.login_header_mess{color:#fff;font-size:14px;padding-right:30px;}
.login_header_mess a{margin-left:10px;}


.flex_block{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.flex_main{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;display: inline-block;}

.login_header{width:100%;height:100px;background: rgba(255,255,255,1);min-width: 1200px;box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.login_header .logo{width:240px;height:60px;background:url("../images/logo.png") no-repeat center center;padding:0 30px;margin:20px 0;border-right:1px solid #eee;padding-right:30px;}
.login_header .logo a{display: block;height:60px}
.login_header h1{font-size:24px;padding-left:30px;font-weight: normal}
.login_header .system_name{display: inline-block;vertical-align: top}
.login_header .goback{padding:0 30px;}

.reg_form{width:500px;margin:0 auto;}
.reg_form_item{margin-bottom: 22px;}
.reg_form_item .item__label{text-align: right;vertical-align: middle;float: left;font-size: 16px;color: #606266;line-height: 40px;padding: 0 12px 0 0;box-sizing: border-box;}
.reg_form_item .item_content{line-height: 40px;position: relative;font-size: 14px;}
.reg_form_item .item_content .el-input{position: relative;font-size: 16px;display: inline-block;width: 100%;}
.reg_form_item .item_content .el-input .el-safecode{position: absolute;z-index:10;top:0;right:0;font-size: 14px;padding:0 20px;background:#2b9fe9;color:#fff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.reg_form_item .item_content .el-input__inner{-webkit-appearance: none;background-color: #fff;background-image: none;border-radius: 4px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;display: inline-block;font-size: inherit;height: 40px;line-height: 40px;outline: 0;padding: 0 15px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;}
.reg_form_item .item_content .is_error{border-color: #f56c6c;}
.reg_form_item .tip {font-size: 12px;color: #ccc;line-height: 20px;}
.reg_form_item .item__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #2b9fe9;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.register-btn {
    margin: 0 auto;
    width: 200px;
    height: 50px;
    font-size: 18px;
    background-color: #2b9fe9;
    color: #fff;
}
.register-btn:hover{background:#2ca7f5;}



/*******login*******/
.login_main{background:url('../images/login_bg.png') no-repeat;background-size: cover;position:fixed;top:100px;bottom:0;width:100%;}
.login_box{background:#fff;height:400px;width:400px;padding:60px;border-radius:5px;position:fixed;top:200px;right:150px;margin-left:-200px;box-shadow: 0 3px 4px rgba(0,0,0,.125);}

.login_form{}
.login_form h2{font-size:24px;padding: 0 0 10px;font-weight: normal}
.login_form .login_item{padding:10px 0;}
.login_form .login_item .login_txt{padding:0 5%;width:90%;height:50px;line-height:50px;font-size:16px;border:1px solid #ccc;border-radius: 5px;}
.login_form .login_btn{display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #2b9fe9;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    font-size: 18px;
    background-color: #2b9fe9;
    color: #fff;
}



.algin_center{text-align: center;}
.fr{float: right;}