@charset "utf-8";
/* CSS Document */
/*
 * @Company: 兔师傅数据中心系统
 * @Mail: 1713547114@qq.com
 * @Date: 2020-07-23 10:01:19
 * @Author: Wang Dong
 * @FinalEditors: Wang Dong
 * @WOW: I am Groot
 * @LastEditTime: 2020-07-23 12:05:20
 */ 
 html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
 .mtop30{margin-top: 30px;}
 .mtop20{margin-top: 20px;}
 .loginmain{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;min-width:1200px}
.logintop{background: #FFC200FF;width: 100%;min-width: 1200px;min-height:96px;}
.logintop a{padding:20px 0 20px 60px;display: block;}

.loginmid{overflow: hidden;width: 410px;margin: 0 auto;}
.loginmid h4{margin-top: 100px;font-size: 42px;color: #FFC200FF;font-weight: bold;margin-bottom: 20px;background: #fff;}
.loginmid-from{position: absolute;margin-left:auto;margin-right:auto;width: 410px;z-index: 2; padding-bottom: 20px;border-radius:10px;background: #fff;padding-top: 30px;
  box-shadow:0px 1px 5.76px 6.24px rgba(102, 102, 102, 0.2);
  -webkit-box-shadow:0px 1px 5.76px 6.24px rgba(102, 102, 102, 0.2);
  -moz-box-shadow:0px 1px 5.76px 6.24px rgba(102, 102, 102, 0.2);
  
}
.midcol{
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}
.midcol:focus{    }
.ipt{width: 99%;height: 33px;
  border: 1px solid #727171;
  border-radius: 6px;
  padding-left: 1%;
  outline: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
}
  .ipt2{width:115px;height: 33px;
    border: 1px solid #727171;
    border-radius: 6px;
    padding-left: 1%;
    outline: none;
}
.ipt:focus{ border: 1px solid #FFC200FF;
  background: #fff8fb;outline:  none;}
.ipt2:focus{ border: 1px solid #FFC200FF;
    background: #fff8fb;outline:  none;}
.midicon{
  background: url(../img/2020723img3-20.png) top center no-repeat;
    width: 20px;
    height: 22px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
}
.midicon2{
  background: url(../img/2020723img4-20.png) top center no-repeat;
    width: 20px;
    height: 22px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
}
.midcode span{width:240px;height: 22px;}
.midcode a{display: block;}
.midcheck{    width:24px;
  height: 16px;    vertical-align: middle;    margin-top: -2px;}
.kylogin-link{width:100%;height:35px;line-height:35px;background:#FFC200FF;color:black;border:none medium;text-align:center;display:inline-block;border-radius:6px;
  outline: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
}
.kylogin-link:hover{background:#FFC200FF;color:black;text-decoration:none}
.loginbottom{width: 100%;min-width: 1200px;min-height:82px;position: fixed;
  bottom: 0;}
.loginbottom .bottombg{background: #FFC200FF;min-height:52px;font-size: 15px;color: black;}