/*
    思普组件样式 v1.3.7
*/

/*Iteration============================================*/

html{font-size:16px;}
body,a,p,b,strong,dt,dd,textarea,select{padding:0;margin:0}
body {margin: 0;height:100vh;}
img{}
input{outline-style:none;}
input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear {display: none !important;}
a{text-decoration: none;}
p{font-size:13px}
h1{ font:700 32px SimHei;color:var(--Title);}
h2{ font:700 24px SimHei;color:var(--Title);}
h3{ font:700 20px SimHei;color:var(--Title);}
h4{ font:700 16px SimHei;color:var(--Title);}
h5{ font:700 14px SimHei;color:var(--Title);}
h6{ font:700 12px SimHei;color:var(--Title);}
svg{height:16px;width:16px;color:currentColor}
/* WebKit浏览器滚动条样式 */
*::-webkit-scrollbar { width: 8px; background-color: transparent;  transition: all 0.3s ease;}
*::-webkit-scrollbar-thumb { background-color: transparent;  border-radius: 4px;}
/* 悬停在父元素时显示滚动条 */
*:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3);}
/* Firefox浏览器滚动条样式 */
* {  scrollbar-width: thin;  scrollbar-color: transparent transparent;}
*:hover {  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;}


/*BS迭代----------------------*/
/*输入组*/
.input-group .input-group-text{ background-color:transparent; }
.input-group input.form-control{ border-left:none;border-right:none;padding-top:8px;padding-bottom:8px;font-size:13px }
.input-group input.form-control:focus{ border-color:var(--bs-border-color);box-shadow:none }
.input-group button{ border-color:var(--bs-border-color); }
/*导航条-横*/
.nav{ gap:0 8px }
.nav .nav-link { padding:4px 8px;border-bottom:3px solid #00000000;cursor:pointer;font:400 13px var(--FontfamilyText);color:var(--Text)  }
.nav .nav-link.active{ border-bottom:3px solid var(--Title);font-family:var(--FontfamilyTitle);font-weight:700;color:var(--Title)  }
/*导航条-竖*/
.nav.flex-column{ gap:0 0 }
.nav.flex-column .nav-item{ padding:8px 16px;}
.nav.flex-column .nav-section{ font:700 13px var(--FontfamilyTitle);color:var(--Primary);margin-top:24px;margin-bottom:12px; }
.nav.flex-column .nav-link{ padding:8px 16px;border-left:1px solid var(--Color-eee);border-bottom:none; }
.nav.flex-column .nav-link:hover{ border-left:1px solid var(--Title);color:var(--Title) }
.nav.flex-column .nav-link.active{ font-weight:700;color:var(--Title) }
.tab-panel{ display:none; }
.tab-panel.active{ display:block; }
/*按钮*/
.btn{ border-radius:4px }
.btn-primary{ background-color:var(--Primary);color:var(--White);font-size:13px }
.btn-primary:hover{ background-color:var(--Primary); }
/*开关组件*/
.form-check-input:focus{box-shadow:none }
.form-check-input:checked{background-color:var(--Primary); border-color:var(--Primary);}
/*警告框*/
.alert-warning { background-color:var(--Amber-100)}
/*下拉菜单*/
.dropdown-menu .dropdown-item{font-size:13px}

/*EU迭代----------------------------------------*/
.datagrid-cell, .datagrid-cell-group {font-size: 12px;line-height: 18px;}
/*去掉datagrid 左边一条 RowNumber 的细线*/
.datagrid-view1{border-right-width:0}
/* datagrid 滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 transparent*/
.datagrid-body::-webkit-scrollbar {width: 8px;height: 8px;background-color: transparent;}
/* 定义滚动条轨道 内阴影+圆角*/
.datagrid-body::-webkit-scrollbar-track { background-color: transparent;}
/* 定义滑块 内阴影+圆角*/
.datagrid-body::-webkit-scrollbar-thumb { background-color: rgb(221,222,224); border-radius: 6px;}
/*combo面板圆角*/
.panel.combo-p{ border-bottom-left-radius:8px;border-bottom-right-radius:8px; }
/* 去除 Tree相关组件上的 ICO图标 */
.tree-icon.tree-file { background: url(../Image/1.png) no-repeat center center}
.tree-icon.tree-folder { background: url(../Image/1.png) no-repeat center center}
.tree-icon { display: none }
.tree-title { padding: 0 6px }
/* 开关组件圆角  需要添加Class   radius */
.switchbutton {border-radius: 6px;font-family:SimHei}
.switchbutton .switchbutton-handle {border-radius: 6px;}
.switchbutton-on {background-color: #FFE48D;color: #333;font-weight: 700;}
.switchbutton-off {color: #333;font-weight: 700;}
/* 右键菜单项样式*/
.menu-text {  padding-left: 40px;}
/* Textbox右侧文字按钮*/
.textbox-button span{font-size:12px;}
/* datagrid 选中时的自定义颜色*/
/*.datagrid-row-selected { background: #5153BE; }*/
.datagrid-cell { font-size: 12px}
.datagrid-header-check input[type="checkbox"]:checked { accent-color: #5153BE; }
.datagrid-cell-check input[type="checkbox"]:checked { accent-color: #5153BE; }
/* pagination 选中时的自定义颜色*/
.l-btn-plain-selected {background: #5156BE}
.l-btn-plain-selected:hover {background: #4549A2    }
.l-btn-selected {background: #5156BE}
.l-btn-selected:hover { background: #4549A2 }
.tabs .tabs-title{ font:700 12px 'SimHei',Tahoma; }
/* Tabs-selected 文字和边框颜色   导航条在上面*/
.tabs li.tabs-selected .tabs-inner { color: #333; border-bottom: 2px solid #5156BE; }
.tabs .tabs-first { margin-left:12px }
.tabs li .tabs-inner { color: #999; }
/* Tabs-selected 文字和边框颜色  导航条在左面*/
.tabs-header-left .tabs li.tabs-selected .tabs-inner { border-right: 4px solid #5156BE;}
/* Tabs 工具条边框*/
.tabs-tool{border-style:none;}
/*datagrid 不显示表头时会有底部黑边框，强制去除*/
.panel-body-noheader .datagrid-header{ border-color:transparent!important }


















/*HTMLComponent============================================*/
/* 遮罩 */
.SPLoadingMask {position: absolute;z-index:22228;top:0;left:0;width:100%;height:100%;background:#FFF;display:flex;flex-direction:column;align-content:center;align-items:center;padding-top:300px}
/* 布局 */
.SPLayout-Bg0{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)),url('/img/SPbg3.png') no-repeat center; background-size:cover;background-attachment:fixed;}
.SPLayout-Bg1{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url('/img/SPbg1.png') no-repeat center; background-size:cover;background-attachment:fixed;}
.SPLayout-Bg2{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url('/img/SPbg2.png') no-repeat center; background-size:cover;background-attachment:fixed;}
.SPLayout-Bg3{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url('/img/SPbg3.png') no-repeat center; background-size:cover;background-attachment:fixed;}
.SPLayout-Bg4{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),url('/img/SPbg4.png') no-repeat center; background-size:cover;background-attachment:fixed;}
.SPLayout-Bg5{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),url('/img/SPbg5.png') no-repeat center; background-size:cover;background-attachment:fixed;}



/*菜单*/
.SPMenu.menu { padding: 8px 0; border-radius: 6px; filter: drop-shadow(6px 6px 6px #AAA);}
.SPMenu ~ .menu { padding: 8px 0; border-radius: 6px; filter: drop-shadow(6px 6px 6px #AAA);}
.SPMenu ~ .menu-shadow { border-radius: 6px}
.SPMenu .menu-sep { border-top: 1px solid #d3e3fd; margin: 8px 0;}
.SPMenu .menu-item { padding: 0 16px;}
.SPMenu .menu-text { padding: 0;}
.SPMenu svg { position: absolute; top: 8px;}
.SPMenu i { position: absolute; top: 8px;}
.SPMenu .menu-text-left { font-size: 12px!important;margin-left: 28px;}
.SPMenu .menu-text-right { position: absolute; right: 24px; font-size: 12px; color: #888}

/*文本禁选*/
.SPselect-none { user-select: none}
/*背景*/
.SPbg0 { background-color:var(--Background); }
.SPbg3 { background:linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('/assets/img/SPbg3.png') no-repeat center;background-size: cover;background-attachment: fixed; }
/* 背景-组合 */
.SPbg-svg {position: absolute;right: 8px;top: -2px;width:80px;height:80px;opacity: .03}
/*分隔线*/
.SPdividerV,.SPdividerV8{ display:inline-block;width:1px;height:8px;border-left:1px solid var(--Border2); }
.SPdividerV12{ display:inline-block;width:1px;height:12px;border-left:1px solid var(--Border2); }
.SPdividerV16{ display:inline-block;width:1px;height:16px;border-left:1px solid var(--Border2); }
.SPdividerV20{ display:inline-block;width:1px;height:20px;border-left:1px solid var(--Border2); }
.SPdividerH{ display:block;height:1px;border-top:1px solid var(--Border2); }


/*按钮类*/
.SPBtn { border:1px solid transparent;border-radius:4px;align-items:center;justify-content:center;display:inline-flex;cursor:pointer;transition: all 0.3s ease; }
.SPBtn:hover { background-color:var(--BackgroundHover);}
.SPBtn:active{}
.SPBtn:disabled{}
.SPBtn.SPBtn-bd { border:1px solid var(--Border);}
.SPBtn.SPBtn-primary { background-color: var(--Primary);color:#EEE}
.SPBtn.SPBtn-primary:hover { opacity:0.8 }

.SPImgBtn{ border:1px solid transparent;border-radius:4px;align-items:center;display:inline-flex;cursor:pointer ;transition: all 0.3s ease; }
.SPImgBtn:hover{ background-color:var(--Background);border:1px solid var(--Border);  }
.SPImgBtn.SPImgBtn-bd { border:1px solid var(--Border);}

.SPHover {opacity:0.7}
.SPHover:hover {opacity:1}


/*标签*/
.SPBadge{ padding:2px 8px;font-weight:400;font-size:11px;border:1px solid #ddd;border-radius:4px;cursor:pointer  }
.SPBadge:hover{ border-color:#ddd; }
.SPBadge-light{ background-color:#00000010 }
.SPBadge-dark{  background-color:#333;color:#FFF }
.SPBadge-secondary{ background-color:#000000DD;color:#FFF }
.SPBadge-primary{ background-color:#5153BE;color:#FFF }.SPBadge-primary-l{ background-color:#5153BE20; }
.SPBadge-success{ background-color:#518215;color:#FFF }.SPBadge-success-l{ background-color:#51821520; }
.SPBadge-warning{ background-color:#FA9900 }.SPBadge-warning-l{ background-color:#FA990020 }
.SPBadge-danger{ background-color:#A81820;color:#FFF }.SPBadge-danger-l{ background-color:#A8182030; }

/*链接*/
.SPLink{ cursor:pointer }
.SPLink:hover{ background-color:#5153BE11 }





/*键值对*/
.SPDataList {padding: 0}
.SPDataList .item {padding:6px 12px;border:1px solid transparent;display: flex;align-items: center;justify-content: flex-start}
.SPDataList .item:hover{ border-left:1px solid #5153BE }
.SPDataList .item > dt { flex-shrink:0;padding: 0px 12px;font:400 12px var(--FontfamilyText);color: var(--Subtext)}
.SPDataList .item > dd { flex:1; padding: 0 6px;font:400 12px var(--FontfamilyText);color: var(--Title)}

/*菜单*/
.SPMenuList { padding:0 8px;display:flex;flex-direction:column;gap:8px 0; }
.SPMenuList .button{ margin:8px 0;padding:4px 8px;background-color:#5153BE22;font-size:14px;border:1px solid var(--Border);border-radius:4px;text-align:center;cursor:pointer }
.SPMenuList .button:hover{ }
.SPMenuList .line{ margin:8px 0;height:1px;border-top:1px solid var(--Border) }

.SPMenuItem{border:1px solid #00000000;border-radius:4px;font-size:13px;display:flex;align-items:center;cursor:pointer; }
.SPMenuItem:hover{background-color:var(--BackgroundHover);border:1px solid var(--Border);}
.SPMenuItem .ico{height:32px;width:32px;display:flex;align-items:center;justify-content:center;}
.SPMenuItem .title{flex:1; padding:0 8px;color:var(--Title);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.SPMenuItem .text{flex:1; padding:0 8px;color:var(--Text);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.SPMenuItem .end{height:32px;width:32px;display:flex;align-items:center;justify-content:center;}
.SPMenuItem .end:hover{ opacity:0.7 ;}
.SPMenuItem .end svg{ transition: transform 0.3s ease; }
.SPMenuItem.collapsed .end svg{ transform: rotate(90deg); transform-origin: center; }



/*警告框*/
.SPAlert{ padding:6px 16px 4px;border:1px solid var(--Border);border-radius:4px;background-color:var(--Amber-200);font-size:14px;display:flex;align-items:center;justify-content:flex-start }



/* 提示 */
/* ====蓝色 */
.SPPrompt-Primary{ background-color:#5153BE22;padding:12px 12px 10px 16px;margin-top:12px;margin-bottom:24px;border-radius:6px;border:1px solid #DDD;display:flex;justify-content:flex-start}
.SPPrompt-Primary>.SPPrompt-ico{ width:68px;text-align:right;padding-bottom:2px;color:#333; }
.SPPrompt-Primary>.SPPrompt-body{ padding:4px 12px;flex:1;font:400 12px Tahoma;color:#666}
.SPPrompt-Primary>.SPPrompt-body>:first-child{margin-bottom:6px;font:700 14px Simhei,Tahoma;color:#333!important}
.SPPrompt-Primary>.SPPrompt-close{ cursor:pointer }
/* ====黄色 */
.SPPrompt-Warning{ background-color:#FFC10733;padding:12px 12px 10px 16px;margin-top:12px;margin-bottom:24px;border-radius:6px;border:1px solid #DDD;display:flex;justify-content:flex-start}
.SPPrompt-Warning>.SPPrompt-ico{ width:68px;text-align:right;padding-bottom:2px;color:#333; }
.SPPrompt-Warning>.SPPrompt-body{ padding:4px 12px;flex:1;font:400 12px Tahoma;color:#777}
.SPPrompt-Warning b{ color:#555}
.SPPrompt-Warning>.SPPrompt-body>:first-child{margin-bottom:6px;font:700 14px Simhei,Tahoma;color:#333!important}
.SPPrompt-Warning>.SPPrompt-close{ cursor:pointer }

/*折叠提示*/
.SPCollapsePrompt{ padding:12px 24px;background-color:#FAFAFA;border:1px solid #DDD;border-radius:6px; }
.SPCollapsePrompt>:first-child{ cursor:pointer;display:flex;justify-content:space-between;align-items:center; }
.SPCollapsePrompt>:first-child>:first-child{font:700 13px SimHei;display:flex;align-items:center}
.SPCollapsePrompt>:first-child>:last-child{padding:8px 12px;transition: transform 0.4s ease;}
.SPCollapsePrompt>:last-child{ font-size:12px }
.SPCollapsePrompt.collapsed>:first-child>:last-child{ transform: rotate(180deg); }









/* ====列表页 */
.SPHeaderBar{height:52px;width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #DDD;background-color:white}
.SPFooterPagination{height:50px;width:100%;display:flex;align-items:center;border-top:1px solid #EEE;background-color:white}

/* ====详细页 */
.SPFooterBar{width:100%;padding:0 24px;display:flex;justify-content:space-between; align-items:center;background-color:#FAFAFA}
.SPFooterBar>:first-child { display:flex;align-items:center}
.SPFooterBar>:last-child { display:flex;align-items:center;font:700 13px SimHei,Tahoma}


/*布局-北中南*/
.SPLayout{height:100%;width:100%;margin:0;display:flex;flex-direction:column;}
/*布局-北(基本)*/
.SPLayout>.SPNorth{height:40px;width:100%;}
/*布局-北(Tab版)*/
.SPLayout>.SPNorth-Tab{height:32px;width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DDD;background-color:#F0F0F0}
.SPLayout>.SPNorth-Tab>ul{ height:100% }
.SPLayout>.SPNorth-Tab>ul>li { height:100%;margin-right:12px;}
.SPLayout>.SPNorth-Tab>ul>li>:first-child {height:100%;padding:0 8px;color:#888; border-bottom:2px solid #00000000;display:flex;align-items:center;cursor:pointer;}
.SPLayout>.SPNorth-Tab>ul>li .active{border-bottom:2px solid #5153BE;color:#333}
.SPLayout>.SPNorth-Tab>:last-child {display:flex;justify-content:flex-end;align-items:center }
/*布局-中(基本)*/
.SPLayout>.SPCenter{ flex:1;height:100%;width:100%; }
.SPLayout>.SPCenter .tab-pane{ height:100%;width:100%; }
/*布局-南(基本)*/
.SPLayout>.SPSouth{height:60px;width:100%;}
/*布局-南（Btn版）*/
.SPLayout>.SPSouth-Btn{height:60px;width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #DDD;background-color:#FAFAFA}
.SPLayout>.SPSouth-Btn>:first-child { display:flex;align-items:center}
.SPLayout>.SPSouth-Btn>:last-child { display:flex;align-items:center}




/*分割线*/
.SPDivider-V{ width:1px;height:12px;margin:0 4px;border-left:1px solid #ddd }
.SPDivider-H{ height:1px;border-top:1px solid #DDD }
.Divider-V{ width:1px;height:16px;border-left:1px solid #DDD }
.Divider-H{ height:1px;border-top:1px solid #DDD }












/*组合框*/
.SPComboBox{position:relative;width:100%;display:flex;align-items:center;border-bottom:1px solid #CCC}
.SPComboBox:focus-within{border-bottom:1px solid #7A9AE7;}
.SPComboBox input{display: block;width:100%;padding-bottom: 0px; background-color: transparent; border: 1px solid transparent;}
.SPComboBox>input:focus{outline:0;}
.SPComboBox>.icon_end{padding:0 2px;opacity:0.8;cursor:pointer}
.SPComboBox>.icon_end:hover{opacity:1}
.SPComboBox>.optionContainer{position:absolute;border: 1px solid #CCC;border-top: none;border-radius: 0 0 4px 4px;background: white;max-height: 200px;overflow-y: auto;z-index: 1000;display:none;box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);}
.SPComboBox>.optionContainer>.optionItem{padding:8px 12px;font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;cursor:pointer }
.SPComboBox>.optionContainer>.optionItem>:first-child{font:700 12px simhei ;color:#333 }
.SPComboBox>.optionContainer>.optionItem>:last-child{margin-left:8px;font-size:11px;color:#999 }
.SPComboBox>.optionContainer>.optionItem:hover{background-color:#5153BE11 }



/*搜索框 EUI版*/
.SPSearchBoxEUI{display:flex;align-items:center;border-bottom:1px solid #DDD;padding:0 0}
.SPSearchBoxEUI:focus-within{border-bottom:1px solid #7A9AE7;}
.SPSearchBoxEUI .SearchKey{min-width:120px;padding:6px 0;border:1px solid #FFFFFF00;font-size:12px}
.SPSearchBoxEUI .SearchKey>:first-child{color:#333}
.SPSearchBoxEUI .SearchKey>:last-child{margin-left:24px;color:#999}
.SPSearchBoxEUI .SearchMenu{width:200px;}
.SPSearchBoxEUI .Divider{width:1px;height:16px;margin:0 8px 0 4px;border:1px solid #888;}
.SPSearchBoxEUI .SearchValue{flex:1;min-width:200px;display: block; width: 100%;font-size:12px; background-color: transparent;border-color:transparent;}
.SPSearchBoxEUI .SearchValue:focus{ outline:0; }


/*搜索框*/
.SPSearchBox {padding:6px 8px 4px 8px;display:flex;align-items:center;border:1px solid #DEE2E6;border-radius:4px;background-color:white;}
.SPSearchBox .SPDropdownMenu{padding:0 8px 0 8px ;font-size:12px;color:#333}
.SPSearchBox .dropdown-menu{border-radius:4px }
.SPSearchBox .SPDivider{width:1px;height:20px;display:inline-block;margin:auto 4px;border-left:1px solid #CCC;}
.SPSearchBox .middleIcon{display:inline-block;margin:auto 4px;font-size:13px;opacity:0.7}
.SPSearchBox .middleIcon:hover{opacity:1}
.SPSearchBox input{min-width:200px;flex:1;display: block; width: 100%;font-size:12px; background-color: transparent;border-color:transparent;}
.SPSearchBox input:focus{ outline:0; }
.SPSearchBox .endIcon{margin:auto 2px;font-size:13px;cursor:pointer;display:flex;align-items:center;opacity:0.1}
.SPSearchBox .endIcon:hover{opacity:1}







/*下拉列表*/
.SPDropdownMenu{display:inline-block;}
.SPDropdownMenu>:first-child{cursor:pointer}
.SPDropdownMenu .SPDropdownItem{width:200px;padding:8px 12px;font-size:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;opacity:0.7}
.SPDropdownMenu .SPDropdownItem:hover{background-color:#EEE;opacity:1}
.SPDropdownMenu .SPDropdownItem>:first-child{color:#000;}
.SPDropdownMenu .SPDropdownItem>:first-child>:first-child{width:auto;min-width:15px;display:inline-block;}
.SPDropdownMenu .SPDropdownItem>:first-child>:last-child{margin-left:8px}
.SPDropdownMenu .SPDropdownItem>:last-child{font-size:12px;color:#888}





/* 表格 */
.SPTable-Toolbar{height:40px;padding:0 20px;border-bottom:1px solid #DDD;display:flex;align-items:center }
.SPTable{table-layout:fixed;font-size:12px;}
/* ====bootstrap-table单元格样式 */
.SPTable .fixed-columns *{padding:0}
.SPTable .fixed-columns-right .table-hover:hover{background-color:red}
.SPTableHeader { padding:8px 0 6px 0!important;font-size:13px;font-weight:400;color:#666!important;}
.SPCellStyle{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.SPCellStyle .SPCellBadges{ border-radius:3px;padding:2px 6px;font-size:11px;display:inline-block}


.SPCellTag-Grey{padding:1px 6px;display:inline-block;border-radius:3px;background-color:#888888;color:#FFF;font-size:11px;}
.SPCellTag-Red{padding:1px 6px;display:inline-block;border-radius:3px;background-color:#A81820;color:#FFF;font-size:11px;}
.SPCellTag-Green{padding:1px 6px;display:inline-block;border-radius:3px;background-color:#518215;color:#FFF;font-size:11px;}
.SPCellTag-Blue{padding:1px 6px;display:inline-block;border-radius:3px;background-color:#5153BE;color:#FFF;font-size:11px;}
.SPCellTag-Yellow{padding:1px 6px;display:inline-block;border-radius:3px;background-color:#FF6D28;color:#FFF;font-size:11px;}


.SPCellTags{padding:1px 3px;margin-right:4px;margin-bottom:2px;border-radius:4px;border:1px solid #DDD;background-color:#ffc107;color:#333}
.SPCellTags-P{padding:1px 3px;margin-right:4px;margin-bottom:2px;border-radius:4px;border:1px solid #DDD;background-color:#5153BE22;color:#333}
.SPCellTags-W{padding:1px 3px;margin-right:4px;margin-bottom:2px;border-radius:4px;border:1px solid #DDD;background-color:#ffc107;color:#333}



/* 菜单 仿谷歌*/
.SPMenu.menu { padding: 8px 0; border-radius: 6px; filter: drop-shadow(6px 6px 6px #AAA);}
.SPMenu ~ .menu { padding: 8px 0; border-radius: 6px; filter: drop-shadow(6px 6px 6px #AAA);}
.SPMenu ~ .menu-shadow { border-radius: 6px}
.SPMenu .menu-sep { border-top: 1px solid #d3e3fd; margin: 8px 0;}
.SPMenu .menu-item { padding: 0 16px;}
.SPMenu .menu-text { padding: 0;}
.SPMenu svg { position: absolute; top: 8px;}
.SPMenu i { position: absolute; top: 8px;}
.SPMenu .menu-text-left { font-size: 12px!important;margin-left: 28px;}
.SPMenu .menu-text-right { position: absolute; right: 24px; font-size: 12px; color: #888}

/* 分页 */
.SPPagination{width:100%;margin:0 12px 0 12px;display:flex;justify-content:space-between;align-items:center;background-color:white;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.SPPagination * {margin: 0;}
.SPPagination .Left{height:31px;line-height:31px;margin-left:24px;font-size:12px;}
.SPPagination .Right{margin-right:12px;flex:1;display:flex;align-items:center;justify-content:flex-end;}
.SPPagination .Right>select{height:31px;width:100px;background-size:12px 12px;padding:4px 30px 4px 8px;margin-right:24px;font-size:12px;border-radius:4px}
.SPPagination .Right>ul{}
.SPPagination .page-item{}
.SPPagination .page-link{height:30px}
/* ====调整 active 遮挡问题 */
.SPPagination .active>.page-link{z-index:0;}



/* 表单 */
.SPForm { font-size:12px; }
.SPForm *{ padding:0;}

/* ====标题 */
.SPForm .SPHeader{ padding:0 0 2px;display:flex;justify-content:space-between;border-bottom:1px solid #CCC;}
.SPForm .SPHeader>:first-child{width:100px;padding-right:8px;font-family:'SimHei',Tahoma;font-weight:700;font-size:15px;color:#222;display:flex;justify-content:flex-end;align-items:flex-end;}
.SPForm .SPHeader>:last-child{flex:1;padding:1px 8px;font-family:Tahoma;font-size:11px;color:#555;display:flex;justify-content:flex-start;align-items:flex-end}
/* ====提示 */
.SPForm .SPPrompt{ background-color:#5153BE22;padding:12px;margin-top:12px;margin-bottom:24px;border-radius:6px;border:1px solid #DDD;display:flex;justify-content:flex-start}
.SPForm .SPPrompt-Warning{ background-color:#FFC10733;padding:12px;margin-top:12px;margin-bottom:24px;border-radius:6px;border:1px solid #DDD;display:flex;justify-content:flex-start}
.SPForm .SPPrompt .SPPrompt-ico{ width:70px;text-align:right;padding-top:2px;color:#333; }
.SPForm .SPPrompt .SPPrompt-body{ padding:4px 16px;flex:1;font:400 12px Tahoma;color:#666}
.SPForm .SPPrompt .SPPrompt-body>:first-child{margin-bottom:6px;font:700 14px Simhei,Tahoma;color:#333!important}
.SPForm .SPPrompt .SPPrompt-close{ cursor:pointer }

/* ====章节 */
.SPForm .SPSection{margin-top:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.SPForm .SPSection>:first-child{width:100px;display:flex;justify-content:flex-end;align-items:flex-end; font:700 12px SimHei;color:#333; }
.SPForm .SPSection>:last-child{width:100%;margin:0 8px; padding:0 12px;font-size:10px;color:#999 }
/* ====自定 */
.SPForm .SPCustom{ width:100%;height:100%;padding:2px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCC}
.SPForm .SPCustom:has(input:invalid){ border-bottom:1px solid #E7957A;}
.SPForm .SPCustom>:first-child:not(input){ padding:0 2px;color:#333}
.SPForm .SPCustom>:last-child:not(input){ padding:0 2px;font-size:11px;opacity:0.8;cursor:pointer}
.SPForm .SPCustom>:last-child:not(input):hover{opacity:1;}
.SPForm .SPCustom input{ flex:1; display: block; width: 100%;font-size:13px; background-color: transparent;border-color:transparent; }
.SPForm .SPCustom input:focus{ outline:0; }
/* ====行下提示 */
.SPForm .SPMsgUnderRow{height:24px;text-align:left;padding-left:2px;font-size:11px;color:#F64041;}
.SPForm .SPMsgUnderRow.info{color:#0052D9;}
.SPForm .SPMsgUnderRow.success{color:#1AAD19;}
.SPForm .SPMsgUnderRow.danger{color:#F64041;}

/* ====字段 */
.SPForm .SPField { position: relative;margin:4px 0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center; }
.SPForm .SPField>:first-child{ width:100px;min-width:100px;height:100%;padding-right:8px;color:#777;display:flex;justify-content:flex-end;align-items:center;cursor:help; }
.SPForm .SPField>:last-child{ flex:1;height:100%;padding:0 8px;color:#333;display:flex;align-items:center; }
.SPForm .SPField .SPField-Input{display: block; width: 100%;padding: 2px 4px;background-color: transparent; border: 1px solid transparent;border-bottom:1px solid #DFDFDF;}
.SPForm .SPField .SPField-Input:disabled{background-color:#FAFAFA;color:#999}
.SPForm .SPField .SPField-Input:focus{ outline:0;border-bottom:1px solid #7A9AE7; }
.SPForm .SPField .SPField-Input:invalid{ border-bottom:1px solid #E7957A; }
.SPForm .SPField .form-switch{ margin-left:36px; }



.SPForm .SPField .SPField-Select{display: block;width: 100%;padding: 2px 24px 2px 4px;background-color: transparent;border: 1px solid transparent;border-bottom: 1px solid #DFDFDF;appearance: none;background: url("/assets/ico/arrow16.png") no-repeat right 4px center; }
.SPForm .SPField .SPField-Select>option{color:#666;}
.SPForm .SPField .SPField-Select>option:checked{color:#5153BE;}
.SPForm .SPField .SPField-Select>option:hover{background-color:#5153BE}
.SPForm .SPField .SPField-Select:disabled{background-color:#FAFAFA;color:#999}
.SPForm .SPField .SPField-Select:focus{ outline:0;border-bottom:1px solid #7A9AE7; }
.SPForm .SPField .SPField-Select:invalid{ border-bottom:1px solid #E7957A; }

.SPForm .SPField input[type="month"]::-webkit-calendar-picker-indicator { margin-right:-1px;opacity:0.6}
.SPForm .SPField input[type="week"]::-webkit-calendar-picker-indicator { margin-right:-1px;opacity:0.6}
.SPForm .SPField input[type="date"]::-webkit-calendar-picker-indicator { margin-right:-1px;opacity:0.6}
.SPForm .SPField input[type="time"]::-webkit-calendar-picker-indicator { margin-right:-3px;opacity:0.6}
.SPForm .SPField input[type="datetime-local"]::-webkit-calendar-picker-indicator { margin-right:0;opacity:0.6}

.SPForm .SPField .SPField-TextArea{display: block; width: 100%;padding: 2px 4px;background-color: transparent; border: 1px solid transparent;border-bottom:1px solid #DFDFDF;border-radius:6px;outline:none;resize: none; }
.SPForm .SPField .SPField-TextArea:disabled{background-color:#FAFAFA;color:#999}
.SPForm .SPField .SPField-TextArea:focus{ outline:0;border-bottom:1px solid #7A9AE7;content: none; }
.SPForm .SPField .SPField-TextArea:invalid{ border-bottom:1px solid #E7957A; }

/*====多行字段（TextArea）*/
.SPForm .SPField-TextArea{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;margin:4px 0}
.SPForm .SPField-TextArea>:first-child{ width:100px;min-width:100px;height:100%;padding-right:8px;padding-top:4px; color:#777;display:flex;justify-content:flex-end;align-items:center;cursor:help; }
.SPForm .SPField-TextArea>:last-child{ flex:1;height:100%;padding:0 8px;color:#333;display:flex;align-items:center; }
.SPForm .SPField-TextArea textarea{display: block; width: 100%;padding: 2px 4px;background-color: transparent;border:1px solid #DFDFDF;border-radius:4px;outline:none;resize: none;}
.SPForm .SPField-TextArea textarea:disabled{background-color:#FAFAFA;color:#999}
.SPForm .SPField-TextArea textarea:focus{ outline:0;border:1px solid #7A9AE7;}
.SPForm .SPField-TextArea textarea:invalid{ border:1px solid #E7957A; }



.SPAIChat-ContentItem{ margin-top:24px }
.SPAIChat-ContentItem .user{padding:6px 12px;margin-top:24px;display:inline-block;background-color:#5153BE22;border:1px solid #DDD;border-radius:4px;font:400 14px Tahoma;white-space: pre-wrap;}
.SPAIChat-ContentItem .status{margin-top:16px;}
.SPAIChat-ContentItem .assistant{padding:0 12px;margin-top:8px;white-space: pre-wrap;}
.SPAIChat-ContentItem .assistant>think{background-color:rebeccapurple}
.SPAIChat-ContentItem .toolbar{padding:0 12px;margin-top:12px;padding-top:8px;display:flex;gap:16px;border-top:1px solid #DDD}
.SPAIChat-ContentItem .toolbar>*{cursor:pointer;}
.SPAIChat-ContentItem .toolbar>*:hover{color:#5153BE99;}



.SPAIChat-Input {border: 1px solid #ccc;border-radius: 8px;background-color: white;box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);}
.SPAIChat-Input textarea{ width:100%;height:100%;min-height:80px;max-height:120px;padding:8px 12px;outline:none;border-radius: 8px;overflow-y:auto;border:none;resize: none; }
.SPAIChat-Input .footer{ display:flex;justify-content:space-between;align-items:center;padding:8px 24px;border-top:1px solid #DDD }





















/*SPComponent===================================================*/
/*通知器*/
#SPNoticeContainer {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 22228;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    pointer-events: none;
}
#SPNoticeContainer>:first-child{ opacity:1 }
.SPNotice {
    width:480px;
    opacity:0.75;
    margin:12px 4px;
    padding:16px 32px;
    background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    color:#FFF;
    border-radius:6px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.5);
    pointer-events:auto; 
    display:flex;
    align-items:center;
}
.SPNotice-closing {animation: SPNoticeFadeOut 1s forwards;}
@keyframes SPNoticeFadeOut {from {  transform: translateY(0); }to{ opacity: 0; transform: translateY(-12px); }}
/*主题*/
.SPNotice.SPNotice-primary  { background-color: #5153BE; }
.SPNotice.SPNotice-info     { background-color: #5153BE; }
.SPNotice.SPNotice-success  { background-color: #518215; }
.SPNotice.SPNotice-danger   { background-color: #A81820; }
.SPNotice.SPNotice-warning  { background-color: #FA9900; }
.SPNotice.SPNotice-help     { background-color: #6A6A6A; }
/*子件*/
.SPNotice .icon { align-self:self-start; }
.SPNotice .content { flex:1;padding-left:12px}
.SPNotice .title { padding-top:2px;font-weight:700;font-size:17px; }
.SPNotice .body { font-size:13px; }

/**/
.SPPrompt .modal-body{padding:24px 32px}
.SPPrompt .modal-body .title{font-size:18px;font-weight:700}
.SPPrompt .modal-body .text{margin-top:12px;font-size:13px;font-weight:400;}

/*SPDialog*/
.SPDialog-nowindow .modal-header{ display:none }
.SPDialog-nowindow .modal-content{ background-color:transparent;border:none }



/**/
.SPDrawer{  }
.SPDrawer .offcanvas-header{ border:1px solid #EEE;background-color:#FAFAFA }
.SPDrawer .offcanvas-body{ padding:0 }




/* 分页 */
.SPPagination{width:100%;margin:0 12px 0 12px;display:flex;justify-content:space-between;align-items:center;background-color:white;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.SPPagination * {margin: 0;}
.SPPagination .Left{height:31px;line-height:31px;margin-left:24px;font-size:12px;}
.SPPagination .Right{margin-right:12px;flex:1;display:flex;align-items:center;justify-content:flex-end;}
.SPPagination .Right>select{height:31px;width:100px;background-size:12px 12px;padding:4px 30px 4px 8px;margin-right:24px;font-size:12px;border-radius:4px}
.SPPagination .Right>ul{}
.SPPagination .page-item{}
.SPPagination .page-link{height:30px}
/* ====调整 active 遮挡问题 */
.SPPagination .active>.page-link{z-index:0;}