/* 禁止 slider tooltip 浮层内的 input 光标 */
.el-slider__tooltip *,
.el-tooltip__popper * {
  caret-color: transparent !important;
}

.el-slider__tooltip *:focus,
.el-tooltip__popper *:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* 禁止 slider 的 tabindex 元素获得焦点 */
.el-slider[tabindex],
.el-slider [tabindex] {
  outline: none !important;
}

/* 移除 slider 浏览器原生 focus outline */
.el-slider:focus,
.el-slider:focus * {
  outline: none !important;
}

/* 去除 2D/3D 切换区的光标闪动和焦点轮廓 */
.viewsSwitching-ul,
.viewsSwitching-ul * {
  caret-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 去除复制/删除按钮区域的光标闪动和焦点轮廓 */
.copyDeleteBtnGroup,
.copyDeleteBtnGroup * {
  caret-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 去除底部设置区输入框的光标闪动 */
.settingInput input,
.settingInput input:focus {
  caret-color: transparent !important;
}

/* 去除体素渲染按钮的焦点轮廓和光标 */
.voxelRenderBtn {
  outline: none !important;
  box-shadow: none !important;
  caret-color: transparent !important;
}

/* 去除底部展开/收起按钮的焦点轮廓和光标 */
.bottomSettingToggleBtn {
  outline: none !important;
  box-shadow: none !important;
  caret-color: transparent !important;
  -webkit-user-select: none;
  user-select: none;
}

.el-scrollbar__wrap {
  overflow-x: hidden !important;
}

/* 全局限制 el-input-number 不超出父容器 */
.el-input-number {
  max-width: 100%;
}

.el-select-dropdown__list {
  padding: 6px 0 20px !important;
}

#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.beianhao {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #878787;
  z-index: 10000;
}

.cont-header {
  position: relative;
  /*width: 100%;*/
  height: 48px;
  border-top: 1px #333 solid;
  border-bottom: 1px #333 solid;
  background-color: #2c3e50;
  padding-left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow: hidden;
}

.imgLogo {
  position: absolute;
  left: 15px;
  /* width: 200px; */
  height: 100%;
  display: flex;
  align-items: center;
}

.imgLogo img {
  width: 200px;
}

/* .imgLogoName{
	font-weight: bold;
	margin-left: 5px;
} */

.header-location {
  margin-left: 90px;
}

.icon-color {
  color: #6cca4f;
}

.text-color {
  color: #666;
}

.not-icon-color {
  color: #ccc !important;
}

.not-icon-size {
  font-size: 22px !important;
}

.header-select {
  position: relative;
  width: 107px;
  margin-left: 60px;
}

.header-select>i {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 14px;
  z-index: 100;
  color: #666;
}

.header-select .el-input__inner {
  height: 30px;
  padding: 0 30px;
}

.header-select .el-input__suffix {
  top: 1px;
}

.header-select .el-input__icon {
  line-height: 31px;
}

/*菜单项更改*/
.header-menu {
  margin-left: 0px;
  /* 220px*/
}

.header-menu .el-menu.el-menu--horizontal {
  border-bottom: none;
}

/* .header-menu .el-menu--horizontal>.el-menu-item,.header-menu .el-menu--horizontal>.el-submenu .el-submenu__title{
	height: 40px;
	line-height: 40px;
	color: #666;
} */
.header-menu .el-menu--horizontal>.el-menu-item,
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title {
  /* height: 40px; */
  line-height: 40px;
  color: #ecf0f1;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 统一导航栏字体颜色 */
.header-menu .el-menu--horizontal>.el-menu-item>span,
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title>span {
  color: #ecf0f1 !important;
}

.header-menu .el-menu--horizontal>.el-menu-item>span,
.header-menu .el-menu--horizontal>.el-menu-item>template>span,
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title>span,
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title>template>span,
.header-menu .el-menu--horizontal>.el-menu-item>.el-submenu__title>span,
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title {
  display: inline-flex;
  align-items: center;
  /* height: 100%; */
  line-height: 1;
}

.header-menu .el-menu--horizontal>.el-menu-item>i,
.header-menu .el-menu--horizontal>.el-menu-item>svg,
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title>i:not(.el-submenu__icon-arrow),
.header-menu .el-menu--horizontal>.el-submenu>.el-submenu__title>svg {
  margin-right: 5px;
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: #ecf0f1;
}

.header-menu .el-menu-item,
.header-menu .el-submenu__title {
  padding: 0 10px;
}

.header-menu .el-menu {
  background-color: #2c3e50;
}

.header-menu .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.header-menu .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.header-menu .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  color: #ecf0f1;
  background-color: #34495e;
}

.header-menu .el-menu--horizontal>.el-menu-item.is-active,
.header-menu .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #3498db;
  color: #3498db;
}

.el-menu,
.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
  background-color: #2c3e50 !important;
  color: #ecf0f1 !important;
}

.el-menu--popup,
.el-menu--popup li {
  min-width: 100px !important;
  background-color: #2c3e50 !important;
  color: #ecf0f1 !important;
}

.el-menu--popup .el-menu-item:hover,
.el-menu--popup .el-submenu__title:hover {
  background-color: #34495e !important;
  color: #ecf0f1 !important;
}

/*菜单项更改*/

.header-help {
  position: absolute;
  right: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  top: 0px;
}

.header-help-icon {
  cursor: pointer;
  margin-left: 30px;
}

.header-help-icon button {
  cursor: pointer;
  padding: 7px 20px;
}

/*主体*/
.cont-main {
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0;
  bottom: 0;
}

.main-left {
  width: 315px;
  background-color: #f5f5f5;
  height: 100%;
  border-right: 1px solid #ddd;
  position: relative;
  z-index: 10;
}

.main-header-title {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ddd;
  display: flex;
}

.main-header-title>span {
  text-align: center;
  line-height: 40px;
  flex-grow: 1;
  font-weight: bold;
  color: #666;
  cursor: pointer;
}

.main-header-title .button-line {
  color: #6cca4f;
  position: relative;
}

.button-line:before {
  content: "";
  position: absolute;
  width: 55px;
  height: 2px;
  background-color: #6cca4f;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.main-body {
  position: absolute;
  top: 41px;
  bottom: 0px;
  width: 100%;
}

.create-cont,
.templateRoom {
  width: 100%;
  height: 100%;
}

.create-cont-title {
  height: 30px;
  padding-left: 25px;
  font-size: 15px;
  line-height: 30px;
  color: #666;
}

.create-cont1,
.templateRoom {
  width: 100%;
  height: 100%;
}

.clothPlaneCenter {
  width: 100%;
  height: 100%;
  position: relative;
}

.clothPlaneCenter-scrollbar {
  position: absolute;
  top: 55px;
  bottom: 0px;
  width: 100%;
}

.clothPlane-nav {
  box-sizing: border-box;
  padding: 15px;
}

.clothPlane-nav-item {
  width: auto;
  height: 22px;
  border-radius: 11px;
  background-color: #f5f5f5;
  font-size: 12px;
  color: #000;
  text-align: center;
  line-height: 22px;
  margin-right: 5px;
  float: left;
  font-weight: 700;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 5px;
}

.clothPlane-nav-item:hover {
  cursor: pointer;
}

.clothPlane-nav-item.active {
  color: #fff;
  background-color: #00c845;
}

.clothPlane-list-item {
  margin-bottom: 20px;
}

.clothPlane-list-item-title {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.clothPlane-list-item-body {
  box-sizing: border-box;
  padding: 0px 18px;
}

.clothPlane-list-item-body li {
  float: left;
  margin-left: 8px;
  margin-top: 15px;
  width: 74px;
}

.clothPlane-list-item-body li:nth-of-type(3n + 1) {
  margin-left: 0px;
}

.clothPlane-item-img {
  width: 74px;
  height: 74px;
  border: 1px solid #fff;
}

.clothPlane-list-item-body li:hover {
  cursor: pointer;
}

.clothPlane-list-item-body li:hover .clothPlane-item-img {
  border: 1px solid #00c846;
}

.clothPlane-item-img img {
  width: 100%;
}

.clothPlane-item-name {
  text-align: center;
  font-size: 12px;
  color: #969696;
  margin-top: 4px;
}

/*布平面*/

.overlay {
  pointer-events: none;
}

/*画户型功能界面*/
.md-apartment {
  width: 300px;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  position: absolute;
  left: 80px;
  top: 0px;
  box-sizing: border-box;
}

.mdTitle {
  padding: 10px;
  font-weight: bold;
}

.md-itemList {
  border-top: 1px solid #dedede;
  transition: height 0.3s;
}

.itemList-title {
  padding: 8px 15px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.itemList-title>p {
  color: #000;
  position: relative;
  font-size: 15px;
  font-weight: bold;
}

.md-scell {
  width: 100%;
  /*overflow-y:auto;*/
}

.itemList-title>span {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 13px;
  font-size: 12px;
  transition: transform 0.3s;
  color: #666;
  /*transform: rotate(180deg);*/
}

.itemList-title>p {
  font-size: 14px;
}

/*.itemList-title>p:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 3px;*/
/*  height: 15px;*/
/*  background-color: #70cc52;*/
/*  top: 3px;*/
/*  left: -7px;*/
/*}*/

.mdList-icon {
  display: inline-block;
  width: 82px;
  height: 82px;
  vertical-align: text-bottom;
  font-style: normal;
  overflow: hidden;
}

.itemList-imgList {
  position: relative;
  overflow: hidden;
  transition: height 0.2s;
}

.itemList-imgList>li {
  position: relative;
  cursor: pointer;
  float: left;
  padding-left: 22px;
  margin-bottom: 30px;
  width: 70px;
  height: 75px;
}

.itemList-imgList>li>img:hover {
  background-color: #dedede;
}

.itemList-imgList>li>img {
  width: 100%;
  transition: background-color 0.3s;
}

.itemList-imgList>li>p {
  position: absolute;
  display: inline-block;
  width: 80%;
  height: 20px;
  text-align: center;
  bottom: -18px;
  left: 22px;
  font-size: 12px;
  color: #666;
}

/*画户型功能界面*/

/*样板间*/
.template-radio {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-top: 15px;
}

.template-search {
  width: 100%;
  /* height: 72px; */
  padding-bottom: 15px;
  padding-top: 15px;
}

.template-input-buttom,
.modelBase-input-buttom {
  display: flex;
  padding: 0 10px;
}

.template-input-buttom input {
  flex-grow: 5;
}

.template-input-buttom button {
  flex-grow: 1;
  margin-left: 10px;
}

.modelBase-input-buttom input {
  flex-grow: 8;
}

.modelBase-input-buttom button {
  flex-grow: 1;
  margin-left: 6px;
}

#mModelHideDlg .modelBase-input-buttom button {
  margin-left: 0px;
  margin-top: 0px;
}

.modelBase-input-buttom .el-button {
  padding: 10px 12px;
}

.template-input-buttom .el-button {
  padding: 10px 20px;
}

.template-listInfo,
.template-listInfo-typ {
  padding: 0 5px 0 10px;
}

.template-listInfo {
  position: absolute;
  top: 90px;
  bottom: 35px;
}

.template-listInfo-item {
  width: 100%;
  height: 150px;
  background-color: #fff;
  margin-bottom: 10px;
}

.template-listInfo-item>div {
  float: left;
}

.listInfo-item-left {
  width: 60%;
  height: 100%;
  background-color: #f0f;
  position: relative;
}

.listInfo-item-left>img {
  width: 100%;
  height: 100%;
}

.listInfo-item-left button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.listInfo-item-left:hover button {
  display: block;
}

.listInfo-item-right {
  width: 40%;
  height: 100%;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
}

.listInfo-item-icon>i {
  float: right;
  cursor: pointer;
  color: #666;
}

.listInfo-item-name-title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
}

.listInfo-item-name-area {
  font-size: 14px;
}

.listInfo-item-button .el-button {
  float: right;
  padding: 7px 15px;
  margin-top: 15px;
}

/*样板间信息弹窗*/
.listInfo-item-info-model {
  position: absolute;
  left: 300px;
  top: 175px;
  width: 550px;
  height: 500px;
  background-color: #fff;
  box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3);
  z-index: 10;
  padding: 10px;
  box-sizing: border-box;
  z-index: 200;
}

.listInfo-item-info-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.listInfo-item-info-img {
  position: relative;
  width: 100%;
  height: 85%;
  /*background-color: #F00;*/
  border-radius: 6px;
  overflow: hidden;
}

.listInfo-item-info-img>p {
  position: absolute;
  bottom: 11px;
  left: 11px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.listInfo-item-info-img>img {
  width: 100%;
  height: 100%;
}

.istInfo-item-info-btn-img>img {
  margin-left: 5px;
  width: 60px;
  height: 60px;
  border: 3px solid #fff;
  transition: border 0.3s;
  cursor: pointer;
}

.istInfo-item-info-btn-img>img:hover,
.istInfo-item-info-btn-img>.istInfo-item-info-btn-img-link {
  border: solid 3px #70cd53;
}

.listInfo-item-info-btn {
  width: 100%;
  height: 15%;
}

.listInfo-item-info--btn>span {
  color: #666;
}

.listInfo-item-info-tab-2 {
  width: 100%;
  height: 100%;
}

.listInfo-item-info-scrollbar-block>img {
  width: 96px;
  height: 96px;
  margin: 5px;
}

.listInfo-item-tabsGroup {
  position: absolute;
  top: -40px;
  left: 0px;
  background-color: #fff;
}

.listInfo-item-tabsGroup li {
  float: left;
  padding: 13px 20px;
  background-color: rgb(245, 245, 245);
  color: #999;
  cursor: pointer;
}

.listInfo-item-tabsGroup .active {
  background-color: #fff;
  color: #666;
}

/*样板间信息弹窗*/

/*样板间分页*/
.pageInfo,
.pagechang {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.pagechang {
  padding: 9px 0px;
}

.pageInfo span,
.pagechang span {
  font-size: 14px;
  color: #666;
  transition: color 0.3s;
}

.pagechang input {
  width: 40px;
  outline: none;
  text-align: center;
  align-items: center;
}

.pagechang input:focus {
  border: 1px solid #71cc53;
}

.pagechang span:hover {
  color: #71cc53;
  cursor: pointer;
}

/*样板间分页*/

/*样板间*/

/*分类选项*/
.template-input-buttom-type {
  padding: 10px 10px 0;
  width: 400px;
  position: absolute;

  z-index: 100;
  background-color: #fff;
  box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}

.template-input-buttom-type>div {
  border-bottom: 1px dashed #f5f5f5;
}

.template-input-buttom-type>div:last-of-type {
  border-bottom: none;
}

.type-cont-title {
  margin: 10px 0;
  color: #666;
  font-size: 14px;
}

.type-cont>div:first-of-type {
  margin-top: 0px;
}

.type-item-list {}

.type-item-list li {
  width: 67px;
  height: 30px;
  background-color: #f5f5f5;
  float: left;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #666;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  user-select: none;
}

.type-item-list li:first-of-type,
.type-item-list li:nth-of-type(5n + 1) {
  margin-left: 0px;
}

.type-item-list li:hover {
  background-color: #f0f0f0;
  color: #777;
}

.type-item-list .type-link-1,
.type-item-list .type-link-1:hover,
.type-item-list .el-icon-remove-outline,
.type-item-list .el-icon-remove-outline:hover {
  background-color: #70cd53;
  color: #fff;
}

.type-item-list .el-icon-remove-outline:before {
  position: absolute;
  top: -7px;
  right: -6px;
  font-size: 14px;
  color: #70cd53;
  height: 12px;
  border-radius: 50%;
  line-height: 1;
  background-color: #fff;
}

.foot-btn {
  width: 100%;
  height: 60px;
  border-top: 1px solid #f2f2f2;
  line-height: 60px;
}

.foot-btn .btn-block {
  float: right;
}

.listInfo-item-info-tab-1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*分类选项*/

/*样板间*/
.modelBase {
  width: 100%;
  height: 100%;
}

.modelBase-left_block {
  position: relative;
  float: left;
  width: 65px;
  height: 100%;
  border-right: 1px solid #ddd;
}

.modelBase-left_ShareClass {
  position: relative;
  float: left;
  width: 65px;
  height: 100%;
  border-right: 1px solid #ddd;
}

/*.modelBase-left{
}*/
.modelBase-left li {
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
  /*font-weight: bold;*/
  transition: color 0.15s;
}

.modelBase-left>li {
  padding-left: 0px;
}

.modelBase-left li:hover {
  cursor: pointer;
  color: #70cd53;
}

.modelBase-right {
  float: left;
  height: 100%;
  position: absolute;
  left: 65px;
  right: 0px;
  display: none;
}

.modelBase-right .modelBase-right-share {
  float: left;
  height: 100%;
  position: absolute;
  left: 65px;
  right: 0px;
  display: none;
}

.left-block-adsloute {
  display: none;
  position: absolute;
  width: 3px;
  height: 20px;
  background-color: #70cd53;
  transition: top 0.15s;
}

.modelBase-left .modelBase_link {
  position: relative;
  color: #70cd53;
}

.modelBase-left .modelBase_link:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 4px;
  width: 3px;
  height: 20px;
  background-color: #70cd53;
}

.modelBase-left i {
  margin-left: 5px;
  transition: transform 0.15s;
}

.modelBase-left .modelBase-my-item {
  height: 0px;
  background-color: #e8e8e8;
  color: #666;
  overflow: hidden;
  transition: height 0.15s;
}

.modelBase-left .modelBase-Ceiling-item {
  height: 0px;
  background-color: #e8e8e8;
  color: #666;
  overflow: hidden;
  transition: height 0.15s;
  margin-left: -9px;
  text-align: center;
}

.modelBase-left .modelBase-Exhibition-item {
  height: 0px;
  background-color: #e8e8e8;
  color: #666;
  overflow: hidden;
  transition: height 0.15s;
}

.modelBase-item-list li {
  width: 110px;
  height: 110px;
  float: left;
  background-color: #f00;
  border-radius: 3px;
  margin-left: 10px;
  margin-bottom: 10px;
  position: relative;
}

.modelBase-item-list li:hover {
  cursor: pointer;
}

.modelBase-item-list li:first-of-type,
.modelBase-item-list li:nth-of-type(3n) {
  margin-left: 0px;
}

.modelBase-item-list li>i {
  position: absolute;
  color: #fff;
  display: none;
}

.modelBase-item-list li:hover>i {
  display: block;
}

.modelBase-item-list li>i:nth-of-type(1) {
  top: 10px;
  left: 10px;
}

.modelBase-item-list li>i:nth-of-type(2) {
  top: 10px;
  right: 10px;
}

.modelBase_link_model,
.modelBase_Mat_model,
.modelBase_moxing_model,
.modelBase_sucai_model {
  width: 680px;
  background-color: #fff;
  position: absolute;
  padding: 10px;
  box-sizing: border-box;
  display: none;
  z-index: 9999;
  left: 66px;
  border-radius: 6px;
}

.modelBase_link_model {
  min-height: 150px;
  transform: translateY(-80%);
  max-height: 850px;
  overflow: scroll;
}

.modelBase_link_model::-webkit-scrollbar {
  display: none;
}

.modelBase_Mat_model,
.modelBase_sucai_model,
.modelBase_moxing_model {
  height: 400px;
}

.modelBase_Mat_model div,
.modelBase_sucai_model div,
.modelBase_moxing_model div,
.modelBase_link_model div {
  float: left;
}

.modelBase_type_listItem {
  width: 330px;
  /* height: 156px; */
  min-height: 110px;
  /*margin-left: 10px;*/
  border-bottom: 1px #f5f5f5 solid;
  margin-bottom: 15px;
}

.modelBase_type_listItem>p {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 10px;
}

.modelBase_type_listItem>img {
  width: 50px;
  height: 50px;
  margin: 5px 10px 5px 0;
  overflow: hidden;
  border-radius: 3px;
  float: left;
}

.modelBase_type_listItem>ul {
  float: left;
}

.modelBase_Mat_model .modelBase_type_listItem .modelBase_type_title,
.modelBase_sucai_model .modelBase_type_listItem .modelBase_type_title,
.modelBase_moxing_model .modelBase_type_listItem .modelBase_type_title,
.modelBase_link_model .modelBase_type_listItem .modelBase_type_title {
  font-size: 15px;
  font-weight: bold;
}

.modelBase_type_listItem_block {
  display: flex;
  flex-wrap: wrap;
  width: 260px;
}

.modelBase_type_listItem_block li {
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 2px;
  color: #666;
}

.modelBase_type_listItem_block li:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

.modelBase_type_listItem:first-of-type,
.modelBase_type_listItem:nth-of-type(3n) {
  margin-left: 0;
}

.modelBase_type_listItem_block .modelBase_type_links,
.modelBase_type_listItem_block .modelBase_type_links:hover {
  background-color: #70cd53;
  color: #fff;
}

.viewHelper {
  position: absolute;
  overflow: hidden;
  width: 200px;
  height: 200px;
  left: 10px;
  right: auto;
  bottom: 5px;
}

/*视图切换*/
.floatingAttribute {
  position: absolute;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  right: 260px;
  top: 15px;
  font-size: 16px;
  z-index: 50;
  background-color: #ffffff;
}

.floatingAttribute>div {
  width: 146px;
  float: left;
}

/*显示模式*/
#pattern {
  position: relative;
  width: auto;
  height: 44px;
  background-color: #f5f5f5;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px 10px;
  box-sizing: border-box;
  line-height: 1.5;
  margin-right: 20px;
}

#pattern:hover {
  color: #67c23a;
  cursor: pointer;
}

.viewsSwitching {
  position: relative;
  width: auto;
  height: 40px;
  background-color: #f0f2f5;
  border: none;
  border-radius: 20px;
  padding: 4px;
  box-sizing: border-box;
  display: flex;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.05);
}

.viewsSwitching-ul {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}

.viewsSwitching-ul>li {
  color: #8c8c8c;
  float: left;
  width: 70px;
  padding: 0;
  cursor: pointer;
  transition: color 0.3s ease;
  font-weight: 600;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.5px;
  line-height: 32px;
  height: 32px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.viewsSwitching-ul>li:hover {
  background-color: transparent;
  color: #555;
}

.viewsSwitching-ul .viewsSwitching-link {
  color: #70cd53;
}

.viewsSwitching-mattop {
  height: 42px;
  margin-top: -10px;
  line-height: 40px;
}

.viewsSwitching-ul>li {
  border-left: none;
}

.viewsSwitching-ul>li:first-of-type {
  border-left: none;
}

.viewsSwitching-ul li i {
  display: inline-block;
  transition: transform 0.15s;
  /*transform: rotate(90deg);*/
}

.viewsSwitching-line {
  width: 70px;
  height: 32px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #ffffff;
  z-index: 1;
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.budget {
  margin-left: 5px;
}

.budget li {
  padding: 0 13px;
  font-size: 14px;
  border-left: none;
  position: relative;
}

.budget i {
  margin-left: 5px;
  font-size: 12px;
}

.systemDesign {
  width: 200px;
  height: 0;
  position: absolute;
  top: 47px;
  left: -15px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding-bottom: 10px;
  /* padding-left: 7px; */
  overflow: hidden;
  transition: height 0.5s;
  display: none;
  z-index: 10;
}

.systemDesign_list {
  cursor: pointer;
  /* padding:0 13px; */
  /*background-color: #FFF;*/
  transition: background-color 0.5s;
  width: 50%;
}

.systemDesign .systemDesign_lis:hover {
  background-color: #ccc;
}

.systemDesign_list>span {
  font-size: 60px;
  color: #666;
  display: block;
  text-align: center;
}

.systemDesign_list>p {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-top: -10px;
}

/*视图切换*/

/*左侧弹出框*/

.apartmentNavigation,
.designSketch {
  position: absolute;
  right: 0;
  top: 0;
  width: 240px;
  height: auto;
  border: 1px solid #ddd;
  background-color: #fff;
}

.designSketch {
  top: 39%;
  background-color: #f5f5f5;
}

.rendering-title {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  user-select: none;
  outline: none;
}

.rendering-title p {
  text-align: center;
  line-height: 30px;
  color: #666;
  caret-color: transparent;
}

.rendering-title i {
  cursor: pointer;
  position: absolute;
  top: 7px;
  left: 10px;
  caret-color: transparent;
}

.rendering-body {
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box;
}

.rendering-video,
.rendering-video-2 {
  width: 210px;
  height: 150px;
  background-color: #ccc;
  position: relative;
  margin: 0 auto;
}

.rendering-video i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  color: #848484;
  transform: translate(-50%, -50%);
}

.rendering-btn button {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 3px;
  color: #666;
}

.rendering-designSketch {
  display: flex;
  justify-content: center;
}

/*.rendering-designSketch button:nth-of-type(1){
	padding: 8px;
}
.rendering-designSketch button:nth-of-type(1)>i{
	font-size: 25px;
}
.rendering-designSketch button:nth-of-type(2){
	padding: 12px 40px;
}*/
.rendering-video-2 {
  margin-bottom: 10px;
}

.rendering-video-2>img {
  width: 100%;
  height: 100%;
}

.rendering-video-2 .camera {
  position: absolute;
  width: 60px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  border-radius: 0 0 10px 0;
  line-height: 1.8;
  padding-left: 5px;
  color: #fff;
}

.rendering-video-2 .camera i {
  font-size: 12px;
  margin-right: 7px;
}

.apartmentNavigation-min,
.designSketch-min,
.main-left-min {
  position: absolute;
  right: 0;
  top: 10%;
  width: 50px;
  height: auto;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

.designSketch-min {
  top: 370px;
}

.main-left-min {
  left: 0px;
  top: 7%;
  border-radius: 0 5px 5px 0;
}

.apartmentNavigation-min-title {
  background-color: #000;
  color: #fff;
  box-sizing: border-box;
  padding: 2px 0;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
  outline: none;
}

.apartmentNavigation-min-title i {
  display: block;
  text-align: center;
  caret-color: transparent;
}

.apartmentNavigation-min-body {
  padding: 7px 0;
  background-color: #f5f5f5;
}

.apartmentNavigation-min-body i {
  display: block;
  text-align: center;
  color: #666;
  font-size: 25px;
}

/*左侧弹出框*/

/*梯形*/
/*.trapezoid {
	border-color: transparent transparent #F5F5F5;
	border-style: none solid solid;
	border-width: 0 14px 30px;
	content: "";
	display: block;
	height: 0;
	cursor: pointer;
}
.shrinkBar{
	position: absolute;
	left: 300px;
	top: 50%;
	width: 60px;
	transform: rotate(90deg);
	z-index: 99;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color:#F5F5F5;
}
.shrinkBar span{
	display: block;
	transform:rotate(-90deg);
	line-height: 2;
	text-align: center;
	
}*/
/*梯形*/
/*滑块设置大小*/
.sliderSize-block1 {
  position: absolute;
  right: 380px;
  bottom: 10px;
  min-width: 30px;
  height: 34px;
  background-color: #f1f1f1;
  border-radius: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  visibility: hidden;
}

.sliderSize-block {
  position: absolute;
  right: 10px;
  bottom: 10px;
  min-width: 350px;
  height: 34px;
  background-color: #f1f1f1;
  border-radius: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sliderSize-display {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sliderSize-display>span {
  font-size: 12px;
}

.sliderSize-display>span,
.sliderSize-display>i {
  color: #666;
}

.sliderSize-display>i:nth-of-type(1) {
  margin-right: 0px;
}

.sliderSize-display>i {
  margin: 0 10px;
}

.sliderSize-display>i:hover {
  cursor: pointer;
}

.sliderSize-block .el-slider__runway {
  height: 3px;
  background-color: #ccc;
}

.sliderSize-block .el-slider__button-wrapper {
  top: -11px;
  height: 20px;
  width: 13px;
}

.sliderSize-block .el-slider__button {
  width: 8px;
  height: 8px;
}

.sliderSize-block .el-slider__bar {
  height: 3px;
}

.slider-model {
  width: 130px;
  display: inline-block;
  /* 防止可编辑/可聚焦/caret 行为 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent !important;
  outline: none !important;
}

.slider-model:focus,
.slider-model:focus-visible,
.slider-model:focus-within {
  outline: none !important;
}

/* slider-model 内部 el-slider 也覆盖 */
.slider-model .el-slider,
.slider-model .el-slider__runway,
.slider-model .el-slider__bar,
.slider-model .el-slider__button-wrapper,
.slider-model .el-slider__button {
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent !important;
}





.sliderSize-block2 {
  position: absolute;
  right: 100px;
  bottom: 10px;
  /* min-width: 350px; */
  height: 34px;
  background-color: #f1f1f1;
  border-radius: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sliderSize-display2 {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sliderSize-display2>span {
  font-size: 12px;
}

.sliderSize-display2>span,
.sliderSize-display>i {
  color: #666;
}

.sliderSize-display2>i:nth-of-type(1) {
  margin-right: 0px;
}

.sliderSize-display2>i {
  margin: 0 10px;
}

.sliderSize-display2>i:hover {
  cursor: pointer;
}

.sliderSize-block2 .el-slider__runway {
  height: 3px;
  background-color: #ccc;
}

.sliderSize-block2 .el-slider__button-wrapper {
  top: -9px;
  height: 20px;
  width: 13px;
}

.sliderSize-block2 .el-slider__button {
  width: 8px;
  height: 8px;
}

.sliderSize-block2 .el-slider__bar {
  height: 3px;
}

.slider-model2 {
  width: 130px;
  display: inline-block;
  /* 防止可编辑/可聚焦/caret 行为 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent !important;
  outline: none !important;
}

.slider-model2:focus,
.slider-model2:focus-visible,
.slider-model2:focus-within {
  outline: none !important;
}

/* slider-model2 内部 el-slider 也覆盖 */
.slider-model2 .el-slider,
.slider-model2 .el-slider__runway,
.slider-model2 .el-slider__bar,
.slider-model2 .el-slider__button-wrapper,
.slider-model2 .el-slider__button {
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent !important;
}

/*滑块设置大小*/

/*创建设计*/
.createDesign {
  width: 80%;
  /*90%*/
  height: 88%;
  /*85%*/
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  z-index: 1002;
}

#createLoadingCAD {
  width: 180px;
  height: 100px;
  position: absolute;
  top: -250px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1002;
}

#LoadingTime {
  width: 220px;
  height: 100px;
  position: absolute;
  top: -250px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1002;
}

#LoadingGIF {
  width: 180px;
  height: 100px;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1002;
}

.createDesign-title {
  position: relative;
  padding: 10px 20px;
}

.createDesign-title span {
  position: relative;
  font-weight: bold;
  margin-left: 20px;
  color: #999;
  cursor: pointer;
}

.createDesign-title .el-button {
  position: absolute;
  right: 5px !important;
  top: 0 !important;
}

.createDesign-title .el-button i {
  font-size: 23px;
}

.createDesign-title .createDesign-title-link {
  color: #3fb19d;
}

.createDesign-title .createDesign-title-block:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 18px;
  background-color: #2eae97;
  top: -1px;
  left: -15px;
  z-index: 500;
}

.createDesign-scroll {
  position: relative;
}

.createDesign-scroll-road {
  position: relative;
  width: 96.5%;
  height: auto;
  overflow: hidden;
  margin: 15px auto;
}

.createDesign-scroll-img {
  height: auto;
  transition: transform 0.15s;
}

.createDesign-scroll-img>li {
  position: relative;
  padding: 20px;
  width: 25%;
  height: 140px;
  border-left: 3px solid #f5f5f5;
  float: left;
  box-sizing: border-box;
  transition: background-color 0.3s;
  background-color: #fff;
  text-align: center;
}

.createDesign-scroll-img>li:hover,
.myDesign-list-info>li:hover {
  background-color: #ccc;
  border-radius: 5px;
}

.createDesign-scroll-img>li>img {
  width: 20%;
}

.myDesign-list-info>li {
  position: relative;
  padding: 4px;
  /*width: 20%;*/
  width: 270px;
  height: 230px;
  /* border: 1px solid #999; */
  float: left;
  box-sizing: border-box;
  /* margin-left: 10px; */
  cursor: pointer;
  margin-bottom: 5px;
  transition: background-color 0.3s;
}

.myDesign-list-info>li>img {
  width: 100%;
  height: 80%;
  border-radius: 5px;
}

.myDesign-list-info>li {
  /*margin-left: 7px;*/
}

.createDesign-scroll-img>li:first-of-type {
  border-left: none;
}

.myDesign-list-info>li:nth-of-type(6n + 1) {
  margin-left: 0px;
}

.createDesign-scroll-img>li>p,
.myDesign-list-info>li>p {
  position: absolute;
  bottom: 20px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  font-size: 14px;
  width: 100%;
}

.myDesign_pag {
  width: 100%;
  padding: 5px;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 5px;
}

.myDesign_pag>span {
  display: inline-block;
  width: 60px;
  text-align: center;
  cursor: pointer;
  color: #666;
  user-select: none;
}

.myDesign_pag>span:hover {
  color: #70cd53;
}

.myDesign_pag>input {
  width: 50px;
  outline: none;
  padding-left: 5px;
  user-select: none;
}

.createDesign-scroll-left,
.createDesign-scroll-right {
  width: 25px;
  height: 45px;
  position: absolute;
  font-size: 30px;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}

.createDesign-scroll-left:hover,
.createDesign-scroll-right:hover {
  background-color: #d3d3d3;
  color: #fff;
}

.createDesign-scroll-left {
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
}

.createDesign-scroll-right {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.myDesign {
  /* padding: 10px 0 10px 10px; */
  background-color: #fff;
  width: 96.5%;
  position: absolute;
  top: 60px;
  bottom: 39px;
  left: 1.75%;
  box-sizing: border-box;
  /* overflow-y: scroll; */
}

.fadeInDown {
  animation: fadeInDown 0.4s;
}

.fadeOutUp {
  animation: fadeOutUp 0.4s;
}

/*创建设计*/

/*户型与方案*/

.huxingAndScheme {
  width: 820px;
  height: 670px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  padding: 15px;
  z-index: 1002;
}

.huxingAndScheme .closeBtn_block {
  position: absolute;
  right: 22px;
  top: 5px;
  z-index: 100;
}

.closeBtn_block .el-button {
  font-size: 23px;
}

.huxingAndScheme-search-input {
  width: 360px;
}

.huxingAndScheme-search .el-input-group__prepend {
  padding: 0 20px;
  width: 35px;
  background-color: #fff;
}

.huxingAndScheme-search .el-input-group__append {
  background-color: #67c23a;
  color: #fff;
}

.huxingAndScheme-search {
  position: relative;
}

.huxingAndScheme-search p {
  position: absolute;
  top: 11px;
  right: 126px;
}

.huxingAndScheme-types {
  box-sizing: border-box;
  padding: 15px 15px 0;
}

.huxingAndScheme-types-list {
  display: flex;
  margin-bottom: 10px;
}

.huxingAndScheme-types-list ul {
  width: 650px;
  display: flex;
  flex-wrap: wrap;
}

.huxingAndScheme-types-list ul li {
  margin-left: 5px;
  padding: 2px 10px;
  border-radius: 15px;
  color: #666;
  cursor: pointer;
  font-size: 14px;
}

.huxingAndScheme-types-list ul .huxingAndScheme-types-link {
  background-color: #67c23a;
  color: #fff;
}

.huxingAndScheme-body {
  width: 100%;
  height: 380px;
  /*background-color: #F00;*/
  overflow: hidden;
}

.huxingAndScheme-body-ul li {
  float: left;
  width: 180px;
  height: 180px;
  border: 1px solid #e6e6e6;
  margin-left: 20px;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.huxingAndScheme-body-ul li:first-of-type,
.huxingAndScheme-body-ul li:nth-of-type(4n + 1) {
  margin-left: 0px;
}

.huxingAndScheme-body-img {
  cursor: pointer;
}

.huxingAndScheme-body-img>img {
  width: 100%;
}

.huxingAndScheme-body-ul li>p {
  color: #666;
  font-size: 14px;
}

.huxingAndScheme-body-ul li>p:first-of-type {
  margin-top: 7px;
}

.huxingAndScheme-foot {
  padding: 10px;
}

.huxingAndScheme-foot p {
  font-size: 12px;
  color: #666;
  display: inline-block;
}

.huxingAndScheme-foot .el-pagination {
  float: right;
  padding: 10px 5px;
}

.huxingAndScheme-tooptip {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
  box-shadow: -1px 4px 11px 0px rgba(0, 0, 0, 0.2);
  display: none;
}

.huxingAndScheme-top-img {
  width: 100%;
  height: 75%;
}

.huxingAndScheme-top-img img {
  width: 100%;
  height: 100%;
}

.huxingAndScheme-text-btn p {
  font-size: 14px;
  text-align: center;
  color: #666;
  margin-bottom: 5px;
}

.huxingAndScheme-text-btn>p:first-of-type {
  margin-top: 30px;
}

.huxingAndScheme-text-btn .el-button {
  padding: 8px 20px;
  margin-left: 50%;
  margin-top: 15px;
  transform: translateX(-50%);
  cursor: pointer;
}

/*户型与方案*/

/*保存户型*/
.programSaveHouseType {
  width: 810px;
  height: 350px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  z-index: 1002;
  /*padding: 20px;*/
}

.programSaveHouseType .createDesign-title span {
  margin-left: 0px;
}

/*方案编辑*/

.programEditor {
  width: 795px;
  height: 387px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  z-index: 1002;
  /*padding: 20px;*/
}

.programEditor .createDesign-title span {
  margin-left: 0px;
}

.programEditor-body {
  padding: 10px 20px 0;
}

.programEditor-body>div {
  display: inline-block;
}

.programEditor-left {
  position: relative;
  width: 290px;
  height: 220px;
  border: 1px solid #ccc;
  float: left;
  top: 15px;
}

.programEditor-right {
  width: 462px;
}

.programEditor-input-item {
  margin-bottom: 10px;
}

.programEditor-input-item>.programEditor-text-left {
  display: inline-block;
  width: 90px;
  text-align: right;
  margin-right: 15px;
  font-size: 14px;
  color: #666;
}

.programEditor-input-item>.programEditor-text-right {
  display: inline-block;
  width: 112px;
  text-align: left;
  font-size: 14px;
  margin-left: 5px;
  color: #666;
}

.programEditor-input-item .el-input {
  width: 75%;
}

.programEditor-input-item .el-input__inner {
  height: 35px;
  line-height: 35px;
}

.programEditor-right .el-button {
  padding: 13px 50px;
  /* margin-left: 35%; */
  margin-top: 5px;
}

/*方案编辑*/

/*can*/
.canvas {
  width: 100%;
  height: 100%;
  background-color: #d5d5d5;
  position: absolute;
  top: 0;
  left: 0;
}

/*can*/

/*属性界面*/

.attributeInterface {
  width: 315px;
  height: 100%;
  background-color: #f5f5f5;
  position: absolute;
  border-right: 1px solid #dedede;
  /*overflow-y: auto;*/
  top: 0px;
  z-index: 60;
}

.attrTitle {
  width: 100%;
  height: 40px;
  padding: 9px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #dedede;
}

.attrClose {
  float: right;
  font-size: 25px;
  cursor: pointer;
}

.attrBody {
  position: absolute;
  top: 40px;
  bottom: 0px;
  width: 100%;
}

.listSlider {
  /* margin-top: -10px; */
  margin-bottom: 20px;
}

.listSlider .el-slider__button-wrapper {
  width: 14px;
  top: -17px;
}

.sliderBlock {
  /*滑动条*/
  position: relative;
  top: -2px;
  /*13px*/
  left: -5px;
  width: 120px;
  display: inline-block;
  /* 防止任何可编辑/可聚焦/caret 行为 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent !important;
  outline: none !important;
}

.sliderBlock:focus,
.sliderBlock:focus-visible,
.sliderBlock:focus-within {
  outline: none !important;
}

/* el-slider 内部也覆盖 */
.sliderBlock .el-slider,
.sliderBlock .el-slider__runway,
.sliderBlock .el-slider__bar,
.sliderBlock .el-slider__button-wrapper,
.sliderBlock .el-slider__button {
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent !important;
}

.sliderBlock .el-slider__button {
  /*设置滑动条*/
  width: 10px;
  height: 10px;
}

.sliderBlock .el-slider__runway,
.sliderBlock .el-slider__bar {
  height: 3px;
}

/* ========================================================= */
/* slider focus outline 修复：彻底移除 el-slider 的 focus 虚线 */
/* ========================================================= */

/* 强制移除所有 slider 相关元素的 focus outline */
.el-slider:focus,
.el-slider:focus-visible,
.el-slider:focus-within,
.el-slider__button-wrapper:focus,
.el-slider__button-wrapper:focus-visible,
.el-slider__runway:focus,
.el-slider__runway:focus-visible {
  outline: none !important;
}

/* 移除 tabindex 的视觉焦点指示（仅 slider 滑块区域） */
.el-slider[tabindex="0"]:focus,
.el-slider[tabindex="0"]:focus-visible {
  outline: none !important;
}

/* 阻止 el-slider 的 tabindex 属性生效 */
.el-slider {
  tabindex: -1 !important;
}

/* 隐藏 slider tooltip 内的输入框光标和焦点框 */
.el-slider__tooltip input,
.el-slider__tooltip .el-input__inner {
  caret-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* ========================================================= */
/* sliderInputNum 输入框：不隐藏光标但去除 focus 边框视觉 */
/* ========================================================= */
.sliderInputNum .el-input-number .el-input__inner {
  outline: none !important;
  box-shadow: none !important;
}

.sliderInputNum input {
  caret-color: transparent !important;
  outline: none !important;
}

.sliderInputNum {
  /*数字框*/
  display: inline-block;
}

.sliderInputNum .el-input-number--mini {
  /*设置数字框*/
  width: 65px;
  max-width: 100%;
}

.sliderInputNum .el-input-number.is-controls-right .el-input__inner {
  /*设置数字框*/
  padding-left: 4px;
  padding-right: 30px;
}

/* 自定义梁1和自定义梁2属性面板：子参数行加大输入框并加边框 */
#customLiangPanel .sliderInputNum[style*="margin-left"] .el-input-number--mini,
#customLiang2Panel .sliderInputNum[style*="margin-left"] .el-input-number--mini {
  width: 130px;
}

#customLiangPanel .sliderInputNum[style*="margin-left"],
#customLiang2Panel .sliderInputNum[style*="margin-left"] {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

#customLiangPanel .sliderInputNum .el-input-number.is-controls-right .el-input__inner,
#customLiang2Panel .sliderInputNum .el-input-number.is-controls-right .el-input__inner {
  border: 1px solid #bbb;
  border-radius: 3px;
}

.attrLabel {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  width: 63px;
  text-align: right;
  padding-right: 22px;
  box-sizing: border-box;
  color: #333;
  white-space: nowrap;
}

.demonstration {
  display: inline-block;
  font-size: 13px;
  width: 63px;
  text-align: right;
  padding-right: 22px;
  box-sizing: border-box;
  color: #666;
}

.demonstration1 {
  display: inline-block;
  font-size: 13px;
  width: 80px;
  text-align: right;
  padding-right: 12px;
  box-sizing: border-box;
  color: #666;
}

.demonstration:nth-of-type(2) {
  font-size: 12px;
  width: 10px;
  padding-left: 0px;
}

#model_volume {
  display: inline-block;
  font-size: 13px;
  width: 180px;
  margin-left: 25px;
  box-sizing: border-box;
  color: #666;
}

.itemList-imgList .uniformScaling {
  box-sizing: border-box;
  padding: 10px 6px;
  margin: 0px;
}

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

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

.uniformScaling .el-button+.el-button {
  margin-left: 0px;
}

.uniformScaling .el-button {
  margin-bottom: 5px;
  margin-right: 5px;
}

.goodsDetail {
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  padding: 0 8px;
  cursor: pointer;
}

.goodsImg {
  display: inline-block;
  width: 110px;
  height: 110px;
  background-color: #ff0;
  position: absolute;
}

.goodsImg img {
  width: 100%;
  height: 100%;
}

.goosNmaes button {
  position: relative;
  top: 5px;
  left: 15px;
}

.goosNmaes {
  box-sizing: border-box;
  display: inline-block;
  width: 62%;
  height: 110px;
  background-color: #fff;
  padding: 22px 0;
  margin-left: 111px;
  margin-bottom: 10px;
}

.goosNmaes p {
  text-align: center;
}

.goosNmaes p:nth-of-type(1) {
  font-size: 16px;
  color: #5a5a5a;
}

.goosNmaes p:nth-of-type(2) {
  color: #a2a2a2;
  font-size: 14px;
}

.goodsInfo {
  position: relative;
  left: 35%;
  font-size: 20px;
  cursor: pointer;
  top: 8px;
}

.itemList-goodList li {
  width: 91px;
  height: 91px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  border-radius: 10px;
}

.itemList-goodList li:hover {
  background-color: #000;
}

.itemList-goodList li img {
  width: 100%;
  border-radius: 10px;
}

.detailedInformation,
.modelBaseInformation {
  position: absolute;
  top: 50%;
  left: 315px;
  width: 260px;
  height: auto;
  background-color: #fff;
  transform: translateY(-50%);
  display: none;
  z-index: 100;
}

.modelBaseInformation {
  z-index: 1000;
}

.goosInforImg {
  width: 100%;
  height: 250px;
  background-color: #ff0;
}

.goosInforImg>img {
  width: 100%;
  height: 100%;
}

.goosInforTitle {
  padding: 8px 8px 0;
}

.goosInforTitle img {
  width: 50px;
  height: 50px;
}

.goosInforText>p {
  margin-left: 15px;
  color: #999999;
  font-size: 13px;
}

.goosInforText {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.goodsInfoPlay {
  padding: 10px 10px;
}

.goodsInfoPlay>p {
  color: #ff5a00;
  float: left;
}

.goodsInfoPlay>button {
  width: 80px;
  height: 30px;
  background-color: #ff5a00;
  border: none;
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  float: right;
}

.goodsInfoPlay>button:hover {
  background-color: #ff833e;
}

.roomType-cont span {
  font-size: 14px;
  margin-left: 25px;
  color: #666;
}

.roomType-cont .el-input__inner {
  height: 30px;
  line-height: 30px;
  background-color: #f5f5f5;
  color: #666;
}

.roomType-cont .el-input__icon {
  line-height: 30px;
}

.roomType-cont .el-input {
  width: 87%;
}

#wall .el-radio-group,
#door .el-radio-group,
#lighting .el-radio-group {
  margin: 7px 0;
  /*margin-left: 30px;*/
  display: flex;
  justify-content: space-around;
}

#window .el-radio-group {
  /*width: 302px;*/
  /*margin-left: 16px;*/
  display: flex;
  justify-content: space-around;
}

#window .el-radio-group .el-radio {
  margin-right: 15px;
  margin-bottom: 10px;
}

#furniture,
#wall,
#window,
#door,
#divGroup,
#room-type {
  display: none;
}

/*属性界面*/

/*高级渲染界面*/

.grid-content {
  width: 100%;
  height: auto;
}

.grid-content-left {
  padding: 5px 15px;
  box-sizing: border-box;
}

.grid-content-right {
  padding: 15px;
  box-sizing: border-box;
}

.border-right {
  border-right: 1px #dedede solid;
}

.dialog-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 5px;
}

.render-video {
  width: 100%;
  height: 300px;
  background-color: #c4c4c4;
}

.number-span {
  color: #dedede;
  /*margin-left: 	px;*/
  margin-right: 5px;
}

.el-radio {
  margin-bottom: 10px;
}

.img-render {
  width: 100%;
  height: 530px;
  background-color: #c4c4c4;
}

.render-Purchase {
  width: 380px;
  float: right;
}

.render-Purchase>span {
  color: #70cd53;
  font-size: 16px;
  margin-right: 25px;
}

.inputWidth {
  display: inline-block;
  width: 65px;
  font-size: 14px;
}

.inputWidth input {
  text-align: center;
  padding: 0 7px;
}

/*高级渲染界面*/

/*加载界面*/
.pic-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(52, 58, 77);
  z-index: 3000;
}

.pic-bg>img {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
}

.scroll {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  z-index: 3000;
}

progress::-webkit-progress-bar {
  background: #1c2d3d;
  z-index: 3000;
}

progress::-webkit-progress-value {
  background: #43c6ff;
  z-index: 3000;
}

/*加载界面*/

#mBak {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.7;
  background-color: #666666;
  display: none;
  z-index: 1001;
}

#mGifBak {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.7;
  background-color: #666666;
  display: none;
  z-index: 1001;
}

#mGifBak1 {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.4;
  background-color: #666666;
  display: none;
  z-index: 1001;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}

.meshPic,
.mCADImg {
  position: relative;
  display: block;
  width: 102px;
  height: 102px;
  margin-left: 8px;
  margin-bottom: 5px;
  float: left;
  border-radius: 3px;
  overflow: hidden;
  /*background-color: #000;*/
  cursor: pointer;
}

.mCADImg {
  overflow: unset;
}

.mCADImg:hover {
  background-color: #dfdfdf;
}

.meshPic:hover {
  background-color: #000;
}

.meshPic1 {
  position: relative;
  display: block;
  width: 77px;
  height: 77px;
  margin-left: 15px;
  margin-bottom: 5px;
  margin-top: 5px;
  float: left;
  /*	border-radius: 7px;*/
  overflow: hidden;
  /*background-color: #000;*/
}

.meshPic1:hover {
  background-color: #000;
}

.meshPic1>img {
  width: 94%;
  height: 90%;
  opacity: 1;
  filter: alpha(opacity=1);
  transition: opacity 0.3s, filter 0.3s;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  border: 1px solid #ffffff;
}

.meshPic1>img.active {
  border: 1px solid #ff0000;
}

.meshPic1:hover img {
  opacity: 0.7;
  filter: alpha(opacity=0.7);
}

.mpLists_DataTab7 .meshPic:hover {
  background-color: #f5f5f5;
}

.mpLists_DataTab8 .meshPic:hover {
  background-color: #f5f5f5;
}

.mpLists_DataTab9 .meshPic:hover {
  background-color: #f5f5f5;
}

.meshPic>img {
  width: auto;
  height: auto;
  opacity: 1;
  filter: alpha(opacity=1);
  transition: opacity 0.3s, filter 0.3s;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.mCADImg img {
  width: 100%;
  height: 85%;
}

.meshPic:hover img {
  opacity: 0.7;
  filter: alpha(opacity=0.7);
}

#mModelHideDlg .meshPic p {
  position: absolute;
  color: rgba(255, 255, 255, 0);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 20px;
  transition: color 0.3s;
  cursor: pointer;
}

#mModelHideDlg .meshPic:hover p {
  color: rgba(255, 255, 255, 0.9);
}

.mCADImg p {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  font-size: 14px;
}

.meshPic i {
  position: absolute;
  color: #fff;
  z-index: 10;
  display: none;
  cursor: pointer;
}

.meshPic .icon-xing {
  left: 5px;
  top: 5px;
}

.meshPic .icon-xinxi {
  right: 5px;
  top: 5px;
}

.meshPic .icon-d- {
  right: 5px;
  bottom: 5px;
}

.meshPic:hover i {
  display: inline-block;
}

.mpBottom {
  position: absolute;
  bottom: 5px;
  height: auto;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.mpBottom span {
  display: inline-block;
  line-height: 25px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s, background 0.3s;
}

.mpBottom span:hover {
  color: #fff;
  background: #67c23a;
}

.mpBottom input {
  outline: none;
  width: 50px;
}

.mpPageCount {
  height: 20px;
  /*border-top:1px solid #58a3f4;*/
  cursor: pointer;
  font-size: 14px;
}

.mpPageCount>div {
  float: left;
  margin-left: 10px;
  line-height: 5px;
}

/*个个功能区按钮*/
.effectButton {
  position: absolute;
  top: 200px;
  left: 800px;
  background-color: #717171;
  display: none;
  height: 45px;
}

.effectButton:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  background-color: #616161;
  top: 0px;
  left: -10px;
  border-radius: 5px 0 0 5px;
}

.effectButton:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 100% !important;
  background-color: #616161;
  top: 0px;
  right: -10px;
  border-radius: 0 5px 5px 0;
  visibility: inherit !important;
}

.effectButton .effectButton-item {
  float: left;
  /*width: 40px;*/
  height: 45px;
  padding: 0 7px;
}

.effectButton .effectButton-item:hover {
  background-color: #4a4a4a;
}

.effectButton .effectButton-item {
  color: #fff;
  text-align: center;
  display: block;
  cursor: pointer;
}

.effectButton .effectButton-item:first-of-type {
  margin-left: 0px;
}

.effectButton-item .effectButton-ico {
  width: 25px;
  height: 25px;
  background-color: #545454;
  border-radius: 50%;
  margin: 3px auto 1px;
  line-height: 25px;
}

.effectButton-item i {
  font-size: 14px;
}

.effectButton-item .iconfont {
  font-size: 20px;
}

.effectButton-item p {
  font-size: 12px;
}

/*个个功能区按钮*/

#createDesign-mian {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 95%;
  border: none;
}

/*品牌*/

.Brand-listInfo {
  height: 100%;
  width: 100%;
}

.Brand-li {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  height: 170px;
  cursor: pointer;
}

.Brand-li img {
  width: 100%;
  height: 100%;
}

.modelBrand-buttom {
  box-sizing: border-box;
  padding: 0 10px;
}

.modelBrand-buttom .el-button {
  padding: 8px 26px;
}

.modelBrand-buttom>button {
  width: 100%;
}

.modelBrand-buttom>div {
  margin-top: 7px;
  display: flex;
}

/*品牌*/

/*全局设置*/

.GlobalSettings {
  width: 770px;
  height: 420px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  z-index: 1002;
  /*padding: 20px;*/
}

.GlobalSettings-body>div {
  float: left;
  width: 50%;
  height: 400px;
  padding: 15px 0 0 15px;
  box-sizing: border-box;
}

.GlobalSettings-body>div:nth-of-type(2) {
  padding-left: 35px;
}

.GlobalSettings-body-left-item-1 {
  display: flex;
  align-items: center;
}

.GlobalSettings-body-left-item-1 span {
  color: #666;
  font-size: 15px;
  flex-grow: 1;
}

.GlobalSettings-body-left-item-1 div {
  flex-grow: 11;
}

.GlobalSettings-body-left-item-2 {
  margin-top: 10px;
}

.GlobalSettings-body-left-item-2 span {
  font-size: 15px;
  color: #666;
}

.GlobalSettings-body-left-item-2 .el-input-number {
  width: 120px;
  max-width: 100%;
  margin-left: 15px;
}

.GlobalSettings-body-left-item-3 {
  width: 100%;
  height: 280px;
  border: #666 solid 1px;
  margin-top: 10px;
  box-sizing: border-box;
  padding: 10px;
  padding-left: 0px;
}

.GlobalSettings-body-left-item-3 input {
  height: 35px;
  line-height: 35px;
}

.GlobalSettings-body-left-item-3 .el-form-item {
  margin-bottom: 5px;
}

.setting-btn button {
  margin-left: 25%;
  margin-top: 20%;
}

.KZOrderList {
  width: 600px;
  height: 420px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  z-index: 1002;
  /* padding: 20px; */
}

.KZOrderList-body {
  background-color: #f3f3f3;
  width: 600px;
  height: 430px;
}

.KZOrderList-body>div {
  float: left;
  width: 95%;
  height: 400px;
  margin: 15px 0 0 15px;
  box-sizing: border-box;
  background: #fff;
  padding: 23px;
}

/*全局设置*/

/*快捷键*/

.shortcutkeys {
  width: 770px;
  height: 470px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  z-index: 1002;
  /*padding: 20px;*/
}

.shortcutkeys_body {
  padding: 15px;
}

.shortcutkeys_list_item {
  box-sizing: border-box;
  padding: 5px;
  float: left;
  width: 25%;
}

.shortcutkeys_list_item span {
  display: inline-block;
  /*margin-left: 15px;*/
  color: #666;
  font-size: 16px;
}

.shortcutkeys_list_item input {
  /*width:70px;*/
  height: 30px;
  outline: none;
  box-sizing: border-box;
  padding: 5px;
  font-size: 18px;
  color: #666;
  background: #fff;
  border: 1px solid #666;
  cursor: pointer;
}

.shortcutkeys_list_item input:focus {
  border: 1px solid #70cd53;
  color: #70cd53;
}

/*快捷键*/

/*更新日志*/

.updateLogs {
  width: 700px;
  height: 430px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  display: none;
  box-sizing: border-box;
  z-index: 1002;
  /*padding: 20px;*/
}

.updateLogs_body {
  box-sizing: border-box;
  padding: 10px;
}

.updateLogs_text {
  width: 100%;
  max-width: 100%;
  height: 350px;
  max-height: 350px;
  outline: none;
}

.updateLogs_btn {
  display: flex;
  justify-content: center;
}

/*更新日志*/

/*房间文字*/
#roomText {
  display: none;
}

.roomTextEdit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
}

.roomTextRight>input {
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  padding: 2px 5px;
  outline: none;
}

.customize-text {
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  align-items: center;
}

.customize-text input {
  width: 75%;
  height: 35px;
  border: 1px solid #666;
  padding: 0 10px;
  box-sizing: border-box;
  outline: none;
}

.customize-text button {
  width: 20%;
  height: 36px;
  cursor: pointer;
  color: #fff;
  margin-left: 3%;
  background: #70cd53;
  border: 1px solid #70cd53;
  outline: none;
}

.customize-text input:focus {
  border: 1px solid #70cd53;
}

.roomText-scrollbar {
  box-sizing: border-box;
  padding: 10px 10px 0;
}

.roomText-scrollbar>li {
  width: 90px;
  height: 90px;
  border: 1px solid #666;
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;
  transition: border 0.3s;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
}

.roomText-scrollbar>li>p {
  position: relative;
  top: 50%;
  left: 50%;
  font-size: 18px;
  text-align: center;
  color: #666;
  transform: translate(-50%, -50%);
  transition: color 0.3s;
  font-size: 14px;
}

.roomText-scrollbar>li:hover {
  cursor: pointer;
  border: 1px solid #70cd53;
}

.roomText-scrollbar>li:hover>p {
  color: #70cd53;
}

.roomText-scrollbar>li:nth-of-type(4n) {
  margin-right: 0px;
}

/*房间文字*/

/*单选按钮修改*/

.itemList-imgList .el-radio-button__inner {
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
}

.itemList-imgList .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 4px;
  border: 1px solid #dcdfe6;
}

.itemList-imgList .el-radio-button:last-child .el-radio-button__inner {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-shadow: none;
}

/*单选按钮修改*/

/*渲染全遮罩*/
#RenderingModel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  display: none;
}

/*渲染全遮罩*/

.labelText {
  pointer-events: none;
  font-size: 18px;
  disabled: none;
  color: #000000;
  /*border: 1px solid #DCDFE6;*/
}

.labelTextArea {
  font-size: 40px;
  color: #000000;
  margin-top: 2px;
}

.labelText1 {
  /*pointer-events: none;*/
  font-size: 18px;
  /*disabled:none;*/
  color: #000000;
  /*border: 1px solid #DCDFE6;*/
}

/*报价*/
.budget:hover .mBudget {
  display: block;
}

.mBudget {
  position: absolute;
  width: 91px;
  left: -13px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 5px 0;
  display: none;
}

.mBudget>li {
  line-height: 2.5;
  text-align: center;
}

#mDetaileBudget:hover a {
  color: #666 !important;
}

.budget>span {
  display: inline-block;
  height: 35px;
}

.viewsSwitching-ul>.budget:hover .cls {
  display: block;
  height: 100px;
  width: 100px;
}

.viewsSwitching-ul>.budget:hover .el-icon {
  transform: rotate(-180deg);
}

/*报价*/

/*创建户型*/
.created_icon {
  position: absolute;
  bottom: 17px;
  right: 15px;
  font-size: 20px;
  color: #6f6a6a;
}

.created_icon:nth-of-type(2) {
  right: 45px;
}

.created_icon:hover {
  color: #f00;
}

/*创建户型*/

/*漫游下拉菜单*/
#viewsSwitching-block {
  height: 100%;
}

.roam {
  height: 100%;
}

.roam-block {
  display: none;
  position: absolute;
  top: 45px;
  right: 213px;
  width: 100px;
  height: auto;
  background-color: #f5f5f5;
}

.roam-block li {
  text-align: center;
  padding: 5px 0px;
  display: block;
  color: #666;
}

.roam-block li:hover {
  cursor: pointer;
  /*background-color: rgba(0,0,0,0.1);*/
}

/*.roam:hover .roam-block{
	display: block;
}*/

/*漫游下拉菜单*/
/*漫游下拉菜单*/

/*分组*/
#divGroup .el-button {
  padding: 7px 12px;
}

#divGroup .goodsInfo {
  left: 25%;
}

/*分组*/

.cadlink {
  cursor: pointer;
  text-decoration-line: none;
}

.cadlink:hover {
  color: #72a94a;
  text-decoration-line: underline;
}

.base {
  height: 9em;
  left: 50%;
  margin: -7.5em;
  padding: 3em;
  position: absolute;
  top: 50%;
  width: 9em;
  transform: rotateX(45deg) rotateZ(45deg);
  transform-style: preserve-3d;
}

.cube,
.cube:after,
.cube:before {
  content: "";
  float: left;
  height: 3em;
  position: absolute;
  width: 3em;
}

/* Top */
.cube {
  background-color: #05afd1;
  position: relative;
  transform: translateZ(3em);
  transform-style: preserve-3d;
  transition: 0.25s;
  box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);
  animation: anim 1s infinite;
}

.cube:after {
  background-color: #049dbc;
  transform: rotateX(-90deg) translateY(3em);
  transform-origin: 100% 100%;
}

.cube:before {
  background-color: #048ca7;
  transform: rotateY(90deg) translateX(3em);
  transform-origin: 100% 0;
}

.cube:nth-child(1) {
  animation-delay: 0.05s;
}

.cube:nth-child(2) {
  animation-delay: 0.1s;
}

.cube:nth-child(3) {
  animation-delay: 0.15s;
}

.cube:nth-child(4) {
  animation-delay: 0.2s;
}

.cube:nth-child(5) {
  animation-delay: 0.25s;
}

.cube:nth-child(6) {
  animation-delay: 0.3s;
}

.cube:nth-child(7) {
  animation-delay: 0.35s;
}

.cube:nth-child(8) {
  animation-delay: 0.4s;
}

.cube:nth-child(9) {
  animation-delay: 0.45s;
}

.base1 {
  height: 6em;
  left: 50%;
  margin: -6.6em;
  padding: 3em;
  position: absolute;
  top: 50%;
  width: 6em;
  transform: rotateX(45deg) rotateZ(45deg);
  transform-style: preserve-3d;
}

.cube1,
.cube1:after,
.cube1:before {
  content: "";
  float: left;
  height: 3em;
  position: absolute;
  width: 3em;
}

/* Top */
.cube1 {
  background-color: #05afd1;
  position: relative;
  transform: translateZ(3em);
  transform-style: preserve-3d;
  transition: 0.25s;
  box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);
  animation: anim 1s infinite;
}

.cube1:after {
  background-color: #049dbc;
  transform: rotateX(-90deg) translateY(3em);
  transform-origin: 100% 100%;
}

.cube1:before {
  background-color: #048ca7;
  transform: rotateY(90deg) translateX(3em);
  transform-origin: 100% 0;
}

.cube1:nth-child(1) {
  animation-delay: 0.05s;
}

.cube1:nth-child(2) {
  animation-delay: 0.1s;
}

.cube1:nth-child(3) {
  animation-delay: 0.15s;
}

.cube1:nth-child(4) {
  animation-delay: 0.2s;
}

@keyframes anim {
  50% {
    transform: translateZ(0.5em);
  }
}

.body-item-list-img {
  display: flex;
  flex-wrap: wrap;
}

.body-item-list-img li {
  width: 80px;
  height: 58px;
  margin-left: 6px;
  margin-bottom: 25px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}

.body-item-list-img img {
  width: 100%;
  height: 100%;
}

.body-item-list-img li:nth-of-type(1),
.body-item-list-img li:nth-of-type(3n + 1) {
  margin-left: 0px;
}

.body-item-list-img li p {
  font-size: 12px;
  text-align: center;
  color: #b5babb;
}

.body-item-list-img .body-item-img {
  border: 1px solid #6fce51;
}

.body-item-list-img li i {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 16px;
  height: 12px;
  background-color: #70cd51;
  color: #fff;
  font-size: 12px;
  padding: 1px 2px;
  box-sizing: border-box;
}

.disable {
  pointer-events: none;
}

.wutai-light {
  display: none;
}

/*开装*/
.kz_item {
  padding: 10px 12px;
}

.kz_item .kz_name {
  font-size: 14px;
}

.kz_btn {
  display: flex;
  justify-content: center;
}

/*开装*/

/*百施通*/
#bstMenu {
  width: 60px;
  height: 30px;
  overflow: hidden;
  /*隐藏溢出的元素*/
  box-shadow: 0 1px 1px #888, 1px 0 1px #ccc;
  position: absolute;
  display: none;
  background: #ffffff;
  z-index: 3000;
}

.bstMenu {
  width: 60px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}

.bstMenu:hover {
  color: red;
}

.qyk_conter,
.grk_conter {
  box-sizing: border-box;
  padding: 7px;
  position: absolute;
  top: 82px;
  left: 315px;
  width: 410px;
  z-index: 3000;
  background-color: #fff;
  /*border:1px solid #DDD;*/
  display: none;
}

.qyk_conter .modelBase_type_listItem,
.grk_conter .modelBase_type_listItem {
  width: 188px;
  float: left;
}

.qyk_conter .modelBase_type_listItem li.active,
.grk_conter .modelBase_type_listItem li.active {
  background-color: #71cc53;
  color: #fff;
}

.qiyeku_model-buttom .el-button,
.gerenku_model-buttom .el-button {
  padding: 7px 39px;
}

.qiyeku_seach,
.gerenku_seach {
  margin-top: 3px;
}

.qiyeku_seach .el-input,
.gerenku_seach .el-input {
  width: 75%;
}

.qiyeku_seach .el-input,
.gerenku_seach .el-input {
  height: 35px;
  line-height: 35px;
}

.qiyeku_seach .el-button,
.gerenku_seach .el-button {
  padding: 12px 11px;
}

.el-form-item {
  margin-bottom: 12px !important;
}

#BoradOptimize {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  display: none;
}

/*qiangban*/
.qb_input_item {
  width: 50%;
  height: 32px;
  float: left;
  display: flex;
  align-items: center;
}

.qb_input_item>p {
  font-size: 12px;
  /* margin-left: 5px; */
  display: inline-block;
  width: 80px;
  text-align: right;
}

.qb_input_item>input {
  width: 80px;
  height: 25px;
  margin-left: -5px;
  border-radius: 5px;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 12px;
  background: #fff;
  font-weight: bolder;
}

.qb_xuanzhewenli {
  display: flex;
  align-items: center;
}

.qb_xuanzhewenli>span {
  width: 100px;
  font-size: 12px;
  margin-left: 10px;
}

.qb_xzwl_body {
  box-sizing: border-box;
  padding: 10px;
}

.qb_xzwl_item {
  margin: 0 10px 10px;
  width: 118px;
  height: 120px;
  border: 1px solid #f5f5f5;
  float: left;
  cursor: pointer;
}

.qb_xzwl_item:hover {
  border: 1px solid #67c23a;
}

.qb_xzwl_item>img {
  width: 100%;
  height: 75%;
}

.qb_xzwl_item>p {
  text-align: center;
  font-size: 12px;
  margin-top: 7px;
}

/*qiangban*/

.templateRoom_pot {
  position: absolute;
  top: 0;
  width: 304px;
  height: 100%;
  z-index: 10;
  background-color: #fff;
}

.templateRoom_pot-header {
  width: 100%;
  height: 40px;
  position: relative;
}

.templateRoom_pot-header i {
  position: absolute;
  font-size: 21px;
  left: 18px;
  top: 9px;
  cursor: pointer;
}

.templateRoom_pot-header {
  text-align: center;
  line-height: 40px;
}

.templateRoom_pot-item {
  width: 96%;
  height: 130px;
  background-color: #f8f8f8;
  margin: 5px auto;
  border-radius: 3px;
}

.templateRoom_pot-item {
  display: flex;
}

.templateRoom_pot_left {
  width: 60%;
}

.templateRoom_pot_left>img {
  height: 100%;
  width: 100%;
  border-radius: 3px;
}

.templateRoom_pot_right {
  box-sizing: border-box;
  padding-left: 10px;
  padding-top: 15px;
  width: 40%;
}

.templateRoom_pot_listImg {
  width: 98%;
  position: absolute;
  top: 180px;
  bottom: 0;
}

.templateRoom_pot-scrollbar img {
  width: 130px;
  height: 110px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
}

.notHistory {
  color: #ccc !important;
  cursor: not-allowed !important;
}

.notHistory i {
  color: #ccc !important;
}

.floorButton {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.floorButton button {
  margin-bottom: 10px;
}

.roomText-block {
  position: absolute;
  top: 56px;
  bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.roomText-scroll-wrapper {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.roomText-scroll-content {
  padding-bottom: 10px;
}

.roomText-delete-btn {
  flex-shrink: 0;
  padding: 10px 10px 14px;
  border-top: 1px solid #e8e8e8;
  background: #fafafa;
}

.delete-text-btn {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.delete-text-btn:hover {
  background: #70cd53;
  border-color: #70cd53;
  color: #fff;
}

.delete-text-btn:active {
  background: #5cb350;
  border-color: #5cb350;
  color: #fff;
}

.delete-text-btn i {
  font-size: 14px;
  margin-right: 4px;
}

/*锁墙*/
.lockingWall {
  position: absolute;
  bottom: 30px;
  left: 400px;
  font-size: 14px;
  color: #666;
}

/*锁墙*/

/*快捷键*/

.shortcutkeys_body .tab-header {
  width: 99.7%;
  margin: 0px auto 0;
  height: 30px;
  background-color: #f8fafb;
  border: 1px solid #dae1e5;
}

.shortcutkeys_body .tab-scrollbar {
  width: 100%;
  height: 350px;
  border-bottom: 1px solid #dae1e5;
}

.shortcutkeys_body .tab-tr {
  height: 35px;
  width: 99.7%;
  margin: 0px auto;
  border-left: 1px solid #dae1e5;
  border-right: 1px solid #dae1e5;
}

.shortcutkeys_body .tab-header p,
.tab-tr p {
  display: inline-block;
  text-align: center;
  line-height: 35px;
  color: #777777;
  box-sizing: border-box;
  font-size: 14px;
}

.shortcutkeys_body .tab-header p:nth-of-type(1),
.tab-tr p:nth-of-type(1) {
  width: 40%;
}

.shortcutkeys_body .tab-header p:nth-of-type(2),
.tab-tr p:nth-of-type(2) {
  width: 58%;
  border-left: 1px solid #dae1e5;
}

.shortcutkeys_body .tab-tr:hover {
  background-color: #f8fafb;
}

/*快捷键*/
/*连续复制*/
.lianxvfuzhi {
  position: absolute;
  top: 50px;
  left: 65px;
  width: 150px;
  height: 165px;
  background-color: #616161;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  display: none;
}

.lianxvfuzhi i {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 22px;
  color: #9e9e9e;
  cursor: pointer;
}

.fuzhi-leixing,
.fuzhi-shuliang,
.fuzhi-jianju {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.fuzhi-leixing {
  margin-top: 19px;
  margin-bottom: 5px;
}

.fuzhi-leixing button {
  width: 100%;
  height: 30px;
  border: none;
  color: #fff;
  background-color: #545454;
  font-size: 14px;
  border: 1px solid #717171;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}

.fuzhi-leixing button.active {
  border: 1px solid #40a9ff;
}

.fuzhi-leixing button:nth-of-type(2) {
  margin-left: 3px;
}

.fuzhi-jianju {
  margin-top: 5px;
}

.fuzhi-shuliang span,
.fuzhi-jianju span {
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
  display: block;
  width: 50px;
}

.fuzhi-shuliang input,
.fuzhi-jianju input {
  width: 100%;
  height: 25px;
  border: none;
  background-color: #545454;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border: 1px solid #717171;
  border-radius: 2px;
  outline: none;
}

.fuzhi-queding {
  width: 65px;
  height: 28px;
  border-radius: 5px;
  border: 1px solid #717171;
  color: #fff;
  text-align: center;
  margin-top: 6px;
  background-color: #616161;
  cursor: pointer;
  outline: none;
}

/*连续复制*/

.quickBtnBox {
  display: flex;
  padding: 24px 0;
}

.quickBtn {
  padding: 24px 0;
  width: 100px;
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  background: #b2ddf8;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 42px;
}

.heating {
  background: #ff9d5b;
  margin-left: 30px;
}

.customShowBtn {
  padding: 24px 24px 24px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}

.bottomSettingCont {
  position: fixed;
  bottom: 0;
  left: 58%;
  transform: translateX(-50%);
  z-index: 99;
  text-align: center;
  visibility: hidden;
}

.settingInfo {
  /*width: 1000px;*/
  background: #fff;
  border-radius: 24px;
  padding: 24px 24px 12px;
  box-sizing: border-box;
  box-shadow: 1px 1px 10px #d0d0e0;
}

.settingItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 16px;
  justify-content: space-between;
  /* 使用gap统一间距 */
}

/* 标题栏容器 */
.settingItemTitleBar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  /* 固定宽度，确保对齐 */
  flex-shrink: 0;
  /* 不允许压缩 */
}

.settingItemTitle {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  /* 防止文字换行 */
}

.settingItemIcon {
  font-size: 18px;
  margin-left: 8px;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
  /* 添加过渡效果 */
}

.settingItemIcon:hover {
  opacity: 0.7 !important;
  /* 悬停效果 */
}

.settingTem {
  width: 160px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  /* 色带和滑块之间的间距 */
}

.colorBar {
  display: flex;
  height: 18px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.colorBar:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.colorItem {
  height: 100%;
  flex: 1;
}

.colorSlider {
  width: 100%;
}

.colorSlider input[type="range"] {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: #ddd;
  border-radius: 4px;
  outline: none;
}

.colorSlider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
}

.colorSlider input[type="range"]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.settingRadio {
  display: flex;
  align-items: center;
  gap: 16px;
  /* 使用gap统一单选框间距 */
}

.settingRadio .el-radio {
  margin: 0;
  /* 清除默认margin */
}

.settingInput {
  display: flex;
  align-items: center;
  gap: 8px;
  /* 使用gap统一间距 */
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
  border-radius: 6px;
  line-height: 1;
  width: 200px;
  background: #fafafa;
  transition: all 0.2s ease;
}

.settingInput:hover {
  border-color: #c0c0c0;
  background: #fff;
}

.settingInput i {
  font-size: 16px;
  color: #666;
  cursor: pointer;
  transition: color 0.2s ease;
}

.settingInput i:hover {
  color: #007bff;
}

.settingInput span {
  font-size: 13px;
  color: #666;
  white-space: nowrap;
}

.inputInfo {
  border: 1px solid #d0d0e0;
  padding: 6px 10px;
  border-radius: 4px;
  flex: 1;
  background: #fff;
  transition: border-color 0.2s ease;
}

.inputInfo:focus-within {
  border-color: #007bff;
}

.inputInfo input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 13px;
  color: #333;
}

.inputUnit {
  font-size: 13px;
  color: #999;
  margin-left: 4px;
  white-space: nowrap;
}

.openSettingBtn {
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  transform: rotate(0deg);
  transform-origin: center center;
}

.openSettingBtn-rotated {
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  transform: rotate(180deg);
  transform-origin: center center;
}

.el-submenu,
.el-menu-item {
  margin-right: 24px !important;
}

/* ========================================================= */
/* --- 现代 UI 美化覆盖 (Modern UI Beautification Overrides) --- */
/* ========================================================= */

/* 滑块 (Slider) 美化 */
.el-slider__runway {
  background-color: #e4e7ed !important;
  border-radius: 10px !important;
}

.el-slider__bar {
  background: linear-gradient(90deg, #2ea0e6, #53b8f5) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 4px rgba(46, 160, 230, 0.4);
}

.el-slider__button {
  border: 2px solid #2ea0e6 !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.el-slider__button:hover {
  transform: scale(1.25) !important;
}

/* 底部滑块控制面板 (.sliderSize-block 系列) 美化 */
.sliderSize-block,
.sliderSize-block1,
.sliderSize-block2 {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease;
}

.sliderSize-block:hover,
.sliderSize-block1:hover,
.sliderSize-block2:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-2px);
}

/* 单选框 (Radio) / 多选框 (Checkbox) 美化 */
.el-radio__inner,
.el-checkbox__inner {
  border-color: #dcdfe6 !important;
  transition: all 0.3s !important;
}

.el-radio__inner:hover,
.el-checkbox__inner:hover {
  border-color: #2ea0e6 !important;
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #2ea0e6 !important;
  border-color: #2ea0e6 !important;
  box-shadow: 0 2px 5px rgba(46, 160, 230, 0.3);
}

/* 下拉菜单 (Select Dropdown) 美化 */
.el-select-dropdown,
.el-dropdown-menu {
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden;
}

.el-select-dropdown__item,
.el-dropdown-menu__item {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-dropdown-menu__item:hover {
  background-color: rgba(46, 160, 230, 0.08) !important;
  color: #2ea0e6 !important;
}

.el-select-dropdown__item.selected {
  color: #2ea0e6 !important;
  font-weight: bold !important;
  background-color: rgba(46, 160, 230, 0.1) !important;
}

/* 标签页 (Tabs) 美化 */
.el-tabs__item {
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
  color: #2ea0e6 !important;
}

.el-tabs__active-bar {
  background-color: #2ea0e6 !important;
  border-radius: 2px;
}

/* 卡片/菜单 (Card/Menu) 阴影柔化 */
.el-menu {
  border-right: none !important;
}

/* 输入框组合 (Input Group) 美化 */
.inputInfo {
  border-color: #e4e7ed !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02);
}

.inputInfo:focus-within {
  border-color: #2ea0e6 !important;
  box-shadow: 0 0 0 3px rgba(46, 160, 230, 0.15), inset 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* 图标按钮及小工具交互 */
.openSettingBtn,
.openSettingBtn-rotated,
.el-icon-close {
  transition: all 0.3s ease !important;
  color: #606266;
}

.openSettingBtn:hover,
.openSettingBtn-rotated:hover,
.el-icon-close:hover {
  color: #2ea0e6 !important;
  transform: scale(1.1) !important;
}

.openSettingBtn-rotated:hover {
  transform: rotate(180deg) scale(1.1) !important;
}

/* 表格及边框柔化 */
.el-table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.el-table th {
  background-color: #f8f9fa !important;
}

/* 全局工具提示 (Tooltip) 美化 */
.el-tooltip__popper {
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.templateSearch .modelBaseInput .el-input {
  padding: 0 !important;
  border: none !important;
}

/* 1280px-1440px 分辨率下 .sliderSize-block1 特殊样式 */
@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .sliderSize-block1 {
    right: 10px;
    bottom: 50px;
  }
  .sliderSize-block2 {
    position: absolute;
    right: 25px;
    bottom: 10px;
    height: 34px;
    background-color: #f1f1f1;
    border-radius: 50px;
    padding: 0 10px;
    box-sizing: border-box;
  }
}

/* 去除所有按钮的焦点光标和轮廓 */
button:focus,
.el-button:focus,
.el-button:active,
button:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #dcdfe6 !important;
}