html {background-color: #252525; color: #e9e9e9;}
#web_app{width:1100px; margin: 0 calc(100% - 1100px) 0 0; transition: width 1s,margin 1s;}


/* 页眉 */
.header{overflow: hidden; margin: 0 10px 0 0; width: 190px; transition: width 1s,margin 1s; position: fixed; z-index: 100; top:0; left: 0; bottom:0;  }

.header .logo{overflow: hidden; padding: 20px 0 0 10px;}
.header .logo img{overflow: hidden; width: 100%;}

/* 进度条 */
.a_progress{border-bottom: #303030 3px solid; margin:10px; border-radius: 3px; position: relative}
.progress {position: absolute;top: 0;left: 0;width: 0;height: 3px;background: linear-gradient(90deg, #4285f4, #34a853);z-index: 1;transition: width 0.3s ease, opacity 0.2s ease;box-shadow: 0 0 8px rgba(66, 133, 244, 0.6);opacity: 0;}
.progress.active {opacity: 1;width: 30%;}/* 立即显示初始进度 */
.progress.loading {width: 90%;}
.progress.complete {width: 100%;opacity: 0;}
/* 快速动画版本 */
.progress.fast {transition: width 0.2s ease, opacity 0.15s ease;}

/* 导航 */
.nav{overflow: hidden; margin: 10px;}
.nav::after {content: "";display: table;clear: both;}
.nav dl{overflow: hidden;  margin: 5px 0;  padding:  5px 10px; position: relative;}
.nav .on{background-color: #303030; border-radius: 5px;}
.nav dl:hover {background-color: #303030; border-radius: 5px;}
.nav dl dt{overflow: hidden; position: absolute; z-index: 1; top: 5px; left: 10px; bottom: 0;}
.nav dl dt span{color: #a8a8a8}
.nav dl dd{overflow: hidden; float: left; font-size: 16px; margin: 0 0 0 30px;}
.nav b{overflow: hidden; margin: 10px; color: #a8a8a8; font-weight: 400; font-size: 14px;}
.nav ul{overflow: hidden; list-style-type: decimal-leading-zero; }
.nav ul li{overflow: hidden; margin: 5px 0; padding: 5px 10px; border-radius: 5px; list-style-position: inside;  font-size: 14px;
    white-space: nowrap;text-overflow: ellipsis; width: 100%; position: relative; }
.nav ul li::marker {content: counter(list-item, decimal-leading-zero) ". ";}/* 确保编号可见 */
.nav ul li:hover{ width:calc(100% - 40px);text-overflow: inherit; padding: 5px 30px 5px 10px; }
.nav ul li:hover::after {font-family: "iconfont" !important;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;content: "\e6bf";
    display: table; clear: both; position: absolute; right: 0; top: 5px; padding: 0 10px; background-color: #303030;}
.nav ul li:active {background-color: #303030;transform: translateY(1px); }

.nav ol{overflow: hidden;}
.nav ol li{overflow: hidden; margin: 5px 0;  width: calc(50% - 20px); text-align: center; padding: 5px 10px; float: left; font-size: 14px; }
.nav ol li:first-child {width: calc(50% - 21px); border-right: 1px solid #303030;}

/* 内容 */
.main{overflow: hidden; background: #1d1d1d; min-height: 1100px; height: auto; border-radius: 5px;
      width:calc(100% - 200px); margin: 10px 0 0 200px; padding: 50px; transition: width 1s;
}
/* 公司介绍用 */
.main_padding{overflow: hidden; background: #1d1d1d; min-height: 1100px; height: auto; border-radius: 5px;
    width:calc(100% - 100px); margin: 10px 0 0 200px; transition: width 1s;
}
/* 页脚 */
.footer{margin: 0 10px 0 0; padding: 10px 0 0 0; width: 190px; height: 290px; transition: width 1s,margin 1s; position: fixed; z-index: 200;  left: 0; bottom:0;  }
.footer .notice{position: relative;overflow: hidden; height: 230px; margin: 0 10px 0 10px;
    display: flex;              /* 启用flex布局 */
    flex-direction: column;     /* 垂直排列 */
    justify-content: flex-end;   /* 内容靠底部对齐 */}
.footer .notice .brief{overflow: hidden; background: #303030; border: solid 1px #444444; border-radius: 5px;}
.footer .notice .brief .title{overflow: hidden; margin: 10px 10px 0 10px;}
.footer .notice .brief .title dl{font-size: 14px;}
.footer .notice .brief .title dl dt{float: left;}
.footer .notice .brief .title dl dd{float: right}
.footer .notice .brief .title dl dd span{color: #808080}
.footer .notice .brief .list{overflow: hidden; min-height: 130px; }
.footer .notice .brief .list ul{overflow: hidden; list-style-type: disc; margin: 0 5px ;  }
.footer .notice .brief .list ul li{overflow: hidden; margin: 5px 0; padding: 5px 10px; font-size: 12px; border-radius: 5px; list-style-position: inside;}
.footer .notice .brief .button{overflow: hidden; margin: 5px; text-align: center; background: #ebebeb; color: #171717; padding: 5px 0; font-size: 14px; border-radius: 5px;}

.footer .notice .admin{overflow: hidden; background: #303030; border: solid 1px #444444; border-radius: 5px; min-height: 130px; }
.footer .notice .admin dl{font-size: 14px; position: relative; margin: 5px 0; padding: 5px 0; overflow: hidden;  }
.footer .notice .admin dl:hover{background: #585858}
.footer .notice .admin dl dt{position: absolute; z-index: 1; top: 5px; left: 10px; bottom: 0;}
.footer .notice .admin dl dt span{color: #808080}
.footer .notice .admin dl dd{float: right; margin: 0 0 0 30px; width: calc(100% - 30px);}
.footer .notice .admin dl:last-child dt span{color: rgba(221, 82, 77,1);}


.footer .user_img_text{position: relative; margin: 10px 10px 0 10px; cursor: pointer; }
.footer .user_img_text .img{overflow: hidden; width: 40px; height: 40px; background: #000; border-radius: 5px; position: absolute; z-index: 1; top:0; left: 0;}
.footer .user_img_text .img img{width: 100%; border-radius: 5px;}
.footer .user_img_text .txt{width:calc(100% - 50px); margin: 0 0 0 50px;}
.footer .user_img_text .txt dl{}
.footer .user_img_text .txt dl dt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;  font-size: 14px; }
.footer .user_img_text .txt dl dd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%; font-size: 12px;color: #a8a8a8}
.footer .user_img_text .txt dl dd span{color: #a8a8a8}
/* 背景图片 */
.html_background{z-index: -1; position: fixed; bottom: 0; right: 0;}
.html_background img{width: 300px; transition: width 1s;}

/* 正文 */
.article{overflow: hidden; font-size: 14px; position: relative;}
.article .button_add{overflow: hidden; position: absolute; z-index: 200; top: 0;  right: 0; color: #fff; padding: 10px; border-radius: 10px; background:#398b39;}

/* 日期 */
.date{overflow: hidden;}
.date dl{overflow: hidden;}
.date dl dt{overflow: hidden;padding: 10px 0;}
.date dl dt ul{overflow: hidden; float: right;}
.date dl dt ul li{overflow: hidden;padding: 10px 20px; float: left; color: #989798;}
.date dl dt ul .on{color: #0066cc;font-weight: bold;}
.date dl dd{overflow: hidden;border-left: 1px #383838 solid;border-right: 1px #383838 solid; color: #acacac}
.date dl dd:last-child {border-bottom: 1px #383838 solid;}
.date dl dd ul{overflow: hidden; display: grid; gap: 0; grid-template-columns: repeat(6, 1fr);}
.date dl dd ul li{overflow: hidden;text-align: center; padding: 10px 0; border-right: 1px #383838 solid; border-top: 1px #383838 solid;}
.date dl dd ul li:nth-child(6),.date dl dd ul li:nth-child(6){border-right:none;}
.date dl dd ol{overflow: hidden; display: grid; gap: 0; grid-template-columns: repeat(10, 1fr);}
.date dl dd ol li{overflow: hidden;text-align: center;  padding: 10px 0;  border-right: 1px #383838 solid; border-top: 1px #383838 solid;}
.date dl dd ol li:nth-child(10),.date dl dd ol li:nth-child(20),.date dl dd ol li:nth-child(30){border-right:none;}
.date dl dd .on{color: #e9e9e9;background-color: #303030; font-weight: bold;}


/* 员工评比 */
.staff_top{overflow: hidden;}
.staff_top .class{overflow: hidden; width:30%; float: left;}
.staff_top .class:nth-child(2){margin:0 2.5%; padding: 0 calc(2.5% - 2px); border-left:1px #252525 solid; border-right:1px #252525 solid;}
.staff_top .class .list{overflow: hidden; position: relative; padding: 10px 0;  margin: 10px 0;}
.staff_top .class .list:hover{background: #585858; border-radius: 5px;}
.staff_top .class .list .img{overflow: hidden; position: absolute; top: 10px; left: 0; width: 40px; height: 40px; border-radius: 5px;}
.staff_top .class .list .txt{overflow: hidden; margin: 0 0 0 40px;}
.staff_top .class .list .txt dl{overflow: hidden;  padding: 0 0 0 0; margin: 0 0 0 10px; border-radius: 5px;}
.staff_top .class .list .txt dl dt{overflow: hidden; margin: 0 0 0 0; color: #e9e9e9; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.staff_top .class .list .txt dl dd{overflow: hidden; margin: 5px 0 0 0; color: #a6a6a6;}
.staff_top .class .list .txt dl dd ul{overflow: hidden;  margin: 0 10px 0 0; float: left;  width: calc(25% - 10px);}
.staff_top .class .list .txt dl dd ul:nth-child(4) {width:25%; margin: 0 0 0 0;}
.staff_top .class .list .txt dl dd ul li{overflow: hidden; text-align: right; white-space: nowrap; text-overflow: ellipsis;}
.staff_top .class .list .txt dl dd ul li:nth-child(odd) { font-size: 12px;}
.staff_top .class .list .txt dl dd ul li:nth-child(even) { font-size: 10px;}
.staff_top .class .list .txt dl dd ul li samp{font-weight: bold;}
.staff_top .class .list .txt dl dd span{margin-left:5px; font-size: 10px !important;}
.staff_top .class .list .txt dl dd .icon-zhang{color: rgba(76, 217, 100,1);}
.staff_top .class .list .txt dl dd .icon-zhang1{color:rgba(221, 82, 77,1);}
/* 员工内容 */
.staff{overflow: hidden; position: relative;}
.staff .img{overflow: hidden; position: absolute; top: 0; right: 0; width: 100px; height: 100px; border-radius: 5px;}
.staff .txt{overflow: hidden;}
.staff .txt dl{overflow: hidden;}
.staff .txt dl dt{overflow: hidden; font-size: 25px; font-weight: bold;}
.staff .txt dl dd{overflow: hidden;color: #a6a6a6;font-size: 14px; margin: 5px 0; }
.staff .txt{overflow: hidden;}
/* 任务列表 */
.task_list{overflow: hidden;}
.task_list .list{overflow: hidden; border-bottom: 1px solid #2c2d30; margin: 10px 0; padding: 10px 0;}
.task_list .list .title{overflow: hidden; position: relative;}
.task_list .list .title dl{overflow: hidden; float: left;}
.task_list .list .title dl dt{overflow: hidden; font-weight: 300; font-size: 16px; color: #e9e9e9;}
.task_list .list .title dl dd{overflow: hidden;font-weight: 300; font-size: 12px;  color: #7a787a;}
.task_list .list .title dl dd span{overflow: hidden; margin-right: 5px; font-size: inherit;}
.task_list .list .title ul{overflow: hidden; float: right;}
.task_list .list .title ul li{overflow: hidden; font-size: 12px; color: #7a787a;}
.task_list .list .title ul li:nth-child(1) {font-weight: 900;}
.task_list .list .title ul  .ok{overflow: hidden;font-size: 10px; background: rgba(0, 0, 0, 0.3); color:#000; padding: 3px 5px; }
.task_list .list .title ul  .wrong{overflow: hidden;font-size: 10px; background: rgba(255, 131, 0, 0.3); color:#ff8300; padding: 3px 5px; }
.task_list .list .title ul  .no{overflow: hidden;font-size: 10px; background: rgba(255, 0, 0, 0.3); color:#ff0000; padding: 3px 5px; }
.task_list .list .description{overflow: hidden; padding: 10px 0; font-size: 14px;color: #b4b4b4;}
.task_list .list:hover {background-color: #303030; cursor: pointer;  }
.task_list .list:active {background-color: #454545;transform: translateY(1px); }
.task_list .list:focus {outline: 2px solid #0066cc; outline-offset: 2px;}/*<li tabindex="0">可以聚焦的列表项（按Tab键试试）</li>*/

/* 项目进度 */
.project{overflow: hidden;}
.project .title{overflow: hidden; position: relative}
.project .title dl{overflow: hidden;}
.project .title dl dt{overflow: hidden; font-size: 25px; font-weight: bold; color: #fff;}
.project .title dl dd{overflow: hidden; font-size: 14px; font-weight: 300; color: #b4b4b4; margin: 20px 0 0 0;}
.project .title .time{font-size: 20px; line-height: 1; font-weight: bold; color: #b4b4b4; position: absolute; z-index: 1; top: 0; right: 0;}
.project .title .time b{font-size: 35px; font-weight: 400; margin: 0 5px;}
.project .instructions{overflow: hidden;border-bottom: 1px #252525 solid; }
.project .instructions dl{overflow: hidden; width:calc( 25% - 21px); border-right: 1px #252525 solid; padding: 0 10px 0 0; margin: 0 0 30px 10px; float: left;}
.project .instructions dl dt{overflow: hidden; color: #7a787a;}
.project .instructions dl dd{overflow: hidden; margin:10px 0 0 20px;white-space: nowrap;text-overflow: ellipsis;color: #b4b4b4; }
.project .instructions dl:nth-of-type(4n) { border-right:none; }
.project .instructions dl:nth-child(1) {width:calc( 25% - 11px); margin: 0 0 0 0;}
.project .instructions dl:nth-child(5) {width:calc( 25% - 11px); margin: 0 0 0 0;}
.project .instructions dl:nth-child(9) {width:calc( 25% - 11px); margin: 0 0 0 0;}


/*项目进度 没有使用*/
.project .plan{overflow: hidden;}
.project .plan .list{overflow: hidden; position: relative; border-left: #151822 2px solid; }

.project .plan .complete{overflow: hidden;border-left: rgba(76, 217, 100,1) 2px solid;}
.project .plan .danger{overflow: hidden;border-left: rgba(221, 82, 77,1) 2px solid;}
.project .plan .warning{overflow: hidden;border-left: rgba(240, 173, 78,1) 2px solid;}
.project .plan .ok {text-decoration: line-through;text-decoration-color: rgba(76, 217, 100,1);text-decoration-style: wavy;} /*完成*/
.project .plan .wrong {text-decoration: underline;text-decoration-color:  rgba(240, 173, 78,1);text-decoration-style: wavy;} /*完成*/
.project .plan .no {text-decoration: underline;text-decoration-color:  rgba(221, 82, 77,1);text-decoration-style: wavy;} /*修改*/
.project .plan .icon-xuanze2{color: #838383 !important;}
.project .plan .icon-cuowu{color: rgba(221, 82, 77,1) !important;}
.project .plan .icon-zhengque{color:rgba(76, 217, 100,1) !important;}
.project .plan .icon-jinggao{color:rgba(240, 173, 78,1) !important;}

.project .plan .list .time{overflow: hidden; width: 100px; position: absolute; z-index: 0; top: 0;  left: 0;}
.project .plan .list .time dl{overflow: hidden; text-align: center; color: #7a787a}
.project .plan .list .time dl dt{overflow: hidden; font-size: 12px;}
.project .plan .list .time dl dd{overflow: hidden; font-size: 14px; font-weight: bold; margin: 0 0 0 0; color: #7a787a}
.project .plan .list:hover .time dl dt{ color: #b4b4b4}
.project .plan .list .task{overflow: hidden; margin: 0 0 0 120px;}
.project .plan .list .task .node{overflow: hidden;}
.project .plan .list .task .name{overflow: hidden;}
.project .plan .list .task .name dl{overflow: hidden; margin: 0 0 20px 0; transition: margin 0.5s,height 0.5s;}
.project .plan .list .task .name dl dt{overflow: hidden; font-weight: 900; font-size: 20px;}
.project .plan .list .task .name dl dd{overflow: hidden;  color: #5c6370; font-size: 12px;}

.project .plan .list .task .branch{overflow: hidden; position: relative;}
.project .plan .list .task .branch dl{overflow: hidden; margin: 0 0 20px 0; cursor: pointer;  }
.project .plan .list .task .branch dl dt{overflow: hidden; text-align: right; color: #838383; width:calc(10% - 10px); font-size: 14px; margin: 0 10px 0 0; float: left;}
.project .plan .list .task .branch dl dt b{color:#0066cc;}
.project .plan .list .task .branch dl dd b{color:rgba(138, 109, 233,1);}
.project .plan .list .task .branch dl:hover dd b{color: #0066cc; cursor: pointer;  }
.project .plan .list .task .branch dl dd{overflow: hidden; width:90%; float: left;color: #b9b9b9; font-size: 14px; transition: width 0.5s,height 0.5s; }
.project .plan .list .task .branch dl dd i{color: #454545;}
.project .plan .list .task .branch dl dd time{overflow: hidden;color: #838383;}
.project .plan .list .task .branch dl dd p{ font-size: 14px; margin: 5px 0 0 0;}
.project .plan .list .task .branch dl:hover dt,.project .plan .list .task .branch dl:hover dd time{color: #46d646 !important;  }
.project .plan .list .task .branch dl:hover dd{color: #fff !important; }

.project .plan .list .task .diary{overflow: hidden;position: relative;}
.project .plan .list .task .sub{margin: 0 0 0 10%;}
.project .plan .list .task .diary dl{overflow: hidden; position: relative; margin: 0 0 20px 0;}
.project .plan .list .task .diary dl:hover {background-color: #303030; cursor: pointer;  }
.project .plan .list .task .diary dl:active {background-color: #454545;transform: translateY(1px); }
.project .plan .list .task .diary dl:focus {outline: 2px solid #0066cc; outline-offset: 2px;}
.project .plan .list .task .diary .admin:active {background-color: #454545;transform: translateY(1px); }
.project .plan .list .task .diary .admin:focus {outline: 2px solid #0066cc; outline-offset: 2px;}
.project .plan .list .task .diary dl dt{overflow: hidden; position: absolute; z-index: 1; top:0; left: 0; width: 20px; height: 20px;border-radius: 3px;}
.project .plan .list .task .diary dl dt .avatar{width: 20px; height: 20px; vertical-align: middle; border-radius: 3px;}
.project .plan .list .task .diary dl dd{overflow: hidden; margin:0 0 0 30px;color: #838383; line-height:20px; font-size: 14px;}
.project .plan .list .task .diary dl dd time{font-size:10px;color: #5c6370; }
.project .plan .list .task .diary dl dd samp{color: #fff; font-size: 12px;}
.project .plan .list .task .diary dl dd:nth-child(3){margin-top: 10px;}
.project .plan .list .task .diary .admin:hover dd{color: #fff;}

.project .plan .list .task .node_1{overflow: hidden; margin: 0 0 0 0; border-top: 1px #252525 solid; padding: 20px 0 0 0;}
.project .plan .list .task .node_2{overflow: hidden; margin: 0 0 0 0; border-top: 1px #252525 solid; padding: 20px 0 0 0;}
.project .plan .list .task .node_1 .name{position: relative}
.project .plan .list .task .node_2 .name{position: relative}
.project .plan .list .task .node_1 .name dl dt{overflow: hidden; font-weight: 400; color: #e9e9e9; font-size: 18px;}
.project .plan .list .task .node_1 .name dl dt b{font-weight: 400; font-size: 16px;}
.project .plan .list .task .node_2 .name dl dt{overflow: hidden; font-weight: 300; color: #bababa; font-size: 16px;}
.project .plan .list .task .node_2 .name dl dt b{font-weight: 400; color: #bababa; font-size: 14px;}
.project .plan .list .task .name dl:hover dt{color: #46d646; cursor: pointer;  }
.project .plan .list .task .node_1 .scheme{margin: 0 0 0 25px;}

.project .plan .list .task .name ul{overflow: hidden; position: absolute; z-index: 2; top: 0;  right: 0; display: none;}
.project .plan .list .task .name:hover ul{display: block;}
.project .plan .list .task .name:hover dl{margin: 0 30% 20px 0;}
.project .plan .list .task .branch ul{overflow: hidden; position: absolute; z-index: 2; top: 0;  right: 0; display: none;}
.project .plan .list .task .branch:hover ul{display: block;}
.project .plan .list .task .branch:hover dl dd{ width:70%; }

.project .plan .list .task ul li{overflow: hidden;color: #fff;background: rgba(79, 79, 79,1); text-align: center; border-radius: 5px; padding: 5px 10px; font-size: 12px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin: 0 0 0 10px; float: left;}
.project .plan .list .task ul .add{background: rgba(76, 217, 100,1); }
.project .plan .list .task ul .del{background: rgba(221, 82, 77,1);}
.project .plan .list .task ul .edit{background:rgba(240, 173, 78,1);}
.project h2{ }
.project h2 span{font-family: "iconfont" !important; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


/*在使用 项目进度*/
.project_list{overflow: hidden;}
.project_list .list{overflow: hidden; margin: 20px 0; padding:20px 0; border-bottom: 1px #252525 solid;}

.project_list .list .project_name{overflow: hidden; position: relative;} /*项目标题*/
.project_list .list .name{padding: 10px;transition: margin 0.5s}
.project_list .list .name dl {overflow: hidden;}
.project_list .list .name dt { font-size: 16px; font-weight: bold;}
.project_list .list .name dd {color: #a6a6a6; font-size: 12px;}
.project_list .list .name dd i{color: #434343; margin: 0 10px;}
.project_list .list .name dd samp {color: #a6a6a6; font-size: 10px;background: #252525; border-radius: 3px; padding: 3px 5px; }

.project_list .list .name ul{overflow: hidden; position: absolute; z-index: 2; top: 20px; right: 0; display: none;}
.project_list .list .name:hover ul{display: block;}
.project_list .list .name:hover dl{margin: 0 20% 0 0; transition: margin 0.5s}
.project_list .list .name ul li{overflow: hidden;color: #fff;background: rgba(79, 79, 79,1); text-align: center; border-radius: 5px; padding: 5px 10px; font-size: 12px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin: 0 0 0 10px; float: left;}
.project_list .list .name ul  span{font-size: inherit; }
.project_list .list .name ul .add{background: rgba(76, 217, 100,1); }
.project_list .list .name ul .del{background: rgba(221, 82, 77,1);}
.project_list .list .name ul .edit{background:rgba(240, 173, 78,1);}

.project_list .list .evaluate{overflow: hidden;  font-size: 14px;}
.project_list .list .evaluate span{font-size: inherit;}
.project_list .list .evaluate .icon-riqi{color: #474747;}
.project_list .list .evaluate .icon-jingpin{color:rgba(240, 173, 78,1);}
.project_list .list .evaluate .icon-police-full{color:rgba(221, 82, 77,1);}
.project_list .list .parameter{overflow: hidden; background: #252525; position: absolute; z-index: 1; right: 10px; top: 10px; bottom: 0; border-radius: 10px;}
.project_list .list .parameter:hover {background-color: #303030; cursor: pointer;  }
.project_list .list .parameter:active {background-color: #454545;transform: translateY(1px); }
.project_list .list .parameter:focus {outline: 2px solid #0066cc; outline-offset: 2px;}
.project_list .list .parameter dl{overflow: hidden; float: left; font-size: 12px;  text-align: center; margin: 10px 5px 0 5px; padding: 0 10px 0 5px;   border-right: 1px #1d1d1d solid;}
.project_list .list .parameter dl:last-child {border-right:none;}
.project_list .list .parameter dl dt{overflow: hidden; line-height: 1.6; font-size: 12px; color: #c5cad1; font-weight: bold}
.project_list .list .parameter dl dd{overflow: hidden; line-height: 1; font-size: 10px; color: #a6a6a6;}
.project_list .list .parameter:hover dl {border-right: 1px  solid #252525;}
.project_list .list .parameter dl:last-child {border-right:none !important;}

/*.project_list .list .arguments{overflow: hidden; background: #252525; position: absolute; z-index: 1; right: 10px; top: 10px; bottom: 0; border-radius: 10px;}*/

.project_list .list .project_node{overflow: hidden; margin: 0 0 0 calc(5% - 3px);position: relative;} /*大节点列表*/
.project_list .list .project_node::before{ position: absolute; border-left: #252525 3px solid; left: 0; top: 0; bottom: 0; content: ""; width: 0; z-index: 1; pointer-events: none;}
.project_list .list .project_node::after{}
.project_list .list .project_node:last-child::before {height: 28px}

.project_list .list .project_node .node_name{overflow: hidden; padding: 0 0 0 5%; z-index: 2; position: relative;}/*大节点标题*/
.project_list .list .project_node .node_name::before{ position: absolute; border-top: #252525 3px solid; left: 0; top: calc(40% - 2px); bottom: 0; content: ""; width: 5%; z-index:1;pointer-events: none; height: 5px;}
.project_list .list .project_node .node_name::after{}



.project_list .list .project_node .node_name .name dt { font-size: 16px; font-weight: 400;}

.project_list .list .project_node .plan .name dt{color: #cacbce;}
.project_list .list .project_node .plan .name dd{color: #898b90;}
.project_list .list .project_node .plan .name dt time {font-size: 12px; color: #474747 }

.project_list .list .project_node .big_node_list{overflow: hidden; margin: 0 0 0 8%;  position: relative;}
.project_list .list .project_node .big_node_list::before{ position: absolute; border-left: #252525 3px solid; left: 0; top: 0; bottom: 0; content: ""; width: 0; z-index: 1; pointer-events: none;}
.project_list .list .project_node .big_node_list::after{}
.project_list .list .project_node .big_node_list:last-child::before {height: 28px}

.project_list .list .project_node .big_node_list .big_node_name{overflow: hidden; padding: 0 0 0 5%; z-index: 2; position: relative;}/*大节点标题*/
.project_list .list .project_node .big_node_list .big_node_name::before{ position: absolute; border-top: #252525 3px solid; left: 0; top: calc(40% - 2px); bottom: 0; content: ""; width: 5%; z-index:1;pointer-events: none; height: 5px;}
.project_list .list .project_node .big_node_list .big_node_name::after{}

.project_list .list .project_node .big_node_list .big_node_name .name dt { font-size: 14px; font-weight: 400;}

.project_list .list .project_node .small_node_list{overflow: hidden; margin: 0 0 0 8%;  position: relative;}
.project_list .list .project_node .small_node_list::before{ position: absolute; border-left: #252525 3px solid; left: 0; top: 0; bottom: 0; content: ""; width: 0; z-index: 1; pointer-events: none;}
.project_list .list .project_node .small_node_list::after{}
.project_list .list .project_node .small_node_list:last-child::before {height: 28px}

.project_list .list .project_node .small_node_list .small_node_name{overflow: hidden; padding: 0 0 0 5%; z-index: 2; position: relative;}/*大节点标题*/
.project_list .list .project_node .small_node_list .small_node_name::before{ position: absolute; border-top: #252525 3px solid; left: 0; top: calc(50% - 2px); bottom: 0; content: ""; width: 5%; z-index:1;pointer-events: none; height: 5px;}
.project_list .list .project_node .small_node_list .small_node_name::after{}

.project_list .list .project_node .small_node_list .small_node_name .name dt { font-size: 12px; font-weight: 400;}

.project_list .list .project_node .diary_list{overflow: hidden; margin: 0 0 0 8%; border-left: #252525 3px solid; padding: 20px 0 10px 5%; position: relative;}
.project_list .list .project_node .diary_list .user_diary{overflow: hidden;  position: relative;}
.project_list .list .project_node .diary_list .user_diary .img{overflow: hidden;  position: absolute; background: #252525; height: 30px; width: 30px; border-radius: 50%;}
.project_list .list .project_node .diary_list .user_diary .txt{overflow: hidden; margin: 0 0 0 40px;}
.project_list .list .project_node .diary_list .user_diary .txt dl{overflow: hidden; }
.project_list .list .project_node .diary_list .user_diary .txt dl dt{overflow: hidden; color: #808e9b;font-size: 14px; font-weight: bold; }
.project_list .list .project_node .diary_list .user_diary .txt dl dt time{overflow: hidden;font-size: 12px; color: #474747 }
.project_list .list .project_node .diary_list .user_diary .txt dl dd{overflow: hidden; color: #6d6d6d ;font-size: 14px; padding: 10px 0;}
.project_list .list .project_node .diary_list .user_diary .txt dl dd b{overflow: hidden;color:rgba(240, 173, 78,1); font-size: 14px;}
.project_list .list .project_node .diary_list .user_diary .txt dl dd samp{color:#c5cad1; font-weight: bold; font-size: 10px;background:rgba(235, 60, 17,1); border-radius: 3px; padding: 3px 5px; }
.project_list .list .project_node .diary_list .user_diary .txt dl dd time{overflow: hidden;font-size: 10px; color:rgba(240, 173, 78,1); }
.project_list .list .project_node .diary_list .user_diary .txt dl dd span{overflow: hidden;font-size: 10px; color:rgba(240, 173, 78,1); }

.project_list .list .project_node .diary_list .user_diary .txt dl dt .ok{overflow: hidden;font-size: 10px; background: rgba(0, 0, 0, 0.3); color:#000; padding: 3px 5px; }
.project_list .list .project_node .diary_list .user_diary .txt dl dt .wrong{overflow: hidden;font-size: 10px; background: rgba(255, 131, 0, 0.3); color:#ff8300; padding: 3px 5px; }
.project_list .list .project_node .diary_list .user_diary .txt dl dt .no{overflow: hidden;font-size: 10px; background: rgba(255, 0, 0, 0.3); color:#ff0000; padding: 3px 5px; }


.project_list .list .urgent_warning{color: rgba(240, 173, 78,1) !important;}
.project_list .list .urgent_danger{color: rgba(221, 82, 77,1) !important;}
.project_list .list .state_complete{background:rgba(76, 217, 100,1) !important;color: #fff !important;}
.project_list .list .state_warning{background:rgba(240, 173, 78,1) !important;color: #fff !important;}
.project_list .list .state_danger{background:rgba(221, 82, 77,1) !important;color: #fff !important;}

/*.project_list .list .state_complete{text-decoration: line-through;text-decoration-color: rgba(76, 217, 100,1);text-decoration-style: wavy;}*/
/*.project_list .list .state_warning{text-decoration: underline;text-decoration-color:  rgba(240, 173, 78,1);text-decoration-style: wavy;}*/
/*.project_list .list .state_danger{text-decoration: underline;text-decoration-color:  rgba(221, 82, 77,1);text-decoration-style: wavy;}*/

.project_list .list .background_complete{/*background:  rgba(76, 217, 100,0.1);*/ border-bottom: 1px rgba(76, 217, 100,1) dashed} /*成功*/
.project_list .list .background_danger{/*background: rgba(255, 0, 0, 0.1);*/ border-bottom: 1px rgba(255, 0, 0, 1) dashed} /*超时*/
.project_list .list .background_warning{/*background: rgba(240, 173, 78,0.1);*/ border-bottom: 1px rgba(240, 173, 78,1) dashed} /*危险*/
.project_list .list .background_normal{} /*默认*/

.project_list .list .background_complete.parameter{background:  rgba(76, 217, 100,0.05) !important; border: 1px rgba(76, 217, 100,0.5) solid !important;} /*成功*/
.project_list .list .background_danger.parameter{background: rgba(255, 0, 0, 0.05) !important; border: 1px rgba(255, 0, 0, 0.5) solid !important;} /*超时*/
.project_list .list .background_warning.parameter{background: rgba(240, 173, 78,0.05) !important; border: 1px rgba(240, 173, 78,0.5) solid !important;} /*危险*/


.project_list .list .background_complete .name dt{color: rgba(76, 217, 100,1) !important;}
.project_list .list .background_danger .name dt{color: rgba(221, 82, 77,1) !important;}
.project_list .list .background_warning .name dt{color: rgba(240, 173, 78,1) !important;}
/*计划背景颜色*/
.project_list .list .complete{} /*成功*/
.project_list .list .danger{} /*超时*/
.project_list .list .warning{} /*危险*/
.project_list .list .icon-a-weibiaoti-1_huaban1fuben19{color: #00a0e9 !important;font-size: inherit !important;}

/* 项目会员 */
.project_user{overflow: hidden;}
.project_user dl{overflow: hidden; float: left; margin: 0 20px 10px 0;}
.project_user dl dt{overflow: hidden; border-radius: 5px; width: 50px; height: 50px; background: #000; }
.project_user dl dd{overflow: hidden;margin: 5px 0 0 0; text-align: center; text-align: center;color: #9c9c9c; font-size: 12px;white-space: nowrap;text-overflow: ellipsis;}
/* 项目财务 */
.project_finance{overflow: hidden;}
.project_finance h2{overflow: hidden; position: relative;}
.project_finance h2 span{overflow: hidden; position: absolute; color: #0066cc; top: 0; right: 0; cursor: pointer; }
.project_finance dl{overflow: hidden; margin: 0 0 10px 0;}
.project_finance dl:hover {background-color: #303030; cursor: pointer;  }
.project_finance dl:active {background-color: #454545;transform: translateY(1px); }
.project_finance dl:focus {outline: 2px solid #0066cc; outline-offset: 2px;}
.project_finance dl dt{overflow: hidden; float: left;  width:50%;white-space: nowrap;text-overflow: ellipsis; color: #b9b9b9;}
.project_finance dl dd{overflow: hidden; float: left; margin: 0 0 0 10px;white-space: nowrap; text-overflow: ellipsis;}
.project_finance dl dd:nth-child(2){ width: calc(20% - 10px); color: #5c6370;}
.project_finance dl dd:nth-child(3){ width: calc(10% - 10px);}
.project_finance dl dd:nth-child(4){ width: calc(20% - 10px); text-align: right;}

.project_finance dl dd .icon-youhuijuan{color: #ff9900;}
.project_finance dl dd .icon-tainjia{color: #00ff2b;}
.project_finance dl dd .icon-shanjian{color: #ff0000;}

/* 项目文件 */
.project_file{overflow: hidden;}
.project_file h2{overflow: hidden; position: relative;}
.project_file h2 span{overflow: hidden; position: absolute; color: #0066cc; top: 0; right: 0;cursor: pointer;  }
.project_file dl{overflow: hidden;  float: left; width:calc(50% - 10px); }
.project_file dl:nth-child(odd) {margin: 0 10px 10px 0 ;transition: margin 1s ;}
.project_file dl:nth-child(even) {margin: 0 0 10px  10px;transition: margin 1s ;}
.project_file dl dt{overflow: hidden; float: left; padding: 5px 0; font-size: 16px; width:80%;white-space: nowrap; color: #b9b9b9; text-overflow: ellipsis; color: #b9b9b9;}
.project_file dl dd{overflow: hidden; background: #000; text-align: center; font-size: 12px; border-radius: 3px; float: left; width:calc(20% - 10px); margin: 0 0 0 10px;white-space: nowrap; text-overflow: ellipsis; padding: 10px 0;}
.project_file dl dd:hover {background-color: #0066cc; cursor: pointer;  }
.project_file dl dd:active {background-color: #454545;transform: translateY(1px); }
.project_file dl dd:focus {outline: 2px solid #0066cc; outline-offset: 2px;}

/* 项目列表 */
.project_list{overflow: hidden;}


.project_list .list{overflow: hidden; margin: 30px 0; padding: 30px 0;border-bottom: 1px #383838 solid;}
.project_list .list .title{overflow: hidden; position: relative; margin: 0 0 10px 0;}
.project_list .list .title dl{overflow: hidden;}
.project_list .list .title dl dt{overflow: hidden; clear: both;display: block; font-weight: bold; font-size: 18px;white-space: nowrap;text-overflow: ellipsis; color: #e9e9e9; margin: 0 0 10px 0;}
.project_list .list:hover .title dl dt {color: #46d646; cursor: pointer;  }
.project_list .list .title dl dd{overflow: hidden; float: left; margin-right: 10px; border-radius: 5px;background-color: #303030; text-align: center; padding: 3px 5px; border-radius: 5px; font-size: 10px; color: #a6a6a6; }
.project_list .list .title ul{overflow: hidden; position: absolute; z-index: 1; top: 0; right: 0; }
.project_list .list .title ul li{overflow: hidden; font-size: 18px; color: #5c6370; padding: 0 10px; border-radius: 5px;}
.project_list .list .title ul li b{font-size: 20px; font-weight: bold;}
.project_list .list .title ul li i{ color: #383838; margin: 0 20px;}
.project_list .list .description{overflow: hidden;}
.project_list .list .description .txt{overflow: hidden; width:calc(45% - 10px); margin: 0 10px 0 0; float: left;
    transition: width 1s ; font-size: 12px; line-height: 1.8;
    display: -webkit-box;          /* 关键：使用弹性盒子布局 */
    -webkit-line-clamp: 3;         /* 限制显示行数 */
    -webkit-box-orient: vertical;  /* 垂直方向排列 */
    text-overflow: ellipsis;       /* 超出部分显示省略号 */
    white-space: normal;          /* 取消 nowrap，允许多行换行 */}
.project_list .list .description dl{overflow: hidden;width:calc(20% - 11px); padding: 0 0 0 10px; float: left; border-left: 1px #383838 solid;}
.project_list .list .description dl dt{overflow: hidden;}
.project_list .list .description dl dt b{overflow: hidden;  color: #e9e9e9;}
.project_list .list .description dl dd{overflow: hidden;}
.project_list .list .description .button{overflow: hidden;width:15%;padding: 10px 0; float: left; background: #215721; border-radius: 10px; color: #fff; margin: 20px 0 0 0;text-align: center;}

.project_list .list .description .button:hover {background-color: #276c27; cursor: pointer;  }
.project_list .list .description .button:active {background-color: #454545;transform: translateY(1px); }
.project_list .list .description .button:focus {outline: 2px solid #0066cc; outline-offset: 2px;}


.news{overflow: hidden;}
.news .title{overflow: hidden;}
.news .title h2{text-align: center; color: #e9e9e9;}
.news .title h1{text-align: center; color: #fff;}
.news .title .navigation{overflow: hidden; margin: 0 25%; text-align: center;color: #9c9c9c;}
.news .title .navigation dl{overflow: hidden;}
.news .title .navigation dl dt{overflow: hidden; float: left; text-align: left}
.news .title .navigation dl dd{overflow: hidden; float: right; text-align: right;}
.news .title .navigation dl a:link {color: #9c9c9c;}
.news .title .navigation dl a:visited {color: #9c9c9c;}
.news .title .navigation dl a:hover {color: #398b39;}
.news .title .navigation dl a:active {color: #ff0000;}

.news .keywords{overflow: hidden; font-size: 12px; color: #a6a6a6;}

/* 内容描述 */
.description{overflow: hidden; color: #a6a6a6; line-height: 1.5;}
/* 内容 */
.content{overflow: hidden; color: #b4b4b4; line-height: 2;}
.content p{overflow: hidden; margin: 0 0 50px 0;}
.content b{color: #fff;}
.content u{text-decoration: underline #b4b4b4;text-decoration-thickness: 2px; /* 删除线粗细 */}
.content s{text-decoration: line-through;text-decoration-color: red; /* 删除线颜色 */text-decoration-style: wavy; /* 删除线样式：波浪线 */}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {color: #fff;}
.content img{display: block;max-width: 100%;height: auto; margin: 0; }

.content .font_size10{color: #acacac; line-height: 1.5; }

.content::selection {background-color: #fff;color: #000;text-shadow: none;}
.content::-moz-selection {background-color: #fff;color:  #000;text-shadow: none;}


/* 下载 */
.download{overflow: hidden;}
.download .title{overflow: hidden;}
.download .title h2{text-align: center; color: #b4b4b4;}
.download .title h1{text-align: center; color: #fff;}
.download .title dl{overflow: hidden;text-align: center; color: #b4b4b4;}
.download .title dl dt{overflow: hidden; font-weight: 400;}
.download .title dl dd{overflow: hidden; font-size: 12px; margin: 10px 0 0 0;}
.download .title dl dd i{margin: 0 20px; color: #5c6370;font-style: normal;}
.download .title dl dd:last-child {border-radius: 30px; background: #212121; padding: 10px 0; margin: 10px 25% 0 25%;}

.download .list{overflow: hidden; font-size: 14px;}
.download .list {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
.download .list dl {display: flex;flex-direction: column;align-items: center;text-align: center;margin: 0 10px;border-radius: 0;transition: border-radius 1s,background 1s ,color 1s; padding: 10px 30px;}
.download .list dl:hover {border-radius: 20px; background: #000; color: #fff;}
.download .list dl dt{overflow: hidden; font-size: 50px; line-height:1.5;}
.download .list dl dd{overflow: hidden;}

/* 日记列表 */
.log_list{overflow: hidden;}
.log_list dl{overflow: hidden; line-height:1.5; font-size: 14px; padding: 20px 0;}
.log_list dl:hover {background-color: #303030; cursor: pointer;  }
.log_list dl:active {background-color: #3b3b3b;transform: translateY(1px); }
.log_list dl dt{overflow: hidden; float: left; margin: 0 20px 0 0; width: 100px; font-weight: 400; text-align: right}
.log_list dl dd{overflow: hidden; float: left; width:calc(100% - 120px); color: #b4b4b4}


.log_img_txt_list{overflow: hidden;}
.log_img_txt_list .list{overflow: hidden; padding:20px 0; margin:10px 0; border-radius: 5px; transition: padding 1s ,border-radius 1s;}
.log_img_txt_list .list:hover {background-color: #303030; cursor: pointer;  padding: 20px; border-radius: 20px; }
.log_img_txt_list .list:hover .img_txt .txt dl dd{color: #398b39;}
.log_img_txt_list .list:hover .img_txt .txt dl dt{color: #e9e9e9;}
.log_img_txt_list .list:active {background-color: #454545;transform: translateY(1px); }
.log_img_txt_list .list:focus {outline: 2px solid #0066cc; outline-offset: 2px;}
.log_img_txt_list .list .img_txt{overflow: hidden; position: relative;}
.log_img_txt_list .list .img_txt .img{overflow: hidden; position: absolute; background: #000; border-radius: 3px; top: 10px; right: 0; width:40px; height: 40px; z-index: 1}
.log_img_txt_list .list .img_txt .txt{overflow: hidden; margin:10px 60px 0 0;}
.log_img_txt_list .list .img_txt .txt dl{overflow: hidden;}
.log_img_txt_list .list .img_txt .txt dl dt{overflow: hidden; font-size: 12px; font-weight: 300; color: #a6a6a6;}
.log_img_txt_list .list .img_txt .txt dl dd{overflow: hidden; font-size: 18px; font-weight: bold; color: #e9e9e9; margin:5px 0; transition: color 1s;}
.log_img_txt_list .list .description{overflow: hidden;font-size: 14px; margin: 10px 0 0 0;}

/* 财务列表 */
.finance_list{overflow: hidden;}
.finance_list h3{overflow: hidden; margin: 20px 0;}
.finance_list .list{overflow: hidden; border-top: 1px #383838 solid;border-left: 1px #383838 solid;}
.finance_list .list dl{overflow: hidden;border-bottom: 1px #383838 solid;}
.finance_list .list dl dt{overflow: hidden; float: left; width: calc(30% - 11px); padding:10px 5px; color: #b4b4b4;border-right: 1px #383838 solid;}
.finance_list .list dl dd{overflow: hidden; float: left; width: calc(40% - 11px); padding:10px 5px; color: #b4b4b4;border-right: 1px #383838 solid;}
.finance_list .list dl dd:nth-child(3) {width:calc( 15% - 11px); padding:10px 5px; margin: 0 0 0 0;}
.finance_list .list dl dd:nth-child(4) {width:calc( 15% - 11px); padding:10px 5px; margin: 0 0 0 0; text-align: right;}
.finance_list .list .ul6{}
.finance_list .list ul{overflow: hidden;border-bottom: 1px #383838 solid;}
.finance_list .list ul li{overflow: hidden; text-align: center; float: left; width: calc(20% - 11px); padding:10px 5px; color: #b4b4b4;border-right: 1px #383838 solid;}
.finance_list .list .ul6 li{width: calc(16.66% - 11px) !important;}
.finance_list .list ol{overflow: hidden;border-bottom: 1px #383838 solid;}
.finance_list .list ol li{overflow: hidden; text-align: center; float: left; width: calc(14.25% - 11px); padding:10px 5px; color: #b4b4b4;border-right: 1px #383838 solid;}
.finance_list .list .icon-tainjia{color: #00ff2b;}
.finance_list .list .icon-shanjian{color: #ff0000;}

/* 应用列表 */
.app_list{overflow: hidden;}
.app_list .list{overflow: hidden; width: calc(50% - 30px); float: left; transition: width 1s;}
.app_list .list:nth-child(odd) {margin: 0 30px 0 0 ;transition: margin 1s ;}
.app_list .list:nth-child(even) {margin: 0 0 0  30px;transition: margin 1s ;}
.app_list .list .img{overflow: hidden; width:calc(30% - 30px); float: left; }
.app_list .list .txt{overflow: hidden; width:70%; float: right; }
.app_list .list .txt dl{overflow: hidden;}
.app_list .list .txt dl dt{overflow: hidden; font-size: 18px; font-weight: 300;font-family: "bei_ti",Arial, sans-serif; transition: color 1s;}
.app_list .list:hover .txt dl dt{color: #398b39;}
.app_list .list .txt dl dd{overflow: hidden; color: #a6a6a6; font-size: 14px;}
.app_list .list .txt ul{overflow: hidden;}
.app_list .list .txt ul li{overflow: hidden; color: #a6a6a6; width: calc(50% - 20px); padding: 10px 0; float: left; text-align: left; font-weight: 300;
    transition: background-color 1s, border-radius 1s, color 1s, font-weight 0.3s;}

.app_list .list .txt ul li:nth-child(odd) {margin: 0 20px 0 0 }
.app_list .list .txt ul li:nth-child(even) {margin: 0 0 0 20px}
.app_list .list .txt ul li:hover{background-color: #000; border-radius: 30px; color: #fff; text-align: center;font-weight: 900;}
.app_list .list .txt ul li .icon-windows{ color: #0274ff;}
.app_list .list .txt ul li .icon-pingguo{ color: #a3a3a3;}

/* 登入用户查看 */
.log_user{overflow: hidden; position: relative; border: #383838 1px solid; border-radius: 5px; background: #303030;}
.log_user .img{overflow: hidden; position: absolute; border: #383838 1px solid; border-radius: 5px; width: 60px; height: 60px; z-index: 1; top: 10px; left: 10px; bottom: 10px;}
.log_user .img .avatar{overflow: hidden; border-radius: 5px; width: 60px; height: 60px;}
.log_user .txt{overflow: hidden; margin: 10px 0 10px 80px;}
.log_user .txt dl{overflow: hidden;}
.log_user .txt dl dt{float: left;overflow: hidden; width: 100px;color: #a6a6a6;}
.log_user .txt dl dd{float: left;overflow: hidden; font-weight: bold;}
/* 段落 */
.section{overflow: hidden;}
/* 侧边栏 */
.aside{overflow: hidden; position: fixed; z-index: 1000; left: 1200px; width: 500px; opacity: 1; top:20px; bottom:20px;  display: flex;  flex-direction: column; height: calc(100% - 40px); border-radius: 0; background: #212121; transition:  opacity 3s,width 3s,height 3s ;
    box-shadow:
            6px 0 6px -6px #000,        /* 外阴影（右侧） */
            inset 10px 0 10px -10px rgba(0, 0, 0, 0.5); /* 内阴影（左侧） */}
.aside.none{width: 0; opacity: 0;pointer-events: none;}
.aside.flex{width: 500px; opacity: 1;pointer-events: auto;}
.aside .title{overflow: hidden; margin: 0 20px; border-bottom: #1d1d1d 1px solid;}
.aside .title dl{overflow: hidden;position: relative; transition:  width 1s;}
.aside .title dl dt{overflow: hidden; width: calc(100% - 40px); line-height: 40px; transition:  width 1s;}
.aside .title dl dd{overflow: hidden;position: absolute; z-index: 1; right:0; top:0;  width: 30px; height: 30px; border-radius: 5px; transition:  width 1s; line-height: 30px; text-align: center; color: #7a787a; }
.aside .title dl dd span{font-size: 20px;}
.aside .title dl dd:hover {background-color: #303030; cursor: pointer;  }
.aside .title dl dd:active {background-color: #ff0000; color: #fff; transform: translateY(1px); }

.aside .section{overflow: hidden;height: calc(100% - 161px);overflow-y: auto;}
.aside .section .form{overflow: hidden; margin: 0 20px;}


.aside .button{overflow: hidden;}
.aside .button ul{overflow: hidden; margin: 10px 20px 0 20px;}
.aside .button ul li{overflow: hidden; background: #1d1d1d; border: #1e1f22 1px solid; padding: 10px 0; text-align: center; font-size: 18px; color: #e9e9e9; font-weight: bold; border-radius: 10px;}
.aside .button ol{overflow: hidden; margin: 10px 20px 0 20px;}
.aside .button ol li{overflow: hidden; float: left; background: #1d1d1d; border: #252525 1px solid; padding: 10px 0; text-align: center; font-size: 18px; color: #e9e9e9; font-weight: bold; border-radius: 10px;width: calc(50% - 12px); transition:  width 1s; }
.aside .button ol li:nth-child(odd) {margin: 0 10px 0 0;}
.aside .button ol li:nth-child(even) {margin: 0 0 0 10px;}
/* 弹窗 */
.fullscreen_modal {position: fixed;top: 0;left: 0;width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); color: #838383; display: none; justify-content: center;align-items: center; z-index: 2000;
    visibility: visible; opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s;}
/* 显示弹窗的类 */
.fullscreen_modal.active {opacity: 1;visibility: visible; display: flex !important; }
.fullscreen_modal.active .modal_content {transform: scale(1);}
/* 关闭按钮样式 */
.close_modal {margin-top: 20px;padding: 8px 20px; background-color: #4CAF50; border: none;border-radius: 4px;cursor: pointer;transition: background-color 0.3s;}
.close_modal:hover {background-color: #45a049;}

/* 弹窗内容样式 */
.modal_content {padding: 5px;border-radius: 8px;max-width: 80%;max-height: 80%;overflow-y: auto;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);transform: scale(0.9);transition: transform 0.3s ease;}
.modal_content .section{background: #303030;border-radius: 8px;}
/* 消息框 */
.modal_content .section .title{overflow: hidden; margin: 0 10px; border-bottom: #1d1d1d 1px solid; color: #e9e9e9;}
.modal_content .section .title dl{overflow: hidden;position: relative; transition:  width 1s;}
.modal_content .section .title dl dt{overflow: hidden; width: calc(100% - 40px); line-height: 40px; transition:  width 1s;}
.modal_content .section .title dl dd{overflow: hidden;position: absolute; z-index: 1; right:0; top:5px;  width: 30px; height: 30px; border-radius: 5px; transition:  width 1s; line-height: 30px; text-align: center; color: #7a787a; }
.modal_content .section .title dl dd span{font-size: 20px;}
.modal_content .section .title dl dd:hover {background-color: #303030; cursor: pointer;  }
.modal_content .section .title dl dd:active {background-color: #ff0000; color: #fff; transform: translateY(1px); }

.modal_content .section .description{overflow: hidden; margin: 0 10px 20px 10px; border-bottom: #1d1d1d 1px solid; color: #b4b4b4; padding: 10px 0 20px 0; }

.modal_content .section .form_section{overflow: hidden; margin: 0 10px 20px 10px; color: #b4b4b4; padding: 10px 0 20px 0; }
.modal_content .section .form_section dl{overflow: hidden; position: relative;}
.modal_content .section .form_section dl dt{overflow: hidden; line-height: 40px; color: #b4b4b4;}
.modal_content .section .form_section dl dd{overflow: hidden;}

.modal_content .section .form_section .textarea{overflow: hidden; background: #303030; border-radius: 5px; color: #fff; border: 1px solid #454545; padding: 10px;width:calc(100% - 22px);}
.modal_content .section .form_section  .input{overflow: hidden; background: #303030; border-radius: 5px; color: #fff; border: 1px solid #454545; padding: 10px;width:calc(100% - 22px);}

.modal_content .section .form_section dl dd ol{overflow: hidden;}
.modal_content .section .form_section dl dd ol li{overflow: hidden;  background: #303030; border-radius: 5px; color: #fff; border: 1px solid #454545; padding: 10px 0;width:calc(33.3% - 12px); text-align: center; float: left; margin: 0 10px 10px 0; font-size: 14px; white-space: nowrap;text-overflow: ellipsis;}
.modal_content .section .form_section dl dd ol li:nth-of-type(3n) {margin: 0 0 10px 0 ;width:calc(33.3% - 2px);}
.modal_content .section .form_section dl dd ol .on{overflow: hidden; border: 1px solid #007bff;}

.modal_content .section .form_section dl dd ul{overflow: hidden;}
.modal_content .section .form_section dl dd ul li{overflow: hidden;  background: #303030; border-radius: 5px; color: #fff; border: 1px solid #454545; padding: 10px 0;width:calc(20% - 12px); text-align: center; float: left; margin: 0 10px 10px 0; font-size: 14px; white-space: nowrap;text-overflow: ellipsis;}
.modal_content .section .form_section dl dd ul li:nth-of-type(5n) {margin: 0 0 10px 0 ;width:calc(20% - 2px);}
.modal_content .section .form_section dl dd ul .on{overflow: hidden; border: 1px solid #007bff;}
.modal_content .section .form_section dl dd select {overflow: hidden;background: #303030;border-radius: 5px;color: #fff;border: 1px solid #454545;padding: 10px;width: calc(100% - 2px);appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 10px center;padding-right: 30px;}
.modal_content .section .form_section dl dd select:focus {background-color: #404040;border-color: #007bff;outline: none;box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}
.modal_content .section .form_section dl dd select:hover {background-color: #383838; border-color: #555; }
.modal_content .section .form_section dl dd select:active {background-color: #484848;border-color: #0056b3;}
.modal_content .section .form_section dl dd select option {background: #303030;color: #fff;padding: 10px;}
.modal_content .section .form_section dl dd select option:hover,
.modal_content .section .form_section dl dd select option:checked,
.modal_content .section .form_section dl dd select option:focus {background: #007bff;color: #fff;}
.modal_content .section .form_section dl dd select:focus option:checked {background: #007bff;color: #fff;}

.modal_content .section .form_section dl dd .file{overflow: hidden; background: #303030; border-radius: 5px; color: #fff; border: 1px solid #454545; padding: 10px;width:calc(100% - 22px);}

.modal_content .section .button{overflow: hidden;}
.modal_content .section .button ul{overflow: hidden; margin: 10px 0 0 0;}
.modal_content .section .button ul li{overflow: hidden; background: #1d1d1d; border: #1e1f22 1px solid; padding: 10px 0; text-align: center; font-size: 18px; color: #e9e9e9; font-weight: bold;}
.modal_content .section .button ol{overflow: hidden; margin: 10px 0 0 0;}
.modal_content .section .button ol li{overflow: hidden; float: left; background: #1d1d1d; border: #252525 1px solid; padding: 10px 0; text-align: center; font-size: 18px; color: #e9e9e9; font-weight: bold; width:calc(50% - 2px); transition:  width 1s; }