/*
css书写遵循BEM规范
*/
.cmp-tpl {
  width: 100%;
  min-height: 50px;
}

/*
css书写遵循BEM规范
*/
.data-list {
  width: 100%;
  min-height: 50px;
}

.footer {
  width: 100%;
  text-align: center;
}

/*
css书写遵循BEM规范
*/
.html-tpl {
  width: 100%;
  min-height: 50px;
}

/*
css书写遵循BEM规范
*/
.image {
  width: 100%;
}
.image__img {
  display: block;
  width: 100%;
}
.image__link {
  display: block;
}

/*
css书写遵循BEM规范
*/
.layout-anchor {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.layout-anchor__nav {
  width: 100%;
  margin: 0 auto;
  z-index: 999;
}
.layout-anchor__nav--fixed {
  position: fixed;
  top: 0;
}
.layout-anchor__nav-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.layout-anchor__nav-item a {
  display: block;
  color: inherit;
}
.layout-anchor__nav-item:first-child {
  margin-left: 0;
}
.layout-anchor__logo {
  display: inline-block;
  vertical-align: middle;
}
.layout-anchor__container {
  position: relative;
  width: 100%;
}
.layout-anchor__container-con {
  position: relative;
}

/*
css书写遵循BEM规范
*/
.layout-normal__header {
  width: 1024px;
  height: 80px;
  margin: 0 auto;
}
.layout-normal__content {
  width: 1024px;
  min-height: 400px;
  overflow: hidden;
  margin: 0 auto;
}
.layout-normal__footer {
  width: 1024px;
  height: 334px;
  margin: 0 auto;
  margin-top: 86px;
  background: #fff;
}
.layout-normal__hover:hover {
  background: #f5f5f5;
}

/*
css书写遵循BEM规范
*/
.layout-tab {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.layout-tab__nav {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.layout-tab__nav-item {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.layout-tab__nav-item:first-child {
  margin-left: 0;
}
.layout-tab__container {
  position: relative;
  width: 100%;
}
.layout-tab__container-con {
  position: relative;
  display: none;
}
.layout-tab__container-con.active {
  display: block;
}

/*
css书写遵循BEM规范
*/
.nav-dropdown {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.nav-dropdown__item {
  display: inline-block;
  position: relative;
}
.nav-dropdown__item:hover > ul {
  display: block;
}
.nav-dropdown__link,
.nav-dropdown__sublink {
  text-decoration: none;
  display: block;
}
.nav-dropdown__children {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  text-align: center;
  z-index: 11;
}

.cmp-preview__ui,
.cmp-preview__cmp-wraper {
  overflow: inherit!important;
}
.nav-top {
  width: 100%;
  background: rgba(255, 255, 255, 0);
  text-align: center;
}
.nav-top__logo {
  display: inline-block;
  vertical-align: middle;
  background: transparent;
  margin-right: 80px;
}
.nav-top__list {
  display: inline-block;
}
.nav-top__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 80px;
  position: relative;
}
.nav-top__item a {
  cursor: pointer;
  text-decoration: none;
  display: block;
  text-align: center;
}
.nav-top__item > ul {
  display: none;
  font-weight: normal;
  text-align: center;
  position: absolute;
  font-size: 14px;
  line-height: 40px;
  top: 100%;
  width: 100%;
}
.nav-top__item:hover > ul {
  display: block;
}
.nav-top__item p {
  margin: 0;
}
.nav-top__item-split {
  display: inline-block;
  vertical-align: middle;
}

/*
css书写遵循BEM规范
*/
.rich-text {
  min-width: 250px;
  min-height: 100px;
  text-align: center;
}
.rich-text p {
  text-align: left;
  min-height: 12px;
}
.rich-text ul {
  list-style: disc;
}
.rich-text ol {
  list-style: decimal;
}
.rich-text ol,
.rich-text ul {
  padding-left: 40px;
}
.rich-text ol li,
.rich-text ul li {
  margin-left: 1.5em;
  text-align: left;
}
.rich-text img {
  margin: 5px;
}

/*
css书写遵循BEM规范
*/
.slider-antd {
  width: 100%;
}

/*
css书写遵循BEM规范
*/
.slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.slider__con {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.slider__con__wrap {
  position: relative;
  height: auto;
  overflow: hidden;
  left: 0;
  transition: left 1s;
}
.slider__con__item {
  position: relative;
  display: inline-block;
  height: auto;
}
.slider__con__item > img {
  width: 100%;
  vertical-align: top;
}
.slider__arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider__arrows__icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 100;
  padding: 20px;
  cursor: pointer;
}
.slider__arrows__left {
  left: 5px;
  background: url(//st03.chrstatic.com/themes/chr-cmp-editor/dist/img/coms/components/slider/img/left_w.png) no-repeat center center;
}
.slider__arrows__left:hover {
  background: url(//st03.chrstatic.com/themes/chr-cmp-editor/dist/img/coms/components/slider/img/left_r.png) no-repeat center center;
}
.slider__arrows__right {
  right: 5px;
  background: url(//st03.chrstatic.com/themes/chr-cmp-editor/dist/img/coms/components/slider/img/right_w.png) no-repeat center center;
}
.slider__arrows__right:hover {
  background: url(//st03.chrstatic.com/themes/chr-cmp-editor/dist/img/coms/components/slider/img/right_r.png) no-repeat center center;
}
.slider__dots {
  z-index: 99;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  font-size: 0;
}
.slider__dots__dot {
  display: inline-block;
  cursor: pointer;
}

/*
css书写遵循BEM规范
*/
.table-normal {
  position: relative;
}
.table-normal__table {
  margin: 0 auto;
  font-size: 14px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}
.table-normal__table td {
  line-height: 150%;
}

/*
css书写遵循BEM规范
*/
.text {
  min-width: 200px;
  min-height: 100px;
}

/*
css书写遵循BEM规范
*/
.video {
  width: 100%;
}
.video video {
  width: 100%;
}

/*
css书写遵循BEM规范
*/
.nav-top-editor {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 500px;
}
.nav-top-editor__logo {
  padding: 10px;
}
.nav-top-editor__item {
  padding: 5px 10px;
  line-height: 20px;
  font-size: 14px;
  border-bottom: 1px solid #F3F3F3;
}
.nav-top-editor__item a {
  display: block;
  overflow: hidden;
}
.nav-top-editor__item:hover {
  background-color: #F3F3F3;
  cursor: pointer;
}
.nav-top-editor__item-op {
  display: block;
  float: right;
}
.nav-top-editor__item-op i {
  margin: 0 10px;
  cursor: pointer;
}
.nav-top-editor__form-wrapper {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  z-index: 10;
  transform: translateX(400px);
}
.nav-top-editor__form-wrapper form {
  height: 520px;
}
.nav-top-editor__form-wrapper--focus {
  animation: nav-top-editor-show 0.5s forwards;
}
.nav-top-editor__form-wrapper--hide {
  animation: nav-top-editor-hide 0.5s forwards;
}
.nav-top-editor__btns {
  text-align: center;
  margin-top: 10px;
}
.nav-top-editor .ant-form-item {
  margin-bottom: 0;
}
@keyframes nav-top-editor-show {
  from {
    transform: translateX(300px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes nav-top-editor-hide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(300px);
  }
}
.rich-input__editor {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.rich-input__editor .DraftEditor-root {
  height: 70px !important;
}
.rich-input__editor-wrapper .rdw-fontfamily-dropdown {
  width: 80px !important;
}

.color-picker {
  position: relative;
  display: inline-block;
}
.color-picker__swatch {
  padding: 5px;
  background: #ffffff;
  border-radius: 1px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.color-picker__popover {
  position: absolute;
  z-index: 2;
}
.color-picker__cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.color-picker__color {
  height: 14px;
  border-radius: 2px;
}
.color-picker .ant-tabs {
  overflow-y: visible !important;
}
.color-picker__panel {
  position: fixed;
}

/*
css书写遵循BEM规范
*/
.table-normal-editor {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.table-normal-editor__table {
  margin: 0 auto;
  font-size: 14px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}
.table-normal-editor__table input {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  padding: 0 10px;
}
.table-normal-editor__table td {
  line-height: 150%;
}
.table-normal-editor__table .slected {
  background: #d5d5d5;
}
.table-normal-editor__edit {
  background: rgba(0, 0, 0, 0.3);
}
.table-normal-editor__btn {
  text-align: center;
}
.table-normal-editor__btn .ant-btn {
  margin: 5px;
}
.table-normal-editor__btn .back {
  margin-right: 100px;
}

/*
css书写遵循BEM规范
*/
.nav-dropdown-editor {
  width: 100%;
}
.nav-dropdown-editor__ul {
  display: -ms-flexbox;
  display: flex;
}
.nav-dropdown-editor__li {
  -ms-flex: 1;
      flex: 1;
}
.nav-dropdown-editor__btn {
  text-align: center;
}
.nav-dropdown-editor__btn .ant-btn {
  margin: 30px 10px;
}

/*
css书写遵循BEM规范
*/
.tab-editor {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.tab-editor .ant-checkbox-wrapper + span,
.tab-editor .ant-checkbox + span {
  margin-left: 3px;
  margin-right: 3px;
}
.tab-editor__add {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 999;
}
.tab-editor__op {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  height: 28px;
}
.tab-editor__op input {
  display: block;
}
.tab-editor__title {
  width: 100%;
  margin: 0 auto;
}
.tab-editor__title__item {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.tab-editor__title__item button {
  position: absolute;
  top: 11px;
  right: 5px;
}
.tab-editor__title__item button.save {
  top: 33px;
  left: 0;
}
.tab-editor__title__item button.cancel {
  top: 33px;
  left: 46px;
}
.tab-editor__title__item.active .tab-editor__op {
  display: block;
  z-index: 999;
}
.tab-editor__title__item:first-child {
  margin-left: 0;
}
.tab-editor__content {
  width: 100%;
}
.tab-editor__content__item {
  position: relative;
  display: none;
  width: 100%;
  min-height: 100px;
}
.tab-editor__content__item button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.tab-editor__content__item.active {
  display: block;
}

/*
css书写遵循BEM规范
*/
.layout-tab-editor {
  position: relative;
}
.layout-tab-editor__nav-item {
  padding: 0 5px;
  margin: 3px 0;
}
.layout-tab-editor__nav-input {
  display: block;
  overflow: hidden;
}
.layout-tab-editor__nav-input > input {
  width: 100%;
  padding: 0 3px;
  height: 26px;
  line-height: 26px;
}
.layout-tab-editor__nav-tool {
  line-height: 26px;
  float: right;
}
.layout-tab-editor__nav-tool > i {
  margin: 0 10px;
  cursor: pointer;
}

.resource-panel {
  text-align: left;
  z-index: 100;
}
.resource-panel__mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.resource-panel__body {
  position: relative;
}
.resource-panel__tag-list {
  padding: 5px;
  z-index: 2;
}
.resource-panel__tag {
  display: inline-block;
  line-height: 25px;
  margin: 3px;
  padding: 0 10px;
  background-color: #F5F5F5;
  border-radius: 5px;
  cursor: pointer;
}
.resource-panel__tag-select {
  background-color: #7C7C7C;
}
.resource-panel__img-list {
  padding: 5px;
  height: 510px;
  overflow: auto;
}
.resource-panel__img-wapper {
  position: relative;
  display: inline-block;
  width: 20%;
  max-height: 180px;
  overflow: hidden;
  padding: 5px;
  vertical-align: top;
}
.resource-panel__remove {
  position: absolute;
  left: 5px;
  right: 5px;
  top: -35px;
  height: 30px;
  line-height: 30px;
  transition: top 0.2s ease-in;
  text-align: right;
  padding: 0 10px;
  background-color: rgba(213, 213, 213, 0.63);
}
.resource-panel__remove > i {
  cursor: pointer;
}
.resource-panel__img-wapper:hover > .image-panel__remove {
  top: 5px;
}
.resource-panel__img {
  width: 100%;
  cursor: pointer;
}
.resource-panel__upload {
  padding: 5px 10px;
}
.resource-panel__upload > div {
  display: inline-block;
  vertical-align: top;
}
.resource-panel__upload-btn {
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  margin: 0 10px 0 0;
}
.resource-panel__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  margin-left: -25px;
  text-align: center;
}

.cmp-modal {
  position: fixed;
  left: 50%;
  top: 10%;
  z-index: 999;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  transition: all .3s;
  box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.2);
}
.cmp-modal__head {
  text-align: right;
  height: 40px;
  padding: 10px;
  cursor: pointer;
}
.cmp-modal__close {
  float: right;
  padding: 0 4px;
  cursor: pointer;
}
.cmp-modal__title {
  overflow: hidden;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.cmp-modal__tab {
  height: 555px;
  overflow: auto;
}
.hide-panel {
  animation: hidepanel .7s;
}
@keyframes hidepanel {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5d5;
}
.fullmodal .ant-modal {
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #fff;
}
.fullmodal .ant-modal-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
.fullmodal .ant-modal-close {
  display: none;
}
.fullmodal .ant-modal-header {
  display: none;
}
.fullmodal .ant-modal-body {
  margin-top: 53px;
}
.fullmodal .ant-modal-footer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
}

.props-editor__item .cmp-imgupload {
  display: inline-block;
}
.props-editor__item .cmp-imgupload__input {
  width: 65px;
}
.props-editor__item .cmp-imgupload__urlText {
  width: 90px;
}

.video-uploader {
  display: inline-block;
}
.video-uploader__progress {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}
.video-uploader__btn {
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
}

.resource-selector {
  display: inline-block;
  height: 24px;
  width: 78px;
}
.resource-selector__btn {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}

/*
css书写遵循BEM规范
*/
.rich-text-editor {
  background-color: #ffffff;
  width: 100%;
}
.rich-text-editor__editor .DraftEditor-root {
  height: 350px;
}
.rich-text-editor .rdw-link-modal {
  height: auto;
}
.rich-text-editor_media {
  width: 36px;
  height: 36px;
  margin: 0;
}
.rich-text-editor_color .color-picker__swatch {
  box-shadow: none;
}

/*
css书写遵循BEM规范
*/
.text-editor {
  width: 100%;
}
.text-editor__editor .DraftEditor-root {
  height: 350px;
}
.text-editor .rdw-link-modal {
  height: auto;
}

/*
css书写遵循BEM规范
*/
.list-fold-editor {
  position: relative;
  width: 800px;
  margin: 0 auto;
}
.list-fold-editor__title {
  position: relative;
}
.list-fold-editor__content {
  position: relative;
  overflow: auto;
}
.list-fold-editor__hide {
  display: none;
}
.list-fold-editor__edit {
  position: absolute;
  z-index: 9999;
  margin-top: 1px;
  padding: 5px 8px;
  cursor: pointer;
  opacity: .4;
  color: #fff;
  border-radius: 5px;
  background: #2db7f5;
}
.list-fold-editor__edit.title {
  right: 0;
}
.list-fold-editor__edit:hover {
  opacity: 1;
}

/*
css书写遵循BEM规范
*/
.slider-antd-editor {
  width: 100%;
  background: #fff;
  height: 500px;
  overflow: auto;
}
.slider-antd-editor .ant-input-group {
  margin-bottom: 5px;
}
.slider-antd-editor__image {
  position: relative;
  display: inline-block;
  width: 33%;
  padding: 3px;
}
.slider-antd-editor__image img {
  max-width: 100%;
}
.slider-antd-editor__input {
  margin: 3px 0;
}
.slider-antd-editor__link {
  width: 50%;
}
.slider-antd-editor__del {
  display: inline-block;
  cursor: pointer;
}
.slider-antd-editor__alt {
  width: 15%;
  margin: 0 3px;
}
.slider-antd-editor__add {
  margin: 10px 0;
}
.slider-antd-editor__add-link {
  width: 60%;
}
.slider-antd-editor__add-alt {
  width: 20%;
  margin: 0 3px;
}
.slider-antd-editor__add-btn {
  display: inline-block;
  cursor: pointer;
}

/*
css书写遵循BEM规范
*/
.cmp-tpl-editor {
  width: 100%;
  height: 600px;
}
.cmp-tpl-editor__warpper {
  display: inline-block;
  width: 33.3333%;
  height: 200px;
  padding: 1px;
}
.cmp-tpl-editor__text {
  font-size: 14px;
  width: 100%;
  height: 200px;
  border: 1px solid #d5d5d5;
}
.cmp-tpl-editor__preview {
  height: 290px;
  overflow: auto;
  border: 1px solid #d5d5d5;
}

/*
css书写遵循BEM规范
*/
.data-list-editor {
  width: 100%;
}
.data-list-editor__url {
  height: 40px;
  font-size: 14px;
  line-height: 24px;
}
.data-list-editor__url .url-text {
  width: 700px;
  padding: 0 10px;
}
.data-list-editor__url .btn-confirm {
  padding: 0 10px;
}
.data-list-editor__warpper {
  position: relative;
  display: inline-block;
  width: 33.333%;
  padding: 1px;
  vertical-align: top;
  overflow: hidden;
}
.data-list-editor__text {
  font-size: 14px;
  width: 100%;
  height: 200px;
  border: 1px solid #d5d5d5;
}
.data-list-editor__preview {
  height: 290px;
  overflow: auto;
  border: 1px solid #d5d5d5;
}

/*
css书写遵循BEM规范
*/
.layout-tab-editor {
  position: relative;
}
.layout-tab-editor__nav-item {
  padding: 0 5px;
  margin: 3px 0;
}
.layout-tab-editor__nav-input {
  display: block;
  overflow: hidden;
}
.layout-tab-editor__nav-input > input {
  width: 49%;
  padding: 0 3px;
  margin: 0 1px;
  height: 26px;
  line-height: 26px;
}
.layout-tab-editor__nav-tool {
  line-height: 26px;
  float: right;
}
.layout-tab-editor__nav-tool > i {
  margin: 0 10px;
  cursor: pointer;
}


/*# sourceMappingURL=coms.80a55f24.css.map*/