@charset "utf-8";
/*行业*/
.aui_state_box{ width:0px; height:0px; position:fixed; left:50%; top:0px;z-index:99999;}
.aui_state_box_bg{ width:100%; height:100%; background:rgba(200,200,200,0.5); position: fixed;left: 0px;top: 0px;}
.aui_alert_zn li{list-style-type:none;font: 15px/1.5 幼圆,Arial,sans-serif;font-weight: bold; }
.aui_alert_zn a{text-decoration:none; color:#0077b3;}
.aui_alert_zn{ position:relative;}
.aui_alert{font: 12px/1.5 幼圆,Arial,sans-serif; position:absolute; margin:0px auto;}
.item-list label{ color:#454545;}
.aui_outer { text-align: left;position:absolute; left:-452px; top:60px;  }
.aui_alert a { color: #0077b3; text-decoration: none; }
.aui_alert table { border-collapse: collapse; border-spacing: 0 }
.aui_header{ background:#00B285;}
table.aui_border, table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: auto }
.aui_c, .aui_e, .aui_footer, .aui_header, .aui_main, .aui_n, .aui_ne, .aui_nw, .aui_s, .aui_se, .aui_sw, .aui_tdIcon, .aui_w { padding: 0 }
.aui_header { font: 12px/1.11 simsun, Tahoma, Arial, Helvetica, STHeiti; -o-font-family: Tahoma, Arial }
.aui_title { overflow: hidden; text-overflow: ellipsis }
.aui_state_noTitle .aui_title { display: none }
.aui_close { display: block; position: absolute; text-decoration: none; outline: 0 }
.aui_close:hover { text-decoration: none }
.aui_main { text-align: left; min-width: 9em; min-width: 0\9 }
.aui_content { height: 65vh;display: inline-block; text-align: left; border: none 0; vertical-align: middle }
.aui_content.aui_state_full { display: block; width: 100%; margin: 0; padding: 0!important; height:100%}
.aui_content .timer { text-align: center; color: red }
.aui_icon { vertical-align: top }
.aui_icon div { width: 48px; position: relative; height: 48px; margin: 20px -15px 10px 10px; background-position: center center; background-repeat: no-repeat }
.aui_buttons { padding: 10px 20px; text-align: center; white-space: nowrap; background-color: #f0f0f1 }
.aui_buttons a, .aui_buttons button { margin: 0 10px }
.aui_inner { background: #FFF }
.aui_titleBar { width: 100%; height: 25px; line-height:25px; margin-top:10px; bottom: 30px; z-index: 1 }
.aui_title { font-size: 14px; height: 25px; line-height: 25px; padding: 0 30px 0 15px; color: #fff; font-weight: 400 }
.aui_close, .aui_ne, .aui_nw, .aui_se, .aui_sw { background-image: url(simple_s_468f567e.png); background-repeat: no-repeat }
.aui_nw { width: 3px; height: 36px; background-position: -3px 0 }
.aui_ne { width: 3px; height: 36px; background-position: -8px 0 }
.aui_sw { width: 3px; height: 3px; background-position: -3px -36px }
.aui_se { width: 3px; height: 3px; background-position: -8px -36px }
.aui_close { top: 15px; right: 8px; width: 14px; height: 14px; text-indent: -9999em; background-position: left -53px; overflow: hidden }
.aui_close:hover { background-position: right -67px }
.aui_n, .aui_s { background-image: url(simple_s1_6323ee63.png); background-repeat: repeat-x }
.aui_n { background-position: 0 0 }
.aui_s { background-position: 0 -36px }
.aui_e, .aui_w { background-image: url(simple_s2_580aece7.png); background-repeat: repeat-y }
.aui_w { background-position: left top }
.aui_e { background-position: right bottom }
.aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_se, .aui_state_noTitle .aui_sw { width: 3px; height: 3px }
.aui_state_noTitle .aui_inner { border: 1px solid #666; background: #FFF }
.aui_state_noTitle .aui_outer { box-shadow: none }
.aui_state_noTitle .aui_e, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_w { background: rgba(0,0,0,.05); background: #000\9!important; filter: alpha(opacity=5)!important }
.aui_state_noTitle .aui_titleBar { bottom: 0 }
.aui_state_noTitle .aui_close { top: 0; right: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; text-indent: 0; font-family: Helvetica, STHeiti; font-size: 18px; text-decoration: none; color: #214FA3; background: 0 0; filter:!important
}
.aui_state_noTitle .aui_close:active, .aui_state_noTitle .aui_close:hover { text-decoration: none; color: #900 }
.aui-btn { display: inline-block; padding: 5px 12px; font-size: 14px; line-height: 18px; color: #333; text-align: center; vertical-align: middle; cursor: pointer; background: #f5f5f5; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: visible }
.aui-btn-active, .aui-btn-disabled, .aui-btn:active, .aui-btn:focus, .aui-btn:hover, .aui-btn[disabled] { color: #333; background: #e6e6e6 }
.aui-btn-active, .aui-btn:active { background: #ccc \9 }
.aui-btn:focus, .aui-btn:hover { color: #333; text-decoration: none; background-position: 0 -15px }
.aui-btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.aui-btn.active, .aui-btn:active { background-image: none; outline: 0 }
.aui-btn-medium { padding: 5px 12px; font-size: 14px; line-height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.aui-btn-primary { color: #fff; background: #3d9ccc; border: 1px #3c98c7 solid }
.aui-btn-primary.active, .aui-btn-primary.disabled, .aui-btn-primary:active, .aui-btn-primary:focus, .aui-btn-primary:hover, .aui-btn-primary[disabled] { color: #fff; background: #3689b3 }
.aui-btn-primary.active, .aui-btn-primary:active { background: #3d9ccc }
.aui-btn-light { color: #3d9ccc; background: #fff; border: 1px #d2edfa solid }
.aui-btn-light.active, .aui-btn-light.disabled, .aui-btn-light:active, .aui-btn-light:focus, .aui-btn-light:hover, .aui-btn-light[disabled] { color: #00528c; background: #f5f9ff }
.dlg-actions { text-align: center; margin-top: 20px }
.dlg-actions a, .dlg-actions button, .dlg-actions input { margin: 0 10px }
.jquery-localdata { }
.jquery-localdata input { margin-right: 4px; }
.jquery-localdata .tips { color: gray }
.jquery-localdata .item-new { color: #f00; font-size: 10px; margin-left: 2px; }
.jquery-localdata .localdata-msg { margin-top: 5px; }
.jquery-localdata table tr td { padding: 2px 8px 2px 0; }
.jquery-localdata .item-table { overflow-y: auto; overflow-x: hidden; }
.jquery-localdata .item-table table.options-table { width: 100%; }
.jquery-localdata .item-table table.options-table tr th, .jquery-localdata .item-table table.options-table tr td { padding: 4px; border: 1px solid #eaeaea; }
.jquery-localdata .item-table table.options-table th { text-align: center; }
.jquery-localdata .item-table table.options-table tr.hover { background-color: #dde7ff; border-color: #b7ccfd; }
.jquery-localdata .item-table table.options-table th { text-align: center; border-right: 0; }
.jquery-localdata .item-table table.options-table td { padding: 4px; border: 1px solid #eaeaea; }
.jquery-localdata .item-table table.options-table td .nocols span { display: inline-block; margin-right: 1em; white-space: nowrap; }
.jquery-localdata .item-table table.options-table td table { table-layout: fixed; width: 100%; }
.jquery-localdata .item-table table.options-table td table tr th, .jquery-localdata .item-table table.options-table td table tr td { padding-top: 2px; padding-bottom: 2px; border: 0; }
.jquery-localdata-city .title { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.jquery-localdata-city .title a.current { cursor: default; color: #333; }
.jquery-localdata-city .item-cat { font-size: 14px; }
.jquery-localdata-city .item-all { margin-left: 20px; }
.jquery-localdata-city table { margin-left: 20px; }
.jquery-localdata-city table tr td { width: 75px; }
.jquery-localdata-city-2 table tr td { width: 120px; }
.jquery-localdata-city table tr td a.cat { }
.jquery-localdata-city table tr td a.cat-checked { text-decoration: underline; }
.jquery-localdata-city table tr td a.cat-disabled { color: gray }


/*职能*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1;
}
.data-error { display: none; top: 10px; right: 10px; padding: 5px 15px; color: #b94a48; border-color: #eed3d7; background-color: #f2dede; border-radius: 3px; position: absolute; font-size:14px;}
.twin-error { display: none; top: 10px; right: 10px; padding: 5px 15px; color: #b94a48; border-color: #eed3d7; background-color: #f2dede; border-radius: 3px; position: absolute; font-size:14px;}
.data-result { background-color: #fafafa; line-height: 32px; padding: 5px 15px; font-size:14px;}
.data-result em { color: #999; margin-right: 10px; display: inline-block; vertical-align: middle; font-style:normal; }
.data-result span { display: inline-block; vertical-align: middle; background-color: #5297cc; border-radius: 15px; padding: 0 14px; color: #fff; margin: 2px 5px 2px 0; line-height: 26px; white-space: nowrap; }
.data-result span i { display: inline-block; margin-left: 5px; color: #a9cbe6; font-size: 18px; cursor: pointer; vertical-align: bottom; *vertical-align: middle;margin-left: 5px; margin-right: -5px; font-style:normal;   }
.data-result span i:hover { color: #fff; }
.data-tabs { background-color: #fafafa; margin-bottom: 10px; }
.data-tabs ul {
*zoom: 1; padding: 0 30px; border-bottom: 1px solid #e6e6e6; margin: 0px;}
.data-tabs ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.data-tabs ul li { float: left; position: relative; border-width: 1px 1px 0 1px; border-color: #d9d9d9; border-style: solid; line-height: 29px; margin-right: 3px; border-radius: 2px; }
.data-tabs ul li a { display: block; padding: 0 15px; color: #333; }
.data-tabs ul li a em { display: inline-block; vertical-align: middle; width: 12px; height: 6px; overflow: hidden; margin-left: 10px; margin-right: -10px; background: url(dropdown_369a8965.png); }
.data-tabs ul li a:hover, .data-tabs ul li a:active, .data-tabs ul li a:focus { color: #333; text-decoration: none; }
.data-tabs ul li.active { padding-bottom: 1px; margin-bottom: -1px; background-color: #fff; }
.data-container { margin-left: 25px; margin-right: 25px; margin-top: 20px; min-height: 350px; display:none;}
.data-container-0{display:block}
.data-container-1{}
.data-container-2{}
.data-container a.d-item, .data-container a.d-cate, .data-container a.d-sub-cate-all { line-height: 32px; padding: 0 10px; display: inline-block; vertical-align: middle; white-space: nowrap; }
.data-container a.d-item:hover, .data-container a.d-item:active, .data-container a.d-item:focus, .data-container a.d-cate:hover, .data-container a.d-cate:active, .data-container a.d-cate:focus, .data-container a.d-sub-cate-all:active, .data-container a.d-sub-cate-all:focus { text-decoration: none; }
.data-container a.d-item:hover, .data-container a.d-cate:hover, .data-container a.d-sub-cate-all:hover { background-color: #d5e9f2; }
.data-container a.d-item:focus, .data-container a.d-cate:focus, .data-container a.d-sub-cate-all:focus { outline: none; }
.data-container a.d-item-active, .data-container a.d-item-active:hover, .data-container a.d-sub-cate-active, .data-container a.d-sub-cate-active:hover { color: #fff; background-color: #3d9ccc; }
.data-container a.d-item-unactive, .data-container a.d-item-unactive:hover, .data-container a.d-sub-cate-active, .data-container a.d-sub-cate-unactive:hover { color: #0077b3; background-color: #fff; }
.data-container a.d-item-bwactive, .data-container a.d-item-bwactive:hover, .data-container a.d-sub-cate-active, .data-container a.d-sub-cate-bwactive:hover { color: #c11c1c; background-color: #fff; }
.data-container a.d-item-disabled, .data-container a.d-cate-disabled { cursor: no-drop; color: #666; }
.data-container a.d-item-disabled:hover, .data-container a.d-cate-disabled:hover { background-color: #fff; }
.data-container .data-list-all { margin-top: 10px; margin-left: 20px; margin-bottom: -20px; position: relative; z-index: 10; }
.data-container .cate-list-hot { padding-top: 28px; font-weight: bold; position: relative; z-index: 1; font-size:12px;}
.data-container .cate-list-hot .cate-list-title { position: absolute; width: 100%; text-align: center; top: -1em; left: 0; }
.data-container .cate-list-hot .cate-list-title em { display: inline-block; color: #999999; background-color: #fff; padding: 0 15px; font-weight: normal; font-style:normal; }
.data-container .cate-list-hot a.d-cate { display: inline-block; padding: 0 15px; border-left: 2px solid #fff; border-right: 2px solid #fff; border-top: 2px solid #fff; line-height: 30px; }
.data-container .cate-list-hot a.d-cate-active { border-top-color: #9dd6f2; border-left-color: #9dd6f2; border-right-color: #9dd6f2; background-color: #fff; padding-bottom: 2px; margin-bottom: -2px; }
.data-container-1 .cate-list-hot { margin-bottom: 10px; }
.data-container-1 .cate-list-hot a.d-cate { border-bottom: 2px solid #fff; }
.data-container-1 .cate-list-hot a.d-cate-active { padding-bottom: 0; margin-bottom: 0; border-bottom-color: #9dd6f2; background-color: #9dd6f2; color: #fff; }
.data-container .view-all { overflow: hidden; }
.data-container .view-all .cate-list-hot { border-top: 1px dotted #e0e0e0; padding-left: 15px; padding-right: 15px; margin-top: 15px; }
.data-container .view-all .cate-list-normal { border-top: 1px dotted #e0e0e0; margin-top: 30px; padding-left: 20px; padding-right: 20px; padding-top: 25px; position: relative; }
.data-container .view-all .cate-list-normal .cate-list-title { position: absolute; width: 100%; text-align: center; top: -1em; left: 0; }
.data-container .view-all .cate-list-normal .cate-list-title em { display: inline-block; color: #999999; background-color: #fff; padding: 5px 15px; font-weight: normal; font-style:normal; font-size:12px; }
.data-container .view-all .cate-list-normal ul li { float: left; margin: 0 5px 10px; width: 180px; overflow-x: hidden; text-overflow: ellipsis; }
.data-container-1 .view-all .cate-list-normal ul li { width: auto; }
.data-container .view-all .cate-list-normal .d-cate { font-size: 14px; line-height: 40px; }
.data-container .view-box { overflow: hidden; }
.data-container .view-box .data-all { margin-left: 5px; }
.data-container .view-box .cate-list-hot { border-top: 1px dotted #e0e0e0; padding-left: 15px; padding-right: 15px; margin-top: 15px; }
.data-container .view-box .cate-list-box { margin: 0 15px; padding: 8px 25px; height: 225px; border: 2px solid #9dd6f2; overflow-y: auto; }
.data-container .view-box .cate-list-box ul li { float: left; margin: 0 5px 5px; _display: inline; width: 175px; overflow-x: hidden; text-overflow: ellipsis; }
.data-container-1 .view-box .cate-list-box ul li { width: auto; }
.data-container .view-box .cate-list-box ul li.d-sub-cate { clear: both; float: none; display: block; margin-top: 10px; }
.data-container .view-box .cate-list-box ul li.d-sub-cate a.d-sub-cate-all { text-decoration: none; }
.data-container .view-box .cate-list-box ul li.d-sub-cate { font-size: 14px; color: #666; line-height: 26px; }
.data-container .view-cate .cate-list-subs { padding: 10px 15px; }
.data-container .view-cate .cate-list-subs ul li { float: left; margin: 0 5px 5px; }
.data-container .view-cate .cate-list-subs a.d-cate { font-size: 14px; line-height: 40px; }
.data-container .view-tree .tree-container { position: relative; margin-top: 23px; padding-left: 160px; margin-bottom: 10px; zoom: 1; }
.data-container .view-tree .tree-container .tree-list { position: absolute; left: 0; top: 0; width: 160px; }
.data-container .view-tree .tree-container .tree-list ul { padding: 5px 0; }
.data-container .view-tree .tree-container .tree-list ul li { *zoom: 1;
}
.data-container .view-tree .tree-container .tree-list ul li a.d-tree { position: relative; z-index: 1; display: block; line-height: 24px; height: 24px; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; background-color: #fff; *zoom: 1;
}
.data-container .view-tree .tree-container .tree-list ul li.odd a.d-tree { background-color: #f5f5f5; }
.data-container-1 .view-tree .tree-container .tree-list ul li a.d-tree { padding-left: 8px; }
.data-container .view-tree .tree-container .tree-list ul li a.d-tree:hover, .data-container .view-tree .tree-container .tree-list ul li a.d-tree:active, .data-container .view-tree .tree-container .tree-list ul li a.d-tree:focus { text-decoration: none; outline: none; }
.data-container .view-tree .tree-container .tree-list ul li.d-tree-active a.d-tree { color: #454545; margin-right: -2px; margin-left: -2px; padding-top: 0; padding-bottom: 0; border-left: 2px solid #9dc8f2; border-top: 2px solid #9dc8f2; border-bottom: 2px solid #9dc8f2; background-color: #fff; }
.data-container .view-tree .tree-container .tree-list ul li a.d-tree label { display: none; font-family: Arial; line-height: 16px; margin-left: 4px; /*background-color: #5297cc;*/ color: #fff; padding: 0 4px; }
.data-container .view-tree .tree-container .tree-list ul li a.d-tree-multies label { display: inline-block; }
.data-container .view-tree .tree-container .tree-item-list { border: 2px solid #9dc8f2; min-height: 360px; max-height: 450px; overflow-y: auto; }
.data-container .view-tree .tree-container .tree-item-list .item-list { padding: 15px 20px; }
.data-container .view-tree .tree-container .tree-item-list .item-list ul li { float: left; /*width: 198px;*/ margin: 0 5px 5px; _display: inline; overflow-x: hidden; text-overflow: ellipsis; }
.data-container-1 .view-tree .tree-container .tree-item-list .item-list ul li { width: auto; }
.data-container .view-tree .tree-container .tree-item-list .item-list ul li.d-sub-cate { clear: both; float: none; display: block; margin-top: 10px; }
.data-container .view-tree .tree-container .tree-item-list .item-list ul li.d-sub-cate a.d-sub-cate-all { text-decoration: none; }
.data-container .view-tree .tree-container .tree-item-list .item-list ul li.d-sub-cate { font-size: 14px; color: #666; line-height: 26px; }
.data-container .view-tree-items .data-all { margin-left: 25px; margin-top: 15px; margin-bottom: -10px; }
.data-container-city{display:block}
.data-container.data-container-city .data-list {margin-left: 10px;}
.data-container.data-container-city ul li { float: left; margin: 0 5px 5px;overflow-x: hidden;text-overflow: ellipsis; width: auto;}
.data-container.data-container-city .data-list-hot a.d-item {font-weight: bold;}
.data-container.data-container-city .others {margin-bottom: 20px;}
.data-container.data-container-city .others a {border: 1px dashed #d5e9f2; display: inline-block;font-size: 14px;line-height: 30px;padding: 0 10px;}
.data-container.data-container-city a.d-item label {/*background-color: #5297cc;*/ color: #fff; display: none;font-family: Arial;line-height: 16px; margin-left: 4px;padding: 0 4px;}
 .divider-with-text {  
    width: 100%;  
    height: 5px; /* 或你想要的任何高度 */  
    line-height: 5px; /* 与高度相同，确保文本垂直居中 */  
    text-align: center;  
    background-color: blue; /* 分割线背景色 */  
    position: relative;  
    margin: 5px; /* 上下外边距 */  
    cursor: pointer; /* 鼠标悬停时变为手指形状，表示可点击 */  
  }  
  
  .divider-with-text span {  
    color:red;
    font-size:12px;
    position: absolute;  
    top: 0;  
    left: 50%;  
    transform: translateX(-50%); /* 水平居中 */  
    background-color: white; /* 提示语背景色，与分割线背景形成对比 */  
    padding: 0 10px; /* 提示语内边距 */  
    border-radius: 10px; /* 提示语圆角 */  
    z-index: 1; /* 确保提示语在分割线之上 */  
  }  
.outeryangshi{
    display: inline-block;
    vertical-align: middle;
    background-color: #2d775f;/*#5297cc;*/
    border-radius: 15px;
    padding: 0 14px 2px;
    color: #fff;
    margin: 2px 5px 2px 0;
    line-height: 26px;
    white-space: nowrap;}
.dpzcls{
    width: 900px; 
    position:relative;
    height: 65vh;
    overflow-y: scroll;
    }
.txaeszz{min-width: 700px;}

.contact-buttonz {  
  position: relative; /* 为按钮添加定位，以便控制高光效果 */  
  padding: 10px 20px;  
  background-color: #ff007f; /* 使用瑰红色作为背景色 */  
  color: white;  
  border: none;  
  border-radius: 10px; /* 更大的圆角增加现代感 */  
  cursor: pointer;  
  width: 50%; /* 按钮宽度为父元素的50% */  
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3), /* 外阴影增加深度 */  
              inset 0 1px 0 rgba(255, 255, 255, 0.8), /* 上内阴影增加光泽，提高透明度 */  
              inset 0 -3px 0 rgba(0, 0, 0, 0.2), /* 下内阴影增加金属感 */  
              inset -3px 0 0 rgba(255, 255, 255, 0.6), /* 左内阴影增加光泽，稍高透明度 */  
              inset 3px 0 0 rgba(0, 0, 0, 0.2); /* 右内阴影增加金属感 */  
  transition: box-shadow 0.3s ease, transform 0.3s ease; /* 过渡效果 */  
  font-weight: bold; /* 字体加粗 */  
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); /* 文本阴影增加立体感 */  
  background-image: linear-gradient(to bottom, #ff007f 0%, #e0006f 100%); /* 渐变背景增加光泽感，使用稍深的瑰红色作为渐变结束色 */  
  overflow: hidden; /* 防止内容溢出 */  
}  
  
.contact-buttonz:hover {  
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), /* 悬停时增加阴影深度 */  
              inset 0 1px 0 rgba(255, 255, 255, 1), /* 悬停时增加上光泽，完全不透明 */  
              inset 0 -3px 0 rgba(0, 0, 0, 0.3), /* 悬停时增加下金属感 */  
              inset -3px 0 0 rgba(255, 255, 255, 0.8), /* 悬停时增加左光泽，较高透明度 */  
              inset 3px 0 0 rgba(0, 0, 0, 0.3); /* 悬停时增加右金属感 */  
}  
  
.contact-buttonz:active {  
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), /* 点击时减少阴影深度 */  
              inset 0 1px 0 rgba(255, 255, 255, 0.6), /* 点击时减少上光泽，但保持一定透明度 */  
              inset 0 -3px 0 rgba(0, 0, 0, 0.4), /* 点击时增加下金属感 */  
              inset -3px 0 0 rgba(255, 255, 255, 0.4), /* 点击时减少左光泽，较低透明度 */  
              inset 3px 0 0 rgba(0, 0, 0, 0.4); /* 点击时增加右金属感 */  
  transform: translateY(3px); /* 点击时按钮下移的效果 */  
}  
  
/* 高光效果，确保只出现在按钮内部 */  
.contact-buttonz::before {  
  content: '';  
  position: absolute;  
  top: 10%; /* 调整高光位置，确保不超出按钮范围 */  
  left: 10%;  
  width: 80%;  
  height: 80%;  
  background: rgba(255, 255, 255, 0.5); /* 提高高光的透明度，使其在瑰红色上更明显 */  
  border-radius: 50%;  
  transform: translate(-50%, -50%) rotate(-45deg); /* 高光位置 */  
  opacity: 1; /* 去除额外的透明度，因为已在background中设置 */  
  pointer-events: none; /* 防止高光影响点击事件 */  
}
.status-buttonkk {
        padding: 5px 10px;
        color: white;
        background-color: blue;
        border: none;
        cursor: pointer;
    }
.completedkk {
        padding: 5px 10px;
        color: white;
        background-color: green;
        border: none;
        cursor: pointer;
    }
.blockedkk {
        padding: 5px 10px;
        color: white;
        background-color: red;
        border: none;
        cursor: pointer;
    }
.inline-flex-container {  
        border: 1px solid #fff;
        display: inline-flex;  
        align-items: center; 
        padding: 5px 10px;  
        border-radius: 5px;  
        max-width: calc(100% - 0);  
    }  
.inline-flex-container label {  
        margin-right: 10px;  
        font-weight: bold;  
    }  
.inline-flex-container input {  
        border:1px solid #000;
        flex: 1;  
        padding: 1px;    
        border-radius: 5px;   
        font-size: 16px;  
    }  
.styled-inputz {  
    width: 100%;  
    padding: 0px;  
    border: 1px solid #ccc;  
    border-radius: 8px;  
    box-sizing: border-box;  
    font-size: 16px;  
    color: #333;  
    outline: none;  
    transition: border-color 0.3s, box-shadow 0.3s;  
}  
  
.styled-inputz:focus {  
    border-color: #80bdff;  
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);  
}  
  
.styled-inputz::placeholder {  
    color: #999;  
}
.zhutupcss{
    max-height: 80vh;
    width:10000px;
}
.kogozhutu{
}
@media screen and (min-width: 300px) and (max-width: 350px)  {
    .txaeszz{min-width: 300px;}
    .aui_outer {left:-150px; top:0px;  }
    .dpzcls {width: 300px;height: 85vh;}
    .aui_content {height: 85vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 }
    .data-result { font-size:12px;line-height: 21px;}
    .data-result span{ padding: 0 8px;line-height: 15px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 350px) and (max-width: 400px)  {
    .txaeszz{min-width: 300px;}
    .aui_outer {left:-175px; top:0px;  }
    .dpzcls {width: 350px;height: 85vh;}
    .aui_content {height: 85vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 }
    .data-result { font-size:12px;line-height: 21px;}
    .data-result span{ padding: 0 8px;line-height: 15px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 400px) and (max-width: 450px)  {
    .txaeszz{min-width: 335px;}
    .aui_outer {left:-200px; top:0px;  }
    .dpzcls {width: 400px;height: 85vh;}
    .aui_content {height: 85vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 }
    .data-result { font-size:12px;line-height: 21px;}
    .data-result span{ padding: 0 8px;line-height: 15px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 450px) and (max-width: 500px)  {
    .txaeszz{min-width: 370px;}
    .aui_outer {left:-225px; top:0px;  }
    .dpzcls {width: 450px;height: 85vh;}
    .aui_content {height: 85vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 }
    .data-result { font-size:12px;line-height: 21px;}
    .data-result span{ padding: 0 8px;line-height: 15px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 500px) and (max-width: 550px)  {
    .txaeszz{min-width: 405px;}
    .aui_outer {left:-250px; top:0px;  }
    .dpzcls {width: 500px;height: 80vh;}
    .aui_content {height: 80vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 }
    .data-result { font-size:13px;line-height: 27px;}
    .data-result span{ padding: 0 8px;line-height: 21px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 550px) and (max-width: 600px)  {
    .txaeszz{min-width: 440px;}
    .aui_outer {left:-275px; top:0px;  }
    .dpzcls {width: 550px;height: 80vh;}
    .aui_content {height: 80vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 5px }
    .data-result { font-size:13px;line-height: 27px;}
    .data-result span{ padding: 0 8px;line-height: 21px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 600px) and (max-width: 650px)  {
    .txaeszz{min-width: 475px;}
    .aui_outer {left:-300px; top:10px;  }
    .dpzcls {width: 600px;height: 80vh;}
    .aui_content {height: 80vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_buttons a, .aui_buttons button { margin: 0 5px }
    .data-result { font-size:13px;line-height: 27px;}
    .data-result span{ padding: 0 8px;line-height: 21px;}
    .aui_alert_zn li{font: 12px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 650px) and (max-width: 700px)  {
    .txaeszz{min-width: 510px;}
    .aui_outer {left:-325px; top:10px;  }
    .dpzcls {width: 650px;height: 80vh;}
    .aui_content {height: 80vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .data-result { font-size:13px;line-height: 27px;}
    .data-result span{ padding: 0 8px;line-height: 21px;}
    .aui_buttons a, .aui_buttons button { margin: 0 5px }
    .aui_alert_zn li{font: 13px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 700px) and (max-width: 750px)  {
    .txaeszz{min-width: 545px;}
    .aui_outer {left:-350px; top:30px;  }
    .dpzcls {width: 700px;height: 75vh;}
    .aui_content {height: 75vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .data-result {line-height: 27px;}
    .data-result span{ line-height: 21px;}
    .aui_alert_zn li{font: 13px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 750px) and (max-width: 800px)  {
    .txaeszz{min-width: 580px;}
    .aui_outer {left:-375px; top:30px;  }
    .dpzcls {width: 750px;height: 75vh;}
    .aui_content {height: 75vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_alert_zn li{font: 14px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}
@media screen and (min-width: 800px) and (max-width: 900px)  {
    .txaeszz{min-width: 615px;}
    .aui_outer {left:-399px; top:50px;  }
    .dpzcls {width: 800px;height: 70vh;}
    .aui_content {height: 70vh;}
    .data-container.data-container-city ul li { margin: 0 7px 2px;}
    .aui_alert_zn li{font: 14px/1.5 幼圆,Arial,sans-serif;font-weight: bold;}
}