.ant-collapse .ant-collapse-item[data-v-e80d3776] {
  border-bottom: 0;
  margin-bottom: 20px;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-header {
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  position: relative;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-header:hover {
  background: #eef0f4;
  border-radius: 4px;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-header:hover:before {
  display: none;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-header:before {
  position: absolute;
  content: " ";
  display: block;
  left: 10px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e9e7ec;
  width: 290px;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-header .panel-title {
  font-size: 12px;
  color: #595961;
  font-weight: 700;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-header .ant-collapse-arrow {
  right: 10px;
}
.ant-collapse .ant-collapse-item[data-v-e80d3776] .ant-collapse-content .ant-collapse-content-box {
  padding: 10px 0 0;
}
.basic-module-list[data-v-e80d3776] {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
}
.basic-module-list .module-item[data-v-e80d3776] {
  width: 90px;
  text-align: center;
  font-size: 12px;
  color: #595961;
  line-height: 20px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 10px;
  max-height: 110px;
  padding-bottom: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.basic-module-list .module-item .module-img[data-v-e80d3776] {
  display: block;
  width: 74px;
  height: 45px;
  margin: 10px auto 2px;
}
.basic-module-list .module-item .iconfont[data-v-e80d3776] {
  width: 74px;
  height: 45px;
  font-size: 64px;
  align-items: center;
  justify-content: center;
}
.basic-module-list .module-item[data-v-e80d3776]:hover {
  background: #FFFFFF;
  border-radius: 4px;
}

.add-goods-btn[data-v-1c385780] {
  border-radius: 5px;
  color: #2589ff;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  background: #FFFFFF;
  height: 30px;
  line-height: 30px;
  width: 90px;
  font-weight: 400;
}
.img-s-img[data-v-1c385780] {
  width: 70px;
  height: 70px;
  position: relative;
}
.img-s-img.fill[data-v-1c385780] {
  width: 100%;
}
.img-s-img.fill > img[data-v-1c385780] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.img-s-img:hover .update-box-black[data-v-1c385780],
.img-s-img:hover .replace-btn[data-v-1c385780] {
  display: block;
}
.img-s-img .update-box-black[data-v-1c385780] {
  background: #000;
  opacity: 0.6;
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.img-s-img > img[data-v-1c385780] {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.img-s-img .replace-btn[data-v-1c385780] {
  width: 60px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  font-weight: 600;
  color: #595961;
  line-height: 30px;
}

.btn-upload[data-v-27e70fff] {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border: 1px solid #e9e7ec;
  border-radius: 4px;
  background-color: #f8f9fa;
}
.btn-upload:hover i[data-v-27e70fff] {
  color: var(--brand-color);
}

.color-picker-wrapper[data-v-6b6c9da4] {
  position: relative;
}
.color-picker-wrapper .color-select-tips[data-v-6b6c9da4] {
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
  padding-right: 18px;
}
.color-picker-wrapper .color-select-tips .color-select-nums[data-v-6b6c9da4] {
  color: #9797a1;
  font-weight: 600;
}
.color-picker-wrapper .color-select-tips .color-select-text[data-v-6b6c9da4] {
  color: var(--brand-color);
  cursor: pointer;
}
.color-picker-wrapper .color-select-colorbox[data-v-6b6c9da4] {
  width: 60px;
  height: 30px;
  border-radius: 4px;
  background-color: #e9e7ec;
  padding: 5px;
  cursor: pointer;
}
.color-picker-wrapper .color-select-colorbox .color-select-colorbox-inner[data-v-6b6c9da4] {
  border-radius: 2px;
  height: 100%;
}
.color-picker-wrapper .colorTem[data-v-6b6c9da4] {
  width: 170px;
  height: 145px;
  background: #fff;
}
.color-picker-wrapper .colorTem .colorTem-title[data-v-6b6c9da4] {
  border-bottom: 1px solid #e9e7ec;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #595961;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.color-picker-wrapper .colorTem .color-box[data-v-6b6c9da4] {
  width: 22px;
  height: 22px;
  opacity: 0.9;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.color-picker-wrapper .colorTem .box1px[data-v-6b6c9da4] {
  border: 1px solid #e9e7ec;
}
.color-picker-wrapper .colorTem .color-content[data-v-6b6c9da4] {
  display: flex;
  flex-wrap: wrap;
}
.color-picker-wrapper .colorTem .update-color-box[data-v-6b6c9da4] {
  background: #fff;
  border: 1px dotted #e9e7ec;
  border-radius: 4px;
  line-height: 22px;
  text-align: center;
  font-size: 10px;
}
.color-picker-wrapper .colorTem .color-exhibition[data-v-6b6c9da4] {
  margin-top: 20px;
  background: #fff;
  border: 1px solid #e9e7ec;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #595961;
  letter-spacing: 0;
  padding: 0 5px;
}
.color-picker-wrapper .color-select-index-colorpanel[data-v-6b6c9da4] {
  position: absolute;
  z-index: 1080;
}
.color-select-index-colorpanel[data-v-6b6c9da4] {
  position: absolute;
  z-index: 1080;
  bottom: 0;
  right: 0;
}

.btn-upload[data-v-51ffb6b8] {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border: 1px solid #e9e7ec;
  border-radius: 4px;
  background-color: #f8f9fa;
}
.btn-upload:hover i[data-v-51ffb6b8] {
  color: var(--brand-color);
}

.checkbox-box .label[data-v-a11b4d86] {
  min-width: 40px;
}

.img-c-l-f[data-v-561c987d] {
  width: 60px!important;
}

textarea[data-v-d39f1f84] {
  width: 100%;
  padding: 5px 10px;
}

.add-goods-btn[data-v-50f62168] {
  border-radius: 5px;
  color: #2589ff;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  background: #FFFFFF;
  height: 30px;
  line-height: 30px;
  width: 90px;
  font-weight: 400;
}
.chooseBox-c[data-v-50f62168] {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.chooseBox-c > div[data-v-50f62168] {
  display: flex;
  flex-wrap: wrap;
}
.chooseBox-c .chooseBox-b[data-v-50f62168] {
  border-radius: 5px;
  height: 56px;
  margin-right: 10px;
  margin-top: 10px;
  position: relative;
  width: 56px;
  background: #FFFFFF;
}
.chooseBox-c .chooseBox-b:hover .anticon-close-circle[data-v-50f62168] {
  display: block;
}
.chooseBox-c .chooseBox-b .goods-img[data-v-50f62168] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  cursor: grab;
  height: 56px;
  margin-bottom: 10px;
  margin-right: 10px;
  position: relative;
  width: 56px;
}
.chooseBox-c .chooseBox-b .anticon-close-circle[data-v-50f62168] {
  background: #fff;
  border-radius: 50%;
  display: none;
  font-size: 20px;
  height: 18px;
  line-height: 20px;
  position: absolute;
  right: -7px;
  text-align: center;
  top: -7px;
  width: 18px;
}
.img-s-img[data-v-50f62168] {
  width: 70px;
  height: 70px;
  position: relative;
}
.img-s-img.fill[data-v-50f62168] {
  width: 100%;
}
.img-s-img.fill > img[data-v-50f62168] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.img-s-img:hover .update-box-black[data-v-50f62168],
.img-s-img:hover .replace-btn[data-v-50f62168] {
  display: block;
}
.img-s-img .update-box-black[data-v-50f62168] {
  background: #000;
  opacity: 0.6;
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.img-s-img > img[data-v-50f62168] {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.img-s-img .replace-btn[data-v-50f62168] {
  width: 60px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  font-weight: 600;
  color: #595961;
  line-height: 30px;
}

textarea[data-v-1d8f7d29] {
  width: 100%;
  padding: 5px 10px;
}

.design-setting {
  flex: 0 0 360px;
  background: #f8f9fa;
  padding: 2px 0 2px 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.design-setting .setting-body {
  flex: 1 1 auto;
}
.design-setting .title {
  width: 100%;
  height: 50px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
.design-setting .title .title_left {
  font-size: 14px;
  font-weight: 600;
  color: #595961;
}
.design-setting .title .title_right {
  margin-left: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9797a1;
  font-size: 12px;
}
.design-setting .drag-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.design-setting .drag-title .iconfont {
  color: #595961;
  font-size: 14px;
  margin-right: 3px;
}
.design-setting .ant-collapse .ant-collapse-item {
  border-bottom: 0;
  margin-bottom: 20px;
}
.design-setting .ant-collapse .ant-collapse-item .ant-collapse-header {
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  position: relative;
  background: #eef0f4;
  border-radius: 4px;
}
.design-setting .ant-collapse .ant-collapse-item .ant-collapse-header .panel-title {
  font-size: 12px;
  color: #595961;
  font-weight: 700;
}
.design-setting .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
  right: 10px;
}
.design-setting .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 10px 0 0;
}
.design-setting .ant-collapse-content .ant-collapse-content-box {
  padding: 0 10px 20px!important;
  padding-top: 20px!important;
}
.design-setting .retail2-store-set-item-input-box {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.design-setting .retail2-store-set-item-input-box.line {
  min-height: 30px;
  margin-bottom: 20px;
}
.design-setting .retail2-store-set-item-input-box .label {
  min-width: 60px;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
.design-setting .retail2-store-set-item-input-box .label.required {
  position: relative;
}
.design-setting .retail2-store-set-item-input-box .label.required:after {
  content: "";
  position: absolute;
  right: 0;
  width: 4px;
  height: 4px;
  top: 13px;
  background: red;
  border-radius: 2px;
}
.design-setting .retail2-store-set-item-input-box .value-text {
  color: #9797a1;
  flex: 1 0 auto;
  margin-left: 10px;
}
.design-setting .retail2-store-set-item-input-box .ant-input-affix-wrapper .ant-input-suffix {
  color: #9797a1;
}
.design-setting .retail2-store-TypographyComponent {
  font-size: 12px;
  color: #9797a1;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 15px;
}
.design-setting .retail2-store-TypographyComponent > i {
  font-size: 12px;
  color: #9797a1;
  margin-right: 5px;
}
.design-setting .retail2-store-group-btn {
  height: 40px;
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  color: #2589ff;
  border: none;
  margin-top: 10px;
  align-items: center;
}
.design-setting .retail2-store-group-btn .icon {
  font-size: 16px;
  padding-top: 1px;
}
.design-setting .retail2-store-group-btn .group-btn-tit {
  margin: 0 0 0 4px;
  font-size: 12px;
  line-height: 20px;
}
.design-setting .color-select-line .color-select-tips {
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
  padding-right: 18px;
}
.design-setting .color-select-line .color-select-tips .color-select-nums {
  color: #9797a1;
  font-weight: 600;
}
.design-setting .color-select-line .color-select-tips .color-select-text {
  color: var(--brand-color);
  cursor: pointer;
}
.design-setting .color-select-line .color-select-colorbox {
  width: 60px;
  height: 30px;
  border-radius: 4px;
  background-color: #e9e7ec;
  padding: 5px;
  cursor: pointer;
}
.design-setting .color-select-line .color-select-colorbox .color-select-colorbox-inner {
  border-radius: 2px;
  height: 100%;
}
.design-setting .color-select-line .colorTem {
  width: 170px;
  height: 145px;
  background: #fff;
}
.design-setting .color-select-line .colorTem .colorTem-title {
  border-bottom: 1px solid #e9e7ec;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #595961;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.design-setting .color-select-line .colorTem .color-box {
  width: 22px;
  height: 22px;
  opacity: 0.9;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.design-setting .color-select-line .colorTem .box1px {
  border: 1px solid #e9e7ec;
}
.design-setting .color-select-line .colorTem .color-content {
  display: flex;
  flex-wrap: wrap;
}
.design-setting .color-select-line .colorTem .update-color-box {
  background: #fff;
  border: 1px dotted #e9e7ec;
  border-radius: 4px;
  line-height: 22px;
  text-align: center;
  font-size: 10px;
}
.design-setting .color-select-line .colorTem .color-exhibition {
  margin-top: 20px;
  background: #fff;
  border: 1px solid #e9e7ec;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #595961;
  letter-spacing: 0;
  padding: 0 5px;
}
.design-setting .color-select-line .color-select-index-colorpanel {
  position: absolute;
  z-index: 1080;
}
.design-setting .radio-line .radio-label {
  min-width: 35px;
  margin-right: 5px;
}
.design-setting .radio-line .radio-tips {
  font-weight: 600;
  font-size: 12px;
  color: #9797a1;
  letter-spacing: 0;
  padding-left: 10px;
  text-align: left;
}
.design-setting .radio-line .radio-content {
  flex: 1 0 auto;
  text-align: right;
}
.design-setting .radio-line .radio-content .radio-bold900 {
  font-weight: 900;
}
.design-setting .checkbox-line .checkbox-content {
  display: flex;
  width: auto;
}
.design-setting .slider-line.line {
  margin-bottom: 10px;
}
.design-setting .slider-line .slider-label {
  min-width: 55px;
  margin-right: 5px;
}
.design-setting .slider-line .slider-tips {
  font-weight: 600;
  font-size: 12px;
  color: #9797a1;
  letter-spacing: 0;
  padding-left: 10px;
  text-align: left;
  min-width: 45px;
}
.design-setting .slider-line .slider-content {
  flex: 1 0 auto;
  text-align: right;
  margin-left: 30px;
}
.design-setting .slider-line .slider-content .ant-slider-rail {
  background-color: #FFFFFF;
}
.design-setting .slider-line .slider-content .ant-slider-track {
  background-color: var(--brand-color);
}
.design-setting .slider-line .slider-content .ant-slider-handle {
  border-color: var(--brand-color);
}
.design-setting .icon-line .icon-show-wrapper {
  width: 40px;
  height: 40px;
  position: relative;
  background-color: #e9e7ec;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
}
.design-setting .icon-line .icon-show-wrapper i {
  font-size: 24px;
}
.design-setting .icon-line .icon-show-wrapper:hover .update-box-black,
.design-setting .icon-line .icon-show-wrapper:hover .replace-btn,
.design-setting .icon-line .icon-show-wrapper:hover .close-btn {
  display: block;
}
.design-setting .icon-line .icon-show-wrapper .close-btn {
  display: none;
  position: absolute;
  z-index: 3;
  top: -18px;
  right: -8px;
  font-size: 16px;
}
.design-setting .icon-line .icon-show-wrapper .update-box-black {
  background: #000;
  opacity: 0.6;
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.design-setting .icon-line .icon-show-wrapper .replace-btn {
  width: 30px;
  height: 24px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  font-weight: 500;
  color: #595961;
  line-height: 24px;
}
.design-setting .icon-line .btn-upload {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e9e7ec;
  border-radius: 4px;
  background-color: #f8f9fa;
  cursor: pointer;
}
.design-setting .icon-line .btn-upload:hover i {
  color: var(--brand-color);
}
.design-setting .image-line .image-content {
  flex: 1 0 auto;
}
.design-setting .image-line .image-content .img-s-img {
  width: 70px;
  height: 70px;
  position: relative;
}
.design-setting .image-line .image-content .img-s-img.fill {
  width: 100%;
}
.design-setting .image-line .image-content .img-s-img.fill > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.design-setting .image-line .image-content .img-s-img:hover .update-box-black,
.design-setting .image-line .image-content .img-s-img:hover .replace-btn {
  display: block;
}
.design-setting .image-line .image-content .img-s-img .update-box-black {
  background: #000;
  opacity: 0.6;
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.design-setting .image-line .image-content .img-s-img > img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.design-setting .image-line .image-content .img-s-img .replace-btn {
  width: 60px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  font-weight: 600;
  color: #595961;
  line-height: 30px;
}
.design-setting .image-line .image-content .btn-upload {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border: 1px solid #e9e7ec;
  border-radius: 4px;
  background-color: #f8f9fa;
  cursor: pointer;
}
.design-setting .image-line .image-content .btn-upload:hover i {
  color: var(--brand-color);
}
.design-setting .image-line .image-content .btn-upload.fill {
  width: 100%;
}
.design-setting .radio-button {
  height: 30px;
  line-height: 30px;
  text-align: center;
  min-width: 60px;
  padding: 0 10px;
  outline: none!important;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.design-setting .radio-button:not(:first-child):before {
  z-index: 1;
}
.design-setting .radio-button:not(.radio-button-wrapper-disabled):before {
  background-color: #e2e3e5 !important;
  opacity: 1;
}
.design-setting .ant-tabs {
  overflow: visible;
}
.design-setting .setting-content {
  display: flex;
  height: calc(100% - 50px);
  overflow: hidden;
  flex-direction: column;
}
.design-setting .setting-content .setting-style {
  margin-bottom: 10px;
  margin-right: 5px;
}
.design-setting .setting-content .setting-style .ant-radio-group {
  display: flex;
}
.design-setting .setting-content .setting-style .ant-radio-button-wrapper {
  height: 38px;
  line-height: 38px;
  flex: 1 0 auto;
  color: #333;
  text-align: center;
}
.design-setting .setting-content .setting-style .ant-radio-button-wrapper-checked {
  background-color: #d1e6fe;
  border-color: #d1e6fe;
}
.design-setting .setting-content .setting-style .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  box-shadow: -1px 0 0 0 #eee;
}
.design-setting .setting-content .setting-style + .setting-tabs .ant-tabs-content {
  height: calc(100vh - 42px - 50px - 50px - 48px);
}
.design-setting .setting-content .ant-tabs-content {
  flex: 1 0 auto;
  height: calc(100vh - 42px - 50px - 50px);
}
.design-setting .setting-content .setting-tabs {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
.design-setting .setting-content .setting-tabs .ant-tabs-bar {
  margin: 0 5px 0 0;
}
.design-setting .setting-content .setting-tabs .setting-tab-panel {
  display: flex;
  flex-direction: column;
}
.design-setting .setting-content .setting-tabs .scrollbar-container {
  position: relative;
  height: 100%;
}
.design-setting .setting-content .setting-tabs .setting-tab-content {
  padding-right: 5px;
  height: 100%;
  overflow-y: auto;
}
.design-setting .setting-content .setting-tabs .ant-tabs-nav {
  display: block;
}
.design-setting .setting-content .setting-tabs .ant-tabs-nav > div {
  display: flex;
}
.design-setting .setting-content .setting-tabs .ant-tabs-nav .ant-tabs-tab-active {
  color: #333;
}
.design-setting .setting-content .setting-tabs .ant-tabs-nav .ant-tabs-tab {
  flex: 1 0 auto;
  margin: 0 32px;
  text-align: center;
  color: #595961;
}
.design-setting .setting-content .setting-tabs .ant-tabs-nav .ant-tabs-tab:hover {
  color: #595961;
}
.design-setting .setting-content .setting-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #595961;
  height: 3px;
  width: 100px!important;
  left: 5px;
}
.design-setting .setting-content .setting-tabs .block {
  border-radius: 4px;
  padding: 10px 10px 1px;
  background: #f0f2f5;
  margin: 0 auto 10px;
  width: 340px;
}
.design-setting .setting-content .setting-tabs .block .block-tit {
  line-height: 30px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.design-setting .setting-content .setting-tabs .block .block-tit_left {
  font-size: 14px;
  font-weight: 700;
  color: #595961;
}
.design-setting .setting-content .setting-tabs .block .block-tit_right {
  font-size: 12px;
  font-weight: 300;
  color: #9797a1;
}
.design-setting .setting-content .setting-tabs .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #2589ff;
  border-color: #d0e5ff;
  background-color: #d0e5ff;
}
.design-setting .setting-content .setting-tabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  box-shadow: -1px 0 0 0 #d0e5ff;
}
.design-setting .img-settings {
  padding: 5px;
}
.design-setting .img-settings .img-settings-title {
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #9797a1;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 15px;
  line-height: 20px;
}
.design-setting .img-settings .img-settings-box {
  padding: 15px 10px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  min-height: 100px;
  background: #f0f2f5;
  cursor: pointer;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title {
  display: flex;
  line-height: 20px;
  justify-content: space-between;
  align-items: center;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title .img-settings-box-title-left {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #595961;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title .img-settings-box-title-left:hover {
  color: #93b1ef;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title .del-right {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9797a1;
  cursor: pointer;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title .del-right:hover {
  color: #595960;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left {
  flex: 1;
  margin-right: 20px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t {
  display: flex;
  margin-bottom: 10px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t:last-child {
  margin-bottom: 0;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .img-c-l-f {
  width: 40px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .img-link {
  word-wrap: break-word;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 30px;
  color: #2589ff;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .color-select-tips {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .color-select-tips .color-select-text {
  color: var(--brand-color);
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .draw-hot-area {
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 30px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .draw-hot-area > p {
  color: var(--brand-color);
  margin-bottom: 0;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .draw-hot-area .draw-hot-area-ed i {
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .draw-hot-area span {
  color: var(--brand-color);
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .img-url-x {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .img-url-x .img-url-x-link-name {
  line-height: 20px;
  flex: 1;
  padding-top: 5px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .img-url-x .img-url-edit {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #2589ff;
  letter-spacing: 0;
  margin-left: 20px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-c-left .img-c-l-t .img-c-l-f-n {
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 190px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img {
  width: 70px;
  height: 70px;
  position: relative;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img:hover .update-box-black,
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img:hover .replace-btn {
  display: block;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img .update-box-black {
  background: #000;
  opacity: 0.6;
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img .icon-box {
  width: 70px;
  height: 70px;
  background-color: #f8f9fa;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img .icon-box i {
  font-size: 36px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img > img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.design-setting .img-settings .img-settings-box .img-settings-box-title-content .img-s-img .replace-btn {
  width: 60px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  font-weight: 600;
  color: #595961;
  line-height: 30px;
}
.design-setting .img-settings .img-settings-box .url-extra {
  margin-top: 10px;
  background: #f8f9fa;
  border-radius: 4px;
  line-height: 30px;
  padding: 0 10px;
  margin-left: 40px;
}
.design-setting .img-settings .img-settings-box .url-extra > p {
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 30px;
  color: #595961;
}
.design-setting .tab-icon {
  width: 28px;
  height: 28px;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 4px auto;
}
.design-setting .style-blank {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAdlJREFUaAXtm7FOwzAQhu1SJFi7IWWk6sgrsPIUbEh9AR6CF6jExsQjsPIKjFUZI7FlBQlo8EU9Kfa5jUityLH/LI4Tn33ff3bjRhetnGO9fr9R2/qxrlXh3BpVVWtVqom+WywuX9qOT9qV5jwBWOJoAmZYXD4BPPbItgF9LAK4bZDiuQTW+iMZUA+LANZKvaYC7GMRwJPp2b0BrhKArnYsFooAns+L8uT0/Epr/aw8U8KyjrFifCbfiYFYYnQRPkEBKAAFoMA+Bcyz2T5Wq6favmLXlstbYUMt+tpx733t/2snnsPsQKolgFONLHOJ9eiuiX1rljuIrezyH1M6toiF9ie7CIcWEP1BASgABaBASAWw0wqpZox9ZbfxAHCM0zCkT9lFOKR46AsKQIHhFcBOa3jNhx0xu8dSdsDTrgnV9Z6X7d12fJ3Lrvfbfe277Hh8LrOLMIA59CihABSAAlAACgyvgPi3RC5sNmWx/fl6MOk81yaX/mJ4t44YkZJLTQo0ZdL6kksFMMH+fn++mSFnRwwbg2nly6gVOy2KbAKwJPhsx2KJL4CbaWw1GW/FxyKAR7dmD8XD8/sjgQ91kMA9Adx80ZUAGCH4WAQwfb7mazg2DfhTPNfvP1Qdg1CYP/ZNAAAAAElFTkSuQmCC);
}
.design-setting .style-line {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAZxJREFUaAXtmzFOw0AQRXcckKBNh+SSKCVXoOUUdJFyAQ7BBSLRUXEEWq5AGYXSEp1bkCBxdqwgrT2jjRSandFPtau1V/Ped6Ks1w4BH98GaIy3Xn/chV331HWhHo9Z6hOFJlS0mM+vX9O6q7TTtx3AMkcfWGQZ8wlg68mmgBqLAE5P8NgGsMdUUyYknNrw2EbCHlNNmZBwasNjWyZM9OkGVGERwHE18eYFWGMRwNXZxUMEbh1AtweWAYoAns3qZnJ+eUNEL0G5JAZnl9iJNXPtzMAsJZaImmAABmAABmAABmDApwGx87BaPXenoC6X9ybmEv+lT4G1dA6ALaWFWmEABmAABmAABmAABkoyIFY4XNxm09S73+/HuGy6jc//XJVU8NFa+EZ83C7iXQftRrwAZtjtz9d7nHh6dPKyD2i13QexWuJkHcByFNMDyyAWAdxfxoND7HY0FgFs7juby0P5/ZHAuQkcjAHYQYhZBCSc1eNgEAk7CDGLgISzehwMioT7t0EcgDGCxiKA+dUX7UBrDv5e47FWN+r9r4E90WJYf6MN8fYAAAAASUVORK5CYII=);
}
.design-setting .title-bar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABGxJREFUaAXtWltPGkEUPrtyR4t4rYIi1DYxfdDHPjTG+Dv66l/oj+gf6EOfmjTpn+gDSR/63DYxJlbwFitRwLsIwna+rYzsLLddlkBwJiHMnJk553znNrMLRLJJC0gLSAtIC0gLSAv0ygIKBH/69CVaLpc/EClrmqbN9EqZbshVFOUvkZYcGhp6v7Hx7lB5APtT02isGwL7haeiUI6BXlbh2UEHC6MDI7CqCON+8UL39VDW1EHL2WZGA1bm4afVJOBB97f0sPTwgFngyYW0y0kHhsMhWl9/a2D57dt3Oj+/MNB6OXDUw4lEzIQlkZg30XpJcAywy+WiaHTWhGV+PkIu15CJ3iuCY4BjsWhdYDDE3FykV/hMch3L4Xh8zsS8SkBYp9P71WHTb7/fR2NjoxQIBMjtdpGqKlQq3VOxWGKfImWzZ1QoFJryaDbpCODx8TCFQs+4nEpFI/b8yT76+wUaHQ1RODxK+fwZXyN2VFWlhYUoAxsWp8jneyTNzEzrRXBv71A3wuNMez1HQlosTMfHGTo+PjFoIK4xTLJBKDSiG0Wk1xvDuIuLceZ96+pb3yFo4Ha7KRIxvhVKpfYpldozrERBQz43avn8ub4H0dFOCwT8NDs73c5Sw5rGGhiWNR6gWLFXJ3zB9fUNZTL/vXtzc8ty0a/PoVJj7c7OLl8rdgC6XE7RixcLdHqaYylwTpVKhbxej25Un89r2IJUOTxkr6wstI49LIZqbXGq7UOneLz1mXxxcUW/fm3SwcERXV1dE4wG4BiLzePxiKSW4448PDExRiMjw1wIvLG7e8DH6C8tvdIrLYjIUxS4bDbP14gdVGV40uv1EgA91D1Wsd3iUs7XNNGE0BFg8WZ1dJShu7siF1co3LHilWG59pzTEBGNAMOAkcjzuuA4gw47tkPa40GxegQCPcRCBdrOjrF4ocBhr9impyfZsTTXVbCQadvDUE48FlZX34g4TGMUOBSv7e00n0P1Fis9Jkulkp7D7BUrK4yqIX34Zosd24DbKUCNdMHeWsDBoN+UjyhYW1t/OItgMMDqwUs+ttuxFdJTUxM0PBy0K1P31OTkON8vRgomQKve1PBdu55vtNGx5eFOvFvVETxOTrL6EEeP2HB+r6y8ptvbgl6t6+W9uKedsWXAODLEG04y+YNV3lxTefBQbY6j4OHYwQMBKvvl5ZUpR5HvnURSPYUsh3QsZixWuCi0AgvB8Obl5TXXASGLwldt6fQB3d/fV4emb/a7kIlmh2AZcCLxqCQE1juKGimSThuPqNpHSnj69+8t/Vpae5bjbp3L5Wlzc7sRW0t05ePHz+3d1i2x7XwxIgD3bzwLs9+EOmf4wMFyDjsmuQUjXFOLxUqLVdanLYe0dRH9tUMC7i9/OK+N9LDzNu0vjk/Pw///x9RfXuiWNsDKPKwluyWg//hqSZVd0N+zp6/mN//+09yyRsAIrCr+jsc6y4zwdRDDG5iADRiB1bKl5AZpAWkBaQFpAWkBaQHHLPAPHfpBYFcA69gAAAAASUVORK5CYII=);
}
.design-setting .title-bar-entrance {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABEhJREFUaAXtWt1OE0EUPrvbKpRCqVK6bU1M9EITUSxiBBICvIe3voIP4Qt44ZWJiY9BjbFAQP7EqBcSjdKiQQryVyF0na/adma3bne7grDOSUhnz8ycme+cM+ebJUskRXpAekB6QHpAekB64F95QMHCjx49uXB4ePiASBk1DCPxrzZzFOsqipInMjKapt2/d+/uZ+U32AXDoHNHseBJsakotM5A96qIrN/BwunACKwq0vikROHo96GMqn47s3ZOA1YW4f9LJGC/x1tGWEbYZx7471I64CWA7e1h6u+7IZiYfrlA29s7gu4kPXiKcCoZt2BJJnSL7iQpmo5wIKBRdyxmwRKPd9H75Q/E7q2WPjcKXY9RH8sedjuixcU3tLLCXnr+gjQdYT0eI02zTg9oGukMtFdJp69Ta2sLhUKtNDDQR1euXPZqsjzfumOHZhM2qZtMWFPdodnqMPYeW22j0dNzldLpHjLrhUEOHpoCHOlop3BbqGoeaYe/ioTDYeroCFcem/qdm3tFpVJJmHvp0kUaHOxnmaUJejcPTQFOJcXCtPatQOuFgrCu1yjn81/p+fMp2t8/EOwmEt00MjJILS1nBb3TB9eAA4EAxWLiGc3lVllR+SKsiYKGwuZF1tbWKZPJ0u7unmAmGo3Q2NgQgRbdimvAerybVLV2vorFIovuBn1bL1Cx+KO6PgoaCptX2drapvHxF1QobAqmQqEQjY4OUVeXu/9MuQZs5t6V3NfqRnIsDXlJmlKf73PThiOfPZsgpDkvZ84EaXj4Dul6N6+2bbsC3BmJlGmiYrFUMii/WkvlVdbmi1cbi0Ik0l4Z7ukXvD4xMUPLyx8FO6qqlqu3oLR5cAU4lRLpBmfs4KBWVH7s7xMKGC8pG/rixx1X2zHgYDBIXefF87KSX7XsEwWMFxS4YLDpC13VFKgIlARq4gXUNTe3xKts2453kmDnBOnDS7r3Gv9Yt40Ch0L36XOubr8TJShoaOg2oTrzguzKZmcImeZURAQ2s7zwqpe5oB5QkBksqGp8POsKLOA5inA02lm+19r4w7YL9+FoZwcVNr7bjjN3gnKQxqjGvICistlpgQb5fru2I8BeIlRZHBTlBjBuVAMDtyzHCNQ0NTXb9NtYQ8DwrrlYzc4v0eamfbQQ0Zu9PRW8ZRsofHxVr3bWaeBtyVwzQEnz868F6qsz1VbV8Az/Kla1m9XOzm5DsFgR0dzdq10JsXlEzanwfI45S0tvy9XYrHdqrzKuMWATj+bytYtGxciffnM5cWxSF3n8T/Ogx9vS3l6xfI+enJyld+/e2w133Kc8fPi49l7neNrpHdgwwqcXWv2dS8D1/eIfrYywf2JZH4mMcH2/+Eer/vqOyT+A7JAAK0tpI2M3yF99RkbFF2r4aMtfwKxofn+Ydl/F53j4Qo0pnvoxvYEJ2IARWK2ukBrpAekB6QHpAekB6YHj8sBPZ8I9UThzSbkAAAAASUVORK5CYII=);
}
.design-setting .user-info-style1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABbUlEQVRoge3YMU7DQBAF0Jkscg+pkNxFsui4Ai13SJscIYfgCKRF4gi0aRANDR2ylC4SVUJvyQwanDTg2UWArV3zX5uV82d3NsqYAAAAAAAAoAX7NmW5vMnrur4i4gsROY15A5n5hUhWzrnFbDbdmOusD/bFPonQSWcpO8BMO+fcuVX0yPpKPdnUilWauenKdmbB2sZ9hfx7dnaz4NjvrI8vu+eEh+nfFXwUWjAeH9NZMaEsy/pJ9ENVVdFzuabt9tX7gOAJp1Cs0oyaNQR3+DNtE22X2B1aOiR4h/VO3D88Rl/wd6Glh84suJk+0uTL7jlhWaV72HZ2s2CdK3XU6ixTR/bj4cJ6ulmwzpM6VzLTbQrtrRk1q28WJt8LABHpLFwfmNtLw6/00KHgoQv+ly7L9SW9ybUI5THvBTNtaMTzopjc+daFTziBYql5W5lr1tA63OGvK3j+0S6RO7R07DkBAAAAAAAAAOB3iOgdHVZuBRCMx5wAAAAASUVORK5CYII=);
}
.design-setting .user-info-style2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABPElEQVRoge3YMU4DMRAF0D8xJ6BD2g4pLVeg5Q60yRFyiByBtEgcgTZXoI1EF4mOG2wGDZs0kJmVEI5s739tvMn/a28sL4iIiIiI6E8kumizee76vl8Dcq+qNyXfYhH5AHSbUlotFo97d5z3wbHsmyqus6XMQASfKaU7r/TM+0mb2drKGss8rMrz3MK2jC8V8v/52d3CpT+zkSh7MMNtYuHWsXDrWLh1LNw6t/Bw+qhTlD2YYd3WO9l+drewnSvtqJUtUybH4+HK+3a3sJ0n7VwpgpcalrdltKzRWRjRCwBVzRbuEkTOV+O/dOuuxvrtdu8POOiTKrqS74UI9pjJcj6/fY3Gjc9wBWUxvMvqLOvYOD7Dv0fI8nu5FO60pMdScltqHbeln7gtFYrbkmNy2xIRERERERFN3vQA+AKOxWzrniDOFQAAAABJRU5ErkJggg==);
}
.design-setting .ant-radio-button-wrapper-checked .style-blank {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAc9JREFUaAXtm7FOwzAQhs8tA6xsSFmZWWFj5UFgY4VngJUNHoBHYO0Ga2fWSt1YYSnmLupJkc9tRGRFtvN7cWznnPv+sxs3sh0F6endX/lfeiZPTdBUVtHRys3o5vbCvXUdn3ULcl0FbAtCTcsSABrg4iPbBYyMUgvcNajwOga8rojTsBhg52hRC3CMxQAfzumOHH0VD80MLUsAYoCvz93qaE5nrM4r32uGRGCfY3EtvguDsOToIHyCAlAACkCBXQq4sOH0wfuwrlv+vOcf/UgaaqddDbX/r515D6sDteYArjWyymXmYzgnds1Z7SC3vM9/DOncIpban8lFOLWA6A8KQAEoAAVSKoCVVko1c+xrcgsPAOc4DFP6NLkIpxQPfUEBKDC+Alhpja/5uE+c3GtpcsAHfQOq7zuv2of3ab3mfd+3h9r32enzNZ9chAGsoUcOBaAAFIACUGB8Bcy/JXHh5cM3Pxt65P08l1w8kbqCkmwuXchO2tjmUgMssN8bWvJRgOOCIK2rvH04tqPWrLQkssXDCj4HrGUJpDDA22Ec3FZmMcZigBmttDm7LxqGJQa8r4Pi2ywwn+gqnkoBIiwGWI6v8SGP8qG3R/GUXfM/bqR6jlfkXO4AAAAASUVORK5CYII=);
}
.design-setting .ant-radio-button-wrapper-checked .style-line {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAZdJREFUaAXtmzFOw0AQRWeTBlo6JLfUtNDRchDS0YYzQEsHB+AItOmgpaaNlC4tNMkyYyWSvX8VSxTIM3w38WRtZ9/7juT12iJcYhtIJd7jW77OW3mSLE3Z5qpOskwTmd1eptduvyfdwtZDwLYg0rQsBSAAu0+2C1g5SxG4u0PAdQIHDLWHxIR7OgIWTDhgqD0kJtzTEbCoJbwKxAksAJySLKIA11gA+Ggqc0mydg+tDC1LAQLANxdpeTyVc7XzotvCKVHsP8ZyZX03BmMZYwfZJxqgARqgARqgARqIaQBmHs7uc/4N6uedXtAVyxiPBdfSRZ/DlQQOFymBaIAGaIAGaIAGaIAG/sgAjHDsd5/fc/O9kQcdN11peWrfOVrsRvzCZh1qN+IB2GC/NvKhjy+dOILErupUS232AUZLlqx7WMPXwFqWQgUA707jYjOfZY0FgBXN23/2UBrAUgM+dAD3bQR2H+EAABMeEOS+mQm7j3AAgAkPCHLfjAnr2yDuqfYAFRYAtldf9ME0/9C713j27Pz8LwZ+AL+eT9/KnaeqAAAAAElFTkSuQmCC);
}
.design-setting .ant-radio-button-wrapper-checked .title-bar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABFRJREFUaAXtWltvTFEU/mZajGtb1LXqOrSIRkJcgrhEJTzzCzx7kfTFE2/66A948EDikYhKhQgviFvEte6UUEVLL6ixPmd2zj5nzrRzLjOnGXsl09l77X32Wt+31l5nz+kBjBgGDAOGAcOAYcAwEBcDCRpedSxTNzCAVmSwNQPMjsuZYtgVgO+RwOVUCi33DiTeJrJg72YymFoMg6NlzUQC3QK6KcnIljtYkk6MxJpkGo+WKBTdD8GaLLc9OxxpxJocbkI5jhnA5RhVHZOJsM5GObZNhMsxqjqmSr0Ttr1kGtC6x7nKwbPAi26nLs5epCm9a1kulF1Lc3VxaiIDPGEMsGlBLpTNC4FUpHmUa8OPJjLAWxcD4zyAjRcitizy41Jx53q4GMzgznT+65jWF57kH9dHpk8E0tOBGZMAklUpIen7CXyXT+8g8PgT0N2nX+GvHQnghlpgfo1teEhO6XyykPz3eAFYKL+0CeJplz3H3RpbAWyTLFkqa7mlZrytWVMHvPoCXHpmEWCPFNaKJKXdxermG+D2O6cDzSMUr3ohLO0B1rmK1SO5exqt6HuND6cLDXjiWGDjfKeJNknf84+dOhY0FrZ80iHR5zXMjkKkVlJ/XX0hM51zQqc003CMpKOSj9+BO51WSn/6AdAxCgsaC9u5R1bf6y9BD/4GdjcADz/KFpD9+vsPUJUC1gupemrz+kWyVa699Fopvy50hN33WVWcGKj2p07DI6U1Z7/5Chy/AVx5Lk/fegGS1vEZuPrCuRZ7k8fl6kbShIrwipnA3CrbBKNxscPuE/C+JqAiW7zqq4HGGVb07FnOFqtytRQpfggoeykmyNZxS0WAcIUC7C5W118D3wZst770Ayxg+l5jlJmuXrJcCFwv+5J1oVgSgCPLFbJP53RhsXKLu3ixwE3yALR6DrBjSXHB0rfAEaZzTD9dDjfrPe82C9w2ufbMA3ucB4wNC+y+av2Qwwb3sDxiBe/T+vZRc/x+BwZcSAHK50xz2gmYpyq1z9U1H6Rgnb6nesCsycDeVXY/aMsVo8KWaZJ/xtCBoMJIrZxlX+3OFI6wICkSeGJjgYxCAkU4THSV01zj/ger1yVp6xbev/evAz7LuXmK1IuoCplvwLz5r53ndO/Q+fyVV81kRI9oe5wFj0B65AcBK/u7b7l7lPt2dohMUrb1b98pvV0Kjp6Cb8XRfLcZ3RCj2dlja7gGC5+Sdrl/9/9Svdzvn0O5uiAaX4B5CGDB0aXNdWbWx9xtdQpT+p2S1kp6JMonbgF3O62oKz3P1k/kyHnqjtKE+06kj7Lojz5hBvBJSb+crYfkBBeV+N7DURkeaR0eU/mjP2rxldJRG49jPQM4DtZLadNEuJRsx2Hr/4uwHCbex8F0HDaJNcmXtuIwHotNwZrkG2p8aSsWB0poNPtiWkuSr+PxDTVRnCzH9CYmYiNGYi0hx8aUYcAwYBgwDBgGDAMuBv4CQXrlP4LNVtUAAAAASUVORK5CYII=);
}
.design-setting .ant-radio-button-wrapper-checked .title-bar-entrance {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA/xJREFUaAXtWktIVVEUXe/6yU9l+clEIzC0UklQgmiSBRUN+9CoeY0alRhOaiB9cNSopGFQkxoWFfQbGVFYWoOgojAtKjXDX4mvvdTXO/e8x33nvstD7+NsEM9nn3P22nufte/lXcCK9YD1gPWA9YD1gPXAUnkgwoO3XY7WTE/jEqJoiwJVS2VMJs4VgMOI4HFBAdpfn4wMRhbBvopGUZqJA5fLnpEIRgR0s8PIZjtYOp0YidVhGi+XKGTcDsHqZNud9XIasTpeCtk4ZwFnY1RVTDbCqjeysW0jnI1RVTHlqh2/7cqVwNFm96qbfcD3CffYcuoFSumm9YlQko0lai3dSNqA83OA+opEwzmWJ3NBpaUauHYE6DkM7NwYdLf4+rQBb1kH5CZZTUdsTuKI+JFmrRM7gNIioLwYOLULONRkti6VVhKTUy1ZmPdKXa85s90BZ/5NPa59rAWgE/TxuIZZKy3AVauAMvF+TObkqVxev/5LhUSFhBZErvYCs3PuHfbVA2d2AysCUG1agPUIfhwBPo26jdN13LOpe88HgXMPgIk/bt3WGqBrP7C20D1u2vMNmN6tK3dvP/AV6Jc/VUhevM9B5M03iejdxDJXWwZcOADUlPjf3TfgrUJWOcqq8Wng89hChH/PxA0goZHYgsrgL6DjDvDhp3unCrky5wV0Q6V7PFVPMT2V6sK8nqoDEgUKrzAjooquq875aY9OAZ33gBeS5qoU5wNn9wKtUsJMxRfgakkh9e6QrN4qINnmWExIbFWrY71g/2dmJaKPgPvv3Pswk44Le5uKL8B6xN5Lmk39jR9FgiGBqdLkM+XUtZloGwMuzAM2CVmoQrLSRR8jwRUEKCOx/UmWLEksTaqwdPU8U0e828amzJOV9jBw0ODphwRH8uob8jbEa5bXqHMPQHZWZVIyimmuc4eqo7eNI6yns76RVz/IWpYeliAdLN/IOqRk+QFLG40ivGENUFLgBcl7jhEi4X2REuNHGuX+d0gak41VYYnqegiQvf2KEeAgEYoZxD38AN4uT1Sn2xJfUFiaup8CZO10JCXgIvFurfar061+YGjc+zimonrHSXgkPpXVvXZgqdHfxliSSFBq6fPaI9lcyjvcIISjvqGMTKYGy4P4hDSmpFyOEB6Jz1R0UNdfAld6g4Hl2Z6AScqNkoqq6GVHndPbuq6fq0FwdO4PIafuJ8DtAX339PqRuovqi116m4RplWeEwwTE1FYL2NRTYdWzEQ5r5EztthE29VRY9fgQNRxW4/3aTawOP9ryuzC0+oLV4Rdq/GgrtCAMDV/8MK3d4ed4/EJNBm5kY3oTE7ERI7Ea+seqWQ9YD1gPWA9YD1gPZMAD/wBas9iyfhff/AAAAABJRU5ErkJggg==);
}
.design-setting .ant-radio-button-wrapper-checked .user-info-style1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABUklEQVRoge3YIU4DQRjF8f8SgsJQR0KCAc0BMA2GcAQuUIeFM1CLq0FyBBypQaHQYEg2WVcMCrPkI0NCyMw3BNhmdnk/U9PMvrczs+0sIiIiIiIiElGlbsrueWsfW8AUGAObhd/ABpgDp0D9cBavtuoMYGXvgVFnEf+WTcgxcAjsWenY6CvOJac9KvvZKGSP8gqPu83VqWR2r3Dpe9aTzO4VHqR/V9h7Sr/b3oCDHVhfW06gn3p5hZtHeHr2B8jOcB/KGstoWXO0h7+yZWLLpXQfSzonu4dtT1zelV/4u7Skh84r3PS4ezK7V3jeTZalSGb3Ctu5ctHDsouQPcorXIdz5VVPlncTsibPwnhvPNq27SzZMlRVvJqe0kOnwkOX/S99ccsRMAtvMUtmT+bJyT7Xv53hPpQlZJzlvqQ9HDHxfsgLUoesIiIiIiIiIiIyYMAbv/w0hKbLM8kAAAAASUVORK5CYII=);
}
.design-setting .ant-radio-button-wrapper-checked .user-info-style2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABI0lEQVRoge3YsW0CMRjF8f9FTECHlDY1A9DQIUbIAnRpYQZo07FARqClYQDqtCddxwoXGbmIkP0hhRjZvvdraOB4j8P3yUZERERERP6kiX3obdu7l1dgB8yBSeY/cQccgTXQfm/C1UbGBVzZMzBOFvF/uRvyDiyAqSsduvqL8ZW7gsr+NvbZg6zC87S5kopmtwrnvmYt0exW4SqpcO1UuHYqXDsVrp1VuCu4ezS7VfiYJstTRLNbhd2+8lJg2YvPHmQVbv2+8quQv3fns0b3wlgnHn3fJ0v2DE0TrqandO2sM62rzxNLYO/PuHLm1u3qY8bh0TtcQll8xv29N2kNB6ysx3xGWp/VpLFUO42lWxpL+dJYChncWBIREREREZHBGx7gB2qJL1GX+BW3AAAAAElFTkSuQmCC);
}

.widget_pic .basic_img[data-v-d41b4a40] {
  width: 100%;
}
.widget_pic .basic_img[data-v-d41b4a40] {
  width: 100%;
  height: 100%;
}
.widget_pic img[data-v-d41b4a40] {
  display: inline-block;
}
.basic_img[data-v-d41b4a40]:last-child {
  margin-bottom: 0 !important;
}

.divider-blank[data-v-ee8d6e50] {
  width: 100%;
}
.divider-line[data-v-ee8d6e50] {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.de-title[data-v-23eca078] {
  width: 100%;
  padding: 0 30px;
  overflow: hidden;
  font-size: 24px;
  color: #212121;
  /* line-height: 1; */
}
.de-title__suffix[data-v-23eca078] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 10px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}
.de-title__suffix .de-title__suffix--icon[data-v-23eca078] {
  font-size: 32px;
}

.ant-carousel[data-v-176a3678] img {
  max-width: 100%;
}
.de-swiper[data-v-176a3678] {
  position: relative;
  overflow: hidden;
}
.swiper-wrapper[data-v-176a3678] {
  overflow: hidden;
}
.swiper-pagination[data-v-176a3678] {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  z-index: 2;
  height: 60px;
  line-height: 60px;
  display: flex;
  align-items: center;
}
.swiper-pagination .swiper-dots[data-v-176a3678] {
  position: absolute;
  display: flex;
  bottom: 20px;
  box-sizing: border-box;
  padding: 0 30px;
  left: 0;
  right: 0;
  justify-content: center;
}
.swiper-pagination .swiper-dots .dot[data-v-176a3678] {
  width: 12px;
  height: 12px;
  background: #FEC22C;
  border-radius: 12px;
  margin: 0 6px;
  opacity: 0.4;
}
.swiper-pagination .swiper-dots .dot.active[data-v-176a3678] {
  opacity: 1;
}
.swiper-pagination .swiper-dots.rectangle .dot[data-v-176a3678] {
  width: 16px;
  height: 8px;
  border-radius: 8px;
  margin: 0 6px;
}
.number[data-v-176a3678] {
  position: absolute;
  right: 30px;
  bottom: 20px;
  width: 66px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
  opacity: 0.3;
  display: block;
  z-index: 1;
  background: #000;
  color: #fff;
  font-size: 22px;
}
.number.flex-left[data-v-176a3678] {
  left: 30px;
}
.number.flex-right[data-v-176a3678] {
  right: 30px;
}

.mobile-item-mask:hover + div .ant-carousel[data-v-74583202] .custom-slick-arrow {
  display: block !important;
}
.ant-carousel[data-v-74583202] .custom-slick-arrow {
  width: 42px;
  height: 42px;
  font-size: 42px;
  color: #fff;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
  display: none !important;
}
.ant-carousel[data-v-74583202]:hover .custom-slick-arrow {
  display: block !important;
}
.ant-carousel[data-v-74583202] .custom-slick-arrow:before {
  display: none;
}
.ant-carousel[data-v-74583202] .custom-slick-arrow:hover {
  opacity: 0.5;
  display: block!important;
}
.ant-carousel[data-v-74583202] .slick-slide h3 {
  color: #fff;
}
.anticon[data-v-74583202] {
  color: #606060;
  font-size: 42px;
}
.menu-wrapper[data-v-74583202] {
  display: flex!important;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 4px 0;
  width: 100%;
}
.menu-wrapper .menu-item[data-v-74583202] {
  font-size: 24px;
  overflow: hidden;
  width: 33.33%;
  padding: 16px 0;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: inherit;
}
.menu-wrapper .menu-item.col4[data-v-74583202] {
  width: 25%;
}
.menu-wrapper .menu-item.col5[data-v-74583202] {
  width: 20%;
}
.menu-wrapper .menu-item .menu-img[data-v-74583202] {
  width: 88px;
  height: 88px;
  overflow: hidden;
  margin: 0 auto 6px;
}
.menu-wrapper .menu-item .menu-img img[data-v-74583202] {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.menu-wrapper .menu-item .menu-img img.round[data-v-74583202] {
  border-radius: 50%;
}
.menu-wrapper .menu-item .menu-title[data-v-74583202] {
  text-align: center;
}
.menu-swiper[data-v-74583202] {
  overflow: hidden;
}
.swiper-pagination[data-v-74583202] {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  z-index: 2;
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;
}
.swiper-pagination .swiper-dots[data-v-74583202] {
  position: absolute;
  display: flex;
  bottom: 10px;
  box-sizing: border-box;
  padding: 0 30px;
  left: 0;
  right: 0;
  justify-content: center;
}
.swiper-pagination .swiper-dots .dot[data-v-74583202] {
  width: 12px;
  height: 12px;
  background: #FEC22C;
  border-radius: 12px;
  margin: 0 6px;
  opacity: 0.4;
}
.swiper-pagination .swiper-dots .dot.active[data-v-74583202] {
  opacity: 1;
}
.swiper-pagination .swiper-dots.rectangle .dot[data-v-74583202] {
  width: 16px;
  height: 8px;
  border-radius: 8px;
  margin: 0 6px;
}

.mobile-item-mask:hover + div .ant-carousel[data-v-495d3e00] .custom-slick-arrow {
  display: block !important;
}
.ant-carousel[data-v-495d3e00] .custom-slick-arrow {
  width: 42px;
  height: 42px;
  font-size: 42px;
  color: #fff;
  background-color: rgba(31, 45, 61, 0.11);
  opacity: 0.3;
  display: none !important;
}
.ant-carousel[data-v-495d3e00]:hover .custom-slick-arrow {
  display: block !important;
}
.ant-carousel[data-v-495d3e00] .custom-slick-arrow:before {
  display: none;
}
.ant-carousel[data-v-495d3e00] .custom-slick-arrow:hover {
  opacity: 0.5;
  display: block!important;
}
.ant-carousel[data-v-495d3e00] .slick-slide h3 {
  color: #fff;
}
.anticon[data-v-495d3e00] {
  color: #606060;
  font-size: 42px;
}
.top-title[data-v-495d3e00] {
  font-family: "PingFang SC";
  font-size: 28px;
  font-weight: 500;
  padding: 30px 30px 20px;
  color: var(--titleColor);
}
.menu-wrapper[data-v-495d3e00] {
  display: flex!important;
  justify-content: flex-start;
  padding: 4px 0;
  width: 100%;
  flex-wrap: wrap;
}
.menu-wrapper .menu-item[data-v-495d3e00] {
  font-size: 24px;
  overflow: hidden;
  width: 33.33%;
  padding: 16px 0;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: inherit;
}
.menu-wrapper .menu-item.col4[data-v-495d3e00] {
  width: 25%;
}
.menu-wrapper .menu-item.col5[data-v-495d3e00] {
  width: 20%;
}
.menu-wrapper .menu-item .menu-img[data-v-495d3e00] {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin: 0 auto 6px;
}
.menu-wrapper .menu-item .menu-img img[data-v-495d3e00] {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.menu-wrapper .menu-item .menu-img img.round[data-v-495d3e00] {
  border-radius: 50%;
}
.menu-wrapper .menu-item .menu-icon[data-v-495d3e00] {
  text-align: center;
}
.menu-wrapper .menu-item .menu-icon .icon-class[data-v-495d3e00] {
  font-size: 42px;
  color: var(--icon-color);
}
.menu-wrapper .menu-item .menu-title[data-v-495d3e00] {
  text-align: center;
}
.menu-swiper[data-v-495d3e00] {
  overflow: hidden;
}
.swiper-pagination[data-v-495d3e00] {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  z-index: 2;
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;
}
.swiper-pagination .swiper-dots[data-v-495d3e00] {
  position: absolute;
  display: flex;
  bottom: 10px;
  box-sizing: border-box;
  padding: 0 30px;
  left: 0;
  right: 0;
  justify-content: center;
}
.swiper-pagination .swiper-dots .dot[data-v-495d3e00] {
  width: 12px;
  height: 12px;
  background: #FEC22C;
  border-radius: 12px;
  margin: 0 6px;
  opacity: 0.4;
}
.swiper-pagination .swiper-dots .dot.active[data-v-495d3e00] {
  opacity: 1;
}
.swiper-pagination .swiper-dots.rectangle .dot[data-v-495d3e00] {
  width: 16px;
  height: 8px;
  border-radius: 8px;
  margin: 0 6px;
}

.user-bg-wrapper[data-v-296f3222] {
  position: relative;
}
.user-bg-wrapper .user-profile[data-v-296f3222] {
  position: absolute;
  left: 50px;
  top: 200px;
  display: flex;
  align-items: center;
}
.user-bg-wrapper .user-profile .avatar[data-v-296f3222] {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 2px solid var(--fontColor);
}
.user-bg-wrapper .user-profile .nickname[data-v-296f3222] {
  font-family: PingFang SC;
  font-size: 32px;
  font-weight: 700;
  margin-left: 20px;
  color: var(--fontColor);
}
.user-bg[data-v-296f3222] {
  width: 750px;
  height: 450px;
  position: relative;
}
.user-bg.color-bg img[data-v-296f3222] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.user-info-wrapper[data-v-296f3222] {
  position: relative;
  background: var(--bgColor);
  padding: 20px;
  margin: -70px var(--marginLeftRight) 0;
  box-shadow: 0 5px 12px 0 rgba(226, 226, 226, 0.2);
  border-top-left-radius: var(--topRadius);
  border-top-right-radius: var(--topRadius);
  border-bottom-left-radius: var(--bottomRadius);
  border-bottom-right-radius: var(--bottomRadius);
  display: flex;
  align-items: center;
  margin-bottom: var(--marginBottom);
}
.user-info-wrapper + .user-property[data-v-296f3222] {
  margin-top: 0;
}
.user-info-wrapper .user-profile[data-v-296f3222] {
  display: flex;
  align-items: center;
}
.user-info-wrapper .user-profile .avatar[data-v-296f3222] {
  width: 100px;
  height: 100px;
  border-radius: 100px;
}
.user-info-wrapper .user-profile .nickname[data-v-296f3222] {
  font-family: PingFang SC;
  font-size: 32px;
  font-weight: 700;
  margin-left: 20px;
  color: var(--fontColor);
}
.user-property[data-v-296f3222] {
  position: relative;
  background: var(--bgColor);
  padding: 20px;
  margin: -95px var(--marginLeftRight) 0;
  box-shadow: 0 5px 12px 0 rgba(226, 226, 226, 0.2);
  min-height: 190px;
  border-top-left-radius: var(--topRadius);
  border-top-right-radius: var(--topRadius);
  border-bottom-left-radius: var(--bottomRadius);
  border-bottom-right-radius: var(--bottomRadius);
}
.user-property .box-title[data-v-296f3222] {
  font-size: 28px;
  font-weight: 500;
  padding: 10px;
  color: var(--fontColor);
}
.user-property .box-wrapper[data-v-296f3222] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.user-property .box-wrapper .box-item[data-v-296f3222] {
  margin-top: 20px;
  width: 33.333%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.user-property .box-wrapper .box-item .top-title[data-v-296f3222] {
  font-size: 28px;
  font-weight: 500;
  font-family: "PingFang SC";
  display: flex;
  align-items: center;
  color: var(--fontColor);
}
.user-property .box-wrapper .box-item .top-title .iconfont[data-v-296f3222] {
  font-size: 36px;
  margin-right: 5px;
  color: var(--iconColor);
}
.user-property .box-wrapper .box-item .text-wrap[data-v-296f3222] {
  margin-top: 5px;
  font-size: 24px;
  color: var(--tipsColor);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-property .box-wrapper .box-item .text-wrap span[data-v-296f3222] {
  font-weight: 700;
  font-size: 28px;
  margin-right: 5px;
  color: var(--lightColor);
}

.list-menu[data-v-410bc2f7] {
  padding: 0 20px;
  background-color: var(--background-color);
  color: var(--font-color);
  margin: var(--margin-top) var(--margin-left-right) var(--margin-bottom);
  border-top-left-radius: var(--top-radius);
  border-top-right-radius: var(--top-radius);
  border-bottom-left-radius: var(--bottom-radius);
  border-bottom-right-radius: var(--bottom-radius);
}
.list-menu .menu-item[data-v-410bc2f7] {
  font-size: 28px;
  height: 96px;
  line-height: 96px;
  position: relative;
  display: flex;
  align-items: center;
}
.list-menu .menu-item[data-v-410bc2f7]:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--line-color);
}
.list-menu .menu-item[data-v-410bc2f7]:last-child:after {
  display: none;
}
.list-menu .menu-item .menu-icon[data-v-410bc2f7] {
  margin-right: 10px;
  font-size: 32px;
  color: var(--icon-color);
}
.list-menu .menu-item .menu-title[data-v-410bc2f7] {
  flex: 1;
  color: var(--font-color);
}
.list-menu .menu-item .menu-right[data-v-410bc2f7] {
  display: flex;
  align-items: center;
}
.list-menu .menu-item .menu-right .more-text[data-v-410bc2f7] {
  font-size: 24px;
  font-family: "PingFang SC";
  color: var(--more-font-color);
}
.list-menu .menu-item .menu-right .more-icon[data-v-410bc2f7] {
  font-size: 32px;
  color: var(--more-icon-color);
}

.collect-point-wrapper[data-v-0ce8de07] {
  background-color: var(--background-color);
  color: var(--font-color);
  margin: var(--margin-top) var(--margin-left-right) var(--margin-bottom);
  border-top-left-radius: var(--top-radius);
  border-top-right-radius: var(--top-radius);
  border-bottom-left-radius: var(--bottom-radius);
  border-bottom-right-radius: var(--bottom-radius);
}
.collect-point-wrapper .collect-point-header[data-v-0ce8de07] {
  font-family: "PingFang SC";
  padding: 30px 30px 20px;
  color: var(--title-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.collect-point-wrapper .collect-point-header .name[data-v-0ce8de07] {
  font-size: 28px;
  font-weight: 500;
}
.collect-point-wrapper .collect-point-header .more-wrapper[data-v-0ce8de07] {
  display: flex;
  align-items: center;
  color: var(--more-color);
}
.collect-point-wrapper .collect-point-header .more-wrapper .more-text[data-v-0ce8de07] {
  font-size: 24px;
}
.collect-point-wrapper .collect-point-header .more-wrapper .more-icon[data-v-0ce8de07] {
  font-size: 32px;
}
.collect-point-wrapper .collect-point-body[data-v-0ce8de07] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 30px 20px;
}
.collect-point-wrapper .collect-point-body .collect-point-list[data-v-0ce8de07] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.collect-point-wrapper .collect-point-body .collect-point-list img[data-v-0ce8de07] {
  width: 55px;
  height: 55px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.collect-point-wrapper .collect-point-body .collect-point-tips[data-v-0ce8de07] {
  font-size: 22px;
  margin-top: 20px;
  font-family: "PingFang SC";
  color: var(--tips-color);
}
.collect-point-wrapper .collect-point-body .collect-point-button[data-v-0ce8de07] {
  margin-top: 20px;
  background-color: var(--button-bg-color);
  color: var(--button-font-color);
  padding: 15px 30px;
  font-size: 28px;
  font-weight: 500;
  border-radius: 6px;
}
.collect-point-wrapper .collect-point-body .collect-point-button .collected-num[data-v-0ce8de07] {
  font-size: 30px;
  font-weight: 700;
}

.widget_pic .basic_img[data-v-606e9db6] {
  width: 100%;
}
.widget_pic .basic_img[data-v-606e9db6] {
  width: 100%;
  height: 100%;
}
.widget_pic img[data-v-606e9db6] {
  display: inline-block;
}
.basic_img[data-v-606e9db6]:last-child {
  margin-bottom: 0!important;
}
.video[data-v-606e9db6] {
  position: relative;
}
.video .img-play-video[data-v-606e9db6] {
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  position: absolute;
}

.input-wrapper[data-v-4678a193] {
  height: 70px;
  line-height: 70px;
  font-size: 26px;
  padding: 0 30px;
}

.goods-body[data-v-3d251c04] {
  padding: 20px 24px 26px;
  display: flex;
}
.goods-body .goods-flex[data-v-3d251c04] {
  flex: 1;
}
.goods-body .goods-flex[data-v-3d251c04]:not(:last-child) {
  margin-right: 14px;
}
.goods-body .goods-item[data-v-3d251c04] {
  background: #FFFFFF;
  border-radius: 16px;
}
.goods-body .goods-item .goods-image[data-v-3d251c04] {
  width: 100%;
  height: 344px;
  display: block;
}
.goods-body .goods-item .goods-detail[data-v-3d251c04] {
  padding: 18px 16px 20px;
}
.goods-body .goods-item .goods-detail .goods-title[data-v-3d251c04] {
  color: #1A1A1A;
  font-size: 28px;
  margin-bottom: 14px;
}
.goods-body .goods-item .goods-detail .control[data-v-3d251c04] {
  display: flex;
  align-items: center;
}
.goods-body .goods-item .goods-detail .control .price[data-v-3d251c04] {
  color: #222222;
  font-size: 34px;
}
.goods-body .goods-item .goods-detail .control .origin-price[data-v-3d251c04] {
  margin-left: 10px;
  color: #999999;
  font-size: 24px;
  text-decoration: line-through;
}
.goods-body .goods-item .goods-detail .control .tips[data-v-3d251c04] {
  font-size: 22px;
  color: #999999;
}

.widget_pic .basic_img[data-v-7e2742c8] {
  width: 100%;
}
.widget_pic .basic_img[data-v-7e2742c8] {
  width: 100%;
  height: 100%;
}
.widget_pic img[data-v-7e2742c8] {
  display: inline-block;
}
.basic_img[data-v-7e2742c8]:last-child {
  margin-bottom: 0!important;
}
.notice-wrapper[data-v-7e2742c8] {
  display: flex;
  align-items: center;
  font-size: 28px;
  padding: 10px 20px;
}
.notice-wrapper .notice-icon[data-v-7e2742c8] {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  flex-shrink: 0;
}
.notice-wrapper .notice-content[data-v-7e2742c8] {
  flex: 1;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tools-wrapper {
  position: fixed;
  left: calc(50% - 300px);
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  top: 300px;
  width: 42px;
  height: 200px;
  border-radius: 2px;
  color: #999;
}
.tools-wrapper span {
  color: #999;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  cursor: pointer;
  position: relative;
}
.tools-wrapper span.disabled {
  color: #cecece;
  cursor: not-allowed;
}
.module-mobile-content {
  max-width: 375px;
  width: 375px;
  margin: 60px auto;
  min-height: 667px;
  background-color: #fff;
  box-shadow: 0 0 28px 0 #ccc;
  position: relative;
}
.module-mobile-content img {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  width: 100%;
}
.module-mobile-content .mobile-item {
  position: relative;
}
.module-mobile-content .mobile-item.immersive-topStyle_id {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
}
.module-mobile-content .mobile-item.no-show:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAZCAYAAAHRQZmfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNmQ0M2Q2MS0yMzZmLWFjNDgtYjcyNi0yMjQ2MmE5MTgxNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTFBNDU1QUUwQ0E2MTFFOEEwMTNBMkY1NUYwQTk4NDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTFBNDU1QUQwQ0E2MTFFOEEwMTNBMkY1NUYwQTk4NDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzZkNDNkNjEtMjM2Zi1hYzQ4LWI3MjYtMjI0NjJhOTE4MTQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM2ZDQzZDYxLTIzNmYtYWM0OC1iNzI2LTIyNDYyYTkxODE0NyIv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);
  background-size: 80px 25px;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 3;
}
.module-mobile-content .mobile-item .zoom-view {
  position: relative;
  zoom: 0.5;
  width: 750px;
}
.module-mobile-content .mobile-item .zoom-view * {
  max-width: 100%;
}
.module-mobile-content .mobile-item .zoom-view .ant-carousel * {
  max-width: none;
}
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask.active {
  border: 4px solid #2589ff;
  box-shadow: 0 2px 50px 5px rgba(50, 59, 77, 0.5);
}
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask:hover {
  border: 4px solid #2589ff;
}
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask:hover .handle-box,
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask.active .handle-box {
  display: block;
}
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask:hover .handle-btn,
.module-mobile-content .mobile-item .zoom-view .mobile-item-mask.active .handle-btn {
  display: inline-block;
  left: 780px;
}
.module-mobile-content .mobile-item .zoom-view .handle-box {
  position: absolute;
  top: 0;
  left: 750px;
  height: 60px;
  width: 360px;
  z-index: 3;
  display: none;
  text-align: left;
}
.module-mobile-content .mobile-item .zoom-view .handle-btn {
  margin-left: 20px;
  display: none;
  height: 60px;
  border-radius: 8px;
  line-height: 60px;
  text-align: left;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgb(0 0 0%);
  font-size: 24px;
}
.module-mobile-content .mobile-item .zoom-view .handle-btn i {
  color: #b0b0ba;
  margin-left: 30px;
  font-size: 28px;
  cursor: pointer;
}
.module-mobile-content .mobile-item .zoom-view .customNavigation {
  height: 128px;
}
.module-mobile-content .mobile-item .zoom-view .header {
  height: 100%;
  z-index: 9999;
  width: 100%;
  opacity: 1;
}
.module-mobile-content .mobile-item .zoom-view .header .header_body {
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.module-mobile-content .mobile-item .zoom-view .header .header_body .on_center {
  flex: initial;
  justify-content: center;
  align-items: center;
}
.module-mobile-content .mobile-item .zoom-view .header .header_body .items {
  height: 100%;
  overflow: hidden;
}
.module-mobile-content .mobile-item .zoom-view .header .header_body .items > div {
  width: 320px;
  font-size: 32px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  text-align: center;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.module-mobile-content .mobile-item .zoom-view .header .style1 {
  justify-content: center;
}
.components-wrapper {
  min-height: 603px;
  padding-bottom: 30px;
  background-color: #fff;
  background-repeat: repeat-y;
  background-position: top;
  background-size: 100% auto;
}
.widget_text_module .article-text {
  font-size: 30px;
  min-height: 52px;
  line-height: 52px;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  padding: 20px 30px;
}