.convert-manage-list {
  padding: 24px;
  border-radius: 3px;
  width: calc(100vw - 311px);
  background: #fff;
}
@media (max-width: 1248px) {
  .convert-manage-list {
    width: 1150px;
  }
}
.convert-manage-list .contract-list-table-operation {
  display: flex;
  flex-wrap: wrap;
}
.convert-manage-list .contract-list-table-operation button {
  margin: 5px 10px 5px 0;
}
.convert-manage-list .contract-list-table-tip-icon {
  margin-left: 4px;
}
.convert-table-operation {
  display: flex;
  flex-wrap: wrap;
}
.convert-table-operation button {
  margin-right: 8px;
}
.convert-copy {
  margin-left: 8px;
  cursor: pointer;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.convert-manage-filter-wrapper {
  display: flex;
  margin-bottom: 16px;
}
.convert-manage-filter-wrapper-button {
  display: flex;
  justify-content: space-between;
  margin-right: 16px;
  padding: 16px;
  width: 305px;
  height: 20px;
  background-color: #f6f7fa;
  font-size: 16px;
  line-height: 20px;
  font-family: 'PingFang SC';
  color: #191b1e;
  cursor: pointer;
}
.convert-manage-filter-wrapper-icon {
  color: #848b99;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.convert-manage-create-drawer {
  font-family: 'PingFang SC';
  font-size: 14px;
  line-height: 20px;
}
.convert-manage-create-drawer .one-form-field-label {
  width: 76px;
}
.convert-manage-create-drawer-block {
  margin: 16px 0;
  padding: 16px;
  border-radius: 4px;
  background-color: #f6f7fa;
}
.convert-manage-create-drawer-block-title {
  margin-bottom: 20px;
  font-weight: 500;
}
.convert-manage-create-drawer-block .one-form-field-content {
  display: inline-block;
  min-height: 20px;
  word-break: break-all;
}
.convert-manage-create-drawer-block-monitor .one-form-field-label {
  width: 118px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.convert-manage-view-drawer {
  font-family: 'PingFang SC';
  font-size: 14px;
  line-height: 20px;
}
.convert-manage-view-drawer .one-form-field-label {
  width: 76px;
}
.convert-manage-view-drawer-block {
  margin: 16px 0;
  padding: 16px;
  border-radius: 4px;
  background-color: #f6f7fa;
}
.convert-manage-view-drawer-block-title {
  margin-bottom: 20px;
  font-weight: 500;
}
.convert-manage-view-drawer-block-item {
  margin-top: 4px;
}
.convert-manage-view-drawer-block .one-form-field-content {
  display: inline-block;
  min-height: 20px;
  word-break: break-all;
}
.convert-manage-view-drawer-block-monitor .one-form-field-label {
  width: 118px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.convert-manage-drawer {
  font-family: 'PingFang SC';
  font-size: 14px;
  line-height: 20px;
}
.convert-manage-drawer-header {
  display: flex;
  margin: 16px 0;
  padding: 16px;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #f6f7fa;
  line-height: 20px;
}
.convert-manage-drawer-header-tip {
  line-height: 20px;
  color: #848b99;
}
.convert-manage-drawer-title {
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 20px;
}
.convert-manage-drawer-tip {
  margin: 16px 0;
  color: #848b99;
  line-height: 20px;
}
.convert-manage-drawer-qr {
  width: 192px;
  height: 192px;
}
.convert-manage-drawer-block {
  margin: 16px 0;
  padding: 16px;
  border-radius: 4px;
  background-color: #f6f7fa;
  line-height: 20px;
}
.convert-manage-drawer-block-field {
  display: flex;
}
.convert-manage-drawer-block-field-label {
  width: 140px;
  text-align: right;
  word-break: keep-all;
  color: #848b99;
}
.convert-manage-drawer-block-field-content {
  width: 580px;
  word-break: break-all;
}
.convert-manage-drawer #convert-manage-drawer-success {
  height: 100%;
  overflow: hidden;
}
.convert-manage-drawer-success {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.convert-manage-drawer-success svg {
  width: 37px;
  height: 37px;
  color: #00bf5c;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.components-manage-list {
  padding: 24px;
  border-radius: 3px;
  width: calc(100vw - 311px);
  background: #fff;
}
@media (max-width: 1248px) {
  .components-manage-list {
    width: 1150px;
  }
}
.components-manage-list .goods-card-preview {
  box-sizing: border-box;
  display: flex;
  padding: 7px;
  width: 220px;
  height: 55px;
  border-radius: 5px;
  justify-content: space-between;
  cursor: pointer;
  font-family: PingFang SC;
  background-color: #f5f5f5;
}
.components-manage-list .goods-card-preview-info {
  display: flex;
}
.components-manage-list .goods-card-preview-info-img {
  width: 41px;
  height: 41px;
  border-radius: 6px;
}
.components-manage-list .goods-card-preview-info-main {
  display: flex;
  width: 116px;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 4px;
}
.components-manage-list .goods-card-preview-info-describe {
  display: flex;
  flex-direction: column;
}
.components-manage-list .goods-card-preview-info-describe-title {
  display: -webkit-box;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
  -webkit-transform-origin-x: 0;
  transform: scale(0.64);
}
.components-manage-list .goods-card-preview-info-describe-price {
  font-weight: 500;
  color: #f60;
  -webkit-transform-origin-x: 0;
  transform: scale(0.57);
}
.components-manage-list .goods-card-preview-info-platform {
  display: flex;
  color: #858585;
  -webkit-transform-origin-x: 0;
  transform: scale(0.5);
  line-height: 9px;
}
.components-manage-list .goods-card-preview-info-platform-origin {
  margin-right: 3px;
}
.components-manage-list .goods-card-preview-operate {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.components-manage-list .goods-card-preview-operate svg {
  width: 33px;
}
.components-manage-list .jmy-card-preview {
  box-sizing: border-box;
  display: flex;
  padding: 7px;
  width: 220px;
  height: 55px;
  border-radius: 5px;
  justify-content: space-between;
  cursor: pointer;
  font-family: PingFang SC;
  background-color: #f5f5f5;
}
.components-manage-list .jmy-card-preview button {
  width: 206px;
}
.components-manage-list .jmy-card-preview button span {
  width: 100%;
  text-align: left;
  font-size: 11px;
  color: #4367b4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.components-manage-list .h5-card {
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 220px;
  height: 86px;
  padding: 5px;
  transform: scale(1);
}
.components-manage-list .h5-card-info {
  width: 220px;
}
.components-manage-list .h5-card-info-img {
  width: 48px;
  height: 48px;
}
.components-manage-list .h5-card-info-main-title {
  width: 200px;
  margin-top: 0;
  font-size: 14px;
  -webkit-transform-origin-x: 0;
  transform: scale(0.7);
}
.components-manage-list .h5-card-info-main-describe {
  width: 254px;
  margin-top: -3px;
  font-size: 14px;
  -webkit-transform-origin-x: 0;
  transform: scale(0.57);
}
.components-manage-list .h5-card-info-close {
  position: absolute;
  top: 0px;
  left: 204px;
}
.components-manage-list .h5-card-info-close svg {
  width: 12px;
  height: 12px;
}
.components-manage-list .h5-card-operate {
  width: inherit;
  height: 21px;
  font-size: 14px;
  margin: 4px 0 0;
}
.components-manage-list .h5-card-operate span {
  transform: scale(0.71);
}
.components-manage-list .new-jmy-card {
  display: flex;
  padding: 7px;
  width: 208px;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.components-manage-list .new-jmy-card-info-img {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.components-manage-list .new-jmy-card-info-main {
  width: 98px;
  margin-left: 6px;
}
.components-manage-list .new-jmy-card-info-main-title {
  width: 206px;
  font-size: 18px;
  font-weight: 500;
  transform: scale(0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform-origin-x: 0;
}
.components-manage-list .new-jmy-card-info-main-describe {
  margin-top: -8px;
  width: 206px;
  font-size: 14px;
  transform: scale(0.54);
  color: #858585;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform-origin-x: 0;
}
.components-manage-list .new-jmy-card-info-detail-btn {
  position: relative;
  display: flex;
  left: 20px;
  width: 90px;
  height: 24px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transform: scale(0.69);
  color: #4E6EF2;
  border: 1px solid rgba(78, 110, 242, 0.5);
  border-radius: 15px;
  -webkit-transform-origin-x: 0;
}
.components-manage-table-dot {
  position: absolute;
  top: 6px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #0054e6;
}
.components-manage-table-dot-approved {
  background: #009940;
}
.components-manage-table-dot-rejected {
  background: #d9150b;
}
.components-manage-table-dot-container {
  position: relative;
}
.components-manage-table-status {
  margin-left: 16px;
}
.components-manage-table-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.2;
}
.components-manage-table-operation-button {
  margin-right: 10px;
}
.components-manage-filter-wrapper,
.components-manage-filter-alert {
  margin-bottom: 12px;
}
.components-manage-filter-drop-down {
  margin-right: 16px;
}
@media (max-width: 1248px) {
  .bcm-content-with-side-nav .components-manage-list {
    width: 952px;
  }
}
.clue-component-card {
  width: 218px;
}
.clue-component-drawer,
.download-component-drawer {
  z-index: 1040;
}
.clue-component-drawer .title-render,
.download-component-drawer .title-render {
  display: flex;
  align-items: center;
}
.clue-component-drawer .title-render .tip,
.download-component-drawer .title-render .tip {
  margin-left: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #848b99;
  line-height: 25px;
}
.clue-component-drawer .protocol-dialog-protocol,
.download-component-drawer .protocol-dialog-protocol {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
  vertical-align: middle;
}
.clue-component-drawer .protocol-dialog-protocol-checkbox .one-checkbox + span,
.download-component-drawer .protocol-dialog-protocol-checkbox .one-checkbox + span {
  color: #848b99;
}
.clue-component-drawer .protocol-dialog-protocol-link,
.download-component-drawer .protocol-dialog-protocol-link {
  color: #0054e6;
  cursor: pointer;
  padding-left: 0;
}
.clue-component-drawer .one-form-field-label {
  width: 113px;
}
.download-component-card {
  margin-left: -16px;
  transform: scale(0.86);
}
.download-component-drawer .one-form-field-label {
  width: 136px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.bcm-order-data-safe-protocol-bold,
.bcm-order-data-safe-protocol-header {
  font-weight: 500;
}
.bcm-order-data-safe-protocol-header {
  text-align: center;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.protocol-dialog-protocol {
  display: inline-block;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.B49HfTVCrCNnHWy7iISf {
  width: 100%;
}
.B49HfTVCrCNnHWy7iISf .one-menu-inline .one-menu-item-selected:after {
  width: 0;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.MjP7Aky8IQ_vwDXMBlNw::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.UISlH99YvcXM1cuesiAG {
  display: none;
}
.PWAhjSeXFD_W2oa6smvZ,
.uiXxxgrEJbESBVNmZ3kT {
  overflow: hidden;
}
.uiXxxgrEJbESBVNmZ3kT {
  padding-right: 15px;
}

.BdcVBUbvzlwrrQgkKazg {
  font-size: 14px;
}
.BdcVBUbvzlwrrQgkKazg .KQi7Om74j4gJm9TLBuOG {
  word-break: break-all;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.eOAOUht6IcYNrtJIfMSJ::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.oYLiurb6y1XsUUesVrIr {
  display: none;
}
.frnu_ZMmGA1BIH8Szg6A,
.FN0Ydd5TRTjylry3wXHl {
  overflow: hidden;
}
.FN0Ydd5TRTjylry3wXHl {
  padding-right: 15px;
}

.m1K2AuRssWanJRhD1D5C {
  position: relative;
  width: 270px;
  height: 502px;
  border: 1px solid #ebedf5;
  box-shadow: inset 0px -0.446667px 0px #EEEEEE;
  border-radius: 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.hYg_dWtlfP1pzQHZU6Gf {
  width: 268px;
  height: 500px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.wEBe8fPf8BWZLwLHF2nr::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hVxa5IGSi5YmNMmn38bu {
  display: none;
}
.E5AdeSKDC7S7J5oJQvk9,
.jI9lIhMalKayQ3M4aW8u {
  overflow: hidden;
}
.jI9lIhMalKayQ3M4aW8u {
  padding-right: 15px;
}

.OfahcYDnfz2foGSSoe2u {
  width: 268px;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
}
.Pg6O4_AbVz_PEBqfQVMR {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 268px;
  height: 400px;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}
.Ljk7aLh97JHLX9ahLiIw {
  display: flex;
  width: 100%;
}
.Ljk7aLh97JHLX9ahLiIw img {
  width: 100%;
}
.vDsqERPUFXpWPWnLBnLA {
  line-height: 14px;
  text-align: center;
  color: #999999;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 10px;
  margin: 0 10px;
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MBXrj_a5JsGzeacByewf {
  padding: 2px 0;
  line-height: 18px;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbJJOqynSJ8W6kOkLpY6 {
  line-height: 16px;
  text-align: center;
  color: #333;
  padding: 10px 10px 6px;
  font-weight: 600;
  font-size: 12px;
}
.yG35mc4YTRjSZsRQ7Lid > img {
  width: 268px;
}
.z5Ybc94ONodKZ4sGXAhE {
  margin-bottom: -20px;
}
.Mlu1GnCo3sER1IiR2wLi {
  display: flex;
  align-items: center;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.O1ie3mYkpFCI5cZ2xqeI {
  flex: 1;
  height: 32px;
  border-radius: 21px;
  background-color: #E6322E;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
}
.KNjnXHxgs0QTKFBZlbNu {
  position: absolute;
  bottom: 82px;
  left: 8px;
  width: 252px;
  height: 40px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  line-height: 40px;
  color: #4E6EF2;
}
.B1K7SKvYvHH8hsZlu654 {
  position: absolute;
  bottom: 36px;
  left: 8px;
  width: 252px;
  height: 40px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  line-height: 40px;
  color: #4E6EF2;
}
._C1CV8uw04A1p0FhNf3P {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.MDD0HD4cOLvBR5XXYkcu {
  width: 268px;
  height: 400px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.Mi8WNHVYgBXTlkMX61R9::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.nDOUGAVlazzElZfVPaXK {
  display: none;
}
.IwIMvCagLixZRz5VIxeT,
.pCZcqUn7mMGgnwzhn6z8 {
  overflow: hidden;
}
.pCZcqUn7mMGgnwzhn6z8 {
  padding-right: 15px;
}

.NqGWzgJRvdSvoaTtsngg {
  padding: 18px;
  width: 316px;
  max-height: calc(100vh - 160px);
  position: sticky;
  top: 0;
  overflow-y: auto;
  border: 1px solid #ebedf5;
  border-radius: 8px;
  box-sizing: border-box;
}
.kruQLQJN83fgOKKK_jAa {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #191b1e;
}
.esTT7pvj8WqPi_Utx7Bw {
  margin-bottom: 8px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #848b99;
}
.fIzto5Ji1U4VA_8c_01B {
  position: absolute;
  bottom: 230px;
  left: 8px;
}
.q8LKMiA9FFjsRn6YnSAb {
  position: absolute;
  bottom: 122px;
  left: 8px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.mjQrPysKKsv8cZ5uS_PS::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.TzedTF0g7AGfofm0kmlT {
  display: none;
}
.WrqapzRDYeU4j6e9aRkW,
.dbqQbjopzMpWNxMum1UI {
  overflow: hidden;
}
.dbqQbjopzMpWNxMum1UI {
  padding-right: 15px;
}

.PkwEn34L08Xq4qOZOdGc {
  display: flex;
  align-items: center;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
._GLt7_vC_dwDGbQY5Rrw::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.aOViX8tifcF7Apul_3Zh {
  display: none;
}
.Wf4OWoHdh7FkUcF6xCRI,
._9BAAAZenSyKV5ENW9fcU {
  overflow: hidden;
}
._9BAAAZenSyKV5ENW9fcU {
  padding-right: 15px;
}

.JXMpT3dNlZSOwuVH0Kq_ {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 22px;
  color: #191b1e;
}
.JXMpT3dNlZSOwuVH0Kq_:not(:first-of-type) {
  margin-top: 32px;
}
.lxV5rJ8KS6_8b4h5YkNA {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
  word-break: keep-all;
}
.yFlNqknUriHuC8S7UIK5 {
  display: flex;
  align-items: center;
}
.sE0zdas12RkRzsTWyI1Z {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bgcrqGkvXjkaRA8YihkV {
  margin-bottom: 16px;
}
.t6pku5lTuLBB6eEMNfFZ {
  color: #f27318;
  margin-right: 8px;
}
.Xo5P0M_UZNLjehOslmwQ {
  display: flex;
}
.jIlkA8LJpyFZ9rjQUAlA {
  color: #f27318;
  margin-right: 2px;
}
.W8TUoNA3qWsFQFCVz24I .one-input-all-container-medium .one-input-error {
  font-size: 12px;
  margin-left: 0;
}
.W8TUoNA3qWsFQFCVz24I .fe-link-components-insert-content-content-safe {
  display: flex;
  height: 32px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.hoaxu0ZE1u0PmVQo86in::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.QEuq0qOYpTIiwY5Abb2Y {
  display: none;
}
.WNsqR3wWUbxlkb3yMVv7,
.XCc1fay43NgUaO0GWZsG {
  overflow: hidden;
}
.XCc1fay43NgUaO0GWZsG {
  padding-right: 15px;
}

.o7Copbmbzm7Igb4z7DOH {
  position: relative;
  margin-bottom: 20px;
  width: 270px;
  height: 502px;
  border: 1px solid #ebedf5;
  box-shadow: inset 0px -0.446667px 0px #EEEEEE;
  border-radius: 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.tPlyxA3ogk38ZX7OGl_e {
  width: 268px;
  height: 500px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.Y7sNFVZLwcjxMTqpO70c::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.siHVn2djaIZc2UydG9uw {
  display: none;
}
.gseRL3I8_WkSssM5bvMO,
.PAXG1SqNU2xPbiqDiXi6 {
  overflow: hidden;
}
.PAXG1SqNU2xPbiqDiXi6 {
  padding-right: 15px;
}

.AXGQskjtaJOociuk1PA_ {
  padding: 18px;
  margin-left: 47px;
  margin-bottom: 24px;
  width: 316px;
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  border: 1px solid #ebedf5;
  border-radius: 8px;
  box-sizing: border-box;
}
.fxSii7Z8p1hM4ZzB5vqs {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #191b1e;
}
.Mlzt8WDUpzKckjASrQ0p {
  margin-bottom: 8px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #848b99;
}
.V1nK1FLzZ0unY84RQFFQ {
  position: absolute;
  bottom: 230px;
  left: 8px;
}
.j8dOJ2bqaFR2WLlghcwg {
  position: absolute;
  bottom: 122px;
  left: 8px;
}
.dhWeKqvX2BXkJQ2TRyYw {
  display: flex;
  margin-bottom: 8px;
}
.dhWeKqvX2BXkJQ2TRyYw button {
  font-size: 12px;
  line-height: 16px;
}
.nSt069UrNtq1YZC7Drpl {
  margin-right: 20px;
  padding-right: 20px !important;
  border-right: 1px solid #d3d9e6 !important;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.aUT2O7OOqqUubfLKIzla::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.PRAPnHxcwLCM4UTZ0JyD {
  display: none;
}
.Cu2nzOT5UvYFQOhWD1jm,
.ToAk1M4z32UXaXBPdmWe {
  overflow: hidden;
}
.ToAk1M4z32UXaXBPdmWe {
  padding-right: 15px;
}

.WGN4BJhFzsmkbUoCLHb_ {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 22px;
  color: #191b1e;
}
.WGN4BJhFzsmkbUoCLHb_:not(:first-of-type) {
  margin-top: 32px;
}
.MjMEryUkh33nkHWDs5qo {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
  word-break: break-all;
}
.R9cFI32D795mh1Sa0YEg {
  display: flex;
  align-items: center;
}
.uRo2xwR9Xi5KTORTwaQN {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.g9sdMtn4Z3qiKJRuBh3v {
  margin-bottom: 16px;
}
.TWvYDoIrgd147CPud7IY {
  color: #f27318;
  margin-right: 8px;
}
.p9kT_FXE6zm3SSucsgGM {
  display: flex;
}
.gJTJuQhogaUN3fftLZfP {
  margin-bottom: 12px;
}
.XIxKZuk73s3cX5VUn31y {
  color: #f27318;
  margin-right: 2px;
}
._NBe_U28vG0qhUEavHDj .one-input-all-container-medium .one-input-error {
  font-size: 12px;
  margin-left: 0;
}
._NBe_U28vG0qhUEavHDj .AR1IFAIZiIwLdS4ltw_b {
  width: 136px;
}
._NBe_U28vG0qhUEavHDj .fe-link-components-insert-content-content-safe {
  display: flex;
  height: 32px;
}
._NBe_U28vG0qhUEavHDj .fe-link-components-insert-content-content-safe .one-input-error-bottom {
  margin-top: 0;
}
.DbdV7Qp4jHRBghjlfmLE {
  color: #848b99;
  font-size: 12px;
}
.DbdV7Qp4jHRBghjlfmLE a {
  color: #0054e6;
}
.ZCwDjOMntOaQSumlmXLw {
  font-size: 14px;
  word-break: break-all;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.ChRPSu9B0JLkIS2jimXw::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.T_ZRia_G2xs_CHs3bi7G {
  display: none;
}
.swsLYBMnhp83lzkBHlCc,
.IzRT_a8OjPrvbk1Klewi {
  overflow: hidden;
}
.IzRT_a8OjPrvbk1Klewi {
  padding-right: 15px;
}

.components-drawer .components-manage-list {
  padding: 0;
  width: auto;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.contract-manage-list {
  padding: 24px;
  border-radius: 3px;
  width: calc(100vw - 311px);
  background: #fff;
}
@media (max-width: 1248px) {
  .contract-manage-list {
    width: 1150px;
  }
}
.contract-manage-list .contract-list-table-operation {
  display: flex;
  flex-wrap: wrap;
}
.contract-manage-list .contract-list-table-operation button {
  margin: 5px 10px 5px 0;
}
.contract-manage-list .contract-list-table-tip-icon {
  margin-left: 4px;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */
.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}

.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}
.course-table {
  margin-top: 24px;
  font-size: 14px;
}
.course-table-space-between {
  display: flex;
  justify-content: space-between;
}
.course-table button {
  margin-right: 24px;
}
.course-table-block {
  display: flex;
  flex-wrap: wrap;
}
.course-table-block-item {
  display: flex;
  margin-right: 24px;
  margin-bottom: 28px;
  height: 268px;
  flex-wrap: wrap;
  border-radius: 4px;
  transition: transform 0.5s;
  background-color: #f6f7fa;
}
@media (max-width: 1416px) {
  .course-table-block-item {
    width: calc(33.3% - 16px);
  }
}
@media (min-width: 1416px) and (max-width: 1716px) {
  .course-table-block-item {
    width: calc(25% - 18px);
  }
}
@media (min-width: 1716px) {
  .course-table-block-item {
    width: calc(20% - 19.6px);
  }
}
.course-table-block-item-picture {
  width: 100%;
  height: 158px;
  border-radius: 4px 4px 0 0;
}
.course-table-block-item-field {
  width: 100%;
  height: 110px;
  word-break: break-all;
}
.course-table-block-item-field-title {
  display: -webkit-box;
  margin: 16px 16px 4px 16px;
  height: 22px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  color: #191b1e;
  line-height: 22px;
  text-align: justify;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.course-table-block-item-field-detail {
  display: -webkit-box;
  margin: 0 16px 12px 16px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  color: #848b99;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.course-table-block-item-field-info {
  display: flex;
  justify-content: space-between;
  margin: 0 16px 16px 16px;
  font-size: 14px;
  line-height: 20px;
  color: #848b99;
}
.course-table-block-item-field-info svg {
  margin-right: 4px;
}
.course-table-block-item:hover {
  transform: translate(0, -8px);
  cursor: pointer;
  box-shadow: 0px 6px 32px 2px rgba(0, 0, 0, 0.06), 0px 5px 30px 1px rgba(0, 0, 0, 0.05), 0px 4px 28px 1px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1416px) {
  .course-table-block-item:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1416px) and (max-width: 1716px) {
  .course-table-block-item:nth-child(4n) {
    margin-right: 0px;
  }
}
@media (min-width: 1716px) {
  .course-table-block-item:nth-child(5n) {
    margin-right: 0px;
  }
}
.course-table-pagination {
  margin: 10px 20px 20px 0;
}
.course-table-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-family: 'PingFang SC';
  color: #848b99;
}
.course-table-loading {
  display: flex;
  height: 500px;
  justify-content: center;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */

.required::before {
  content: '*';
  color: #d9150b;
  margin: 0 5px 0 0;
}
.hide {
  display: none;
}
.body-scroll-locked,
.body-scroll-locked-x {
  overflow: hidden;
}
.body-scroll-locked-x {
  padding-right: 15px;
}
.bcm-course-list {
  margin: 26px auto;
  padding: 24px;
  background-color: white;
  border-radius: 6px;
}
@media (max-width: 1248px) {
  .bcm-course-list {
    width: 1008px;
  }
}
@media (min-width: 1248px) and (max-width: 1920px) {
  .bcm-course-list {
    width: calc(100% - 240px);
  }
}
@media (min-width: 1920px) {
  .bcm-course-list {
    margin: 26px auto;
    width: calc(100% - 100px);
  }
}
.bcm-course-list img {
  -o-object-fit: cover;
     object-fit: cover;
}
.bcm-course-list-query-type {
  margin-bottom: 32px;
}
.bcm-course-list-query-type button {
  margin-right: 48px;
}
.bcm-course-list-query-type-not-selected {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.bcm-course-list-query-type-selected {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.bcm-course-list-query-type-title {
  display: block;
  margin-bottom: 20px;
  text-align: left;
  font-size: 18px;
}
.bcm-course-list-query-content {
  display: flex;
  margin: 16px 0 8px;
  line-height: 36px;
  font-size: 14px;
}
.bcm-course-list-query-content-label {
  margin-right: 20px;
  width: 56px;
  color: #545b66;
  font-weight: 500;
}
.bcm-course-list-query-content-group {
  display: flex;
  width: 840px;
  flex-wrap: wrap;
}
.bcm-course-list-query-content-group-button {
  margin-right: 8px;
  height: 40px;
  padding: 0 10px;
  border-radius: 5px;
}
.bcm-course-list-query-content-group-button,
.bcm-course-list-query-content-group-button:hover {
  border: none;
}
.bcm-course-list-query-content-more {
  align-items: flex-start;
}
.bcm-course-list-loading {
  width: 100%;
  height: 1000px;
  display: flex;
  justify-content: center;
}
/**
 * Colors
 */
/* Brand colors */
/* contextual colors */
/* Gray scale colors */
/**
 * Typography
 */
/**
 * Spacing
 */
/* Heights */
/**
 * Global foreground colors
 */
/**
 * Global layer styles
 */
/* Base layers */
/* Primary layers */
/* Normal layers */
/* Current layers */
/* Strong layers */
/* Fillable & pressable layers */
/* Translucent layers */
/* Translucent reverse layers */
/* Modal layers */
/**
 * Misc
 */
/* Line colors */
/* Border radii */
/* Shadows */
/* @deprecated Light shadows */
/* Other focus styles */
/* Icons */
/* Transition */