.wrap {
    /*background: url("../images/login/loginBac.png") no-repeat;*/
    background-size: 100% 100%;
    width: 100vw;
    height: 100vh;
}.dewrap {
    background: url("../images/login/henting.vip/loginBac.png") no-repeat;
    background-size: 100% 100%;
    width: 100vw;
    height: 100vh;
}
.box {
    display: flex;
    position: fixed;
    top: 13%;
    left: 14%;
    width: 72%;
    height: 74%;
}
.box>* {
    flex: 1;
}
.box_content {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;

    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    -o-box-align: center;

    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;

    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
.layui_wrap {
    width: 50%;
}
.box_title {
    display: flex;
    text-align: center;
}
.box_title li {
    flex: 1;
    padding-top: 35px;
    line-height: 25px;
    color: #9e9e9e;
    cursor: pointer;
}
.box_title .active {
    color: #f5711d;
    border-bottom: 3px solid #f5711d;
}


.box_logo {
    text-align: right;
}
.box_logo img {
    margin: 20px 40px 0 0;
    width: 12rem;
}

.login_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(238, 238, 238, 0);
    height: 36px;
    line-height: 36px;
    text-align: center;
    z-index: 9999;
    width: 100%;
}
.login_footer a {
    color: #fff;
}
.haiDe1 {
    background: url("../images/login/haide1.png") no-repeat top;
    background-size: 30px;
}
.haiDe2 {
    background: url("../images/login/haide2.png") no-repeat top;
    background-size: 30px;
}
.YCYun1 {
    background: url("../images/login/ycyun1.png") no-repeat top;
    background-size: 30px;
}
.YCYun2 {
    background: url("../images/login/ycyun2.png") no-repeat top;
    background-size: 30px;
}
.yunM1 {
    background: url("../images/login/yunm1.png") no-repeat top;
    background-size: 30px;
}
.yunM2 {
    background: url("../images/login/yunm2.png") no-repeat top;
    background-size: 30px;
}
.xiaodianM1 {
    background: url("../images/login/xiaodianM1.png") no-repeat top;
    background-size: 30px;
}
.xiaodianM2 {
    background: url("../images/login/xiaodianM2.png") no-repeat top;
    background-size: 30px;
}
.xiaochuM1 {
    background: url("../images/login/xiaochuM1.png") no-repeat top;
    background-size: 30px;
}
.xiaochuM2 {
    background: url("../images/login/xiaochuM2.png") no-repeat top;
    background-size: 30px;
}
.box_form {
    padding-top: 30px;
}
.inputDiv input {
    padding-left: 2.4rem;
    background: url("../images/login/admin.png") no-repeat 0.8rem 0.45rem;
}
.passwordInputDiv input {
    padding-left: 2.4rem;
    background: url("../images/login/pwd.png") no-repeat 0.8rem 0.45rem;
}
.aTagDiv a {
    font-size: 12px;
    text-decoration: underline;
    color: #F5711d;
}
.aTagDiv a:last-of-type {
    float: right;
    text-decoration: none;
    color: #b5b5b5;
}
.btnDiv button {
    color: #fff;
    background: #F5711d;
    border-radius: 6px;
}
.mb30 {
    margin-bottom: 30px;
}