@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","",Arial,sans-serif; }

html, body {
  height: 100%;
  font-size: 22px; }

ol, ul {
  list-style: none; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

[v-cloak] {
  display: none; }

.slide-enter-active {
  transition: all .3s ease; }

.slide-leave-active {
  display: none; }

.slide-enter, .slide-leave-to {
  opacity: 0.6;
  overflow: hidden; }

.loginbody {
  background: #002b5a;
  text-align: center; }

.indexbody {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.mainbody {
  min-width: 320px;
  background: #fff; }

.grey {
  color: #999; }

/*Elment*/
.el-message {
  min-width: 280px;
  max-width: 90%; }

.el-message-box {
  width: auto;
  min-width: 280px;
  max-width: 90%; }

/* End */
#particles-js {
  text-align: center;
  width: 100%;
  height: 100%;
  background-image: none;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }

.bg-blur {
  position: absolute;
  margin: -140px auto auto -140px;
  left: 50%;
  top: 50%;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  filter: blur(150px);
  -moz-opacity: 0.6;
  opacity: 0.6;
  background: #fff; }

.login-box {
  position: absolute;
  margin: -180px auto auto -150px;
  left: 50%;
  top: 50%;
  width: 300px;
  -moz-opacity: 0.9;
  opacity: 0.9; }
  .login-box .el-button {
    display: block;
    width: 100%; }
  .login-box .logo2 {
    margin-bottom: 20px;
    height: 42px;
    background: url(logo2.png) no-repeat center; }
  .login-box .code {
    width: 80px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer; }