body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

*{
  padding: 0px;
  margin: 0px;
}

.ant-pro-table-list-toolbar-left{
  flex: inherit;
}
.modal_footer{
  display: flex;
  justify-content: flex-end;
}
.i-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cropper_image{display:flex}.box{display:inline-block;box-sizing:border-box;padding:10px}.text_preview{position:relative;top:10px;margin-left:20px;text-align:center}.img-preview{margin-left:20px;overflow:hidden;background-color:#f9f9f9;border:1px dashed #c1c1c1}.cropper-container{position:relative;font-size:0;line-height:0;direction:ltr;-webkit-user-select:none;user-select:none;touch-action:none}.cropper-container img{display:block;width:100%;min-width:0 !important;max-width:none !important;height:100%;min-height:0 !important;max-height:none !important;image-orientation:0deg}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;width:100%;height:100%;overflow:hidden;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee;opacity:.5}.cropper-dashed.dashed-h{top:33.3333333333%;left:0;width:100%;height:33.3333333333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.3333333333%;width:33.3333333333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center::before,.cropper-center::after{position:absolute;display:block;background-color:#eee;content:" "}.cropper-center::before{top:0;left:-3px;width:7px;height:1px}.cropper-center::after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:ew-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:ns-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:ew-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:ns-resize}.cropper-point{width:5px;height:5px;background-color:#39f;opacity:.75}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:ew-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:ns-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:ew-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:nesw-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nwse-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:nesw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:nwse-resize;opacity:1}@media(min-width: 768px){.cropper-point.point-se{width:15px;height:15px}}@media(min-width: 992px){.cropper-point.point-se{width:10px;height:10px}}@media(min-width: 1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se::before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;background-color:#39f;opacity:0;content:" "}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none !important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
body {
    --white: #fff;
    --blue: #1677ff;
    --purple: #722ed1;
    --cyan: #13c2c2;
    --green: #52c41a;
    --magenta: #eb2f96;
    --pink: #eb2f96;
    --red: #f5222d;
    --orange: #fa8c16;
    --yellow: #fadb14;
    --volcano: #fa541c;
    --geekblue: #2f54eb;
    --gold: #faad14;
    --lime: #a0d911;
    --colorPrimary: #1677ff;
    --colorSuccess: #52c41a;
    --colorWarning: #faad14;
    --colorError: #ff4d4f;
    --colorInfo: #1677ff;
    --colorLink: #1677ff;
    --colorTextBase: #141414;
    --colorBgBase: #f5f5f5;
    --fontFamily: '-apple-system; BlinkMacSystemFont; Segoe UI; Roboto; Helvetica Neue; Arial;\nNoto Sans; sans-serif; Apple Color Emoji; Segoe UI Emoji; Segoe UI Symbol;\nNoto Color Emoji';
    --fontFamilyCode: 'SFMono-Regular; Consolas; Liberation Mono; Menlo; Courier; monospace';
    --fontSize: 14;
    --lineWidth: 1;
    --lineColor:#e3e3e3;
    --lineType: solid;
    --motionUnit: 0.1;
    --motionBase: 0;
    --motionEaseOutCirc: cubic-bezier(0.08; 0.82; 0.17; 1);
    --motionEaseInOutCirc: cubic-bezier(0.78; 0.14; 0.15; 0.86);
    --motionEaseOut: cubic-bezier(0.215; 0.61; 0.355; 1);
    --motionEaseInOut: cubic-bezier(0.645; 0.045; 0.355; 1);
    --motionEaseOutBack: cubic-bezier(0.12; 0.4; 0.29; 1.46);
    --motionEaseInBack: cubic-bezier(0.71; -0.46; 0.88; 0.6);
    --motionEaseInQuint: cubic-bezier(0.755; 0.05; 0.855; 0.06);
    --motionEaseOutQuint: cubic-bezier(0.23; 1; 0.32; 1);
    --borderRadius: 6px;
    --sizeUnit: 4;
    --sizeStep: 4;
    --sizePopupArrow: 16;
    --controlHeight: 32;
    --zIndexBase: 0;
    --zIndexPopupBase: 1000;
    --opacityImage: 1;
    --wireframe: false;
    --motion: true;

    --textColor: rgba(0, 0, 0, 0.88);
    --desColor: rgba(0, 0, 0, 0.45);
    --disColor: rgba(0, 0, 0, 0.25);

    --red1: #fff1f0;
    --red2: #ffccc7;
    --red3: #ffa39e;
    --red4: #ff7875;
    --red5: #ff4d4f;
    --red6: #f5222d;
    --red7: #cf1322;
    --red8: #a8071a;
    --red9: #820014;
    --red10: #5c0011;
    --volcano1: #fff2e8;
    --volcano2: #ffd8bf;
    --volcano3: #ffbb96;
    --volcano4: #ff9c6e;
    --volcano5: #ff7a45;
    --volcano6: #fa541c;
    --volcano7: #d4380d;
    --volcano8: #ad2102;
    --volcano9: #871400;
    --volcano10: #610b00;
    --orange1: #fff7e6;
    --orange2: #ffe7ba;
    --orange3: #ffd591;
    --orange4: #ffc069;
    --orange5: #ffa940;
    --orange6: #fa8c16;
    --orange7: #d46b08;
    --orange8: #ad4e00;
    --orange9: #873800;
    --orange10: #612500;
    --gold1: #fffbe6;
    --gold2: #fff1b8;
    --gold3: #ffe58f;
    --gold4: #ffd666;
    --gold5: #ffc53d;
    --gold6: #faad14;
    --gold7: #d48806;
    --gold8: #ad6800;
    --gold9: #874d00;
    --gold10: #613400;
    --yellow1: #feffe6;
    --yellow2: #ffffb8;
    --yellow3: #fffb8f;
    --yellow4: #fff566;
    --yellow5: #ffec3d;
    --yellow6: #fadb14;
    --yellow7: #d4b106;
    --yellow8: #ad8b00;
    --yellow9: #876800;
    --yellow10: #614700;
    --lime1: #fcffe6;
    --lime2: #f4ffb8;
    --lime3: #eaff8f;
    --lime4: #d3f261;
    --lime5: #bae637;
    --lime6: #a0d911;
    --lime7: #7cb305;
    --lime8: #5b8c00;
    --lime9: #3f6600;
    --lime10: #254000;
    --green1: #f6ffed;
    --green2: #d9f7be;
    --green3: #b7eb8f;
    --green4: #95de64;
    --green5: #73d13d;
    --green6: #52c41a;
    --green7: #389e0d;
    --green8: #237804;
    --green9: #135200;
    --green10: #092b00;
    --cyan1: #e6fffb;
    --cyan2: #b5f5ec;
    --cyan3: #87e8de;
    --cyan4: #5cdbd3;
    --cyan5: #36cfc9;
    --cyan6: #13c2c2;
    --cyan7: #08979c;
    --cyan8: #006d75;
    --cyan9: #00474f;
    --cyan10: #002329;
    --blue1: #e6f4ff;
    --blue2: #bae0ff;
    --blue3: #91caff;
    --blue4: #69b1ff;
    --blue5: #4096ff;
    --blue6: #1677ff;
    --blue7: #0958d9;
    --blue8: #003eb3;
    --blue9: #002c8c;
    --blue10: #001d66;
    --geekblue1: #f0f5ff;
    --geekblue2: #d6e4ff;
    --geekblue3: #adc6ff;
    --geekblue4: #85a5ff;
    --geekblue5: #597ef7;
    --geekblue6: #2f54eb;
    --geekblue7: #1d39c4;
    --geekblue8: #10239e;
    --geekblue9: #061178;
    --geekblue10: #030852;
    --purple1: #f9f0ff;
    --purple2: #efdbff;
    --purple3: #d3adf7;
    --purple4: #b37feb;
    --purple5: #9254de;
    --purple6: #722ed1;
    --purple7: #531dab;
    --purple8: #391085;
    --purple9: #22075e;
    --purple10: #120338;
    --magenta1: #fff0f6;
    --magenta2: #ffd6e7;
    --magenta3: #ffadd2;
    --magenta4: #ff85c0;
    --magenta5: #f759ab;
    --magenta6: #eb2f96;
    --magenta7: #c41d7f;
    --magenta8: #9e1068;
    --magenta9: #780650;
    --magenta10: #520339;
    --gray1: #ffffff;
    --gray2: #fafafa;
    --gray3: #f5f5f5;
    --gray4: #f0f0f0;
    --gray5: #d9d9d9;
    --gray6: #bfbfbf;
    --gray7: #8c8c8c;
    --gray8: #595959;
    --gray9: #434343;
    --gray10: #262626;
    --gray11: #1f1f1f;
    --gray12: #141414;
    --gray13: #000000;

    --main1: #e6f7ff;
    --main2: #bae7ff;
    --main3: #91d5ff;
    --main4: #69c0ff;
    --main5: #40a9ff;
    --main6: #1890ff;
    --main7: #096dd9;
    --main8: #0050b3;
    --main9: #003a8c;
    --main10: #002766;

    --main: #1677ff;


}


.app-logo {
  height: 40vmin;
  pointer-events: none;
}
html body{
  background-color: var(--gray3);
  min-height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  .app-logo {
    -webkit-animation: app-logo-spin infinite 20s linear;
            animation: app-logo-spin infinite 20s linear;
  }
}

.app-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.app-link {
  color: #61dafb;
}

@-webkit-keyframes app-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes app-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

html{
  height: 100%;
}
#root{
  height: 100%
}
.app{
  height: calc(100% - 20px);
}

.ml16{
  margin-left: 16px;
}
.mr16{
  margin-right: 16px;
}
.mb16{
  margin-bottom: 16px;
}

.ml10{
  margin-left: 10px;
}
.mt16{
  margin-top: 16px;
}
.m16{
  margin: 16px;
}
.build_time {
  position: fixed;
  right: 0px;
  bottom: 0px;
  background-color: rgb(255, 145, 0);
  color: #ffffff;
  padding: 5px;
  z-index: 99999999999;
  opacity: 0.7;
  font-size: 10px;
}

.child_com{
  background-color: #fff;
    border-radius: 10px;
}

.slider_layout{padding:10px;display:flex;height:100%;position:relative}.slider{margin-right:10px;position:fixed}.slider_copy{width:256px;padding-right:10px}.content{flex:1 1}