/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: 天吾
 * @Last Modified time: 2019-04-27 19:55:52
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-header-templates {
  display: flex;
  min-height: 476px;
}
.gd-header-templates__tabs {
  padding-top: 16px;
  background: #F8F8F8;
  width: 166px;
  display: block;
}
.gd-header-templates__tab {
  padding: 16px;
  border-left: 4px solid transparent;
  font-size: 16px;
}
.gd-header-templates__tab--active,
.gd-header-templates__tab:hover {
  background: #fff;
  border-left: 4px solid #005CF9;
}
.gd-header-templates__tab--active h3,
.gd-header-templates__tab:hover h3 {
  color: #005CF9;
}
.gd-header-templates__tab h3 {
  margin: 0;
  cursor: default;
  font-size: 16px;
  font-weight: bold;
}
.gd-header-templates__desc {
  font-size: 12px;
  color: #444950;
}
.gd-header-templates__content {
  width: 680px;
  padding: 24px 50px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gd-header-templates__all-template {
  line-height: 44px;
  border-top: 1px solid #ddd;
}
.gd-header-templates__all-template a {
  display: flex;
  align-items: center;
}
.gd-popover.gd-header-templates__popover {
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}