.rc-trigger-popup {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
}
.rc-trigger-popup-hidden {
  display: none;
}
.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-trigger-popup-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
  animation-name: rcTriggerZoomIn;
  animation-play-state: running;
}
.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
  animation-name: rcTriggerZoomOut;
  animation-play-state: running;
}
@keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-trigger-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.rc-trigger-popup-mask-hidden {
  display: none;
}
.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-trigger-popup-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
  animation-name: rcTriggerMaskFadeIn;
  animation-play-state: running;
}
.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.login-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -80%);
  text-align: center;
}
.margin-b-18 {
  margin-bottom: 18px;
}
.login-btn {
  width: 100%;
  margin-top: 18px;
}
.hidden {
  display: hidden;
}
#yoda-content{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  z-index: 2022;
}
.logo{
  display: flex;
  align-items: center;
}
.login-header-title{
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
}

.my-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  padding: 0 19%;
  text-align: right;
  font-weight: 400;
  font-family: PingFangSC-Regular;
  color: #ffffff;
  background: #000;
}
.logo {
  height: 50px;
}
.logo img{
  height: 100%;
}
.login-info {
  position: relative;
  display: flex;
  align-items: center;
}
.login-info > div {
  margin-left: 42px;
  cursor: pointer;
}
.drafts-content {
  position: absolute;
  right: 0;
  top: 18px;
  padding-top: 28px;
  border: 1px soli yellow;
  display: none;
}
.drafts-content:hover {
  display: block;
}
.drafts-item {
  height: 48px;
  padding: 14px 13px;
  font-weight: 400;
  font-family: PingFangSC-Regular;
  background-color: #000;
  white-space: nowrap;
}
.drafts-item:hover {
  color: #ffcb2e;
  cursor: pointer;
  background-color: #767676;
}
.drafts:hover .drafts-content {
  display: block;
}

.img-upload {
  display: inline-block;
  width: 117px;
  height: 72px;
  margin: 21px 14px 0 0;
}
.office-photo .img-upload{
  margin-top: 0;
  margin-right: 10px;
}
.img-upload .roo-upload-card-item {
  width: 117px;
  height: 100%;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-weight: 500;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #c6c9d0;
}
.img-upload .roo-upload-card-container {
  height: 100%;
  margin: 0;
}
.img-upload .roo-upload-card-item:hover .roo-upload-card-mask {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.file-upload .roo-btn {
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  color: #02abe4;
}
.file-upload .roo-upload-list-item span {
  font-weight: 400;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #999999;
}
.list-view-only{
  line-height: 35px;
}

.search-icon:hover{
  cursor: pointer;
  color: #00ABE4;
}
.register-input input {
  width: 100% !important;
  text-align: left;
  padding-left: 10px;
}
.form-contenter {
  min-height: 100vh;
  background-color: #f5f6f8;
}
.cooperation {
  text-align: center;
}
.form-content {
  margin: 10px auto;
  background-color: white;
  width: 1200px;
  padding: 50px 264px;
  font-size: 12px;
}
.form-section {
  display: flex;
  align-items: center;
}
.section-title-line {
  width: 4px;
  height: 20px;
  background-color: #fecb2e;
  margin-right: 8px;
}
.form-section-title {
  font-weight: 600;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #000000;
}
.dp-flex {
  display: flex;
}
.form-group {
  margin-bottom: 14px;
}
.control-label {
  padding-right: 0;
}
.form-group-content {
  padding-left: 12px;
}
.pick-info-btn {
  width: 200px;
  margin-left: 11px;
  padding: 0 12px;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.marr-11 {
  margin-right: 11px;
}
.roo-input-number {
  width: 100%;
  padding-left: 10px;
}
.roo-input-number input {
  width: 100%;
  text-align: left;
}
.mar-r10 {
  margin-right: 10px;
}
.label-red {
  color: red;
}
.form-content .control-label {
  font-weight: 500;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #555555;
}
.form-content .roo-input,
.form-content .roo-multi-cascader-toggle {
  height: 30px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form-content .roo-btn-default,
.form-content .roo-btn-primary {
  height: 30px;
  font-weight: 400;
  font-size: 12px;
  line-height: 30px;
  font-family: PingFangSC-Regular;
  color: #02abe4;
  border: 1px solid #02abe4;
  border-radius: 4px;
}
.form-content .roo-btn-primary {
  width: 80px;
  color: white;
}
.profile-area {
  width: 500px !important;
}
.business-time .roo-input-group {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form-content .roo-input-group-append {
  height: 30px;
  border: 1px solid #ccc;
}
.form-content .roo-btn-normal {
  font-size: 12px;
}
.form-content .help-block {
  font-weight: 400;
  font-family: PingFangSC-Regular;
  font-size: 10px;
  color: #f56c6c;
}
.form-content .control-label .roo-icon {
  margin: 0 0 2px 2px;
  color: #02abe4;
  font-size: 14px;
}
.roo-popup .roo-tooltip .roo-tooltip-inner {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 -1px 3px 0 rgba(52, 88, 124, 0.23);
}
.drafts-modal {
  width: 800px !important;
}
.drafts-modal .roo-modal-header {
  font-weight: 400;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #333333;
  background-color: #eee;
}
.drafts-modal .roo-table thead {
  font-weight: 500;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #2a2a2a;
  background-color: #fafafa;
}
.drafts-modal .roo-table {
  font-family: HelveticaNeue;
  font-size: 12px;
  color: #2a2a2a;
}
.drafts-modal .roo-btn-link {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #02abe4;
}
.drafts-modal .roo-modal-footer {
  text-align: center !important;
}
.drafts-modal .roo-btn-primary {
  height: 30px;
  line-height: 30px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #ffffff;
  background: #02abe4;
  border-radius: 3px;
}
.attachment-btn{
  height: 30px;
  margin-top: 5px;
}