@charset "UTF-8";

/*主题色及其衍生色*/
/*主题色及其衍生色 default*/
/* 辅助色及衍生色 */
/* 应用场景色 */
/* 背景色 */
/* 阴影 */
/* 边框 */
/* 间距 */
/* 字号 */
/* 首页最大标题 */
/* 对应行高 */
/* 主标题 */
/* 标题 */
/* 小标题 */
/* 正文 */
/* 辅助文字 */
/* 字体颜色 */
/* 字重 */
/* 图标尺寸 */
/* 精灵图 */
/* 不可用状态 */
/* Input */
/* button */
/* drawer */
/* select */
/* 状态色 */
/* 专利类型颜色 */
html {
  font-size: 14px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

*::-webkit-scrollbar {
  width: 6px;
}

/* 滚动槽 */
*::-webkit-scrollbar-track {
  border-radius: 3px;
}

/* 滚动条滑块 */
*::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.2);
}

.listEmpty {
  display: flex;
  align-items: center;
  justify-content: center;
}

i {
  font: initial;
}

.mt40 {
  margin-top: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pt28 {
  padding-top: 28px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb88 {
  padding-bottom: 88px;
}

.ml16 {
  margin-left: 16px;
}

.mb8 {
  margin-bottom: 8px;
}

.c_base {
  color: rgba(0, 0, 0, 0.65);
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.hidden {
  display: none;
}

.crpt {
  cursor: pointer;
}

d-checkbox {
  display: inline-block;
}

d-checkbox[checked]::before {
  background: url(../img/index_img/checked.png) no-repeat;
}

i[type=icon_sp] {
  display: inline-block;
  background-image: url(../img/spirits.png);
  position: relative;
}

i[type=icon_sp][size=small] {
  width: 17px;
  height: 17px;
  top: 4px;
}

d-select d-select-option d-option-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

d-select d-select-option d-option-item:hover {
  height: auto;
  white-space: inherit;
}

button {
  cursor: pointer;
  font-size: 16px;
  padding: 0 16px;
  text-align: center;
  height: 32px;
  line-height: 30px;
  color: #000;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  outline: none;
  user-select: none;
  box-sizing: border-box;
  display: inline-block;
}

button:hover {
  background: #178;
  color: #fff;
}

d-button[type=link] {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  padding: 0;
  border: 0;
}

d-button[icon=search] {
  background: #e7eef3;
  border-color: #d9d9d9;
}

d-button[icon=search]::before {
  background: url(../img/spirits.png) no-repeat right;
  background-position: -720px -192px;
}

d-button[icon=search]:hover {
  background-color: #e7eef3;
}

d-button[icon=search]:hover::before {
  background: url(../img/spirits.png) no-repeat right;
  background-position: -720px -192px;
}

.module_title {
  height: 16px;
  font-size: 0;
}

.module_title>span {
  width: calc(100% - 22px);
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #1786D6;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.module_title>i {
  float: right;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
}

.module_title[type=prebar]>span {
  padding-left: 8px;
  box-sizing: border-box;
  display: inline-block;
  color: #1786D6;
  font-size: 16px !important;
  line-height: 16px !important;
  font-weight: bold;
  vertical-align: top;
}

.module_title[type=prebar]::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 4px;
  background: #1786D6;
  position: relative;
}

.module_title[type=border] {
  padding-bottom: 1px;
  border-bottom: 1px solid #e8e8e8;
  height: 35px;
  padding-bottom: 4px;
  box-sizing: border-box;
}

.module_title[type=border] span {
  border-bottom: 1px solid #1786D6;
  padding-bottom: 12px;
}

.module_title.fb {
  font-weight: bold;
}

.module_title.fb>span {
  border-bottom: 3px solid #12558a;
  padding-bottom: 10px;
}

.module_title d-button {
  position: relative;
  bottom: 6px;
}

.dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #000;
  margin-right: 8px;
  position: relative;
  top: 9px;
  vertical-align: top;
}

d-status {
  display: inline-block;
  padding: 3px 8px;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: #1786D6;
}

d-status[type=orange] {
  background-color: #f19d18;
}

d-status[type=red] {
  background-color: #c70505;
}

d-status[type=green] {
  background-color: #4caf50;
}

d-status[type=gray] {
  background-color: rgba(0, 0, 0, 0.45);
}

d-status[type=invent] {
  background-color: #d48265;
}

d-status[type=appearance] {
  background-color: #61a0a8;
}

d-status[type=practical] {
  background-color: #91c7ae;
}

.list_main {
  box-sizing: border-box;
}

.list_main div {
  cursor: pointer;
  padding-top: 12px;
  box-sizing: border-box;
}

.list_main div span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list_main div span>i {
  color: rgba(0, 0, 0, 0.65);
}

.list_main div>i {
  color: #000;
  font-size: 14px;
  line-height: 22px;
}

.list_main div .list-date {
  float: right;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}

.list_main div d-status {
  margin-right: 6px;
  vertical-align: top;
  position: relative;
  top: 3px;
}

.list_main[type=border] div {
  height: 41px;
  padding: 9px 0;
  border-bottom: 1px solid #e8e8e8;
}

.list_main i.primary {
  color: #3a8bff;
  font-size: 14px;
}

.page_title {
  font-size: 14px;
  line-height: 22px;
  /* padding-bottom: 18px; */
  color: #000;
  /* border-bottom: 1px solid #eeeeee; */
  margin-top: 30px;
}

.icon_title {
  height: 22px;
}

.icon_title>span {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  padding-left: 4px;
}

.icon_title>i {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("../../img/spirits.png");
  position: relative;
  top: 4px;
}

.icon_index {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  height: 181px;
}

.icon_index li {
  width: 86px;
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.icon_index li.mt {
  margin-top: 32px;
}

.icon_index li i {
  display: inline-block;
  width: 37px;
  height: 42px;
  background-image: url("../../img/spirits.png");
  margin-bottom: 8px;
}

.icon_0 {
  background-position: 0 0;
}

.icon_01 {
  background-position: -48px 0;
}

.icon_02 {
  background-position: -96px 0;
}

.icon_10 {
  background-position: -480px 0;
}

.icon_12 {
  background-position: -576px 0;
}

.icon_14 {
  background-position: -672px 0;
}

.icon_1501 {
  background-position: -720px -48px;
}

.icon_0003 {
  background-position: 0 -144px;
}

.icon_0103 {
  background-position: -48px -144px;
}

.icon_0203 {
  background-position: -96px -144px;
}

.icon_0303 {
  background-position: -144px -144px;
}

.icon_0403 {
  background-position: -192px -144px;
}

.icon_0205 {
  background-position: -96px -240px;
}

.icon_1504 {
  background-position: -720px -192px;
}

.icon_1604 {
  background-position: -768px -192px;
}

.icon-1704 {
  background-position: -816px -192px;
}

.icon_1804 {
  background-position: -864px -192px;
}

.icon_1904 {
  background-position: -912px -192px;
}

.icon_17 {
  background-position: -816px 0;
}

.icon_22 {
  background-position: -96px -96px;
}

.icon_32 {
  width: 47px !important;
  background-position: -144px -96px;
}

.icon_42 {
  background-position: -192px -96px;
}

.icon_52 {
  background-position: -240px -96px;
}

.pTree-item-txt d-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../img/spirits.png");
  position: relative;
}

.pTree-item-txt d-icon[type=downDark] {
  background-position: -89px -224px;
}

.pTree-item-txt d-icon[type=nextLight] {
  background-position: -134px -225px;
}

.icon_index li span {
  font-size: 14px;
  color: #000000;
}

.button_tab_box {
  height: 40px;
  font-size: 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
}

.button_tab_box>i {
  font-size: 14px;
  line-height: 40px;
  float: right;
  cursor: pointer;
}

.button_tab_box .button_tab {
  font-size: 0;
  display: inline-block;
}

.button_tab_box .button_tab>span {
  display: inline-block;
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  background: #e8e8e8;
  cursor: pointer;
  margin-right: 4px;
}

.button_tab_box .button_tab>span.active {
  color: #fff;
  font-weight: bold;
  background: #1786D6;
}

d-status[type=button][primary] {
  background-color: #1786D6;
}

d-dialog {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

d-dialog[size=base] d-drawer {
  width: 600px;
}

d-dialog[size=large] d-drawer {
  width: 1000px;
}

d-dialog d-dialog-content {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  color: rgba(0, 0, 0, 0.85);
  z-index: 101;
  border-radius: 4px;
}

d-dialog d-dialog-content d-icon[type=close] {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

d-dialog d-dialog-content d-split {
  margin-bottom: 20px;
}

d-dialog d-dialog-content d-list d-list-body {
  border: none;
}

d-dialog d-dialog-content d-list d-list-body>table>thead {
  border: 1px solid #d9d9d9;
}

d-dialog d-dialog-content d-list d-list-body>table>tbody>tr {
  border: 1px solid #d9d9d9;
  border-top: none;
}

d-dialog d-dialog-content d-drawer-footer {
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
  text-align: right;
  display: block;
  border-top: 1px solid #d9d9d9;
  padding: 24px 16px;
  box-sizing: border-box;
}

d-dialog d-dialog-content d-drawer-footer d-button:first-child {
  margin-right: 10px;
}

.list_tab {
  border-bottom: 1px solid #e8e8e8;
  height: 32px;
}

.list_tab>span {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
  border-bottom: 1px solid transparent;
  margin-right: 24px;
}

.list_tab>span:hover {
  color: #1786D6;
  font-weight: bold;
}

.list_tab>span.active {
  color: #1786D6;
  border-bottom: 1px solid #1786D6;
  font-weight: bold;
}

.w-e-text table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.w-e-text table td,
.w-e-text table th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px 5px;
  min-height: 30px;
  text-indent: initial;
  box-sizing: border-box;
}

.w-e-text table p {
  margin: 10px 0;
  line-height: 1.5;
}

.w-box {
  width: 100%;
  min-height: 400px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: relative;
  background: #fff;
}

.w-box .w-main {
  min-width: 1200px;
  width: 100%;
  display: flex;
  padding: 25px 48px 40px;
  box-sizing: border-box;
}

.w-box .w-main .w-box-left {
  width: 744px;
  height: 100%;
  border-right: 2px solid #eeeeee;
  box-sizing: border-box;
  padding-right: 40px;
}

.w-box .w-main .w-box-left .module_title {
  height: 24px;
}

.w-box .w-main .w-box-left .module_title[type=prebar]::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 4px;
  background: #12558a;
  position: relative;
  top: 2px;
}

.w-box .w-main .w-box-left .module_title[type=prebar]>span {
  padding-left: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #12558a;
  box-sizing: border-box;
}

.w-box .w-main .w-box-right {
  width: 359px;
  box-sizing: border-box;
  padding-left: 32px;
}

.new-ul li .left:hover,
.list_main div span:nth-child(2):hover {
  color: #12558a;
  text-decoration: underline;
}

.bg_shade {
  position: fixed;
  top: 0;
  z-index: 100000;
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.6;
}

.bg_shade+img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80vw;
  max-height: 80vh;
  z-index: 100001;
}

.company-menu-box {
  width: 286px;
}

.company-menu-box * {
  box-sizing: border-box;
}

.company-menu-box header {
  width: 100%;
  height: 64px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #12558a;
}

.company-menu-box .company-menu {
  width: 100%;
  padding: 20px 0;
  background: #edf3fc;
}

.company-menu-box .company-menu .menu-li {
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}

.company-menu-box .company-menu .menu-li.single[_dep="0"] {
  text-align: center;
}

.company-menu-box .company-menu .menu-li.single[_dep="0"] p {
  padding: 0 !important;
}

.company-menu-box .company-menu .menu-li.single[_dep="0"] p.active {
  color: #fff;
}

.company-menu-box .company-menu .menu-li p {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 40px;
}

.company-menu-box .company-menu .menu-li p:hover {
  color: #008aff;
}

.company-menu-box .company-menu .menu-li p.focus {
  background: #d9e7fd;
}

.company-menu-box .company-menu .menu-li p.active {
  color: #fff;
  background: #008aff;
}

.company-menu-box .company-menu .menu-li p i.icon-open {
  display: inline-block;
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background: url("../img/component/company-menu/open-unactive.png");
}

.company-menu-box .company-menu .menu-li p i.icon-acopen {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background: url("../img/component/company-menu/open-active.png");
  width: 10px;
  height: 7px;
}

.company-menu-box .company-menu .menu-li p i.icon-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 8px;
  height: 12px;
  background: url("../img/component/company-menu/unopen.png");
}

.slick-vertical .slick-slide {
  border: none !important;
}

.dc-cascader {
  position: relative;
  display: inline-block;
}

.dc-cascader.single {
  width: 194px;
  margin-left: 8px;
}

.dc-cascader.single input {
  width: 100% !important;
}

.dc-cascader.single .cascader-menu {
  width: 192px !important;
  height: 200px !important;
}

.dc-cascader .input-suffix input {
  cursor: pointer;
  box-sizing: border-box;
  width: 328px;
  height: 32px;
  padding: 0;
  outline: unset;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 14px;
  text-indent: 12px;
}

.dc-cascader .input-suffix input:focus {
  border-color: #12558a;
}

.dc-cascader .input-suffix input:focus+.cascader-arrow::before {
  border-color: #12558a;
}

.dc-cascader .input-suffix .cascader-arrow {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  top: 9px;
  right: 12px;
  transform: rotate(-45deg);
}

.dc-cascader .input-suffix .cascader-arrow::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #c0c4cc;
  border-bottom: 2px solid #c0c4cc;
}

.dc-cascader .input-suffix .cascader-arrow.is-reverse {
  top: 14px;
  transform: rotate(-225deg);
}

.dc-cascader .input-suffix .checked-wrap {
  position: absolute;
  display: flex;
  top: 4px;
  left: 4px;
  color: #909399;
  max-width: 270px;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
  background: #f0f2f5;
  align-items: center;
  border-radius: 2px;
}

.dc-cascader .input-suffix .checked-wrap span {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dc-cascader .input-suffix .checked-wrap i {
  cursor: pointer;
  color: #fff;
  min-width: 12px;
  min-height: 12px;
  font-size: 12px;
  font-style: normal;
  line-height: 8px;
  margin-left: 10px;
  background: #c0c4cc;
  border-radius: 50%;
  text-align: center;
  padding-right: 1px;
}

.dc-cascader .cascader_dropdown {
  position: absolute;
  display: none;
  top: 40px;
  border: 1px solid #e4e7ed;
  border-right: unset;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.dc-cascader .cascader_dropdown .cascader-panel {
  display: flex;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu {
  box-sizing: border-box;
  width: 200px;
  height: 236px;
  overflow: auto;
  border-right: 1px solid #e4e7ed;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list {
  position: relative;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  box-sizing: border-box;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list li {
  position: relative;
  cursor: pointer;
  padding: 0 20px;
  font-size: 14px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list li:hover,
.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list li.active {
  color: #12558a;
  font-weight: bold;
  background: rgba(18, 85, 138, 0.05);
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list li:hover.has-child::after,
.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list li.active.has-child::after {
  border-color: #12558a;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu .cascader-menu_list li.has-child::after {
  box-sizing: border-box;
  position: absolute;
  display: block;
  content: "";
  top: 15px;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #c0c4cc;
  border-right: 1px solid #c0c4cc;
  transform: rotate(45deg);
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu:hover::-webkit-scrollbar {
  display: block;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu::-webkit-scrollbar {
  width: 6px;
  display: none;
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(144, 147, 153, 0.3);
}

.dc-cascader .cascader_dropdown .cascader-panel .cascader-menu::-webkit-scrollbar-track {
  border-radius: 6px;
}

.dc-cascader .cascader_dropdown .popper_arrow {
  top: -6px;
  left: 28px;
  border-width: 6px;
  border-top-width: 0;
  border-bottom-color: #ebeef5 !important;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}

.dc-cascader .cascader_dropdown .popper_arrow::after {
  top: 2px;
  content: " ";
  margin-left: -6px;
  border-width: 6px;
  border-top-width: 0;
  border-bottom-color: #fff !important;
}

.dc-cascader .cascader_dropdown .popper_arrow,
.dc-cascader .cascader_dropdown .popper_arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

d-pop d-mask {
  display: none;
}

d-pop d-alert-box {
  border: none;
  margin-top: 112px;
  width: fit-content;
  height: 56px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

d-pop d-alert-box>div {
  padding: 17px 50px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.88);
  border-radius: 3px;
  line-height: 22px !important;
}

d-pop d-alert-box>div.short {
  padding: 17px 36px;
}

d-pop d-alert-box i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 22px;
}

d-alert-box .dialog-box-content {
  height: 160px;
  min-height: unset;
  line-height: 88px;
}

d-alert-box .dialog-box-footer {
  height: unset;
  padding: 15px;
}

i.toggle-pwd {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url("../img/login/noCanSee.png") no-repeat;
}

i.toggle-pwd.visible {
  background: url("../img/login/canSee.png") no-repeat;
}

.error-msg {
  position: absolute;
  width: 350px;
  color: red;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
  line-height: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.error-msg.success {
  color: rgba(0, 0, 0, 0.45);
}

.error-msg img {
  position: relative;
  top: -2px;
  width: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

::-ms-reveal {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*
  99999s 基本上就是一个无限长的时间
  通过延长增加自动填充背景色的方式, 使用户感受不到样式的变化
*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition-delay: 99999s;
  transition: color 99999s ease-out, background-color 99999s ease-out;
}

input {
  filter: none;
  background-color: transparent;
}

input:focus~.tooltips {
  display: block;
}

.tooltips {
  display: none;
  position: absolute;
  top: -85px;
  left: 212px;
  opacity: 0.9;
  padding: 8px 10px;
  min-width: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  background: #333;
  border-radius: 4px;
}

.tooltips::after {
  position: absolute;
  left: 12px;
  bottom: -7px;
  content: "";
  border-top: 8px solid rgba(51, 51, 51, 0.9);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.tree-select-search {
  width: 48px;
  height: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  background: #1786D6;
  text-align: center;
  margin-right: 24px;
  margin-top: 12px;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  float: right;
}

.tree-operate-btns {
  position: absolute;
  top: 18px;
  right: 16px;
  height: 26px;
  line-height: 26px;
  font-size: 0;
  display: flex;
}

.tree-operate-btns span {
  display: inline-block;
  font-size: 12px;
}

.tree-reset-btn {
  position: relative;
  cursor: pointer;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 4px;
  line-height: 24px;
  padding: 0 6px;
  margin-right: 10px;
}

.tree-reset-btn span {
  color: #666666;
}

.tree-reset-btn .reset-icon {
  transform: translateY(14%);
}

.tree-filter-btn {
  position: relative;
  cursor: pointer;
  background: rgba(5, 184, 200, 1);
  border: 1px solid rgba(5, 184, 200, 1);
  border-radius: 4px;
  line-height: 24px;
  padding: 0 12px;
}

.tree-filter-btn span {
  color: white;
}

.tree-change-btn {
  width: 64px;
  height: 26px;
  border: 1px solid #C2CFDB;
  border-radius: 4px;
  color: #A5ACB0;
  display: flex;
  overflow: hidden;
  align-items: center;
  margin-right: 64px;
}

.tree-change-btn span {
  flex: 1;
  text-align: center;
  cursor: pointer;
}

.tree-change-btn .active {
  background: #1786D6;
  color: #fff;
}

.tree-select-wrapper {
  width: 280px;
  font-weight: 500;
  font-size: 14px;
  font-family: "PingFang SC", "Helvetica Neue", "Arial", "Tahoma", "Microsoft Yahei", "sans-serif", "Simsun";
  background: #f8f8f8;
  color: #333333;
  padding-right: 4px;
  box-sizing: border-box;
}

.tree-select-wrapper d-checkbox {
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.tree-select-wrapper d-checkbox::before {
  margin-right: 8px;
}

.tree-select-wrapper .tree-select-title {
  height: 48px;
  line-height: 48px;
  font-weight: 600;
  font-size: 16px;
  background: #e6e6e6;
  border-radius: 4px 4px 0px 0px;
  padding-left: 24px;
}

.tree-select-wrapper .node-item-box {
  max-height: 719px;
  min-height: 719px;
  overflow-y: auto;
}

.tree-select-wrapper .tree-node-box {
  padding: 8px 0;
}

/* 左侧选择项信息框 */
.info-window-check {
  position: absolute !important;
  z-index: 99999;
  max-width: 380px;
  box-sizing: border-box;
  padding: 10px;
  background: rgba(26, 28, 30, 0.84);
  backdrop-filter: blur(3px);
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* .tree-select-wrapper .tree-node-box .tree-node-item.selectAll {
  margin-bottom: 8px;
} */

.tree-select-wrapper .tree-node-box .tree-node-item.selectAll .tree-node-name {
  /* border-bottom: 1px solid #f0f0f0; */
  background: #FBFCFD;
  color:rgba(51, 51, 51, 1);
  font-weight: 700;
  padding-left: 20px;
  height: 22px;
  line-height: 0px;
}

.tree-select-wrapper .tree-node-box .tree-node-item.selectAll .tree-node-name d-checkbox {
  font-size: 14px;
}

.tree-select-wrapper .tree-node-box .tree-node-item {
  line-height: 32px;
  cursor: pointer;
  position: relative;
}

.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name {
  padding-left: 16px;
  height: 32px;
  user-select: none;
}

/* .tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name:hover, .tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name.active {
  background: #f0f0f0;
  color: #1786D6;
} */
.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name>span,
.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name d-checkbox {
  user-select: none;
}

.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name .arrow-icon {
  width: 24px;
  height: 22px;
  float: right;
  margin-right: 16px;
  margin-top: 5px;
}

.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name .arrow-icon.up {
  background: url(../js/component/tree-select/img/up-icon.png) no-repeat center;
}

.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name .arrow-icon.down {
  background: url(../js/component/tree-select/img/down-icon.png) no-repeat center;
}

.tree-select-wrapper .tree-node-box .tree-node-item .tree-node-name .r-txt {
  font-size: 12px;
  margin-right: 24px;
  display: inline-block;
  vertical-align: top;
  max-width: 71px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
  background: none;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item>.tree-node-name {
  padding-left: 24px;
  height: 42px;
  line-height: 42px;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item>.tree-node-name d-checkbox {
  font-size: 14px;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item>.tree-node-name .arrow-icon {
  margin-top: 10px;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item:not(.selectAll)>.tree-node-name {
  font-size: 14px;
  color: rgba(5, 184, 200, 1);
  background-color: rgba(5, 184, 200, 0.1);
  border-bottom: 1px solid #f8f8f8;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item:not(.selectAll)>.tree-node-name:hover {
  background: rgba(5, 184, 200, 0.1);
}

.tree-select-wrapper .tree-node-box .more-item-box {
  display: none;
}

.tree-select-wrapper .tree-node-box .more-node {
  font-size: 12px;
  line-height: 32px;
  color: #a5acb0;
  padding-left: 16px;
  left: 0;
  right: 0;
  bottom: -32px;
  user-select: none;
}

/* .tree-select-wrapper .tree-node-box .more-node:hover {
  color: rgba(5, 184, 200, 1);
  background: #f0f0f0;
} */

.tree-select-wrapper .tree-node-box .list_load_filter {
  height: 129px;
  width: 30px;
  background: url(../img/common/loading_tree.gif) no-repeat center;
  background-size: contain;
  margin: 0 auto;
}

.tree-select-wrapper .tree-node-box .list-empty_filter {
  padding: 33px 0;
}

.tree-select-wrapper .tree-node-box .list-empty_filter .empty_image {
  height: 36px;
  width: 36px;
  background: url(../img/common/empty_tree.png) no-repeat center;
  background-size: contain;
  margin: 0 auto;
}

.tree-select-wrapper .tree-node-box .list-empty_filter .empty_txt {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #A5ACB0;
  padding-top: 8px;
  text-align: center;
}

.tree-select-wrapper .tree-node-box .tree-node-item.title-bold>.tree-node-name {
  font-weight: bold;
}

.tree-search-wrapper {
  font-weight: 500;
  font-size: 14px;
  font-family: "PingFang SC", "Helvetica Neue", "Arial Narrow", "Tahoma", "Microsoft Yahei", "sans-serif", "Simsun";
  background: #fff;
  padding-bottom: 24px;
  color: #333333;
  box-sizing: border-box;
}

.tree-search-wrapper d-checkbox::before {
  margin-right: 8px;
}

.tree-search-wrapper .tree-select-title {
  height: 48px;
  line-height: 48px;
  font-weight: 600;
  font-size: 16px;
  background: #e6e6e6;
  border-radius: 4px 4px 0px 0px;
  padding-left: 24px;
}

.tree-search-wrapper .tree-node-box .tree-node-item {
  line-height: 48px;
  cursor: pointer;
  position: relative;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info {
  padding-left: 16px;
  border-bottom: 1px dashed #d7dbdf;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info span {
  display: inline-block;
  vertical-align: top;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .node-name {
  margin-right: 28px;
  margin-left: 42px;
  color: #333333;
  font-weight: 600;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .node-dep {
  max-width: 524px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .arrow-icon {
  width: 24px;
  height: 22px;
  float: left;
  margin-top: 14px;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .arrow-icon.up {
  background: url(../js/component/tree-search/img/fold-icon.png) no-repeat center;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .arrow-icon.down {
  background: url(../js/component/tree-search/img/unfold-icon.png) no-repeat center;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .node-btn {
  float: right;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  color: #fff;
  border-radius: 3px;
  margin-right: 24px;
  margin-top: 12px;
  text-align: center;
  box-sizing: border-box;
  background: #1786D6;
  display: none;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .node-btn:hover {
  color: #fff;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info:hover,
.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info.active {
  background: #f5f5f5;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info:hover .node-btn,
.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info.active .node-btn {
  display: inline-block;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info .keyword-sign,
.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-info em {
  background: #FFD293;
}

.tree-search-wrapper .tree-node-box .tree-node-item .tree-node-sub {
  padding-left: 18px;
}

.tree-search-wrapper .tree-node-box .more-node {
  font-size: 12px;
  line-height: 22px;
  color: #00a6b6;
  padding-left: 16px;
  position: absolute;
  left: 16px;
  bottom: -22px;
}

.pTree-box-main .dTiny-title {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding-left: 24px;
  color: #333333;
  background-color: #e6e6e6;
}

.pTree-box-main .dTiny-main {
  padding: 20px 0 12px;
  font-size: 14px;
}

.pTree-box-main .dTiny-main>.pTree-item .pTree-item-txt>span {
  font-weight: bold;
}

.pTree-box-main .pTree-item-txt>span {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80%;
  min-width: 61%;
  color: #333333;
}

.pTree-box-main .pTree-item {
  line-height: 36px;
  color: #333333;
  cursor: pointer;
}

.pTree-box-main .pTree-item i {
  font-size: 14px;
}

.pTree-box-main .pTree-item>.pTree-item-txt {
  padding-left: 40px;
  user-select: none;
  height: 40px;
}

.pTree-box-main .pTree-item>.pTree-item-txt:hover>span {
  color: #1786D6;
}

.pTree-box-main .pTree-item>.pTree-item-txt.active {
  background: #1786D6;
}

.pTree-box-main .pTree-item>.pTree-item-txt.active>span {
  color: #fff;
}

.pTree-box-main .pTree-item d-icon {
  float: right;
  position: relative;
  right: 8px;
}

.pTree-box-main .pTree-sub-box {
  display: none;
}

.pTree-box-main .pTree-sub-box .pTree-item-txt {
  padding-left: 54px;
}

.pTree-box-main .pTree-sub-box .pTree-sub-box {
  background: #f5f5f5;
}

.pTree-box-main .pTree-sub-box .pTree-sub-box .pTree-item-txt {
  padding-left: 66px;
}

.empty_box {
  background: #fff;
  min-height: 300px;
}

.empty_box .list_empty {
  margin: 0 auto;
  width: 20%;
  display: block;
  margin-top: 10%;
}

.buttonItem {
  cursor: pointer;
}

.itemHeader .number {
  cursor: pointer;
  font-weight: 600;
}

.itemHeader .name {
  cursor: pointer;
  font-weight: 600;
}

.dropDownBtn {
  cursor: pointer;
}

.collect {
  cursor: pointer;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1) url(../img/loading.gif) no-repeat center;
  z-index: 1005;
  display: flex;
  align-items: center;
  justify-content: center;
}

span .keyword-sign,
span em {
  background: #FFD293;
}

/* .keyword-sign,
em {
  background: #FFD293;
} */

[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 36px;
  height: 36px;
  border: 0;
  background: url(../../img/index_img/close.png) center no-repeat;
  background-size: 16px;
  cursor: pointer;
  opacity: 0.4;
  transition: 0.2s;
}

.list-empty {
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-top: 18%;
}

.list-empty .tip-text {
  line-height: 22px;
  margin-top: 8px;
}

.list-empty .return-page {
  display: inline-block;
  padding: 0 12px;
  line-height: 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  margin-top: 12px;
  box-sizing: border-box;
  cursor: pointer;
}

.filterOption {
  display: inline-block;
  padding: 0 12px;
  margin-right: 10px;
  /* margin-top: 8px; */
  font-size: 12px;
  line-height: 26px;
  color: #1786D6;
  border-radius: 3px;
  background-color: rgba(9, 167, 129, 0.1);
  margin-left: 10px;
}

.filterOption.removedFilterOption {
  color: rgb(128, 132, 131);
  background-color: rgb(241, 241, 241);
}

.filterOption i {
  margin-left: 8px;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}

.filterOption:last-child {
  margin-right: 0;
}

.merge-box-c {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 10px;
  line-height: 20px;
}

.merge-box-c:hover {
  background-color: #f5f5f5;
}

.merge-box-c:hover .text,
.merge-box-c:hover i {
  color: #1786D6;
}

.merge-box-c:first-child {
  margin-left: 0px;
}

.merge-box-c.active .text,
.merge-box-c.active i {
  color: #1786D6;
}

.merge-box-c img {
  vertical-align: middle;
}

.merge-box-c i {
  line-height: 20px;
  vertical-align: middle;
}

.merge-box-c .text {
  display: inline-block;
  font-family: "PingFang SC", "Helvetica Neue", "Arial Narrow", "Tahoma", "Microsoft Yahei", "sans-serif", "Simsun";
  font-size: 12px;
  margin-left: 4px;
  color: #666666;
  vertical-align: middle;
}

.drop-down-box {
  padding: 4px 0px;
  position: absolute;
  display: none;
  width: 106px;
  top: 32px;
  left: 0;
  background-color: #fff;
  line-height: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  z-index: 2;
  filter: drop-shadow(0px 6px 16px rgba(215, 219, 223, 0.3));
}

.drop-down-box .drop-down_item {
  font-family: "PingFang SC", "Helvetica Neue", "Arial Narrow", "Tahoma", "Microsoft Yahei", "sans-serif", "Simsun";
  font-size: 12px;
  line-height: 20px;
  padding: 4px 19px;
  cursor: pointer;
}

.drop-down-box .drop-down_item.active,
.drop-down-box .drop-down_item:hover {
  background-color: rgba(23, 134, 214, 0.1);
  color: #1786D6;
}

.item-merge_content {
  background: rgba(23, 134, 214, 0.1);
  margin-left: 24px;
  margin-top: 20px;
  margin-bottom: -20px;
}

.item-merge_content .item-merge_item {
  padding: 16px 0 16px 24px;
  color: #333333;
  font-size: 14px;
  font-family: "PingFang SC", "Helvetica Neue", "Arial Narrow", "Tahoma", "Microsoft Yahei", "sans-serif", "Simsun";
}

.item-merge_content .item-merge_item>div {
  display: inline-block;
  vertical-align: top;
}

.item-merge_content .item-merge_item .merge_title {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  padding: 0 12px;
  margin-right: 16px;
  color: #1786D6;
  background: rgba(23, 134, 214, 0.1);
}

.item-merge_content .item-merge_item .merge_info_title {
  display: flex;
  font-size: 14px;
}

.item-merge_content .item-merge_item .merge_info {
  width: 88%;
}

.item-merge_content .item-merge_item .merge_info_main {
  font-size: 12px;
  margin-top: 8px;
  line-height: 20px;
}

.item-merge_content .item-merge_item .merge_info_main>div {
  display: inline-block;
  vertical-align: top;
}

.item-merge_content .item-merge_item .merge_info_main>div>span {
  display: inline-block;
  width: 340px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-merge_content .item-merge_item .merge_info_main>div>span:first-child {
  display: inline-block;
  width: 377px;
}

.item-merge_content .item-merge_item label {
  color: #a5acb0;
  width: 377px;
  font-weight: 500;
}

.numberOfData .total_patent_num {
  font-weight: 600;
}

.info_abstract .summaryOfHtml {
  font-weight: normal;
}

.dib {
  display: inline-block;
}

.input_delete_btn {
  position: absolute;
  display: none;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  background: url(../img/index_img/close.png) center no-repeat;
  cursor: pointer;
}

.save_expr_input_error {
  border: 1px solid #d52b1e;
}

.save_expr_error_text {
  position: absolute;
  display: none;
  right: 34px;
  top: 100px;
  font-size: 12px;
  line-height: 20px;
  color: #d52b1e;
}

d-hover.searchTreeHover {
  padding: 2px 6px;
  min-height: 0;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 1px;
}

.searchTree .node-item-box {
  max-height: 766px;
  min-height: 454px;
}

.loading_tree {
  height: 30px;
  width: 30px;
  margin: 300px auto 0;
  background: url(../img/common/loading_tree.gif) no-repeat center;
  background-size: contain;
}

.exrpPubBtn-pop {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #1786D6;
  margin-right: 10px;
  padding: 0 4px;
  cursor: pointer;
}

.exrpPubBtn-pop:hover,
.exrpPubBtn-pop.clicked {
  color: #378B70;
}

.conjunction {
  margin-right: 10px;
}

d-alert-box .dialog-box-content {
  overflow: auto;
}

.retrievalFormulaBox {
  /* position: relative; */
  width: 1152px;
  height: 46px;
  background: rgba(248, 248, 248, 1);
  border-radius: 6px;
  margin: 0px 24px 24px 24px;
  box-sizing: border-box;
  /* padding-bottom: 24px; */
}

.retrievalFormulaBox .nowRetrievalFormula {
  display: inline-block;
  /* padding: 12px 0px 12px 16px; */
}

.retrievalFormulaBox .nowRetrievalFormula .name {
  color: #333333;
  display: inline-block;
  font-weight: 400;
  vertical-align: top;
}

.retrievalFormulaBox .nowRetrievalFormula .content {
  color: #05B8C8;
  display: inline-block;
  padding-left: 16px;
  line-height: 22px;
  max-width: 950px;
  max-height: 108px;
  overflow-y: auto;
  font-size: 14px;
  vertical-align: top;
  word-wrap: break-word;
  font-weight: 700;
}

.retrievalFormulaBox .nowRetrievalFormula .mt0 {
  margin-top: 0;
}

.retrievalFormulaBox .saveButton {
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  padding: 0 12px;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #1786D6;
  border: 1px solid #1786D6;
  border-radius: 3px;
}

.retrievalFormulaBox .saveButton:hover {
  background: #2399EE;
  color: #fff;
}

.retrievalFormulaBox .exprCopyBtn {
  position: absolute;
  right: 92px;
  top: 50%;
  transform: translateY(-50%);
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  cursor: default;
}

.retrievalFormulaBox .exprCopyBtn:hover {
  color: #1786D6;
}

.retrievalFormulaBox .expr-all-textrear {
  width: 0;
  height: 0;
}

.__empty {
  width: 356px;
  height: 244px;
  margin: 0 auto 28px;
  line-height: 540px;
  text-align: center;
  background: url(../../img/use_info/collect_list_empty.svg) no-repeat;
}

.InfoPop {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.InfoPop d-mask {
  background: unset;
}

.InfoPop .popContainer {
  position: absolute;
  padding-bottom: 32px;
  width: 550px;
  background: rgba(26, 28, 30, 0.84);
  box-shadow: 0px 4px 12px rgba(182, 192, 203, 0.3);
  border-radius: 6px;
  z-index: 101;
}

.InfoPop .popContainer .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  padding-top: 12px;
}

.InfoPop .popContainer .title span {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}

.InfoPop .popContainer .title .cancelBtn {
  cursor: pointer;
}

.InfoPop .popContainer .info {
  padding: 0 32px;
  max-height: 279px;
  overflow-y: auto;
  font-size: 12px;
  line-height: 20px;
  color: #FFFFFF;
}

.level-status-tiny {
  display: inline-block;
  vertical-align: top;
  padding: 0 6px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 12px;
  background: #C3CDDB;
  color: #4E5C70;
}

.level-status-tiny[level=V2] {
  background: #E2D0BA;
  color: #8A4D00;
}

.level-status-tiny[level=V3] {
  background: #A2DADA;
  color: #095A5A;
}

.level-status-tiny[level=V4] {
  background: #52546A;
  color: #fff;
}

.level-status {
  display: inline-block;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 25px;
  background: #C3CDDB;
  color: #4E5C70;
}

.level-status em {
  padding: 0 4px;
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  margin: 0 4px;
}

.level-status em:first-child {
  margin-left: 12px;
}

.level-status[level=V1] .count-down-level {
  color: #7488A3;
}

.level-status[level=V1] em {
  color: #fff;
  background-color: #A2B0C5;
}

.level-status[level=V2] {
  background: #E2D0BA;
  color: #8A4D00;
}

.level-status[level=V2] .count-down-level {
  color: #8A4D00;
}

.level-status[level=V2] em {
  color: #fff;
  background-color: #C5A583;
}

.level-status[level=V3] {
  background: #A2DADA;
  color: #095A5A;
}

.level-status[level=V3] .count-down-level {
  color: #51AAAA;
}

.level-status[level=V3] em {
  color: #fff;
  background-color: #7FC8C8;
}

.level-status[level=V4] {
  background: #52546A;
  color: #fff;
}

.level-status[level=V4] .count-down-level {
  color: #fff;
}

.level-status[level=V4] em {
  color: #fff;
  background-color: #303245;
}

.level-status .level-txt {
  font-weight: normal;
  margin-left: 4px;
}

.triangle-top {
  position: absolute;
  top: -10px;
  right: 58px;
  border-bottom: 10px solid #D6DDE6;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.alert_box {
  position: fixed;
  z-index: 101;
  inset: 0;
}

.alert_box .alert_box_mask {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.alert_box .alert_box_container {
  position: absolute;
  top: 280px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
}

.alert_box .alert_box_container * {
  box-sizing: border-box;
}

.alert_box .alert_box_container.trial {
  width: 400px;
  height: 252px;
  background: #FFFFFF;
  border-radius: 4px;
}

.alert_box .alert_box_container.trial .title {
  position: relative;
  padding: 24px 24px 20px 32px;
  width: 100%;
  height: 102px;
  border-radius: 4px 4px 0px 0px;
}

.alert_box .alert_box_container.trial .title d-icon {
  position: absolute;
  top: 26px;
  right: 24px;
  cursor: pointer;
}

.alert_box .alert_box_container.trial .title .text1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 8px;
}

.alert_box .alert_box_container.trial .title .text2 {
  font-size: 12px;
  line-height: 20px;
}

.alert_box .alert_box_container.trial .msg {
  margin: 36px 0;
  color: #262626;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.alert_box .alert_box_container.trial button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 16px;
  background: #008AFF;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}

.alert_box .alert_box_container.normal {
  width: 400px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.alert_box .alert_box_container.normal d-icon {
  position: absolute;
  top: 26px;
  right: 24px;
  cursor: pointer;
}

.alert_box .alert_box_container.normal .statusIcon {
  margin: 36px 0 12px;
  width: 48px;
  height: 48px;
  background: url("../img/spirits.png") no-repeat;
}

.alert_box .alert_box_container.normal .statusIcon.success {
  background-position: -144px -480px;
}

.alert_box .alert_box_container.normal .statusIcon.error {
  background-position: -192px -480px;
}

.alert_box .alert_box_container.normal .statusIcon.warn {
  background-position: -240px -480px;
}

.alert_box .alert_box_container.normal .title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.85);
}

.alert_box .alert_box_container.normal .msg {
  max-width: 302px;
  margin-bottom: 36px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  text-overflow: ellipsis;
  word-break: break-all;
}

.alert_box .alert_box_container.normal .msg em {
  margin: 0 4px;
  padding: 0 4px;
  line-height: 20px;
  border-radius: 4px;
}

.alert_box .alert_box_container.normal button {
  margin-bottom: 24px;
  padding: 5px 16px;
  background: #008AFF;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}

.alert_box .alert_box_container.upgrade {
  width: 400px;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.alert_box .alert_box_container.upgrade d-icon {
  position: absolute;
  top: 26px;
  right: 24px;
  cursor: pointer;
}

.alert_box .alert_box_container.upgrade .upgradeIcon {
  margin: 36px 0 16px;
  width: 48px;
  height: 48px;
  background: url("../img/spirits.png") no-repeat;
  background-position-y: -480px;
}

.alert_box .alert_box_container.upgrade .msg {
  max-width: 302px;
  margin-bottom: 68px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-overflow: ellipsis;
  word-break: break-all;
}

.alert_box .alert_box_container.upgrade button {
  margin-bottom: 24px;
  padding: 5px 16px;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}

.alert_box .alert_box_container.upgrade .topLevelTips {
  position: absolute;
  top: 138px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.75);
}

.advancedSearchTemplate {
  display: none;
  position: absolute;
  top: 60px;
  left: 24px;
  width: 860px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 6px 16px rgba(215, 219, 223, 0.3);
  border-radius: 6px;
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #A5ACB0;
  z-index: 100;
}

.advancedSearchTemplate * {
  box-sizing: border-box;
}

.advancedSearchTemplate .template_title {
  padding-left: 24px;
  padding-right: 16px;
  height: 47px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F0F0F0;
}

.advancedSearchTemplate .template_title span {
  font-weight: 700;
}

.advancedSearchTemplate .template_title .iconfont {
  cursor: pointer;
}

.advancedSearchTemplate .template_main {
  padding: 24px 32px 8px;
}

.advancedSearchTemplate .template_main .template_container {
  padding-bottom: 6px;
  display: flex;
  align-items: flex-start;
  color: #909495;
}

.advancedSearchTemplate .template_main .template_container .title {
  width: 56px;
  height: 32px;
  margin-right: 16px;
  text-align: right;
  line-height: 32px;
  font-weight: 550;
  color: #a5acb0;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item * {
  flex-shrink: 0;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item d-select {
  width: 180px;
  height: 32px;
  margin-right: 10px;
  cursor: pointer;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item d-select:hover {
  border-color: #1786D6;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item d-select d-select-box {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item d-select d-select-box d-text {
  max-width: 136px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item input {
  width: 484px;
  height: 32px;
  margin-right: 10px;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item .add {
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item .add i {
  font-size: 22px;
  line-height: 22px;
  color: #1786D6;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item .remove {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  cursor: pointer;
  background: url("../img/advanced_search/sub.png") no-repeat center;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item .remove i {
  display: none;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item.secondary d-select:first-child {
  width: 88px;
}

.advancedSearchTemplate .template_main .template_container .template_item_container .template_item.secondary input {
  width: 386px;
}

.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item d-select[name=time] {
  width: 110px;
}

.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item input[field=startTime] {
  width: 169px;
  margin-right: 6px;
}

.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item span {
  margin-right: 6px;
}

.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item input[field=endTime] {
  width: 169px;
}

.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item.secondary input {
  width: 152px;
}

.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item.secondary input[field=startTime],
.advancedSearchTemplate .template_main .template_container:nth-child(2) .template_item.secondary input[field=endTime] {
  width: 120px;
}

.advancedSearchTemplate .template_operate {
  padding: 24px;
  padding-top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.advancedSearchTemplate .template_operate d-button {
  margin-right: 8px;
  padding: 0;
  line-height: 30px;
  height: 32px;
}

.advancedSearchTemplate .template_operate d-button:nth-child(2) {
  background-color: #ffffff;
}

.advancedSearchTemplate .template_operate d-button:last-child {
  width: 68px;
  background-color: #f8f8f8;
  border: none !important;
}

.advancedSearchTemplate .template_operate d-button.generate {
  border: 1px solid #1786D6;
  color: #1786D6;
  width: 110px;
}

.advancedSearchTemplate .template_operate d-button.generate:hover {
  background-color: #1786D6;
  color: #ffffff;
}

.advancedSearchTemplate .template_operate d-button.search {
  width: 68px;
  border: none;
  line-height: 32px;
}

.searchInputBox .openAdvancedBtn {
  position: absolute;
  left: 636px;
  top: 50%;
  transform: translateY(-50%);
  color: #C4CCD3;
  font-size: 18px;
  cursor: pointer;
}

.searchInputBox .openAdvancedBtn:hover,
.searchInputBox .openAdvancedBtn.active {
  color: #1786D6;
}

.svg-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.15em;
}

.searchTree remove-checkbox {
  user-select: none;
  cursor: pointer;
}

.searchTree remove-checkbox:before {
  content: "";
  width: 16px;
  height: 16px;
  /* border: 1px solid #d9d9d9; */
  position: absolute;
  top: 8px;
  display: inline-block;
  box-sizing: border-box;
  right: 42px;
}

.searchTree .tree-node-name:hover remove-checkbox:before,
.searchTree remove-checkbox[checked]:before {
  background: url(../img/index_img/removed.png) no-repeat center;
  background-size: 16px;
  border: none;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item[_subOf] {
  display: none;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item[_subOf]>.tree-node-name {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #333333;
  background-color: rgb(228, 237, 237);
  padding-left: 34px !important;
  font-weight: normal;
}

.tree-select-wrapper .tree-node-box .node-item-box>.tree-node-item[_subOf]>.tree-node-name .arrow-icon {
  margin-top: 2px;
}