
.m-body { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: center no-repeat url(../../public/img/img1.png); background-size: cover;z-index: 1;}
.m-body .-center{width: 990px; height: 880px;position: relative;background: url(../../public/img/img2.png) no-repeat center; background-size: cover;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.m-body .-maptitle{width: 420px; height:45px;position:absolute;top:50px ;background: url(../../public/img/title1.png) no-repeat center; background-size: cover;}
.m-body .m-login { width: 320px; height: 300px;
}
.m-body .m-login .-logintitle{color: #6f7c9f;font-size: 16px;margin-top: 3px;}
.m-body .m-login .-line{border-bottom: 1px solid #2a365c;}
.m-body .m-login .m-title { margin-top: 5px; font-size: 16px; padding-bottom: 30px; color: #c4daf5;}
.m-body .m-login .el-input { margin-top: 20px;background: 0 ;border: none;}
.m-body .m-login .el-button { width: 100%; margin-top: 25px; background-image: linear-gradient(to right ,#4952fd,#2d36ed); transition: all 0.3s;border-radius: 2em;border: 1px solid #353ff7;font-size: 16px;}
.m-body .m-login .el-button:hover { opacity: 0.85;}
.m-body .m-login .el-input__inner { background: transparent; color: #999; font-size: 14px; border: none;}
.m-body .m-login .-icmy::before{font-size: 18px; color: #9caacb;}
.m-body .m-login .-iclock::before{font-size: 18px; color: #9caacb;}
.m-body .m-login .-icwenzi::before{font-size: 18px; color: #9caacb;}
.m-body .m-login .el-input__inner:hover { border-color: rgba(61, 145, 255, 0.9);}
.m-body .el-input--prefix .el-input__inner{padding-left: 10px;color: #7787ad}
.m-body .m-login .openSound .el-checkbox__input+.el-checkbox__label,
.m-body .m-login .openSound .el-checkbox__input.is-checked+.el-checkbox__label { color: #7787ad}
input::-moz-placeholder{color:#7787ad !important;}
input:-ms-input-placeholder{color:#7787ad !important;}
input::placeholder{color:#7787ad !important;}


/* 载入前 */
.-before .m-login { opacity: 0; transform: scale(0.9) translateX(80px) translateY(-40px)}

