.div1 {
    font-size: 15px;
    float: left;
    left: 10px;
    overflow: auto;
    width: 100%;
    height: 100%;
    margin-top: 2px;
    margin-left: 2px;
    /* border: 1px solid red; */
    filter:
        "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
}

.uu {
    background: white;
    /* border: 1px solid red; */
}

.ld {
    background: rgba(194, 245, 251, 0.8);
    exp: expression(onmouseover = function(){this.style.background='#666666';
    this .style.opacity: 0.3;
    this
    .style.cursor='pointer';
}

,
onmouseout = function (){this .style.color='black'
    
}

);
}
.ll {
    background: transparent;
    exp: expression(onmouseover = function(){this.style.color='red';
    this
    .style.cursor='pointer';
}

,
onmouseout = function (){this .style.color='black'
    
}

);
flex-flow
:row
 
wrap
;
 

}
.plus {
    list-style-image: url(icons/文件夹3.png);
    background: rgba(194, 245, 251, 0.8);
    /* border: 1px solid green; */
    exp: expression(onmouseover = function(){
    this.style.background='#666666';
    this .style.opacity: 0.3;
    this
    .style.cursor='pointer';
}

,
onmouseout = function (){this .style.color='black'
    
}

);
}
.minus {
    list-style-image: url(icons/文件夹1.png);
    background: rgba(194, 245, 251, 0.8);
    /* background: transparent; */
    exp: expression(onmouseover = function(){this.style.color='red';
    this
    .style.cursor='pointer';
}

,
onmouseout = function (){this .style.color='black'
    
}

);
}
/* ////////// */
.div1 ul li a {
    color: black;
    background: url(images/t11.jpg) font-family: "Comfortaa Thin", Comfortaa;
    font-size: 12px;
    /* margin:5px; */
}

.div1 ul li a:hover {
    color: white;
    font-size: 18px;
    background: url('images/p1.jpg');
}

ul, li {
    padding: 0px;
    margin: 0px;
}

li.plus ul {
    padding: 0px;
    margin: 0px;
}

.div1 ul li {
    line-height: 40px
}

li.plus span {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

li.minus span {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
} 
.f1 a{
 color: green;
}
.f1 a:hover{
	font-size:20px;
	color:red;
}
.img{
 width:16px;
 height:16px;
}
.td{
  width: 50%;
  height: 100%;
}
.td a:hover{
  width: 50%;
  height: 100%;
}
.dad {            /* 调整父亲的宽度和长度 */
           width: 100%;
           height: 100%;
           /* 两边留有空隙 */
           /* justify-content: space-between; */
           /* 所有元素放置一行 */
           flex-direction: row;
           display: flex;
       }

       .son {
           left: 0px;
           display: flex;
           /* 元素垂直显示 */
           flex-direction: column;
           /* 居中 */
           align-items: center;
       }

       .son img {
           width: 16px;
           height: 16px;
          
       }
       
/* #north{
	background-image:url('images/t11.jpg');
	background-repeat:no-repeat; 
	background-size:100% 100%;
} */       
.top_img{
	width:120px;
	height:58px;
}
.ztree li  a{
    color: black;
    font-size: 16px;
    
}
.ztree li  a:hover{
    color: white;
    font-size: 18px;
    /* background-image:url('images/p1.jpg'); */
     background-color: rgb(255, 128, 255);
} 
.ztree li a{
 
    height:25px;
}
.ztree li  a span{
    color: black;
    font-size: 16px;
    height:20px;
}
.ztree li  a span:hover{
    color: white;
   
    
   /*  background-image:url('images/p1.jpg'); */
   /*   background-color: rgb(255, 128, 255); */
} 
.red_alert{
color:red;
}
.yellow_alert{
color:yellow;
}
 #north{
            background-color: rgb(255, 208, 0);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding: 0px;
           
        }
        
#top_img{
	height:100px;
	width:150px;
	background-repeat:no-repeat; 
	background-size:100% 100%;
	object-fit: cover;
}
.app{
	color:blue;
}
/* add by zhx 202309 */
.ztree li  a {
	color: black;
	font-size: 16px;
}

.ztree li  a:hover {
	color: white;
	font-size: 18px;
	/* background-image:url('images/p1.jpg'); */
	background-color: rgb(255, 128, 255);
}

.ztree li a {
	height: 25px;
}

.ztree li  a span {
	color: black;
	font-size: 16px;
	height: 20px;
}

.ztree li  a span:hover {
	color: white;

	/*  background-image:url('images/p1.jpg'); */
	/*   background-color: rgb(255, 128, 255); */
}

.ul_dj {
	margin-top: 5px;
	color: white;
}

.ul_dj a:hover {
	color: red;
	background-color: yellow;
	font-size: 12px;
}
/* .ul_dj span:hover {
	color: green;
	font-size: 12px;
} */
.ul_dj a {
	color: black;
	font-size: 12px;
	background-color: white;
}

.ul_sx a:hover {
	color: blue;
	background-color: rgb(255, 128, 255);
	font-size: 12px;
}

.refresh_p {
	width: 100%;
	height: 300;
	position: relative;
	background-image: url('images/b1.jpg');
}

.refresh {
	width: 100%;
	height: 50;
	position: relative;
	left: 40%;
	top: 50%;
	transform: translateX(-50%);
}

.red_alert {
	color: red;
	font-size: 14px;
}

.blue_alert {
	color: black;
	font-size: 14px;
}

.yellow_alert {
	color: yellow;
	font-size: 14px;
}

.ovv {
	width: 90%;
	height: 200px;
	
}

.ov {
	width: 100%;
	height:200px;
	/* overflow:hidden; */
	overflow-y:auto;
	white-space:normal;
}

.head {
	float: top;
	background-image: url('../../icons/h_b.jpg');
	width: 100%;
	margin-top: 0px;
	background-size: 100% 100%;
	/* text-align: center;
	vertical-align: middle; */
}

.head1 {
	float: top;
	margin-top: 2px;
	margin-bottom: 10px;
	height: 10px;
}

.one {
	float: top;
	width: 80%;
	height: 15%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: flex;
	overflow-y: auto;
	border: 1px solid green;
	overflow-y: auto;
}

.left {
	float: left;
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: flex;
	overflow-y: auto;
}

.right {
	float: left;
	width: 40%;
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow-y: auto;
}

.top {
	float: top;
	height: 30%;
	margin-top: 10px;
	display: flex;
	overflow-y: auto;
}

.down {
	display: flex;
	float: top;
	height: 30%;
	width: 80% ;
	margin-top: 10px;
	overflow-y: auto;
}

.box {
	width: 100%;
	height: 100%;
}

.scroll-wrap {
	/*  height: 100px; */ /* 容器高度 */
	/*  overflow: hidden; */ /* 隐藏溢出的内容 */
	position: relative;
}


.scroll-text p {
	margin: 2px 10px 2px 10px;
	padding: 2px 10px 2px 10px; /* 文字上下留白，可根据实际情况调整 */
	
}

@keyframes scroll { 
0% {
	transform: translateY(0);
}

100%
{
transform
:
translateY(
-100%
);
}
}
div:hover {
	animation-play-state: paused;
}

/* new add 0821 */


div[name="content"] {
	background-color: rgba(102, 146, 191, 0.24);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 10px;
	/*阴影*/
	-moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	box-shadow: 7px 15px 30px #285a63;
	
	
}
div[name="gg"] {
	background-color: rgba(102, 146, 191, 0.24);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 10px;
	/*阴影*/
	-moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	box-shadow: 7px 15px 30px #285a63;
	margin-left: 5px;
	
	
	
}
div[name="content1"] {
	background-color: rgba(157, 128, 217, 0.44);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 10px;
	/*阴影*/
	-moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	box-shadow: 7px 15px 30px #285a63;
	margin: 15px;
	
}

div[name="content2"] {
	background-color: rgba(277, 248, 210, 0.68);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 10px;
	/*阴影*/
	-moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	box-shadow: 7px 15px 30px #285a63;
	margin: 15px;
}

div[name="back"] {
	background-color: rgba(255, 255, 255, 0.24);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 5px;
	/*阴影*/
	-moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	box-shadow: 7px 15px 30px #285a63;
	margin-left: 15px;
}

div[name="back2"] {
	background-color: rgba(277, 248, 210, 0.68);
	/*边框*/
	border: solid 1px rgba(277, 248, 210, 0.68);
	/*边角弧度*/
	border-radius: 5px;
	/*阴影*/
	-moz-box-shadow: 2px 2px 5px #333333;
	-webkit-box-shadow: 2px 2px 5px #333333;
	box-shadow: 7px 15px 30px #285a63;
	margin-left: 15px;
}
div[name="memo"] {
	overflow:hidden;
	width:100%;
}
div[name="memo1"] {

	width:400px;
	height:300px;
	background-color: rgba(277, 248, 210, 0.68);
	font-size:15px;
}
div .td_memo1 {
	width:15%;
}
div .td_memo2 {
	width:70%;
	
	word-wrap:break-word;
}
div .td_memo3 {
	width:15%
}
.box_all {
	width: 100%;
	height: 100%;
	position: relative;
	right: 0;

	/* animation: move 25s linear infinite normal  forwards; */
	/* background: white; */
}

.box_border_radius {
	width: 100px;
	height: 100px;
	background: linear-gradient(135deg, #fff 20px, transparent 0) top left,
		radial-gradient(circle at 0% 100%, transparent 13px, #1359df 0) top
		right, linear-gradient(#1359df, #1359df) right bottom,
		linear-gradient(#1359df, #1359df) right bottom,
		radial-gradient(circle at 0% 100%, #fff 13px, transparent 0) bottom
		left #00CAF5;
	background-size: 50% 50%, 15px 15px, 5px 20px, 20px 5px, 30% 30%;
	background-repeat: no-repeat;
	border-radius: 0 15px 0 0;
	margin: 10px 10px 10px 10px;
}


@keyframes move {
from { right:0;
}
to {
	right: 100%;
}
}
body {
	background: white;
}

.box_up {
	margin-top: 5px;
	float: top;
	width: 100%;
	height: 300px;
	position: relative;
	right: 0;
	overflow:auto;
	
}
.bt{
	position: relative;
	right: 0;
	width: 100%;
	height: 280px;
	white-space:nowrap;
	animation: move 30s linear infinite normal forwards; 
}
.boxn {
	
	width: 40%;
	height: 250px;
	position: relative;
	right: 0;
	
	display:inline-block;
	margin-left:10px;
	white-space:wrap;
}
.box_down {
	margin-top: 15px;
	float: top;
	width: 100%;
	height: 60%;
	position: relative;
	right: 0;
	/* border: 1px solid red; */
	margin-bottom: 3%;
}

.box_up1 {
	margin-top: 15px;
	float: top;
	width: 100%;
	height: 50%;
	position: relative;
	right: 0;
	padding:5px;
}

.box_down1 {
	margin-top: 25px;
	float: top;
	width: 100%;
	height: 90%;
	position: relative;
	right: 0;
}

.box_left1 {
	padding:3px;
	float: left;
	width: 42%;
	height: 400px;
	position: relative;
	border-left: 2% solid #ddd;
	border-right: 2% solid #ddd;
	background: grey;
}

.box_right1 {
	padding:3px;
	float: left;
	width: 42%;
	height: 400px;
	margin-left: 42px; 
	position: relative;
	background: #26dfde;
	
	
}

.box_left {
	float: left;
	width: 80%;
	height: 800px;
	position: relative;
	border-left: 2% solid #ddd;
	border-right: 2% solid #ddd;
}

.box_right {
	float: left;
	width: 15%;
	margin: 2px ;
	position: relative;
	
}

.gg1 {
	float:top;
	margin: 3px 3px 0 3px;
	border-bottom:1px solid #ddd;
	padding:2px;
	
}
.gg2 {
	margin: 3px 3px 0 3px;
	border-bottom:1px solid #ddd;
	padding:2px;
	height:85%;
}
.div_tb{
	margin:0;
	padding:2px;
	
}
table {
	margin: 3px auto;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:  #48c6fb;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	
}

th {
	background-color: #eee;
	/* border: 1px solid #ddd; */
	font-weight: bold;
}

th, td {
	 height:4vh;
	
	/* border: 1px solid #ddd;  */
}
.border1{
	padding:0.5vw 0.5vw 0.5vw 0.03vw;
	border: 1px solid #ddd;
	
}
.border2{
	padding: 0.5vw 0.5vw 0.5vw 0.03vw;
	
	
}
tr:nth-child(even) {
	background-color: #f2f2f2;
}

#tb td:hover {
	/* background-color:yellow; */
	Cursor: Pointer;
}

.td_border2 {
	/* border: 1px solid #45f8de; */
	background-color:white;
}
.td_border1 {
	color:red;
	background-color:white;
	
}
.td_border_no {
	color:gray;
	background-color:white;
	
}
.box_c{
	padding-left:35%;
	height:30px;
	width:300px;
	margin:5px;
}
.up {
	
	float:top;

}
.down {
	
	float:top;
	
}
div .btn{
	background-color: rgba(214, 212, 2, 0.44);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 10px;
	/*阴影*/
	
	height: 3vh;
	width: 4vw;
	padding:0.01vh;
	margin:0.03vh;
	color:black;
    
}
div .memo_btn{
	background-color: rgba(214, 212, 2, 0.44);
	/*边框*/
	border: solid 1px rgba(102, 146, 191, 0.68);
	/*边角弧度*/
	border-radius: 5px;
	/*阴影*/
	
	height: 3vh;
	width: 8vw;
	padding:0.01vh;
	margin:0.03vh;
	color:blue;
    
}
div .favourite{
	padding:3px;
	height:50%;
}
dim .memo_content{
	font-size:18px;
}
div .btn .memo_btn:hover{
	background-color:  rgba(102, 146, 191, 0.68);
}

.l_left {
	margin-top:5px;
	float:left;
	
}
.l_right {
	margin-left:20px;
	float:left;
}
.box_d{line-height: 40px;font-size: 16px;text-align: center;width: 280px;height: 320px; border: 1px #ccc solid;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);color: #000;padding: 20px;}
			.top{font-size: 0;}
			.top button{width: 25%;display: inline-block;font-size: 16px;}
			.top #month{width: 50%;display: inline-block;font-size: 16px;}