edu-textbook/projects/textbook/src/modules/login/account-info/account-info.component.scss

.all {
  position     : absolute;
  transform    : translate(-50%, -50%);
  top          : 50%;
  left        : 50%;
  padding      : 10px 50px;
  text-align   : center;
  width        : 944px;
  min-height   : 518px;
  margin       : 0 auto;
  background   : #fff;
  border-radius: 8px;
  overflow     : hidden;
}
.region {
  width: 600px;
  margin: 20px auto 10px;
  .nav {
    text-align: left;
    margin: 10px 0 20px;
    font-family: PingFang SC;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    .tips {
      font-family: PingFang SC;
      font-size: 14px;
      font-weight: 400;
      line-height: 19.6px;
      text-align: left;
      color: #545968;
    }
  }
  .account-form {
    // height: 320px;
    overflow-y: scroll;
    // scrollbar-width: none; /* firefox */
    // -ms-overflow-style: none; /* IE 10+ */
    overflow-x: hidden;
    
  }
  .account-form::-webkit-scrollbar {
    // display: none; /* Chrome Safari */
    width: 4px;
    height: 16px;
  }
  .account-form::-webkit-scrollbar-thumb { 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #b62749;
    background: #b62749;
  }
  .account-form::-webkit-scrollbar-track { //滚动条里面轨道
    -webkit-box-shadow: inset 0 0 5px #ffffff00;
    border-radius: 10px;
    background: #ffffff00;
  }

  nz-form-item {
    // display: flex;
    // flex-direction: column;
    // justify-content: space-between;
    // align-items: self-start;
    margin-bottom: 10px;
    width: calc(100% - 6px);
  }
}
.label{
  text-align: start;
}
.ant-input-group{
  text-align: left;

}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

.form-button {
  width: 100%;
  height: 46px;
  margin: 10px 0;
  background-color: #c6233f;
  color: white !important;
  border-radius: 4px;
}
.loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  text-align: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(0 0 0 / 30%);
}
::ng-deep .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #c6233f;
}
::ng-deep .ant-tabs-ink-bar {
  background: #c6233f;
}
::ng-deep .ant-tabs-tab:hover {
  color: #e97488;
}
::ng-deep .ant-tabs-tab-btn:active {
  color: #e97488;
}
// ::ng-deep .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{
//   border-color: #c6233f;
// }
::ng-deep .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #c6233f;
  border-color: #c6233f;
}
::ng-deep .ant-checkbox-wrapper:hover .ant-checkbox-inner {
  border-color: #c6233f;
}