/*自定义皮肤菜单*/
.MenuItem.skinItem .MenuImage {
  width: 20px;
  height: 20px;
  margin: 0 10px;
  align-self: center;
}

.MenuItem.skinItem.selected {
  background-color: #eee;
}

.MenuItem.blueSky .MenuImage {
  background-color: #377bff;
}

.MenuItem.blueNight .MenuImage {
  background-color: #4f81bd;
}

.MenuItem.black .MenuImage {
  background-color: #555;
}

.MenuItem.orange .MenuImage {
  background-color: #ff7164;
}

.MenuItem.pink .MenuImage {
  background-color: #f18ae3;
}

.MenuItem.purple .MenuImage {
  background-color: #c469db;
}

.MenuItem.hot .MenuImage {
  background-color: #ff2c06;
}

.MenuItem.green .MenuImage {
  background-color: #e3edcd;
}

.MenuItem.brown .MenuImage {
  background-color: #fff2e2;
}

.MenuItem.grey .MenuImage {
  background-color: #eaeaef;
}

.MenuItem.yellow .MenuImage {
  background-color: #ffa500;
}

.MenuItem.hy .MenuImage {
  background-color: #7bbf82;
  color: #fff;
}

.chandaoGrid .GridDynamicButtonBody .Button {
  margin: 2px;
  border-radius: 2px;
  box-shadow: none;
  line-height: 18px;
}

.chandaoGrid .Grid .GridFooterCell {
  text-align: center;
}

.MenuBar .MenuRootImage:before {
  display: block;
}

.aicon-shugan:before {
  color: #a55a3d;
  font-weight: bold;
}

.aicon-shuzhi:before {
  color: #a55a3d;
  font-weight: bold;
}

.aicon-shuye:before {
  color: #2ec22e;
  font-weight: bold;
}

.itemx {
  background-color: #fafafa;
  padding: 10px;
  border-radius: 10px;
}

.itemx:hover {
  background-color: #f6f6f6;
}

.imgBlock {
  display: flex;
  flex-wrap: wrap;
}

.imgBlock .ImageItem {
  position: relative;
  width: 80px;
  height: 80px;
  border: 1px solid #eee;
  margin: 10px;
  cursor: pointer;
  border-radius: 6px;
}

.imgBlock .ImageItem:hover {
  border-color: #2288fc;
}

.imgBlock .ImageItem:hover .delIcon {
  display: block;
}

.imgBlock .ImageItem img {
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.imgBlock .ImageItem .delIcon {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  min-width: auto;
  padding: 0;
}


@keyframes sys-blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.line-p {
  display: flex;
  align-items: center;
  line-height: 24px;
  margin-bottom: 5px;
}

.line-p.say {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.say .text {
  border-radius: 15px;
  padding: 10px 15px;
  display: block;
  word-wrap: break-word;
  white-space: break-spaces;
  word-break: break-all;
}

.infoBody .h1 {
  font-size: 18px;
  font-weight: bold;
}

.infoBody .h2 {
  font-size: 16px;
  font-weight: bold;
}

.infoBody .h3 {
  font-size: 14px;
  font-weight: bold;
}

#canvasBg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

.black {
  background-color: #000;
}

.black .historyBox {
  background-color: rgba(200, 200, 200, 0.2);
  color: #fff;
}

.black .chartBox {
  box-shadow: none;
  border-radius: 2px !important;
}

.black .VSplitter {
  border-color: #444;
}

.chartBox {
  z-index: 2;
  box-shadow: 0 0 3px 2px #eee;
  background-color: rgba(255, 255, 255, 0.9);
}

.historyBox {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  z-index: 2;
}

.infoBox {
  height: 0;
  font-size: 14px;
  padding: 0;
  overflow-y: auto;
  box-shadow: none;
}

.inputBox {
  padding: 20px;
  box-shadow: 0 0 3px 2px #eee;
}

.chatBox {
  overflow: visible !important;
  padding: 20px 0;
}

.chatBox .closeBtn {
  position: absolute;
  left: -20px;
  top: 0;
  z-index:3;
}

.infoBox,
.inputBox {
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.charting .inputBox {
  top: auto;
  transform: translate(-50%, 0);
}

.charting .infoBox {
  top: 0;
  margin-bottom: 20px;
  flex: auto;
  transform: translate(-50%, 0);
  padding: 20px;
  box-shadow: none;
}

.charting .inputBox .tip {
  display: none;
}

.charting #canvasBg {
  display: none;
}

.infoBody .LoadingIcon {
  width: 16px;
  height: 16px;
  margin: 0;
}

.infoBody .LoadingIconDiv {
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}

.infoBody>* {
  flex-shrink: 0;
}

.inputBox .TextArea {
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 15px;
}

.historyView .UI_ListView {
  padding: 0 10px;
  background-color: transparent;
}

.historyView .name {
  padding-right: 20px;
}

.inputMain .VSplitter {
  z-index: 2;
}

.HoverItemIcon .icon {
  display: none;
}

.HoverItemIcon .UI_ListItem:hover .icon {
  display: block;
}

.cusForm .FlowLabel {
  font-weight: bold;
}