body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button {
    font-family:"微软雅黑","宋体",Arial,Helvetica,sans-serif;
    font-size:14px;
    color: #333;
    margin:0;
    padding:0;
}
button{outline:none;}
html,body{height: 100%;}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul,li {
    list-style:none;
}
caption {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
abbr,acronym {
    border:0;
}
a img {
    border:none;
}
ul,ol {
    list-style:none;
}
input,textarea {
    outline:none;
}
a:link,a:visited,a:active {
    text-decoration:none;
}
a {
    cursor:pointer;
}
a {
    color:#575757;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    text-decoration:none;
}
.title{
    text-align: center;
    margin-top: 120px;
    font-size: 35px;
}
.title h2{font-size: 35px;}
.clear {
    clear:both;
    overflow:hidden;
    font-size:1px;
}
.left,.fl {
    float:left;
    display:inline;
}
.right,.fr {
    float:right;
    display:inline;
}
/*form {
	display:inline-block;
}
*/
strong,b {
    font-weight:bold;
}
.cl {
    clear:both;
}
.icon_p{
    position: absolute;
    top: 11px;
    left: 4px;
}
.iconfont{color:#079df6;font-size:18px;}
.boxer {
    background: #fff url(../Images/Public/login_bg.png) no-repeat center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    height: 100%;
}
.box1 {
    width: 1000px;
    margin:30px auto 0;
    overflow: hidden;
    box-shadow: 0px 0px 20px 5px rgba(118,119,121,.1);
    border-radius: 10px;
    background: #fff;
    height: 500px;
}
.middle1 {
    overflow: hidden;
}
.middle_left {
    float: left;
    width: 600px;
}
.middle_left img {
    width: 100%;
}
.middle_right {
    width: 400px;
    float: right;
}
.mr_box {
    width: 318px;
    margin: 0 auto;
    margin-top: 60px;
}
.mr_box form{
    text-align: center;
}
.mr_box h2 {
    letter-spacing: 2px;
    margin-bottom: 50px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 20px;
}
input::-webkit-input-placeholder {
    color: #c1c1c1;
}
.form-group {
    margin-bottom: 44px;
    position: relative;
}
.mar_b {
    margin-bottom:20px;
}
.form-control {
    height: 48px;
    width: 278px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 40px;
}
.login {
    height: 50px;
    line-height: 50px;
    width: 100%;
    border: none;
    border-radius: 60px;
    background: #14a7ff;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: .3s all linear;
    margin-top: 40px;
}
.login:hover {
    background:#0a98eb;
    transition: .3s all linear;
}
/* Toastr custom style */
#toast-container > .toast {
    background-image: none !important;
}
#toast-container > .toast:before {
    position: fixed;
    font-family: 'iconfont';
    font-size: 24px;
    line-height: 24px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
    content: "\ec2a";
}
#toast-container > .toast-error:before {
    content: '\e67f';
}
#toast-container > .toast-info:before {
    content: '\e681';
}
#toast-container > .toast-success:before {
    content: '\e680';
}
#toast-container > div {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}
#toast-container > :hover {
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}
.toast {
    background-color: #44b549;
}
.toast-success {
    background-color: #44B549;
}
.toast-error {
    background-color: #ed5565;
}
.toast-info {
    background-color: #44b549;
}
.toast-warning {
    background-color: #f8ac59;
}
.toast-top-full-width {
    margin-top: 20px;
}
.toast-bottom-full-width {
    margin-bottom: 20px;
}
.toast-message{color: #fff;}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control-label{
    font-size: 15px;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #e5ebfa;
    border-color: #e5ebfa;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #bac8f3;
}
.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
    box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #059df6;
    background-color: #059df6;
}
.custom-checkbox .custom-control-label::before {
    border-radius:4px;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.custom-control-label::before {
    position: absolute;
    top:1px;
    right: 64px;
    display: block;
    width:16px;
    height: 16px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #b7b9cc solid 1px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background:url(../images/duigou.png) no-repeat;
}
.custom-control-label::after {
    position: absolute;
    top:5px;
    right: 62px;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background: no-repeat 50%/50% 50%;
}
/* 密码错误 */
.f_pass_n{

}
.f_pass i{
    margin:11px  6px 0 0;
}
.f_pass p{
    color: #dc0a0a;
    text-align: left;
}

@media only screen  and (max-width: 700px){
    .box1 {
        margin-top: 20px;
        width: 400px;
        height: 450px;
    }
    .mr_box{
        margin-top: 40px;
    }
    .mr_box h2 {
        margin-bottom: 34px;
    }
    .middle_left {
        display: none;
        float: none;
    }
    .middle_right {
        float: none;
        margin: 0 auto;
        overflow: hidden;
        height: 470px;
        width: 418px;
    }
    .login {
        margin-top: 25px;
    }
    .form-group {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 500px) {
    .box1 {
        margin-top: 80px;
        width: 80%;
        height: 450px;
    }
    .mr_box{
        margin-top: 40px;
    }
    .mr_box h2 {
        margin-bottom: 34px;
    }
    .middle_left {
        display: none;
        float: none;
    }
    .middle_right {
        float: none;
        margin: 0 auto;
        overflow: hidden;
        height: 450px;
        width: 100%;
    }
    .login {
        margin-top: 25px;
        width:80%;
    }
    .form-group {
        margin-bottom: 20px;
    }
}