@charset "UTF-8";
.scrollbar {
    width : 5px;
    height: 300px;
    margin: 0 auto;
}
::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    background   : rgba(0, 0, 0, 0.29);
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 4px;
    background   : transparent;
}

.ps__thumb-x {
    background-color: #3e3f42 !important;
    border-radius: 4px !important;
    height: 5px !important;
  }
  
  .ps__thumb-y {
    background-color: #3e3f42 !important;
    border-radius: 4px !important;
    width: 5px !important;
  }

  .ps__rail-x:hover > .ps__thumb-x,
  .ps__rail-x:focus > .ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #3e3f42 !important;
    height: 5px;
  }
  
  .ps__rail-y:hover > .ps__thumb-y,
  .ps__rail-y:focus > .ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #3e3f42 !important;
    width: 5px;
  }
  .visually-hidden {
  border:0;
  clip:rect(0 0 0 0);
  height:auto;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap
}
.visually-hidden {
  border:0;
  clip:rect(0 0 0 0);
  height:auto;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap
}
.visually-hidden {
  border:0;
  clip:rect(0 0 0 0);
  height:auto;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap
}
.visually-hidden {
  border:0;
  clip:rect(0 0 0 0);
  height:auto;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap
}
.hidden{
  display: none!important;
}
body {
  font:.875rem "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
  font-weight:400
}
body.safari {
  -webkit-font-smoothing:subpixel-antialiased
}
body.safari:not(.retina) {
  font-weight:400
}
html {
  font-size:16px;
  -webkit-tap-highlight-color:transparent
}
body,html {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  letter-spacing:.031rem
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
  body,html {
  letter-spacing:.019rem
}
}

p {
  margin-bottom:1rem;
  margin-top:0
}
h1,h2,h3,h4,h5,h6 {
  margin-bottom:.5rem;
  margin-top:0
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  color:inherit;
  font-family:inherit;
  font-weight:700;
  line-height:1.1;
  letter-spacing:.075rem
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
  .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  letter-spacing:.063rem
}
}
.h1,.h2,.h3,h1,h2,h3 {
  margin-bottom:.5rem
}
.h4,.h5,.h6,h4,h5,h6 {
  margin-bottom:.5rem
}
.h1,h1 {
  font-size:2.25rem
}
.h2,h2 {
  font-size:1.75rem
}
.h3,h3 {
  font-size:1.5rem
}
.h4,h4 {
  font-size:1.313rem
}
.h5,h5 {
  font-size:1.125rem
}
.h6,h6 {
  font-size:.875rem
}
h1 div,h2 div,h3 div,h4 div,h5 div,h6 div {
  letter-spacing:.031rem
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    h1 div,h2 div,h3 div,h4 div,h5 div,h6 div {
    letter-spacing:.019rem
    }
}
body{
    overscroll-behavior: none;
    scrollbar-gutter: stable both-edges;
}
.ant-btn{
  padding-inline-start: 7px !important;
  padding-inline-end: 7px !important;
}
.ant-btn.ant-btn-sm.ant-btn-icon-only{
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
}
.ant-table-cell-ellipsis{
  overflow-wrap: break-word !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; 
  word-break: keep-all !important;
}
.ant-table-selection-column{
  width: 40px !important;
}

.ant-form-item{
  margin-bottom: 16px !important;
}

.table-dialog{
  z-index: 100;
}

.table-dialog .ant-modal-header{
  text-align: center;
}

.table-dialog  .ant-modal-content{
  padding: 10px 8px !important;
  z-index: 100;
}

.table-dialog .ant-modal-body{
    min-height: 400px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
}
.table-dialog .ant-modal-body .ant-descriptions-item{
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.table-dialog .ant-modal-body .ant-descriptions-item-label{
    width: 30%;
    flex-direction: row !important;
    flex-wrap: nowrap!important;
    align-content: center!important;
    justify-content: flex-start!important;
    align-items: baseline!important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    overflow-wrap: break-word;
}
.table-dialog .ant-modal-body .ant-descriptions-item-content{
    width: 70%;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    align-content: center!important;
    justify-content: flex-start!important;
    align-items: center!important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    overflow-wrap: break-word;
}


.topic-dialog .ant-modal-header{
  text-align: center;
}

.topic-dialog  .ant-modal-content{
  padding: 10px 8px !important;
  z-index: 100;
}

.topic-dialog .ant-modal-body{
    height: auto;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
}
.live-history-message{
	background: rgb(255, 255, 255);
    height: calc(100% - 46px);
}

.ant-pagination.ant-pagination-mini .ant-pagination-item{
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.ant-descriptions-item-content .ant-space{
  flex-wrap: wrap;
}
.ant-notification-notice-icon{
  font-size: 20px !important;
}
.ant-notification-notice-description{
  font-size: 12px !important;
}
.ant-notification-notice-message{
  font-weight: bold !important;
  font-size: 14px !important;
}
.ant-collapse{
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
}

.ant-modal-close{
  top: 10px !important;
}

.video-dialog .ant-modal-header{
  text-align: center;
}

.video-dialog  .ant-modal-content{
  padding: 10px 0 0 0 !important;
  z-index: 100;
}

.video-dialog .ant-modal-body{
    height: 500px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background-color: black;
}
.video-dialog .ant-modal-footer{
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  height: 42px;
}
.video-dialog .ant-modal-body video {
    width: 100%;
    height: 100%;
}

.show-hint-card{
  position:fixed;
  top: 68px;
  right: 0;
  margin: 5px;
  width:60%;
  max-width: 400px;
  z-index: 1001;
  border: none !important;
}

.more-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{
	margin: 5px 0px;
  padding: 0 0;
}
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub{
	overflow-y: overlay !important;
  max-height: 400px !important;
}
.ant-dropdown .ant-dropdown-menu{
	overflow-y: overlay !important;
  max-height: 400px !important;
}
.ant-list-item-meta-description{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.photo-dialog .ant-modal-header{
  text-align: center;
}

.photo-dialog  .ant-modal-content{
  padding: 10px 0 0 0 !important;
  z-index: 100;
}

.photo-dialog .ant-modal-body{
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px !important;
    background-color: black;
}
.photo-dialog .ant-modal-footer{
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  height: 42px;
}
.photo-dialog .ant-modal-body .foo {
  width: 100%;
  height: 100%;
}

.photo-dialog .ant-modal-body .foo img {
  cursor: pointer;
}
.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{
  padding-inline: 8px !important;
}
.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item,.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu-title{
  padding-inline: 8px !important;
}
.ant-float-btn-default .ant-float-btn-body:hover{
  border-radius: 8px !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}