* {
    margin: 0;padding: 0;
    -webkit-box-sizing: border-box;
      box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    font-style:normal;
    list-style: none;
    text-decoration: none;
}
body{
  max-width: 800px;
  margin: 0 auto!important
}
body button{
  border: none;
  outline: none;
}
body .border-12{
  border-radius: 12px;
}
button:focus{outline:0;}

body .mt-12{
  margin-top: 12px;
}
body .mb-12{
  margin-bottom: 12px;
}
body .ml-12{
  margin-left: 12px;
}
body .mr-12{
  margin-right: 12px;
}
body .pad-12{
  padding: 12px;
}
body .pad-24{
  padding: 24px;
}
body .pad-6{
  padding: 6px;
}
body .general-line-display{
  display: flex;
  justify-content: space-between;
  align-items: center
}
body .general-line-start-display{
  display: flex;
  justify-content: flex-start;
  align-items: center
}
body .font-bold{
  font-weight: bold
}
body .general-column-display{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body .white-bg{
  background-color: #fff
}
body .white-font{
  color: #fff
}
body .general-line-center-display{
  display: flex;
  justify-content: center;
  align-items: center
}
body .theme-color{
  color: #a5b9a3;
  font-size: 18px
}
body .theme-bg{
  background-color: #a5b9a3
}
body .aui-toast{
  width:11em;
  left:43%
}
body .aui-toast .aui-toast-content{
  font-size:14px;
  padding:0 13px
}
body .wrong-tool{
  font-size:1.6rem!important;
  margin:8px 0
}
body .grey-font{
  color:#9d9d9d
}
body .gold-font{
  color:#d49f58
}
body .red-font{
  color:red
}
body .aui-dialog-btn{
  color: #a5b9a3
}

body .conspicuous-red{
  color: #FF4F64
}

body .left-sider-line{
  text-align: left;
}
body .aui-dialog{
  width: 90vw;
  left: 5%;
  margin-left: 0;
}