body,html{width:100%;height:100%;padding:0;margin:0}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-button,::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track,::-webkit-scrollbar-track:vertical{background-color:transparent}
::-webkit-scrollbar-track-piece{background-color:transparent;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{margin-right:8px;background-color:#2890eb}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #2890eb;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(30deg,
      transparent 20%, rgb(158, 93, 255) 20%,
      rgb(158, 93, 255) 40%, transparent 40%,
      transparent 60%, rgb(158, 93, 255) 60%,
      rgb(158, 93, 255) 80%, transparent 80%);
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#5fb4ff}
::-webkit-scrollbar-corner,::-webkit-scrollbar-corner:vertical{background-color:transparente}
::-webkit-scrollbar-resizer,::-webkit-scrollbar-resizer:vertical{background-color:transparent}

.container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;padding:0;margin:0;
  /* background: -webkit-linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85));
  background: -o-linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85));
  background: -moz-linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85));
  background: linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85)); */
  /* background-image: url(/static/img/login-bg.jpg);
  background-size: cover;
  flex-direction: column;flex-wrap: wrap; */
  display: flex;
  /* min-height: 100%; */
}
.particles-js{
  width: 100%;
  height: 100%;
  background-color: #0b4f8e;
  background-image: url(../../img/login-bg.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.dis{display:block!important}
.ndis{display:none}
.kaige-login{position:relative;left:0;top:0;padding:150px 0;min-height:100%;box-sizing:border-box}
.kaige-login-main{width:375px;margin:0 auto;box-sizing:border-box;border: 2px solid rgba(255,255,255,.2);border-radius: 12px;background: rgba(0, 0, 0,0.1);}
.kaige-login-box{padding:20px}
.kaige-login-header{text-align:center;padding:20px}
.kaige-login-header h2{margin-bottom:10px;font-weight:300;font-size:24px;color:#fff}
.kaige-login-header p{font-size: 10px; color:#f2f2f2;}
.kaige-login-body .layui-form-item{position:relative}
.kaige-login-icon{position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}
.kaige-login-body .layui-form-item .layui-input{padding-left:38px}
.kaige-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.kaige-login-other{position:relative;font-size:0;line-height:38px;padding-top:20px}
.kaige-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.kaige-login-other .layui-icon{position:relative;top:2px;font-size:26px}
.kaige-login-other a:hover{opacity:.8}
.kaige-login-jump-change{float:right}
.kaige-login-footer{position:absolute;left:0;bottom:0;width:100%;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:#fff}
.kaige-login-footer span{padding:0 5px}
.kaige-login-footer a{padding:0 5px;color:#fff}
.kaige-login-footer a:hover{color:rgb(127, 146, 255)}
@media screen and (max-width:768px){.kaige-login{padding-top:60px}
.kaige-login-main{width:300px}
.kaige-login-box{padding:10px}
}

.tiyanpcode{width: 200px;height: 230px;right:30px;top:30px; position: absolute;z-index: 99;background-color: #fff;border-radius: 12px;}
.tiyanpcode .tiyanpimg{width: 200px;height: 200px;background-image: url(../../../../static/img/kefu.jpg); background-size: cover;border-radius: 12px;}
.tiyanpcode .tiyantxt{width: 200px;height: 30px;line-height: 30px; text-align: center;color:rgb(240, 25, 10);font-size: 14px;}