body{
    background: linear-gradient(to right, #232D3C, #2C5886);
    font-family: "微软雅黑","PingFangSC_Regular";
  }
  @font-face {
  font-family: "PingFangSC_Regular";
  src: url("../fonts/PingFangSC_Regular.ttf");
  font-display:swap;
}
  #app{
    background: linear-gradient(to right, #232D3C, #2C5886);
    margin:auto;
    font-family: "PingFangSC_Regular";
    border-radius: 10px;
  }
  .login-box,.meeting-box{background:#172F4D ;width: 480px;height: 480px;padding-top: 20px;margin:auto;margin-top: calc(50vh - 240px);border-radius: 5px;color:#FFFFFF;}
  .plat-name{font-size: 30px;line-height:56px;text-align: center;font-weight: 500}
  .border-bottom-line{border-bottom: 8px solid #2879FF;width: 80px;margin:auto;margin-top: 10px}
  .username,.password{width:400px;padding-left:12px;height: 40px;line-height: 40px;border-radius: 2px;background: rgba(171, 171, 171, 0.33);border: 1px solid rgba(255, 255, 255, 0.37);box-shadow: 0px 2px 4px  rgba(255, 255, 255, 0.25);margin:auto;margin-top: 60px;}
  .username input,.password input{color:#FFFFFF;margin-left: 32px;border:none;;outline:none;background: transparent;}
  .capture {color: #333333;border-bottom: 2px #EEEEEE solid;margin-top: 32px;font-size: 16px;}
  .capture .title {float: left;line-height: 22px;padding-bottom: 9px;margin-top: 20px}
  .capture input {margin-left: 48px;border: none;color: #333333;outline: none;float: left;margin-top: 10px;line-height: 40px}
  .capture img {height: 40px;margin-top: 0}
  .record-pass{margin-top: 16px;}
  .record-pass img{float: left}
  .record-pass div{margin-top:2px;display: inline-block;margin-left: 6px;font-size: 16px;line-height: 22px;color: #AAAAAA}
  .login{background: rgba(171, 171, 171, 0.33);color: #FFFFFF;height: 40px;width: 200px;margin:auto;margin-top: 100px;border-radius: 10px;text-align: center;line-height: 40px;font-size: 22px;cursor:pointer;}
  .login.ready{background: rgba(110, 153, 255, 0.66);}
  .clear{clear: both}
  .unchecked{margin-right:2px;}
  .checked{margin-right: 0}
  .ready{background: #2879FF}