.system_header_bar {
            width: auto;
            height: 22px;
            padding: 0px;
            background: #003f84;
            line-height: 22px;
            color: #ffffff;
            background-repeat: repeat-x;
            BORDER-RIGHT: #ABABAB 1px solid;
            BORDER-TOP: #ABABAB 1px solid;
            BORDER-LEFT: #ABABAB 1px solid;
            display: none;
        }

        .system_header_content
        {
          /* border-radius: 4px;  */
          overflow: hidden;
          background-color: skyblue;
          /* border: 1px solid #ABABAB; */
          border-collapse: separate;
          border-radius: 4px 4px 4px 4px;
        }
        .system_header_content.special_bg {
          background-color:transparent !important;
        }
        .system_header_content .plug-content {
          /* border: 1px solid #ABABAB; */
          border-right: 1px solid #ABABAB;
          border-left: 1px solid #ABABAB;
          border-bottom: 1px solid #ABABAB;
          border-collapse: separate;
          /* border-radius: 4px 4px 4px 4px; */
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px;
        }
        .title-bar-hidden + .plug-content {
          border-top: #ABABAB 1px solid;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
      }
        .system_header_content .table {
          /* display: flex;
          align-items: center; */
          /* height: 120px !important; */
          margin: 8px 0px 8px 0px !important;
        }

        .title_bar {
            width: auto;
            height: 40px;
            line-height: 40px;
            color: #262626;
            font-weight: bold;
            background:white;
            background-repeat: repeat-x;
            border: 0px;
            border-top: 1px solid #ABABAB;
            border-left: 1px solid #ABABAB;
            border-right: 1px solid #ABABAB;
            border-bottom: 1px solid #d1cdcd;
            filter: Alpha(Opacity=90);
            position: relative;
            /* padding-right: 10px; */
            padding-left: 5px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 4px 4px 0px 0px;
            /* Right spacing of 10px */
        }
          
        .title_bar>.title-left {
            display: flex;
            align-items: center;
        }
        

        .title-bar-hidden{
            display: none;
        }

        .title_bar img {
            height: 18px;
            width: 18px;
            padding: 0px;
        }

        .title_bar a {
            display: inline-block;
            height: 18px;
            line-height: 18px;
            margin-right: 5px ;
            padding-top: 0px !important;
        }

        .title_bar i {
            font-size: 18px;
            margin:0 3px;
            color: #003f84;
            display: flex;
            align-items: center;
        }

        /* .title_bar .title-icon-container {
          margin-right: -7px;
        } */

        .title-icon-container .iconright {
            width: 28px;
            height: 27px;
            line-height: 28px;
            float: right;
            cursor: pointer;
            border-radius: 3px;
            transition: background-color 0.3s ease;
            background-color: rgb(251, 253, 255);
            border: #ABABAB;
            text-align: center;
            /* margin-top: 6px; */
            margin-left: 6px;
            padding-left: 5px;
        }
        .title-icon-container i {
          font-size: 18px;
          margin: 0 3px;
          color: #003f84;
          display: flex;
          align-items: center;
      }

        .iconright:hover {
            background-color: rgb(233, 123, 233);
            color: white;
        }

        .page-numger
        {
            float:right;
            margin-right:4px;
        }

        .page-numger font
        {
            color:orange;
        }

        table.desktop {
            background-color: #ffffff;
            empty-cells: show;
            border-collapse: collapse;
            margin: 0;
            border: none;
            color: #262626;
            filter: Alpha(opacity=90);
            border-collapse: separate;
             border-radius: 4px; 
            
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            overflow: hidden;
        }

        table.desktop tr {
            line-height: 32px;
        }
        table.desktop td {
          height: 37px;
        }

        table.desktop tr th {
          border-bottom: 0.5px solid #f1e7e7;
          padding-left: 6px;
          }
          
        .table>tbody>tr>td {
           border-top: none !important;
           vertical-align: middle !important;
        }
        .table>tbody>tr>td>div {
          margin-left: 0px !important;
          margin-right: 0px !important;
          /* padding: 0px 5px; */
          /* padding-left: 5px; */
          /* padding-right: 10px; */
       }

        table.desktop td {
            padding-left: 6px;
            background-color: transparent;  /**/
        }

        /* table.desktop td:not(last-child()) {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
      } */

        /* 设置奇数行的背景色 */
        table.desktop tr:nth-child(odd) {
            background-color: #F5F5F5;
        }

        /* 设置偶数行的背景色 */
        table.desktop tr:nth-child(even) {
            background-color: #ffffff;
        }

        table.desktop .trhover:not(.empty-row):hover {
            background-color: #abd3f3;
            cursor: pointer;
        }

        table.desktop .time {
            margin-left: 5px;
            font-size: 9pt;
            color: #007000;
            font-family: Arial, Helvetica, sans-serif;
        }

        table.desktop .zhiding
        {
          color: rgb(189, 37, 37);
        }

        table.desktop .new
        {
          margin-left: 5px;
          color:red;
        }

    /**表格组件结束**/
    /*轮播组件样式*/
    .pages li {
      list-style-type: none;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      background-color: white
    }

    .pages li:hover {
      box-shadow: 0 0 5px 2px white
    }

    .pages li.active {
      background-color: orange;
      box-shadow: 0 0 5px 2px orange
    }

    .pages {
      position: absolute;
      padding: 5px;
      margin: 0;
    }

    .pages.horizontal {

      left: 90%;
      transform: translateX(-90%);
      bottom: 5px
    }

    .pages.horizontal li {
      display: inline-block;
      margin-right: 10px;

    }

    .pages.horizontal li:last-child {

      margin-right: 0
    }

    .pages.vertical {

      right: 5px;
      top: 50%;
      transform: translateY(-50%)
    }

    .pages.vertical li {
      margin-bottom: 10px
    }

    .pages.vertical li:last-child {
      margin-bottom: 0
    }

    /*
	*{
		padding: 0;
		margin: 0;
	}
	*/
    /* #container_sp10 {
      top: 0%;
      position: absolute;
      z-index: 5555;
      left: 0%;
      width: 100%;
      overflow: hidden;
    }

    .sections,
    .section {
      height: 100%;

    }

    #container_sp10,
    .sections {
      position: relative;
    }

    .section {

      background-color: #000;
      background-size: cover;
      background-position: 50% 50%;
      text-align: center;
      color: white;

    }

    .section h3 {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.1);
      padding: 10px 0px 20px 20px;
      width: 24.8%;
      text-align: left;
      margin: 0;
      height: 10px;
      line-height: 5px;
      bottom: 0; */
      /*
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    */
    /* } */



    #container_sp10 {
			top: 0%;
			position: relative;
			z-index: 5555;
			left: 0%;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.sections,
		.section {
			height: 100%;

		}
		.section {
			position: relative;
			/* background-color: pink; */
			background-size: 100% !important;
			background-repeat: no-repeat !important;
			background-position: 50% 50%;
			text-align: center;
			color: white;

		}
		.section h3 {
			position: absolute;
			background: rgba(125, 125, 120, .4);
			padding: 10px 0px 10px 20px;
			/* margin-top: 250px; */
			width: 100%;
			text-align: left;
			margin: 0px 0px;

			/* height: 10px; */
			bottom: 0;


			border-top-right-radius: 10px;
			border-top-left-radius: 10px;

		}

		.pages.horizontal {
      width: 100px;
			left: 100% !important;
		}
    /* #container_sp10 ul {
      width: 100px !important;
    } */

    /* 新加轮播样式 */

    #num li {
      float: left;
      background-color: #fff;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      text-align: center;
      line-height: 20px;
      color: #fff;
      font-weight: bold;
      margin-left: 5px;
      cursor: pointer;
    }

    #num {
      position: absolute;
      bottom: 20px;
      right: 200px;
    }

    #num li:hover {
      background-color: #f80;
    }

    #num li.active {
      background-color: #f80;
    }

    /*轮播组件样式结束*/
    /* #container_sp10 ul,
    #container_sp10 li {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #container_sp10 img {
      border: none;
    } */

    #jsF {
      position: relative;
      margin: 0;
      width: 100%;
      margin: 0 0 0;
    }

    #jsF ul {
      position: absolute;
      top: 0;
      left: 0;
      list-style-type: none;
      z-index: 1;
    }

    #jsF li {
      display: block;
      position: absolute;
      top: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    #jsF img {
      width: 100%;
    }

    #pager {
      width: auto;
      text-align: right;
      margin-right: 5px;
    }

    #pager1 {
      width: 100%;
      padding: 9px 0;
    }

    #pager li {
      display: inline-block;
      /*-----*/
      display: inline;
      zoom: 1;
      margin-left: 5px;
      /*-----*/
      width: 20px;
      height: 18px;
      font-size: 12px;
      line-height: 18px;
      text-align: center;
      cursor: default;
    }

    #pager li.on {
      background-color: #f80;
      color: #fff;
      cursor: default;
    }

    #titlex {
      float: left;
      margin-left: 5px;
      color: #000;
    }

    /*新的待办单样式*/
    .aui-nav-content-box {
      width: 100%;
      position: relative;
      margin-left: 0px;
      margin-top: 0px;
      overflow: hidden;
    }

    .desktop-nav-list-box {
      overflow: hidden;
      zoom: 1;
      border-bottom: none;
      /*z-index: 110;*/
      /*background: #fff;*/
      border-bottom: 1px solid gainsboro;
      line-height: 36px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .desktop-nav-list-box ul li a {
      color: #000;
    }

    .desktop-nav-list-box ul li {
      float: left;
      /*
    color: #000;
    height: 36px;
    line-height: 36px;
        */
      cursor: pointer;
      width: 80px;
      text-align: center;
      /*font-size: 14px;*/
    }

    .desktop-nav-list-box ul {
      margin: 0;
      padding: 0
    }

    .desktop-nav-list-box li {
      list-style: none
    }

    .desktop-nav-list-box ul .desktop-nav-current {

      color: #f54343;
      /* background: #f7f7f7; */
      border-bottom: solid 2px #f54144;
      font-weight: bold;
      border-top-right-radius: 7px;
      border-top-left-radius: 7px;
      /* background-color: #b1c3d9; */
    }

    .desktop-nav-list-box ul .desktop-nav-current a {
      color: #f54343;
    }

    .aui-nav-list-item {
      display: none;
    }

    .desktop-nav-list-box ul li a:hover {
      text-decoration: none;
    }

    .moreinfo1 {
      margin-left: 95%;
    }

    /* .title_bar {
      line-height: 12px;
    } */

    /*待办单样式结束*/

    /*流程总览样式*/
    .SP13one {
      float: left;
      width: 90%;
      height: 95px;
      margin-left: 12px;
      border-radius: 5px;
    }

    .SP13all {
      /* 	background-color: darkcyan; */
      width: 90%;
      height: 90px;
      color: white;
      border-radius: 5px;
      margin: 0 auto;
    }
    
    .col-sp13-5 {
      float: left;
      width: 36%;
      height: 100%;

      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      background-color: navajowhite;
    }

    .sp13img {
      margin-top: 23px;
      margin-left: 19px;
      width: 39px;
    }

    .col-sp13-7 {

      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;

      float: left;
      width: 64%;
      height: 100%;
      background-color: chartreuse;
    }

    .col-sp13-7 h3 {
      margin-left: 20px;
      font-family: "Arial", "微软雅黑";
    }

    .col-sp13-7 h6 {
      margin-left: 20px;
      margin-top: -8px;
      font-size: 14px;
      font-family: "微软雅黑";
    }

    /* .sp13box-shadow {
      box-shadow: 0 0 8px lightblue;
      cursor: pointer;
    } */

    /* 快捷菜单样式 */
    /* #app>div {
      width: 80px;
      height: 80px;
      float: left;
      text-align: center;
      padding: 10px;
    }

    #app>div>a {
      text-decoration: none;
    }

    #app>div:hover {
      background-color: #5caae8;
      border-radius: 10px;
    } */

    /* 鼠标右键菜单样式 */
    #right_menu {
      width: 80px;
      border: 1px solid black;
      display: none;
      position: absolute;
    }

    #right_menu li {
      list-style: none;
      font-size: 12px;
      padding-left: 15px;
      color: black;
      height: 24px;
      line-height: 24px;
    }

    #right_menu li:hover {
      background-color: rgba(252, 172, 0, 0.133);
      cursor: pointer;
    }

    #chart svg {
      width: 100%;
    }

    /* 我的日程样式 */
    .box {
      width: 100%;
    }

    #calendar {
      width: 100%;
    }

    #calendar table thead th {
      text-align: center;
    }

    #calendar tr {
      position: relative;
    }

    .myricheng {
      width: 30%;
      padding-top: 5px;
    }

    .schedule_addicon {
      width: 30%;
      text-align: center;
      cursor: pointer;
    }

    .schedule_addicon:hover {
      color: #007bff;
    }

    #calendar tr .round_dot {
      border: 1px solid #007bff;
      background-color: #007bff;
      border-radius: 50%;
      display: block;
      height: 6px;
      width: 6px;
      position: absolute;
      left: 50%;
      top: 24px;
    }

    #Task {
      margin-top: 15px;
    }

    .test {
      font-size: 10px;
    }

    .test:hover {
      cursor: pointer;
    }

    .test li {
      list-style: none;
    }

    .boder_red {
      border-left: 2px solid red;
      padding-left: 10px;
    }

    .boder_blue {
      border-left: 2px solid #007bff;
      padding-left: 10px;
    }

    .boder_yellow {
      border-left: 2px solid #d9f008;
      padding-left: 10px;
    }

    /* TODOLIST样式 */
    /* todolist样式 */
    .Myday a {
      float: right;
      margin-top: 10px;
    }

    .todolist_box {
      height: 300px;
      width: 100%;
    }

    .todolist_box .todolist_top {
      height: 45%;
    }

    .todolist_box .todolist_buttom {
      height: 55%;
    }

    .todolist_top {
      display: flex;
    }

    .todolist_top_left {
      width: 240px;
      min-width: 200px;
      height: 100%;
      border-right: 2px solid #f7f7f7;
      text-align: center;
    }

    .todolist_top_right {
      width: 100%;
      height: 100%;
      position: relative;
    }


    .todolist_top_right #todolist_taskedit {
      width: 100%;
      height: 70%;
      margin-top: 10px;
    }

    .todolist_top_right #todolist_taskedit_okbtn {
      height: 25%;
      width: 100%;
      border: none;
      color: #007bff;
      background-color: #f7f7f7;
      position: absolute;
      right: 0px;
    }

    #todolist_check {
      margin-left: 15px;
    }

    .todolist_check_title {
      height: 50px;
      line-height: 50px;
    }

    .Important_urgent.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
      background: red;
    }

    .Important_noturgent.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
      background: green;
    }

    .NotImportant_urgent.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
      background: orange;
    }

    .NotImportant_noturgent.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
      background: blue;
    }

    /* 选项卡样式 */
    div.tab {
      overflow: hidden;
    }

    div.tab li {
      float: left;
      cursor: pointer;
      padding: 10px 12px;
      list-style: none;
    }

    div.tab li.active {
      border-bottom: 1px solid #00abfc;
      color: #00abfc;
    }

    .tabcontent {
      display: none;
      padding: 6px 12px;
      border-top: none;
      height: 120px !important;
    }
    /* 任务样式 */
    .temp_item_container {
      display: flex;
      font-size: 14px;
      position: relative;
      height: auto;
    }

    .temp_btn {
      cursor: pointer;
    }

    .temp_item_container_parent {
      padding: 0px !important;
      height: auto;
      /* background-color: #f7f7f7; */
    }

    .temp_item_text {
      white-space: pre-wrap;
      word-wrap: break-word;
      padding: 7px 24px 7px 10px;
      width: 100%;
    }

    .temp_item_btnlist {
      position: absolute;
      right: 0px;
      z-index: 999999;
      background-color: #FFFFFF;
      width: 70px;
      color: #bfbfbb;
      height: 30px;
      border: 1px solid silver;
      border-radius: 3px;
      margin-right: 10px;
    }

    .temp_item_btnlist>div {
      width: 20px;
      margin-left: 10px;
      margin-top: 5px;
    }

    .Myday {
      display: flex;
      align-items: center;
    }
    
    /*桌面背景*/
    .desktop-background
    {
      background-color:#fff;
    }