/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Two Tone';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0NjbrHg.woff2) format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Poppins-Light.ttf) format('ttf');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Montserrat-Light.ttf) format('ttf');
}
body {
  --google-font-color-materialiconstwotone: none;
}
.page-ajax {
  background: #fff;
  padding-top: 10px;
  max-height: 500px;
}
.page-ajax .upload-gallery .el-upload {
  display: block;
}
.page-ajax .upload-gallery .el-upload .el-upload-dragger {
  width: 100%;
  height: unset;
  margin-bottom: 15px;
}
.page-ajax .box-media {
  height: 300px;
  overflow: auto;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-osx-font-smoothing: grayscale;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.material-icons-sharp {
  font-family: 'Material Icons Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.material-icons-two-tone {
  font-family: 'Material Icons Two Tone';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.btn {
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.btn span {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.form .el-form-item {
  position: relative;
}
.form .errors {
  margin: 0px;
  padding: 0px;
}
.form .errors li {
  list-style: none;
}
.form .errors-text {
  color: red;
}
.errors-text {
  color: red;
}
.cs-image {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  min-height: 200px;
  max-width: 200px;
  max-height: 200px;
}
.cs-image .el-upload {
  min-width: 200px;
  min-height: 200px;
  border: 1px dotted #d7d7d7;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.cs-image .el-upload img {
  width: 100%;
}
.cs-image .cs-gallery-item {
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  border: 1px dotted #d7d7d7;
  margin-right: 10px;
  position: relative;
  margin-top: 10px;
}
.cs-image .cs-gallery-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: contain;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
}
.form-gallery ul {
  margin: 0px;
  padding: 0px;
}
.form-gallery .gallery-item {
  display: flex;
  position: relative;
  margin-bottom: 10px;
}
.form-gallery .gallery-item .gallery-left {
  width: 110px;
  height: 100%;
  margin-right: 10px;
  float: left;
  position: relative;
  display: block;
}
.form-gallery .gallery-item .gallery-left .el-image {
  display: block;
  height: 100%;
  background: #f3f3f3;
}
.form-gallery .gallery-item .gallery-left img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
}
.form-gallery .gallery-item .gallery-right {
  margin-left: 10px;
  width: calc(100% - 120px);
  float: none;
}
.form-gallery .gallery-item .gallery-remove {
  position: absolute;
  top: -15px;
  right: -15px;
}
.form-gallery .upload-gallery .el-upload {
  display: block;
}
.form-gallery .upload-gallery .el-upload-dragger {
  width: 100%;
}
a {
  text-decoration: unset;
}
.baners .baners-item {
  display: flex;
  position: relative;
}
.baners .baners-item .baners-item-des {
  width: 96%;
}
.baners .baners-item .baners-item-remove {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0px;
  line-height: 17.5px !important;
  color: #fff;
}
.baners .baners-item .baners-item-remove i {
  font-size: 15px !important;
  line-height: 35px !important;
}
.baners-detail .baners-detail-item {
  display: flex;
  position: relative;
  margin-bottom: 15px;
}
.baners-detail .baners-detail-item .baners-detail-item-image {
  position: relative;
  width: 300px;
  height: 150px;
  border-radius: 4px;
  border: 1px dotted #333;
  top: 20px;
  margin-right: 15px;
}
.baners-detail .baners-detail-item .baners-detail-item-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.baners-detail .baners-detail-item .baners-detail-item-des {
  width: 100%;
}
.baners-detail .baners-detail-item .baners-detail-item-des .el-textarea__inner {
  min-height: 150px !important;
}
.baners-detail .baners-detail-item .baners-detail-item-remove {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0px;
  line-height: 17.5px !important;
  color: #fff;
}
.baners-detail .baners-detail-item .baners-detail-item-remove i {
  font-size: 15px !important;
  line-height: 35px !important;
}
.galleries {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}
.galleries .galleries-item {
  display: flex;
  position: relative;
  margin-bottom: 15px;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.galleries .galleries-item .galleries-item-image {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 4px;
  border: 1px dotted #333;
  top: 0px;
  margin-right: 15px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.galleries .galleries-item .galleries-item-image a {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.galleries .galleries-item .galleries-item-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0px;
  top: 0px;
}
.galleries .galleries-item .galleries-item-des {
  width: 100%;
}
.galleries .galleries-item .galleries-item-des .galleries-item-des-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.galleries .galleries-item .galleries-item-des .el-textarea__inner {
  min-height: 150px !important;
}
.galleries .galleries-item .galleries-item-remove {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0px;
  line-height: 17.5px !important;
  color: #fff;
  top: 0px;
}
.galleries .galleries-item .galleries-item-remove i {
  font-size: 15px !important;
  line-height: 35px !important;
}
.cs-tool {
  position: fixed;
  bottom: 0;
  width: calc(100% - 340px);
  text-align: right;
  display: flex;
  height: 60px;
  align-content: flex-end;
  align-items: flex-end;
  justify-content: flex-end;
  background: #fff;
  padding: 0px 30px 10px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  z-index: 999;
  margin: auto;
  left: 282px;
  right: 0px;
  border-radius: 10px 10px 0px 0px;
  gap: 20px;
}
.bt-add {
  margin-right: 0px;
  position: absolute;
  top: 15px;
  right: 30px;
  display: flex;
}
.bt-cs {
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-family: Poppins, sans-serif;
  padding: 0px 10px;
  line-height: unset;
}
.bt-cs span {
  line-height: unset;
}
.text-edit i {
  color: #2482e0;
}
.text-delete i {
  color: #ff4857;
}
.mt,
.ml,
.mr,
.mb,
.mf,
.m {
  width: 65px !important;
  display: inline-block !important;
}
.mt .el-input__inner,
.ml .el-input__inner,
.mr .el-input__inner,
.mb .el-input__inner,
.mf .el-input__inner,
.m .el-input__inner {
  background: #fff;
  border-radius: 0px;
  padding: 0px 5px;
}
.mt .el-color-picker__trigger,
.ml .el-color-picker__trigger,
.mr .el-color-picker__trigger,
.mb .el-color-picker__trigger,
.mf .el-color-picker__trigger,
.m .el-color-picker__trigger {
  width: 100%;
}
.mt .el-input__inner {
  border-top: 2px solid #333;
}
.mr .el-input__inner {
  border-right: 2px solid #333;
}
.ml .el-input__inner {
  border-left: 2px solid #333;
}
.mb .el-input__inner {
  border-bottom: 2px solid #333;
}
.m1 {
  position: absolute;
  right: 0px;
  top: 0;
  margin: 0;
  border-radius: 0px 3px 3px 0px;
  display: flex;
}
.m2 {
  margin: 0px 0px 0px 0px;
}
.d-flex {
  display: flex;
}
.d-flex .flex-item {
  text-align: center;
  margin-right: 5px;
}
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dd-list .dd-list {
  padding-left: 30px;
}
.dd-collapsed .dd-list {
  display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.dd-item .dd3-content small,
.dd-empty .dd3-content small,
.dd-placeholder .dd3-content small {
  font-weight: 400;
  color: #666;
  font-size: 13px;
}
.dd-item .dd3-content .cs-link-edit,
.dd-empty .dd3-content .cs-link-edit,
.dd-placeholder .dd3-content .cs-link-edit {
  position: absolute;
  right: 10px;
  z-index: 999;
  top: 0px;
  margin: auto;
  font-weight: 400;
  width: 50px;
}
.dd-item .dd3-content .cs-link-remove,
.dd-empty .dd3-content .cs-link-remove,
.dd-placeholder .dd3-content .cs-link-remove {
  position: absolute;
  right: 60px;
  z-index: 999;
  top: 0px;
  margin: auto;
  font-weight: 400;
}
.dd-handle {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-handle:hover {
  color: #2ea8e5;
  background: #fff;
}
.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
  content: '-';
}
.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}
.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.dd3-content {
  display: block;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd3-content:hover {
  color: #2ea8e5;
  background: #fff;
}
.dd-dragel > .dd3-item > .dd3-content {
  margin: 0;
}
.dd3-item > button {
  margin-left: 30px;
}
.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #aaa;
  background: #ddd;
  background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
  background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
  background: linear-gradient(top, #ddd 0%, #bbb 100%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dd3-handle:before {
  content: '≡';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
.dd3-handle:hover {
  background: #ddd;
}
.box-media {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.box-media .box-media-item {
  cursor: pointer;
  border: 1px dotted #d7d7d7;
  border-radius: 4px;
  min-height: 200px;
  position: relative;
  background: #000;
  overflow: hidden;
}
.box-media .box-media-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.box-media .box-media-item .el-checkbox {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.box-media .box-media-item .el-checkbox__label {
  opacity: 0;
  width: 0px;
  padding: 0px;
}
.box--item {
  border-bottom: 1px dotted #000;
  margin-bottom: 20px;
}
.upload-image {
  position: relative;
  background: #999;
}
.upload-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.upload-cover {
  position: relative;
  background: #000;
  width: 600px;
  min-width: 600px;
  max-width: 600px;
}
.upload-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.dialog-cs .el-radio-button__inner {
  padding: 12px 10px;
}
.dialog-cs .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 0px 0 0 0px;
}
.dialog-cs .el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0px 0 0 0px;
}
.dialog-cs .el-dialog__body {
  padding-top: 0px;
}
.image-box {
  position: relative;
  padding-top: 55%;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}
.image-box .image-upload {
  width: 60px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  border: 1px dotted #333;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #333;
  border-radius: 5px;
  background: #fafafa9c;
  top: 0px;
  margin: auto;
  right: 0px;
  left: 0px;
  cursor: pointer;
}
.image-box img {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
}
.image-box .image-remove {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #fff;
  border-radius: 4px;
}
.image-box .image-remove span {
  color: #fff;
}
.form-item {
  position: relative;
}
.form-item label {
  position: absolute;
  top: -10px;
  z-index: 9;
  background: #fff;
  padding: 0px 10px;
  left: 5px;
}
.theme-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.theme-list .el-radio {
  margin: 0px;
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  padding-top: 55%;
  background: #000;
  border: 2px solid #fff;
  border-radius: 5px;
  overflow: hidden;
}
.theme-list .el-radio img {
  position: absolute;
  object-fit: contain;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 0px;
  width: 100%;
  height: 100%;
}
.theme-list .is-checked {
  border: 2px solid red;
}
.theme-list .el-radio__input {
  visibility: hidden;
  height: 0px;
  width: 0px;
}
.theme-list .el-radio__label {
  padding-left: 0px;
}
.theme-list .theme-list-item .theme-view {
  position: absolute;
  background: #333;
  padding: 10px;
  bottom: 0px;
  color: #fff;
  right: 0;
}
.button-list {
  position: relative;
  display: flex;
  gap: 10px;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.button-list .el-radio {
  margin: 0px;
  display: flex;
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.button-list .is-checked {
  border: 2px solid red;
}
.button-list .el-radio__input {
  visibility: hidden;
  height: 0px;
  width: 0px;
  position: absolute;
}
.button-list .el-radio__label {
  padding-left: 0px;
}
.button-list .button-list-item .theme-view {
  position: absolute;
  background: #333;
  padding: 10px;
  bottom: 0px;
  color: #fff;
  right: 0;
}
.theme-head-list .el-radio {
  padding-top: 0px;
}
.theme-head-list .el-radio img {
  object-fit: cover;
}
.theme-head-list .el-radio__label {
  padding: 15px;
  width: 100%;
}
.install-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.install-list .install-item {
  margin: 0px;
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  background: #000;
  border: 0px solid #fff;
  border-radius: 5px;
  overflow: hidden;
  padding-top: 65%;
}
.install-list .install-item img {
  position: absolute;
  object-fit: contain;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 0px;
  width: 100%;
  height: 100%;
}
.install-list .install-item .install-bt {
  position: absolute;
  height: 35px;
  bottom: 0px;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  border: 0px;
  background: aquamarine;
  padding: 0px;
}
.install-list .install-item .install-bt span {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: #333;
}
.install-list .install-item .install-bt i {
  font-size: 30px;
  color: #389747;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.install-list .install-item .install-layout {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #fff;
  padding: 5px;
  border-radius: 0px 0px 0px 10px;
}
.menu-theme-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.menu-theme-list .el-radio {
  padding-top: 0px;
}
.menu-theme-list .el-radio img {
  object-fit: contain;
  position: relative;
}
.icon-cs {
  position: relative;
  font-size: 20px;
  top: 6px;
}
.form-cs h4 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 15px 0px;
}
.form-cs .el-form-item {
  position: relative;
  margin-bottom: 30px;
}
.form-cs .el-form-item__label {
  position: absolute;
  left: 10px;
  top: -8px;
  background: #fff;
  margin: 0px;
  padding: 0px 6px;
  line-height: 15px;
  z-index: 1;
}
.form-cs .require .el-form-item__label::after {
  content: "*";
  position: static;
  color: #ff001f;
  z-index: 1;
  margin-left: 5px;
}
.form-cs .el-switch {
  border: 1px solid #C0C4CC;
  padding: 6px 15px;
  height: 40px;
  line-height: 25px;
  border-radius: 4px;
  display: block;
}
.form-cs .group-checkbox {
  border: 1px solid #d7d7d7;
  padding: 6px 15px;
  border-radius: 4px;
}
.form-cs i.errors {
  position: absolute;
  bottom: -30px;
  right: 0px;
  color: red;
  font-size: 12px;
}
.form-cs .picker {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  padding: 5px 0px 0px 0px;
  height: auto;
}
.form-cs .picker .el-color-picker__trigger {
  width: 50px;
  border: 0px solid #e6e6e6;
}
.form-cs .font-icon {
  position: absolute;
  right: 5px;
}
.contents-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding: 0px;
}
.contents-grid .contents-grid-item {
  position: relative;
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 15px;
}
.contents-grid .contents-grid-item .form-grid-item-up {
  position: absolute;
  width: 30px;
  height: 50%;
  top: 0px;
  left: 0px;
  background: #0b8645;
  border-radius: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  z-index: 9;
}
.contents-grid .contents-grid-item .form-grid-item-down {
  position: absolute;
  width: 30px;
  height: 50%;
  bottom: 0px;
  left: 0px;
  background: #379745;
  border-radius: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  z-index: 9;
}
.contents-grid .contents-grid-item .el-form-item {
  position: relative;
  margin-bottom: 10px;
}
.contents-grid .contents-grid-item .contents-grid-item-image {
  width: 100%;
  margin-bottom: 10px;
  margin-right: 15px;
}
.contents-grid .contents-grid-item .contents-grid-item-image .upload-image {
  width: 100%;
}
.contents-grid .contents-grid-item .contents-grid-item-image .upload-image .remove-item-image {
  position: absolute;
  background: #333;
  padding: 5px;
  bottom: 0px;
  right: 0px;
  color: #fff;
}
.contents-grid .contents-grid-item .contents-grid-item-info {
  width: calc(100%);
}
.contents-grid .contents-grid-item .remove-item {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 999;
  color: #fff;
  padding: 0px;
  width: 30px;
  height: 30px;
  background: #8a0505;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border: 0px;
  border-radius: 50%;
}
.form-gallery {
  margin: 0px;
  padding: 0px;
}
.form-gallery .form-gallery-item {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  padding: 15px 15px 15px 40px;
  border: 1px solid #0b8645;
  overflow: hidden;
}
.form-gallery .form-gallery-item .form-gallery-item-up {
  position: absolute;
  width: 30px;
  height: 50%;
  top: 0px;
  left: 0px;
  background: #0b8645;
  border-radius: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.form-gallery .form-gallery-item .form-gallery-item-down {
  position: absolute;
  width: 30px;
  height: 50%;
  bottom: 0px;
  left: 0px;
  background: #379745;
  border-radius: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.form-gallery .form-gallery-item .gallery-left {
  width: 200px;
  height: 150px;
  display: flex;
  border: 1px solid #333;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: #333;
  margin-right: 10px;
}
.form-gallery .form-gallery-item .gallery-left img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  object-fit: contain;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.form-gallery .form-gallery-item .gallery-right {
  width: 100%;
}
.form-gallery .form-gallery-item .gallery-remove {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  border-radius: 0px 0px 0px 8px;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  background: red;
  align-items: center;
  align-content: center;
}
.page-list .page-list-item-name {
  font-weight: 600;
  color: #333;
}
.product-list .el-switch {
  margin-top: 0px;
}
.product-list .item-left {
  width: 100px;
  margin-right: 10px;
  float: left;
  margin-bottom: 5px;
}
.product-list .item-left img {
  width: 100%;
  border-radius: 5px;
}
.product-list .item-right {
  width: calc(100% - 110px);
  float: left;
}
.product-list .item-right a.name {
  font-weight: 600;
  font-size: 13px;
  color: #333;
}
.product-list .item-bottom {
  display: block;
  float: left;
  clear: both;
}
.product-list .price {
  color: red;
}
.product-list .material-icons {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #666;
}
.dropdown-cs .material-icons {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #666;
}
.cs-loading {
  border-radius: 15px;
  overflow: hidden;
}
.cs-loading .el-switch {
  margin-top: 0px;
}
.cs-loading .el-loading-spinner {
  margin: 0px;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.po-approve {
  color: #999;
  font-size: 13px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
}
.po-edit {
  color: #666;
  font-size: 13px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
}
.po-item {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: left;
}
.po-item span {
  font-size: 15px;
  color: #999;
}
.po-table .td-item {
  vertical-align: center;
}
.po-input .el-input__inner {
  border: 0px;
  border-bottom: 1px dotted;
  border-color: #333 !important;
  padding: 0px;
  background: unset;
  height: unset;
  line-height: 20px;
  width: auto;
  display: inline-block;
  border-radius: 0px;
}
.po-dialog {
  position: relative;
}
.po-preview .po-preview-item {
  display: grid;
  grid-template-columns: 100px auto;
}
.invoice-date {
  position: absolute;
  top: 20px;
  right: 60px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #bc0707;
}
.invoice-bottom {
  display: grid;
  grid-template-columns: 50% auto;
  gap: 20px;
}
.invoice-bottom .invoice-bottom-item {
  display: grid;
  grid-template-columns: 200px auto;
}
.invoice-bottom .invoice-bottom-item .invoice-bottom-item-i1 {
  text-align: left;
}
.invoice-bottom .invoice-bottom-item .invoice-bottom-item-i2 {
  text-align: right;
}
.invoice-bottom .invoice-bottom-item .invoice-bottom-item-price {
  color: red;
  font-weight: bold;
}
.w50 {
  width: 50px;
}
.w50 .el-input__inner {
  width: 50px;
}
.users .material-icons {
  color: #999;
  font-size: 18px;
  position: relative;
  top: 3px;
}
.form-list .form-list-info {
  margin-bottom: 0px;
}
.form-list .form-list-name {
  color: #999;
}
.interface-menu {
  margin-bottom: 30px;
}
.interface-menu a {
  display: inline-flex;
  padding: 8px 15px;
  border-radius: 5px;
  background-color: #fff;
  border-color: #d7d7d7;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
}
.interface-menu a:hover {
  background-color: #f0f9eb;
  color: #70d16d !important;
  border-color: #70d16d;
}
.interface-menu a.active {
  background-color: #f0f9eb;
  color: #70d16d !important;
  border-color: #70d16d;
}
.form-interface .el-color-picker {
  display: flex;
}
.form-interface .el-color-picker__trigger {
  display: block;
  width: 100%;
  padding: 8px;
  height: 50px;
}
.display-module .el-color-picker {
  display: flex;
}
.display-module .el-color-picker__trigger {
  display: block;
  width: 100%;
  padding: 8px;
  height: 40px;
}
.display-module .el-color-picker__trigger .el-color-picker__color {
  border: 0px;
}
.display-module .grid-2 .el-form-item__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
}
.display-module .grid-2 .el-form-item__content .el-input {
  width: 100% !important;
}
.display-module .grid-2 .el-form-item__content:before,
.display-module .grid-2 .el-form-item__content:after {
  display: none;
}
.display-module .grid-3 .el-form-item__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
}
.display-module .grid-3 .el-form-item__content .el-input {
  width: 100% !important;
}
.display-module .grid-3 .el-form-item__content:before,
.display-module .grid-3 .el-form-item__content:after {
  display: none;
}
.display-module .grid-4 .el-form-item__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px;
}
.display-module .grid-4 .el-form-item__content .el-input {
  width: 100% !important;
}
.display-module .grid-4 .el-form-item__content:before,
.display-module .grid-4 .el-form-item__content:after {
  display: none;
}
.display-module .el-input-number {
  width: 100%;
}
.display-module .el-input-number__decrease,
.display-module .el-input-number__increase {
  background: #fff;
}
.display-module .el-form-item__label {
  z-index: 99;
}
.theme-grid-4 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.prices {
  padding-bottom: 50px;
  margin-top: 30px;
}
.prices h4 {
  text-transform: uppercase;
  font-size: 16px;
}
.prices .prices-item {
  position: relative;
  margin-bottom: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 30px 30px 0px 30px !important;
}
.prices .prices-item .el-radio {
  width: 100%;
}
.prices .prices-item .discount {
  position: absolute;
  right: 0px;
  height: 30px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 30px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: #07b8c0;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
}
.prices .prices-item .prices-item-up {
  position: absolute;
  width: 30px;
  height: 50%;
  top: 0px;
  left: 0px;
  background: #0b8645;
  border-radius: 4px 0px 0px 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.prices .prices-item .prices-item-down {
  position: absolute;
  width: 30px;
  height: 50%;
  bottom: 0px;
  left: 0px;
  background: #379745;
  border-radius: 0px 0px 0px 4px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.wapp-filters {
  border-radius: 8px;
  border: 1px solid #333;
  padding: 25px 20px 0px 20px;
  margin-top: 5px;
}
.ext-item {
  position: relative;
}
.ext-item .ext-item-remove {
  position: absolute;
  right: 0;
  top: -10px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: #999;
  border: 0;
}
.products-combo .products-combo-select {
  margin: 10px 0px;
  list-style: none;
  padding: 0px;
}
.products-combo .products-combo-select li {
  padding: 5px 0px;
}
.products-combo h4 {
  text-transform: uppercase;
  font-size: 16px;
}
.products-combo .combo-item {
  position: relative;
  margin-bottom: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 30px 30px 0px 30px !important;
  display: flex;
}
.products-combo .combo-item .combo-item-remove {
  position: absolute;
  top: -10px;
  right: -10px;
}
.products-combo .combo-item .discount {
  position: absolute;
  right: 0px;
  height: 30px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 30px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: #07b8c0;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
}
.products-combo .combo-item .combo-item-up {
  position: absolute;
  width: 30px;
  height: 50%;
  top: 0px;
  left: 0px;
  background: #0b8645;
  border-radius: 4px 0px 0px 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.products-combo .combo-item .combo-item-down {
  position: absolute;
  width: 30px;
  height: 50%;
  bottom: 0px;
  left: 0px;
  background: #379745;
  border-radius: 0px 0px 0px 4px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.toc-cs .dd3-content {
  min-height: 30px;
}
.toc-cs .el-input {
  position: absolute;
  font-size: 13px;
  display: inline-block;
  width: calc(100% - 32px);
  left: 31px;
  top: 1px;
}
.toc-cs .el-input .el-input__inner {
  border: 0px;
  border-bottom: 1px dashed #d7d7d7;
  height: 29px;
  border-radius: 0px;
  background: #fafafa;
  padding: 3px;
}
.toc-cs .toc-remove {
  position: absolute;
  right: 5px;
  top: -4px;
}
.dd-dragel .el-input {
  position: absolute;
  font-size: 13px;
  display: inline-block;
  width: calc(100% - 32px);
  left: 31px;
  top: 1px;
}
.dd-dragel .el-input .el-input__inner {
  border: 0px;
  border-bottom: 1px dashed #d7d7d7;
  height: 29px;
  border-radius: 0px;
  background: #fafafa;
  padding: 3px;
}
.dd-dragel .toc-remove {
  position: absolute;
  right: 5px;
  top: -4px;
}
.is-loading i {
  color: #08acbd;
}
.contacts {
  border: 1px solid #f2570b;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
}
.contacts li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 25px;
  font-weight: 400;
}
.form-contacts {
  border: 0px solid #f2570b;
  padding: 0px;
  margin-top: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.form-contacts .el-radio {
  margin: 0px;
}
.form-contacts .el-radio.is-bordered + .el-radio.is-bordered {
  margin: 0px;
}
.tool-toc {
  display: none;
  position: absolute;
  left: 0px;
  padding: 10px;
}
.toc-wapp {
  position: fixed;
  left: 0px;
  z-index: 9999;
  max-width: 280px;
  background: #fff;
  padding: 15px;
  height: 100%;
  top: 70px;
}
.toc-wapp a {
  color: #333;
  font-weight: 400;
}
.toc-content h6,
.toc-content h2,
.toc-content h3,
.toc-content h4,
.toc-content h5 {
  margin: 30px 0px;
  font-size: 18px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.toc-content h6 .el-input__inner,
.toc-content h2 .el-input__inner,
.toc-content h3 .el-input__inner,
.toc-content h4 .el-input__inner,
.toc-content h5 .el-input__inner {
  border-bottom: 1px dashed #333;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
  font-size: 18px;
  color: red;
  height: auto;
}
.widget-articles {
  border: 1px solid #d7d7d7;
  padding: 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.widget-articles ul {
  font-size: 13px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.widget-articles ul li {
  font-size: 13px;
  line-height: 25px;
}
.widget-articles-checked {
  border: 1px solid red;
  padding: 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.widget-articles-checked ul {
  font-size: 13px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.widget-articles-checked ul li {
  font-size: 13px;
  line-height: 25px;
}
.el-input-group__append {
  padding: 0px;
  width: 110px;
  text-align: center;
}
.el-input-group__append button {
  padding: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto !important;
  z-index: 9;
}
.wapp-files {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.wapp-files .wapp-files-item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 70px 75px 70px;
  gap: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.wapp-files .wapp-files-item .wapp-files-item-action {
  display: flex;
  justify-content: center;
}
.upload-bt {
  background-color: #0095ff;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  margin: 0;
  outline: none;
  padding: 5px 12px;
  position: relative;
  white-space: nowrap;
  min-width: 120px;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.upload-bt:hover,
.upload-bt:focus {
  background-color: #07c;
}
.upload-bt:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, 0.15);
}
.upload-bt:active {
  background-color: #0064bd;
  box-shadow: none;
}
.upload-form {
  position: relative;
}
.uploading {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  position: relative;
  display: block;
}
.uploading:before,
.uploading:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}
.uploading:after {
  color: #FF3D00;
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes spin {
  0%,
  100% {
    box-shadow: 0.2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor;
  }
}
.tool-action {
  display: flex;
  align-content: center;
  align-items: center;
  gap: 15px;
}
.tool-action .edit {
  color: #0064bd;
}
.tool-action .remove {
  color: #8a0505;
}
.customer-contacts {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding: 0px;
}
.customer-contacts .customer-contacts-item {
  border: 1px solid;
  border-radius: 5px;
  padding: 20px 15px;
  margin-bottom: 15px;
  position: relative;
}
.customer-contacts .customer-contacts-item .el-form-item {
  margin: 0px;
}
.customer-contacts .customer-contacts-item .customer-contacts-item-swap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.customer-contacts .customer-contacts-item .remove-item {
  position: absolute;
  right: 20px;
  top: 25px;
  color: red;
}
.customer-contacts-item-social .customer-contacts-item-social-head {
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: left;
  margin-top: 10px;
  font-size: 15px;
}
.customer-contacts-item-social .customer-contacts-item-social-head .el-link {
  margin-left: 5px;
}
.customer-contacts-item-social .customer-contacts-item-social-head .el-link--inner span {
  position: relative;
  top: 0px;
}
.customer-contacts-item-social .customer-contacts-item-social-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0px;
  padding-top: 15px;
}
.customer-contacts-item-social .customer-contacts-item-social-grid .customer-contacts-item-social-grid-item {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
.customer-contacts-item-social .customer-contacts-item-social-grid .customer-contacts-item-social-grid-item:last-child {
  margin-bottom: 0px;
}
.customer-contacts-item-social .customer-contacts-item-social-grid .customer-contacts-item-social-grid-item .el-form-item {
  margin: 0px;
}
.customer-contacts-item-social .customer-contacts-item-social-grid .customer-contacts-item-social-grid-item .customer-contacts-item-social-grid-item-remove {
  position: absolute;
  right: 5px;
  top: 5px;
  color: red;
}
.box-errors {
  position: relative;
}
.box-errors .el-form-item__error {
  position: relative;
}
.bt-layout {
  width: 150px;
  height: 50px;
}
.button-1 {
  background-color: #e1ecf4;
  border-radius: 3px;
  border: 1px solid #7aa7c7;
  box-shadow: rgba(255, 255, 255, 0.7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #39739d;
  cursor: pointer;
  display: flex;
  margin: 0;
  outline: none;
  padding: 8px 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}
.button-1:hover,
.button-1:focus {
  background-color: #b3d3ea;
  color: #2c5777;
}
.button-1:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, 0.15);
}
.button-1:active {
  background-color: #a0c7e4;
  box-shadow: none;
  color: #2c5777;
}
.button-2 {
  background-color: #FFFFFF;
  border: 1px solid #222222;
  border-radius: 8px;
  box-sizing: border-box;
  color: #222222;
  cursor: pointer;
  display: flex;
  margin: 0;
  outline: none;
  padding: 8px 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  transition: box-shadow 0.2s, -ms-transform 0.1s, -webkit-transform 0.1s, transform 0.1s;
  user-select: none;
  -webkit-user-select: none;
}
.button-2:focus-visible {
  box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
  transition: box-shadow 0.2s;
}
.button-2:active {
  background-color: #F7F7F7;
  border-color: #000000;
  transform: scale(0.96);
}
.button-2:disabled {
  border-color: #DDDDDD;
  color: #DDDDDD;
  cursor: not-allowed;
  opacity: 1;
}
.button-3 {
  background-color: #0095ff;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  margin: 0;
  outline: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}
.button-3:hover,
.button-3:focus {
  background-color: #07c;
}
.button-3:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, 0.15);
}
.button-3:active {
  background-color: #0064bd;
  box-shadow: none;
}
.button-4 {
  align-items: center;
  background-image: linear-gradient(120deg, #5B42F3, #5B42F3 50%, #9182f4);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  cursor: pointer;
}
.button-4:active,
.button-4:hover {
  outline: 0;
}
.button-5 {
  align-items: center;
  background-image: linear-gradient(to right, #11998e 0%, #6cb015 51%, #11998e 100%);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  cursor: pointer;
}
.button-5:active,
.button-5:hover {
  outline: 0;
}
.headm_1 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: left;
  height: 50px;
}
.headm_1 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  background: #000;
  padding: 0px 15px;
  font-size: 13px;
  font-weight: 600;
}
.headm_2 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: left;
  height: 50px;
}
.headm_2:before {
  content: "";
  width: 4px;
  height: 15px;
  background: red;
  display: block;
  position: absolute;
  left: 0px;
  margin: auto;
  top: 0px;
  bottom: 0px;
  border-radius: 4px;
}
.headm_2 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  padding: 0px 10px;
  font-size: 13px;
  font-weight: 600;
}
.headm_3 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.headm_3:before {
  content: "";
  width: 50px;
  height: 2px;
  background: red;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.headm_3 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  padding: 0px 10px;
  font-size: 13px;
  font-weight: 600;
}
.headm_4 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.headm_4 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  padding: 25px 10px 0px;
  font-size: 13px;
  font-weight: 600;
}
.headm_4 h2:before {
  content: '';
  display: inline-block;
  width: 57px;
  height: 15px;
  border-color: red;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.headm_4 h2:after {
  content: '';
  display: block;
  border-bottom: 5px solid red;
  width: 57px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.headm_5 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: left;
  height: 50px;
}
.headm_5 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  padding: 0px 10px 0px 45px;
  font-size: 13px;
  font-weight: 600;
}
.headm_5 h2:before {
  content: "";
  width: 40px;
  height: 2px;
  background: red;
  display: block;
  left: 0px;
  position: absolute;
  bottom: 0px;
  margin: auto;
}
.headm_6 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.headm_6 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  padding: 5px 45px 5px 45px;
  font-size: 13px;
  font-weight: 600;
  background: red;
}
.headm_7 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.headm_7:before {
  content: "";
  height: 2px;
  width: 100%;
  background: red;
  position: absolute;
  z-index: 0;
}
.headm_7 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  background: #000;
  padding: 0px 15px;
  font-size: 13px;
  font-weight: 600;
}
.headm_8 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.headm_8 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  background: #000;
  padding: 0px 15px;
  font-size: 13px;
  font-weight: 600;
}
.headm_8 h2:after {
  content: '';
  background: red;
  height: 3px;
  width: 100px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -50px;
}
.headm_8 h2:before {
  content: '';
  background: red;
  height: 9px;
  width: 4px;
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -2px;
}
.headm_9 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.headm_9 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  background: #000;
  padding: 0px 15px;
  font-size: 13px;
  font-weight: 600;
}
.headm_9 h2:after {
  content: '';
  background: red;
  height: 3px;
  width: 30px;
  position: absolute;
  bottom: -10px;
  left: 80%;
  margin-left: -50px;
}
.headm_9 h2:before {
  content: '';
  background: red;
  height: 20px;
  width: 4px;
  position: absolute;
  bottom: 0px;
  left: -20px;
  margin-left: -2px;
}
.headm_10 {
  position: relative;
  margin: 0px 0px 0px;
  flex-direction: row;
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: left;
  height: 50px;
}
.headm_10:before {
  content: "";
  height: 2px;
  width: 100%;
  background: red;
  position: absolute;
  z-index: 0;
  bottom: 0px;
}
.headm_10 h2 {
  position: relative;
  margin: 0px;
  color: #fff;
  z-index: 1;
  background: #000;
  padding: 0px 0px;
  font-size: 13px;
  font-weight: 600;
}
.theme-row-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.theme-row-list .el-radio {
  padding-top: 39px;
  background: unset;
}
.theme-row {
  position: absolute;
  height: 30px;
  width: 96%;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 2%;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2%;
}
.theme-row .theme-row-item {
  background: #666;
  border-radius: 5px;
}
.theme-row-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.theme-row-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.theme-row-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.theme-row-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.theme-row-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.redirect-links {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}
.redirect-links .redirect-links-item {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding-right: 40px;
}
.redirect-links .redirect-links-item .el-form-item {
  margin-bottom: 5px;
}
.redirect-links .redirect-links-item-remove {
  position: absolute;
  right: 0;
  padding: 0;
  top: 0px;
  margin: auto;
  height: calc(100% - 5px);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 40px;
  background: unset;
  border: unset;
  color: red;
  font-size: 22px;
}
.form-rating-gallery {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}
.form-rating-gallery .form-rating-gallery-item {
  position: relative;
}
.form-rating-gallery .form-rating-gallery-item .gallery-remove {
  position: absolute;
  right: -10px;
  top: -10px;
}
.ratings {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.ratings li {
  border-bottom: 1px dotted;
  padding-bottom: 15px;
}
.theme-interface-item {
  position: absolute;
  bottom: 0px;
  text-transform: uppercase;
}
.galleries-item-des-item {
  position: relative;
}
.comments-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 15px;
}
.comments-grid .comments-grid-item {
  border: 1px solid #d50606;
  padding: 15px 15px 15px 50px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.comments-grid .comments-grid-item .form-grid-item-up {
  position: absolute;
  width: 30px;
  height: 50%;
  top: 0px;
  left: 0px;
  background: #0b8645;
  border-radius: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  z-index: 9;
}
.comments-grid .comments-grid-item .form-grid-item-down {
  position: absolute;
  width: 30px;
  height: 50%;
  bottom: 0px;
  left: 0px;
  background: #379745;
  border-radius: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  z-index: 9;
}
.comments-grid .comments-grid-item .remove-item {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  color: #fff;
  padding: 0px;
  width: 30px;
  height: 30px;
  background: #8a0505;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border: 0px;
  border-radius: 0px 0px 0px 20px;
}
.comments-grid .comments-item-extend .el-button--primary {
  margin-bottom: 15px;
}
.comments-grid .comments-item-extend .comments-item-extend-item {
  position: relative;
}
.comments-grid .comments-item-extend .comments-item-extend-item .comments-item-des-group {
  border-bottom: 1px solid #08bbcd;
  margin-bottom: 30px;
}
.comments-grid .comments-item-extend .comments-item-extend-item .remove-item {
  right: -15px;
  top: -15px;
  border-radius: 50%;
}
.comments {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.bt-link {
  color: #fff !important;
}
.form-control {
  height: unset;
}
.input-group-text {
  min-width: 100px;
}
.module-products ul {
  list-style: none;
  padding: 0;
}
.module-products ul li {
  border-bottom: 1px dashed red;
  display: flex;
  justify-content: space-between;
}
.module-products .dd3-content {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.module-products .dd-handle {
  display: flex;
  height: 41.15px !important;
  align-content: center;
  align-items: center;
}
.app-menu .accordion-menu li a {
  position: relative;
  display: flex;
  gap: 5px;
}
.app-menu .accordion-menu li a img {
  width: 20px;
}
.app-menu .accordion-menu li a .ic-right {
  position: absolute;
  right: 0;
  width: 18px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
@media (min-width: 768px) {
  .button-4 {
    font-size: 24px;
    min-width: 196px;
  }
}