/* 
V2020102717
*/

:root {
    --app-el-border-color: var(--el-border-color);
    --app-el-border-color-hover: #0372ca33;
    --app-el-border-color-active: #0372ca66;
    --app-el-box-shadow: -1px -1px 1px 2px #0372ca50 inset;
    --app-el-box-shadow-hover: -1px -1px 2px 2px var(--app-el-border-color) inset;
    --app-el-box-shadow-active: 1px 1px 2px 2px var(--app-el-border-color) inset;
    --app-el-input-bg-color: rgba(3,92,179,0.7);
    --app-input-color: #f2e6ff;
}

html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%;}
*{-webkit-tap-highlight-color:transparent;outline:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,select,textarea,th,td{margin:0;padding:0;vertical-align:baseline;}
i,em{font-style:normal}
ol,ul{list-style:none}
body{margin:0 auto;min-width:320px;max-width:98%;position:relative;height:100%;background:#eef2f7;font-size:18px;
	font-family:'宋体',Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;line-height:1.5;color:#1e1e1e;
	-webkit-text-size-adjust:100% !important;position:relative;}
table{width:100%;word-wrap:break-word; word-break:break-all;}
tr{background-color:#ffffff00;text-align:center;vertical-align:middle;font-size:100%;font-family:inherit;color:#173a7e}
h2 b{color: var(--app-input-color);font-size: 28px;}

input,select{vertical-align:middle;max-width:98%;font-size:100%;font-family:inherit;background-color: var(--app-el-input-bg-color);color: var(--app-input-color);
width:80%;height:100%;border:none;cursor:pointer;
padding:6px 4px 6px;font-family:inherit;
}
input::placeholder,
select::placeholder{color: var(--app-el-input-bg-color);}
select option{background-color: var(--app-el-input-bg-color);}


input:-internal-autofill-selected,
input:-internal-autofill-previewed {
    /* color: var(--app-input-color); */
    -webkit-text-fill-color:  var(--app-input-color) !important; /* 设置文字颜色 */
    background-color: var(--app-el-input-bg-color) !important; /* 背景透明 */
    /* background-image: none !important; 移除背景图 */
    /* box-shadow: 0 0 0 1000px var(--app-el-input-bg-color) inset !important; 用内阴影覆盖背景 */
    transition: background-color 99999s ease-in-out 0s !important; /* 延缓变化 */
}

td{padding:10px 0px 10px;vertical-align:middle;}
textarea{font-size:100%;font-family:inherit;padding:4px 4px 4px;width:90%;height:100px;}

a{color:#c6c6ff;font-weight:700;}
a:hover{color:#d1a2cf;}

.pad_big{padding:20px 0px 20px;}
.pad_med{padding:10px 0px 10px;}
.pad_sml{padding:4px 0px 4px;}
.pad_null{padding:0px 0px 0px;}
    
.cl_bk{background-color:#eef2f7;}


.tips{background-color:#cdf;}
.epty{height:40px;}

.foot{background-color:#eef2f7;color:#ccc;}
.t_l{text-align:left;}
.user{background-color:#eee;}

.jps{background-color:#eee;}
.title,.ips,.epty{background-color:#dfe7f0;color:#343432;}

.title td{padding:10px 0px 0px;}
.jps{cursor:pointer;}
.ips td{padding:0px 0px 0px;}
.ips input{width:10%;}
.narrow td{padding:4px 0px 4px;}

.TdSub{user-select:none;padding:10px 4px 10px;cursor:pointer;border-radius:4px;
		-webkit-transition:background .15s linear;transition:background .15s linear;
		background-color:#effcf1;color:#0b006f;box-shadow:-1px -1px 4px 2px gray inset;}
.TdSub:hover{background-color:#e2fedc;color:#0e008c;box-shadow:-1px -1px 4px 2px #8c8c8c inset;}
.TdSub:active{background-color:#e3fde7;color:#0d0082;box-shadow:1px 1px 4px 2px gray inset;}

.TdSubR{user-select:none;padding:10px 4px 10px;cursor:pointer;border-radius:4px;
		-webkit-transition:background .15s linear;transition:background .15s linear;
		background-color:#fdd5ce;color:#0b006f;box-shadow:-1px -1px 4px 2px gray inset;}
.TdSubR:hover{background-color:#fedfda;color:#0e008c;box-shadow:-1px -1px 4px 2px #8c8c8c inset;}
.TdSubR:active{background-color:#feeae7;color:#0d0082;box-shadow:1px 1px 4px 2px gray inset;}

.TdJump{user-select:none;cursor:pointer;font-weight:700;
		-webkit-transition:background .15s linear;transition:background .15s linear;
		color:#0000ff;}
.TdJump:hover{color:#a002ce;}
.TdJump:active{color:#0269db;}

.TdSubDis{user-select:none;padding:10px 4px 10px;border-radius:4px;
			  background-color:#e7fcfe;color:#371d3f;box-shadow:0px 0px 2px 1px gray inset;}
.TdEmpty{user-select:none;padding:0px 4px 0px;background-color:#eef2f7;color:#eef2f7;}			  
.TrEmpty{user-select:none;padding:4px 0px 0px;background-color:#eef2f7;color:#eef2f7;}	
.fileup input{}

.mengban{width:100%;height:100%;display: none;position: fixed;
    top: 0px;bottom: 0px;left: 0px;right: 0px; z-index: 20002;
    filter:alpha(opacity=90);background-color: #777;opacity: 0.5;-moz-opacity: 0.5;}

.mengban1{width:100%;height:100%;display: none;position: fixed;
    top: 0px;bottom: 0px;left: 0px;right: 0px; z-index: 20001;
    filter:alpha(opacity=100);background-color: #777;opacity: 1;-moz-opacity: 1;}

.sel_single{user-select:none;overflow:hidden;}
.sel_single td{padding:0px 0px 0px;border-radius:4px;}
.sel_single input {display:none;}
.sel_single label {padding:20px 0px 20px;cursor: pointer;position: relative; display:block;
	width:100%;height:100%; line-height:100%;
	border-radius:4px;box-shadow:-1px -1px 4px 2px gray inset;
	-webkit-transition:background .15s linear;transition:background .15s linear;}
.sel_single input:checked + label{background-color: #8dff8a;color:#440500;box-shadow:1px 1px 4px 2px gray inset;}
.sel_single input:active + label{background-color: #acffaa;color:#440500;box-shadow:1px 1px 4px 2px gray inset;}

.bt_file_up{user-select:none;overflow:hidden;}
.bt_file_up td{padding:0px 0px 0px;border-radius:4px;}
.bt_file_up input {display:none;}
.bt_file_up label {padding:20px 0px 20px;cursor: pointer;position: relative; display:block;
	width:100%;height:100%; line-height:100%;
	-webkit-transition:background .15s linear;transition:background .15s linear;}
.bt_file_up input:active + label{box-shadow:1px 1px 4px 2px gray inset;}

.ftmenu{width:100%;position: fixed;user-select:none;overflow:hidden;
    bottom: 0px;left: 0px;right: 0px; z-index: 10000;box-shadow:0px -2px 3px -1px #7ba7ce;}
.ftmenu table{border-collapse:collapse;border-spacing:0px;}
.ftmenu td{padding:0px 0px 0px;border:1px solid #7ba7ce;}
.ftmenu input {display:none;}
.ftmenu label {padding:20px 0px 20px;cursor: pointer;position: relative; display:block;
	width:100%;height:100%; line-height:100%;background-color: #ffffff;color:#525252;
	-webkit-transition:background .15s linear;transition:background .15s linear;}
.ftmenu input:checked + label{background-color:#ffffff;color:#1c02ff;}

.bt_single{user-select:none;overflow:hidden;}
.bt_single td{padding:0px 0px 0px;}
.bt_single input {display:none;}
.bt_single label {padding:20px 0px 20px;cursor: pointer;position: relative; display:block;
	width:100%;height:100%; line-height:100%;border-radius:4px;
	-webkit-transition:background .15s linear;transition:background .15s linear;
	background-color:#ceeefd;color:#0b006f;box-shadow:-1px -1px 4px 2px gray inset;}
.bt_single input:active + label{background-color:#e3f5fd;color:#0d0082;box-shadow:1px 1px 4px 2px gray inset;}
.bt_single input:checked + label{cursor: auto;background-color:#e7fcfe;color:#371d3f;box-shadow:0px 0px 2px 1px gray inset;}
.bt_single input:unchecked + label{cursor: auto;background-color:#e7fcfe;color:#371d3f;box-shadow:0px 0px 2px 1px gray inset;}

.tipsdlg{display: block;position: fixed;padding:10px 10px 40px;
    top: 20%;left: 5%;right: 5%; z-index: 10005;
    filter:alpha(opacity=90);background-color: #fff;opacity: 1;-moz-opacity: 1;}
    

.spinner {margin: 15% 65% 85% 35%;position: relative;vertical-align:middle;padding-bottom: 30%;width: 30%;height: 0;}
.container1 > div, .container2 > div, .container3 > div {
  width: 30%;height: 30%;background-color: #016765;
  border-radius: 100%;position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .spinner-container {position: absolute;width: 100%;height: 100%;}
.container2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.container3 {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.container3 .circle1 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.container1 .circle2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.container2 .circle2 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.container3 .circle2 {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.container1 .circle3 {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.container2 .circle3 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.container3 .circle3 {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.container1 .circle4 {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.container2 .circle4 {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.container3 .circle4 {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) }40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);} 40% {transform: scale(1.0);-webkit-transform: scale(1.0);}}

textarea{width:80%;height:100%;border:none;cursor:pointer;background-color:transparent;}
.index1 td{background-color:#efefdd;}
.tdcnst {background-color:#fafafa;}
.tdinpt {background-color:#ffffff;}
.tdinpt input{background-color:transparent;}
.tdinpt textarea{background-color:transparent;}

.printtab {border-right:1px solid #999999;border-top:1px solid #999999;border-collapse:collapse;}
.printtab tbody tr td{border-left:1px solid #999999;border-bottom:1px solid #999999;color:#000000;}
.printtab tbody tr td input{color:#000000;}
.printtab tbody tr td textarea{color:#000000;}
.printtab tbody tr td a{color:#020281;font-weight:700;}
.printtab tbody tr td a:hover{color:#3d003a;}


.cl_trans{background-color:transparent;}

.sel_check{user-select:none;overflow:hidden;}
.sel_check td{padding:0px 0px 0px;border-radius:4px;}
.sel_check input {display:none;}
.sel_check label {padding:4px 0px 4px;cursor: pointer;position: relative; display:block;
	width:100%;height:100%; line-height:100%;
	border-radius:4px;box-shadow:-1px -1px 4px 2px gray inset;
	-webkit-transition:background .15s linear;transition:background .15s linear;}
.sel_check input:checked + label{background-color: #8dff8a;color:#440500;box-shadow:1px 1px 4px 2px gray inset;}
.sel_check input:active + label{background-color: #acffaa;color:#440500;box-shadow:1px 1px 4px 2px gray inset;}

.TdSubY{user-select:none;padding:10px 4px 10px;cursor:pointer;border-radius:4px;
		-webkit-transition:background .15s linear;transition:background .15s linear;
		background-color:#fefdd1;color:#0b006f;box-shadow:-1px -1px 4px 2px gray inset;}
.TdSubY:hover{background-color:#fefdda;color:#0e008c;box-shadow:-1px -1px 4px 2px #8c8c8c inset;}
.TdSubY:active{background-color:#fefde2;color:#0d0082;box-shadow:1px 1px 4px 2px gray inset;}

.Small {padding:0px 0px 0px;}
.Small td{padding:0px 0px 0px;}

.PrtNarrow {padding:0px 0px 0px;color:#000000;white-space:pre-wrap;}
.PrtNarrow td{padding:0px 0px 0px;color:#000000;white-space:pre-wrap;}

.cl_r{background-color:#fdc2bd;}
.cl_y{background-color:#f8ffb0;}
.cl_org{background-color:#ffe6b0;}

.text_activate{color:#00aa00;}
.text_failure{color:#999999;}
.text_error{color:#990000;}
.text_waring{color:#bbbb00;}







.light_on{
	color:#ebf9fc;
}
.light_off{
	color:#10ccf3;
}


.rgba_bg_blue{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:#040a8a;
  background-size: cover; /* 或者使用 background-size: 100% 100%; 根据需要 */
  z-index: -2; /* 确保背景在内容之下 */
}

.rgba_bg{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:#ffffff;
  background-image: url('/res/bg4.jpg');/*  你的背景图片 */
  background-size: cover; /* 或者使用 background-size: 100% 100%; 根据需要 */
  z-index: -2; /* 确保背景在内容之下 */
}

.rgba_bg_print{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:#ffffff;
  background-size: cover; /* 或者使用 background-size: 100% 100%; 根据需要 */
  z-index: -1; /* 确保背景在内容之下 */
}

.cont_app{
	position:absolute;
	left: 1%;
	width: 100%;
}


.app_is-right {
	text-align: right;
}

.app_el-card {
	backdrop-filter: blur(5px);
	border-radius: 4px;
    background-color: #00000000;
    overflow: hidden;
    color: var(--el-text-color-primary);
    transition: 0.3S;
}

.app_el-card_body {
    padding: 20px;
}

.app_el_input {
    cursor:pointer;
    border: 1px solid var(--app-el-border-color);
    height: 32px;
    position: relative;
    font-size: 14px;
    display: inline-flex;
    width: 100%;
    line-height: 32px;
    box-sizing: border-box;
    vertical-align: middle;
    border-color: var(--app-el-border-color);
}

.app_el_button {
    user-select:none;padding:10px 4px 10px;cursor:pointer;border-radius:4px;
	-webkit-transition:background .15s linear;transition:background .15s linear;
	box-shadow:-1px -1px 4px 2px gray inset;
}
.app_el_button:hover{box-shadow:-1px -1px 4px 2px #8c8c8c inset;}
.app_el_button:active{box-shadow:1px 1px 4px 2px gray inset;}



.app_el_input_wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    background-color: #00000000;
    background-image: none;
    border-radius: 0px;
    transition: box-shadow 0.2S cubic-bezier(.645, .045, .355, 1);
    box-shadow: 0 0 0 1px var(--app-el-border-color),inset;
}
.app_el_input_wrapper:hover{background-color: var(--app-el-border-color-hover); box-shadow: 0 0 0 1px #23b994,inset;}

.app_el_input_inner {
    --el-input-inner-height: 30px;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-text-color-primary);
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
}

.app_is-always-shadow{
	box-shadow: 5px,5px,12px,5px,#333333;
}

.app_tr_label td{
	backdrop-filter: blur(5px);
	padding: 4px 7px;
	line-height: 23px;
	font-weight: 700;
	font-size: 12px;
	background-color: var(--el-header-bg-color) ;
	color: var(--el-text-color-primary);
	border:0px solid var(--app-el-border-color);
	opacity: 1;
}
.app_td_button{
	user-select:none;
	cursor:pointer;
	border-radius: 2px;
	box-shadow: var(--app-el-box-shadow);
}
.app_td_button:hover{background-color: var(--app-el-border-color-hover); box-shadow: var(--app-el-box-shadow-hover);}
.app_td_button:active{background-color: var(--app-el-border-color-active); box-shadow: var(--app-el-box-shadow-active);}

.app_el-descriptions__cell.app_el-descriptions__label.app_is-bordered-label{
	padding: 4px 7px;
	line-height: 23px;
	font-weight: 700;
	font-size: 12px;
	background-color: var(--el-header-bg-color) ;
	color: var(--el-text-color-primary);
	border:1px solid var(--app-el-border-color);
	opacity: 1;
}

.app_el-descriptions__cell.app_el-descriptions__content.app_is-bordered-content{
	padding: 4px 7px;
	line-height: 23px;
	font-weight: 700;
	font-size: 12px;
	text-align: right;
	color: var(--el-text-color-primary);
	border:1px solid var(--app-el-border-color);
	opacity: 1;
}

.app_button_small{
	user-select:none;
    color: var(--el-text-color-primary);
    border: 0 solid transparent;
    background-color: transparent;
    height: 24px;
    padding: 5px 11px;
    font-size: 12px;
    border-radius: 2px;
}
.app_button_small:hover{background-color: var(--app-el-border-color-hover); box-shadow: var(--app-el-box-shadow-hover);}
.app_button_small:active{background-color: var(--app-el-border-color-active);box-shadow: var(--app-el-box-shadow-active);}




.app_popper_scrollbar{
	backdrop-filter: blur(10px);
    background: rgba(0,52,91,1);
    border: 1px solid var(--app-el-border-color);
    z-index: 3000;
    font-size: 12px;
    line-height: 20px;
    word-wrap: break-word;
    visibility: visible;
    box-sizing: border-box;
	position: absolute;
    border-radius: 4px;
	box-shadow:  var(--app-el-box-shadow-active);
	animation: app_pull_down 0.5s;
	opacity: 1;
}

.app_popper_arrow{
    background: rgba(0,52,91,1);
    border: 1px solid var(--app-el-border-color);
    width: 10px;
    height: 10px;
    z-index: 3001;
    font-size: 12px;
    line-height: 20px;
	min-width: 10px;
    word-wrap: break-word;
    visibility: visible;
	content: " ";
    box-sizing: border-box;
	border-top-left-radius: 2px;
	transform: rotate(45deg);
	border-bottom-color: transparent;
    border-right-color: transparent;
	position: absolute;
	top: -5px;
	opacity: 1;
}

.app_popper_menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 3002;

    background: rgba(0,52,91,1);
    border: 0px solid #00000000;
    list-style: none;
	font-size: 12px;
	user-select:none;
    color: var(--el-text-color-primary);


    padding: 0;
    margin: 0;
    box-sizing: border-box;
	height: 100%;
	scrollbar-width: none;
}

.eapp_popper_menu_item {
	position: relative;
	z-index: 3003;
    display: flex;

    align-items: center;
    white-space: nowrap;
    list-style: none;
    line-height: 22px;
    padding: 1px 5px;
    margin: 0;
	font-size: 12px;
	user-select:none;
    color: #dddddd;
    cursor: pointer;
    outline: 0;
	min-width: 60px;
}

.eapp_popper_menu_item:hover{font-weight: 700;font-size: 14px;color: var(--el-text-color-primary);}
.eapp_popper_menu_item:active{font-weight: 700;font-size: 14px;color: var(--el-text-color-primary);}




@keyframes app_pull_down {
  from {
    transform: translateX(-100%);/* 从底部开始 */
	transform: scaleX(0);
    opacity: 0.3;
  }
  to {
    transform: translateX(0);/*  移动到初始位置 */
	transform: scaleX(1);
    opacity: 1;
  }
}

.app_dlg{
    background-color: rgba(0, 52, 91, .88);
    backdrop-filter: blur(5px);
    border: 1px solid var(--app-el-border-color);
	width: 320px;
    position: relative;
    margin: 10vh auto 50px;
    background: rgba(0, 52, 91, .88);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, .36);
    box-sizing: border-box;
    width: 320px;
	color: var(--el-text-color-primary);
    font-weight: 700;
}
.app_dlg_header{
	user-select: none;
    padding: 20px;
    padding-bottom: 10px;
    margin-right: 16px;
    word-break: break-all;
}

.app_dlg_title{
    line-height: 24px;
    font-size: 18px;
    color: var(--el-text-color-primary);
}

.app_dlg_body{
    padding: 4px 20px 30px 20px;
    color: var(--el-text-color-primary);
    font-size: 14px;
    word-break: break-all;
}

.app_dlg_ac_keybord{
    margin-left: -2px;
    margin-right: -2px;
    align-items: center;
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}

.app_dlg_ac_keybord_col{
    min-height: 1px;
    box-sizing: border-box;
    padding-right: 2px;
    padding-left: 2px;
}

.app_dlg_ac_keybord_bt{
    backdrop-filter: blur(5px);
    width: 100%;
    height: 48px;
    margin-bottom: 4px;
    padding: 5px 11px;
    font-size: 12px;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    color: var(--el-text-color-primary);
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    transition: .1s;
    font-weight: 500;
    user-select: none;
    vertical-align: middle;
    background-color: #00000000;
    border: 1px solid var(--app-el-border-color);
    border-color: var(--app-el-border-color);
	border-radius: 2px;
	box-shadow: var(--app-el-box-shadow);
}

.app_dlg_ac_keybord_bt:hover{background-color: var(--app-el-border-color-hover); box-shadow: var(--app-el-box-shadow-hover);}
.app_dlg_ac_keybord_bt:active{background-color: var(--app-el-border-color-active);box-shadow: var(--app-el-box-shadow-active);}

.app_col_1_3{
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
}
.app_col_1_2{
    max-width: 50%;
    flex: 0 0 50%;
}
.app_col_1_1{
    max-width: 100%;
    flex: 0 0 100%;
}