@charset "utf-8";

/* CSS Document */
body {font-family: "PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
a,input,button{ outline:none; }
a:link, a:visited, a:hover, a:active{text-decoration:none;}
p{font-family: '微软雅黑';}
ul li {list-style: none;padding: 0;margin: 0;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{font-size: 12px;font-weight: 100;padding: 0;margin: 0;}

.fl{float: left;}
.fr{float: right;}
.fc{clear: both;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

body{background-color: #e3ede3;}
.login_box{
    background-image: url(../images/login_bj.jpg);
    background-size: 100% 110%;
    height: 100vh;
    background-repeat: no-repeat;
    width: 100%;
}

.login_title{width: 730px;
    padding: 2.1rem 0;/*margin-left: 35%;*/margin:0 auto
}

.login_title img{width: 90%;
    margin: 0 auto;
    display: block;}
.login_conter{width: 1100px;
    height: 570px;
    background-image: url(../images/login_cen.png);
    background-size: 100%;
    /*margin-left: 16.5rem;*/margin:0 auto;
    background-repeat: no-repeat;box-shadow: 0px 2px 17px rgba(0,0,0,0.5);}
.login_user{width: 550px;}
.userSpan{display: block;color:#3c7e37;font-size: 2.1rem;letter-spacing: 5px;text-align: center}
.btn-backgColor1{background: #2e993b;color:#fff;font-size:20px;letter-spacing: 10px;}
.btn-backgColor1:link, .btn-backgColor1:visited, .btn-backgColor1:hover, .btn-backgColor1:active{background: #1c7c28;color:#fff;}
.loginReg{text-align: center;color:#999;font-size: 16px;margin-top:5px;}
.loginReg a{color: #3c7e37;}
.loginReg a:hover{font-weight: bold;text-decoration:underline;}
.form-control:focus{outline: 1px solid #3c7e37;
    box-shadow: 1px 2px 5px rgba(46,153,59,0.5);}
.userInput{margin: 2rem 0;}
.userInput input{height: 50px;}
.userInput .iconfont{color: #a6a6a6;font-size:26px;}
.userInput .input-group-text{padding: 0.1rem 0.75rem;}

@media (max-width: 1600px){
    .login_conter{width: 950px;
        height: 493px;}
    .my-5{margin-top: 2rem!important;
        margin-bottom: 2rem!important;}
    .login_title{width: 640px;padding: 1.3rem 0;}
}
@media (max-width: 1440px){
    .login_title{padding: 1.3rem 0;}
}
@media (max-width: 1366px){
    .my-5{margin-top: 2rem!important;}
    .login_conter{width: 950px;height: 493px;/*margin-left: 14.5rem;*/}
    .login_user{width: 480px;}
}
@media (max-width: 1185px){
    .login_title{width: 520px;padding: 3.1rem 0;/*margin-left: 38%;*/}
    .login_title img{width: 100%}
    .my-5{margin-top: 2rem!important;}
    .login_conter{width: 800px;height: 415px;/*margin-left: 14.5rem;*/}
    .login_user{width: 400px;}
    .my-5{margin-top: 1rem!important;margin-bottom: 1rem!important;}
    .userInput {margin: 1rem 0;}
    .mb-4 {margin-bottom: 1rem!important;}
    .col-8{width: 86%;}
}

@media (max-width: 1035px){
    .login_conter {
        width: 600px;background-size: inherit;}
    .userSpan{font-size: 1.5rem;}
    .login_user {
        width: 300px;
    }
}