/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: lijianzhang
 * @Last Modified time: 2019-01-23 17:55:03
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-editor-help-menu-bar {
  width: 244px;
  height: 562px;
  background: #f9fafc;
  font-size: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__title {
  flex: 0 0 auto;
  width: 100%;
  background: #fff;
  font-weight: 500;
  color: #4d4e50;
  font-size: 16px;
  height: 68px;
  padding: 0 20px;
  line-height: 68px;
  border-bottom: 1px solid #e8ecf2;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__list {
  flex: 1 1 auto;
  overflow-y: auto;
  width: 100%;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #e1e5f5;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__list::-webkit-scrollbar-track {
  border-radius: 3px;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__cell {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  color: #939495;
  padding: 0 20px;
  cursor: pointer;
  border-bottom: 1px solid #e8ecf2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__cell:hover,
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__cell--active {
  color: #1167FE;
  background: #f5f5f5;
}
.gd-editor-help-menu-bar__footer {
  flex: 0 0 auto;
  text-align: center;
  width: 100%;
  margin: 18px 0;
}
.gd-editor-help-menu-bar .gd-editor-help-menu-bar__udesk-btn {
  width: 202px;
  height: 40px;
  color: #1167FE;
  border-color: #1167FE;
}
