/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
*[data-v-afb0ef8a] {
  font-size: 12px;
}
.cases-page[data-v-afb0ef8a] {
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
.directory-left[data-v-afb0ef8a] {
  min-width: 14%;
  min-height: 300px;
  position: fixed;
  left: 0;
  top: 80px;
  overflow: auto;
  height: 100%;
  background: #343d50;
  z-index: 1000000;
}
.directory-left .left-catalog[data-v-afb0ef8a] {
  background: #343d50;
  margin-left: 10px;
}
.directory-left .el-button--text[data-v-afb0ef8a] {
  color: #aeb0bd;
}
.content-right[data-v-afb0ef8a] {
  width: 84%;
  min-height: 640px;
  float: right;
  margin-top: 90px;
  overflow: hidden;
  padding-top: 20px;
}
.listFields label[data-v-afb0ef8a] {
  margin: 15px 30px 15px 0px;
}
.listFields span[data-v-afb0ef8a] {
  display: inline-block;
  width: 18%;
}
.el-checkbox-group input[data-v-afb0ef8a] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 15px 0px 15px 30px;
  position: relative;
  top: 4px;
}
.listFields div[data-v-afb0ef8a]:first-child {
  padding: 0px;
}
.cell-edit-input .el-input[data-v-afb0ef8a],
.el-input__inner[data-v-afb0ef8a] {
  width: 100px;
  text-align: center;
}
th[data-v-afb0ef8a]:nth-last-of-type(2) {
  border-right: 1px solid #e6ebf5 !important;
}
th > div[data-v-afb0ef8a],
td > div[data-v-afb0ef8a] {
  text-align: center;
}
.cell-icon[data-v-afb0ef8a] {
  cursor: pointer;
  color: #409eff;
}
.block[data-v-afb0ef8a] {
  width: 94%;
  margin-top: 50px;
  height: 80px;
}
.dialogFrameTitle[data-v-afb0ef8a] {
  width: 90%;
  height: 40px;
  margin-top: -10px;
  margin-left: 30px;
  padding-left: 10px;
  font-size: 14px;
}
.dialogFrameTopLine[data-v-afb0ef8a] {
  width: 90%;
  height: 1px;
  margin: -20px auto 10px;
  background: #999;
  position: relative;
}
.dialogFrameBottomLine[data-v-afb0ef8a] {
  width: 98%;
  height: 1px;
  margin-top: 20px;
  margin-left: 2%;
  background: #999;
  position: relative;
}
.clearfix[data-v-afb0ef8a] {
  float: right;
  width: 166vw;
}
.popover-filter[data-v-afb0ef8a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 24px;
}
.advanced-filter[data-v-afb0ef8a] {
  float: right;
  margin-right: 90px;
}
.el-form-item[data-v-afb0ef8a] {
  margin-bottom: 10px;
}
.advancedSearch[data-v-afb0ef8a] {
  width: 96%;
  margin: 20px 0;
  padding: 10px 0 0;
}
.el-row[data-v-afb0ef8a] {
  margin-bottom: 20px;
}
.el-row[data-v-afb0ef8a]:last-child {
    margin-bottom: 0;
}
.el-col[data-v-afb0ef8a] {
  border-radius: 4px;
}
.grid-content[data-v-afb0ef8a] {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg[data-v-afb0ef8a] {
  padding: 10px 0;
  background-color: #f9fafc;
}
.perform[data-v-afb0ef8a] {
  display: block;
  width: 240px;
  min-height: 18px;
  max-height: 80px;
  border: 1px solid #f0f0ff;
  border-radius: 4px;
  padding: 0 20px;
  color: #999999;
  word-wrap: break-word;
  overflow: auto;
}
.breadCrumbs[data-v-afb0ef8a] {
  font-size: 12px;
  color: #999999;
  font-weight: bold;
}
.upload-demo[data-v-afb0ef8a] {
  margin: 0 8px 0 8px;
}
.importFile[data-v-afb0ef8a] {
  width: 60%;
}
.importFile .el-input[data-v-afb0ef8a] {
  width: 200px;
}
.importFile .el-button[data-v-afb0ef8a] {
  float: right;
}
.importInput[data-v-afb0ef8a] {
  display: inline-block;
  width: 50%;
}
.upload-demo el-upload el-upload--text[data-v-afb0ef8a] {
  display: inline-block;
}
.importWrapper[data-v-afb0ef8a] {
  width: 100%;
  text-align: left;
}
.downloadWrapper[data-v-afb0ef8a] {
  width: 100%;
  margin-top: 20px;
  text-align: left;
  padding-left: 0;
}
.downloadTemplate[data-v-afb0ef8a] {
  display: inline-block;
  width: 80px;
  height: 34px;
  background: #409eff;
  text-align: center;
  line-height: 34px;
  color: #fff;
  cursor: pointer;
}
.warningWrapper[data-v-afb0ef8a] {
  display: inline-block;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
html,
body {
  margin: 0;
  padding: 0;
}
.cases-page .el-dialog {
  width: 50%;
  height: auto;
  max-height: 520px;
  overflow: auto;
  margin-top: 10vh !important;
}
.cases-page .el-form-item__label {
  font-size: 12px;
}
.cases-page .frameInput .el-input__inner {
  width: 280px;
  height: 34px;
}
.cases-page .frameInput .el-textarea__inner {
  min-height: 64px;
}
.cases-page .frameInput .el-textarea__inner {
  width: 80%;
}
.cases-page .frameInput .el-radio__label {
  font-size: 12px;
}
.cases-page .el-form .el-dialog__body {
  padding: 10px 20px;
}
.cases-page .advancedSearch .el-form .el-input__inner {
  width: 150px;
  height: 30px;
}
.cases-page .advancedSearch .el-form-item__label {
  font-size: 12px;
}
.cases-page .advancedSearch .el-input__inner {
  font-size: 12px;
}
.cases-page .advancedSearch .el-input__suffix {
  right: 70px;
}
.cases-page .el-checkbox .el-checkbox__label {
  font-size: 12px;
}
.cases-page .el-tree-node__content {
  background: #343d50;
  color: #aeb0bd;
}
.cases-page .el-tree-node__content:hover {
  background: #343d50;
}
.cases-page .el-card__body .el-tree.is-active {
  background: #343d50;
}
.cases-page .el-table .warning-row {
  background: oldlace;
}
.cases-page .el-table .success-row {
  background: #f0f9eb;
}
.cases-page .directory-left .el-tree span {
  font-size: 12px;
}
.cases-page .el-form-item__error {
  line-height: 0;
  z-index: 1;
}
.cases-page .importInput .el-input__inner {
  height: 32px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cases-page .importButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cases-page .el-button--text {
  font-size: 12px;
}
.cases-page .el-table tr {
  font-size: 12px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-audit {
  width: 100%;
  height: auto;
  margin: 0;
  background: #e9ebef;
}
.projectAuditContent {
  width: auto;
  height: auto;
  margin: 10px auto 0;
  padding: 20px;
  background: #fff;
}
.projectAuditHeader {
  width: 100%;
  height: 60px;
  background: #fff;
  clear: both;
  overflow: hidden;
}
.projectAuditHeader .header-left {
  width: 60%;
  height: 60px;
}
.projectAuditHeader .header-right {
  width: 30%;
  height: 60px;
  text-align: right;
  float: right;
  margin-right: 20px;
  margin-top: -60px;
}
.project-audit .header-right .el-button--primary {
  margin-top: 12px;
  width: 88px;
  height: 38px;
  font-size: 12px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-audit .projectAuditContent .el-button--primary {
  width: 52px;
  height: 28px;
  font-size: 12px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  background: #00aaff;
}
.project-audit .el-icon-arrow-right:before {
  content: "\E60E";
  font-size: 16px;
}
.project-audit .el-table tr {
  text-align: left;
}
.project-audit .tableInner .el-table tr {
  background: transparent;
}
.project-audit .el-table__expanded-cell {
  padding: 0;
}
.project-audit .el-table th > .cell {
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  font-size: 16px;
}
.project-audit .el-table .cell {
  color: #666;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.project-audit .el-table--enable-row-hover .el-table__body tr:hover > td {
  background: transparent;
}
.project-audit .tableInner .el-table--enable-row-hover .el-table__body tr:hover > td {
  background: #d1ebff;
}
.project-audit .projectAuditContent .el-table__body {
  width: 910px !important;
}
.organiger {
  display: inline-block;
  padding: 2px 8px;
  background: #00aaff;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.auditStatus {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.status1 {
  background: #ff9900;
}
.status2 {
  background: #37d5c6;
}
.docButton {
  clear: both;
  position: absolute;
  top: 0;
  left: -80px;
  display: inline-block;
  line-height: 52px;
  font-size: 14px;
  color: #999;
}

/* 查看任务详情弹窗样式 */
.project-audit .el-dialog {
  width: 760px;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 10vh !important;
}
.project-audit .el-dialog__header {
  width: 720px;
  height: 25px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.project-audit .el-dialog__body {
  padding: 0 0 5px 0;
  height: 480px;
  overflow: auto;
}
.project-audit .el-dialog__footer {
  background: #fff;
  padding: 20px 20px 30px 20px;
  width: 745px;
}
.project-audit .upload-demo {
  margin-top: 20px;
  margin-left: 10px;
}
.project-audit .el-upload-list__item {
  margin-right: 10px;
}
.project-audit .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  display: none;
}
.project-audit .el-upload-list--picture-card .el-upload-list__item-actions {
  background: rgba(0, 0, 0, 0.4);
}
.project-audit .taskDiv {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.projectTitle {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  padding-left: 0;
  margin-top: 0;
  line-height: 20px;
}
.projectTitle img {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.projectTitle span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 8px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-audit .taskTitle {
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 20px;
  color: #333;
  padding-left: 0;
  margin-top: 10px;
}
.project-audit .taskTextarea {
  width: 100%;
  height: auto;
  clear: both;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}
.project-audit .taskContent .el-textarea__inner {
  border: none;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-audit .taskContent {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}
.project-audit .taskContent2 {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  border-top: none;
  overflow: hidden;
  position: relative;
}
.project-audit .taskTime {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 0;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.project-audit .taskTimeDiv {
  width: 48%;
  display: inline-block;
  margin: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.project-audit .taskTimeDiv:nth-child(odd) {
  border-right: 1px solid #ccc;
  padding-left: 15px;
}
.project-audit .taskTimeDiv:nth-child(even) {
  border: none;
}
.project-audit .workinghour {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.project-audit .selectDiv {
  color: #333;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.project-audit .workinghourtDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
}
.project-audit .workinghourtDiv span {
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
}
.project-audit .headerWrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.project-audit .headerDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  margin-top: -50px;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.project-audit .taskHeader {
  display: inline-block;
  width: auto;
  height: 26px;
  padding: 0 10px;
  background: #007dc6;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-audit .taskHeader2 {
  display: inline-block;
  width: auto;
  height: 26px;
  padding: 0 10px;
  background: #666;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-audit .importWrapper {
  text-align: left;
  height: 20px;
}
.project-audit .annaxButton {
  font-size: 14px;
  color: #999;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  display: inline-block;
  position: relative;
  margin-left: 20px;
  margin-top: 10px;
  cursor: pointer;
}
.project-audit .annaxButton img {
  vertical-align: middle;
}
.project-audit .el-tabs__nav-wrap {
  height: 60px;
}
.project-audit .el-tabs__nav {
  height: 60px;
  line-height: 60px;
  margin-left: 20px;
}
.project-audit .el-tabs__active-bar {
  height: 3px;
}
.project-audit .commentsContent .el-tab-pane {
  display: block !important;
}
.project-audit .commentsContent ul {
  margin-left: -40px;
}
.project-audit .commentsContent .el-tabs__header {
  margin: 0;
}
.project-audit .commentsContent ul li {
  padding: 0;
}
.project-audit .commentsContent .el-tabs__nav {
  margin-left: 0;
}
.project-audit .workinghourtDiv .el-progress {
  display: inline-block;
  width: 60%;
}
.project-audit .workinghourtDiv .el-progress-bar__innerText {
  display: none;
}
.project-audit .workinghourtDiv .el-progress-bar__outer {
  border-radius: 0;
}
.project-audit .workinghourtDiv .el-progress-bar__inner {
  border-radius: 0;
}
.project-audit .detailTaskProcessTitle {
  width: 84%;
  height: 20px;
  position: absolute;
  top: 108px;
  right: 10px;
}
.project-audit .el-slider {
  width: 86%;
  position: absolute;
  right: 10px;
  top: 50px;
  margin-top: 68px;
}
.project-audit .el-slider__bar {
  background-color: #007dc6;
  height: 4px;
}
.project-audit .el-slider__button {
  border: solid 2px #007dc6;
  width: 10px;
  height: 10px;
}
.project-audit .el-slider__runway {
  height: 4px;
}
.project-audit .headerWraper {
  clear: both;
  overflow: hidden;
  margin-top: -20px;
}
.project-audit .el-dialog__headerbtn .el-dialog__close {
  font-size: 24px;
}
.project-audit .el-dialog__headerbtn {
  border-left: 1px solid #ccc;
  top: 15px;
}
.project-audit .headerWraper .spanRight {
  margin-right: 40px;
}
.project-audit .spanRight .el-button--success {
  cursor: auto;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.floatLayer {
  width: 640px;
  height: 90%;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 0px 10px 2px #ccc;
          box-shadow: 0px 0px 10px 2px #ccc;
  position: absolute;
  top: 16px;
  right: 0px;
  z-index: 1;
  overflow: hidden;
}
.layerHeader {
  clear: both;
  border-bottom: 1px solid #ccc;
  width: 640px;
  height: 50px;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.closeIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 7px 0 7px 12px;
  margin-top: 10px;
  margin-right: 20px;
  border-left: 1px solid #666;
  float: right;
  right: 0;
  top: 0;
}
.closeIcon .el-icon-close:before {
  font-size: 28px;
  margin-left: -8px;
  line-height: 10px;
  cursor: pointer;
}
.layerFooter {
  border-top: 1px solid #ccc;
  width: 640px;
  height: 150px;
  background: #fff;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 999;
}
.layerWrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 50px;
  right: 0;
  background: #f5f5f5;
}
.layerHeaderSpan {
  display: inline-block;
  line-height: 50px;
  color: #999999;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanLeft {
  color: #333;
  width: 380px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.till {
  display: block;
  position: absolute;
  top: 0;
  left: 185px;
  z-index: 999;
  width: 25px;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanRight {
  float: right;
  margin-right: 20px;
  text-align: right;
}
.titleMessage {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #999;
  padding-left: 20px;
  margin-top: 10px;
}
.titleMessage img {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.titleMessage b {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 8px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-weight: normal;
}
.titleMessage span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.taskDetailMember {
  margin-top: -52px;
  margin-left: 30px;
}
.businessTitle {
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
}
.businessTitle .el-input {
  width: 80%;
  font-size: 18px;
  color: #000;
}
.businessImg {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #007dc6;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.textSpan {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  height: 176px;
  line-height: 22px;
  margin-top: 7px;
  color: #999;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  cursor: pointer;
}
.businessSpan {
  display: inline-block;
  margin-left: 10px;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.taskCodeNameSpan {
  margin-left: 10px;
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.businessContent,
.businessContent2 {
  width: 94%;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}
.businessContent2 {
  border-top: none;
}
.businessGroup {
  width: 100%;
  height: 52px;
  background: #fff;
  border-top: 1px solid #ccc;
  line-height: 52px;
  padding-left: 10px;
}
.groupImg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}
.groupImg img {
  width: 100%;
  height: 100%;
}
.groupPortrait {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
          box-shadow: 0px 0px 1px 1px #ccc;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
}
.groupPortrait img {
  width: 100%;
  height: 100%;
}
.taskBegin {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.businessSelect {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.businessSelect .workinghourtDiv .el-progress-bar__inner {
  background-color: #37d5c6;
}
.selectDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  vertical-align: top;
}
.workinghour .selectDiv {
  width: 48%;
  padding-left: 10px;
}
.workinghour {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.workinghourtDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  height: 50px;
  overflow: hidden;
}
.workinghourtDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.selectDiv .el-select {
  width: 60%;
  float: right;
}
.selectDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.addDeliveryDocoment {
  width: 94%;
  min-height: 50px;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.addDeliveryDocoment span {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #00aaff;
  line-height: 50px;
  cursor: pointer;
}
.addDeliveryDocoment i {
  color: #00aaff;
  margin-left: 10px;
  margin-right: 3px;
}
.rightDiv {
  float: right;
  padding-right: 20px;
}
.commentsContent {
  width: 94%;
  margin: 10px auto 0;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.commentsContent ul {
  list-style-type: none;
  margin-left: -40px;
}
.commentsContent ul li {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  padding: 16px 0 0;
}
.projectTaskDetail-page .commentsContent .el-tabs__header {
  margin: 0 0 -10px;
}
.comentsTitle,
.comentsContent {
  width: 100%;
  height: auto;
  clear: both;
  overflow: auto;
}
.comentsContent {
  margin-top: 10px;
}
.logLabel {
  width: 20%;
  float: left;
  font-size: 12px;
  color: #999;
  padding: 0;
  margin: 0;
}
.logContent {
  width: 80%;
  float: right;
  color: #333;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  padding: 0;
  margin: 0;
}
.logWorkinghour {
  margin: 0;
}
.logicon {
  display: block;
  float: right;
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.deleteIcon {
  margin-right: 0;
  line-height: 35px;
}
.editIcon {
  margin-right: 30px;
  line-height: 30px;
}
.reply {
  display: inline-block;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 30px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  margin-left: 10px;
}
.name {
  display: inline-block;
  font-size: 12px;
  color: #0af;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addWorkLog {
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachmentImg {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 38px;
  margin-top: 5px;
}
.attachmentImg img {
  width: 100%;
  height: 100%;
}
.logWastTime {
  width: 94%;
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.logWastTime1 {
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.wastTimeText {
  display: block;
  width: 85%;
  float: right;
}
.projectTaskDetail-page .logWastTime .el-input {
  width: 240px;
}
.projectTaskDetail-page .logWastTime .el-select > .el-input {
  width: 160px;
}
.projectTaskDetail-page .logWastTime .el-input__inner {
  border-color: #007dc6;
}
.commentInput {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 100px 20px;
}
.commentsText {
  display: block;
  width: 85%;
  float: right;
  border: 1px solid #007dc6;
  border-radius: 4px;
}
.logBtn {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  top: 20px;
  text-align: right;
}
.commentsImg {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.projectTaskDetail-page .logBtn .el-button--primary,
.projectTaskDetail-page .logBtn .el-button,
.projectTaskDetail-page .editLog .el-button {
  width: 102px;
}
.submitSpan img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.submitButton {
  display: block;
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.topImg {
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
}
.textareaDiv {
  width: 100%;
  height: auto;
  clear: both;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}
.aboutAttachment {
  width: 100%;
  height: auto;
  background: #fff;
  clear: both;
  overflow: hidden;
  position: relative;
}
.addAttachment {
  display: inline-block;
  line-height: 52px;
  font-size: 14px;
  color: #999;
  clear: both;
  position: relative;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment img {
  vertical-align: middle;
  margin-right: 4px;
}
.addAttachmentImg2 {
  clear: both;
  position: absolute;
  top: 0;
  left: -80px;
}
.detailTaskProcessTitle {
  width: 84%;
  height: 20px;
  position: absolute;
  top: 108px;
  right: 10px;
}
.projectTaskDetail-page .el-slider {
  width: 84%;
  position: absolute;
  right: 10px;
  top: 50px;
  margin-top: 68px;
}
.projectTaskDetail-page .el-slider__bar {
  background-color: #007dc6;
  height: 4px;
}
.projectTaskDetail-page .el-slider__button {
  border: solid 2px #007dc6;
  width: 10px;
  height: 10px;
}
.projectTaskDetail-page .el-slider__runway {
  height: 4px;
}
.projectTaskDetail-page .workinghourtDiv .el-progress {
  display: inline-block;
  width: 56%;
}
.projectTaskDetail-page .workinghourtDiv .el-progress-bar__innerText {
  display: none;
}
.projectTaskDetail-page .workinghourtDiv .el-progress-bar__outer {
  border-radius: 0;
}
.projectTaskDetail-page .workinghourtDiv .el-progress-bar__inner {
  border-radius: 0;
}
.detailTaskProcess {
  display: inline-block;
  width: 32.666666666%;
  height: 20px;
  line-height: 20px;
  color: #666;
}
.process1 {
  position: absolute;
  left: 0;
  text-align: left;
}
.process2 {
  position: absolute;
  left: 35%;
  text-align: center;
}
.process3 {
  position: absolute;
  left: 68%;
  text-align: right;
}
.addAttachment-task {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  position: absolute;
  top: 13px;
  left: -20px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment-task3 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 10px;
  top: 2px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachPrompt {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 0;
}
.attachPrompt2 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 42px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addPortrait {
  width: 32px;
  height: 32px;
  border: 1px dashed #ccc;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 5px;
  margin-top: 0;
  cursor: pointer;
}
.uploadButton {
  width: 100%;
  height: auto;
  text-align: right;
  padding-bottom: 20px;
}
.importWrapper {
  text-align: left;
  height: 52px;
}
.projectFile {
  width: 100%;
  height: auto;
  background: #fff;
  border-top: 1px solid #ccc;
}
.preTitle {
  display: inline-block;
  width: 90px;
  height: 52px;
  vertical-align: top;
  text-align: right;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.headerWrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.headerDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  margin-top: -50px;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.taskHeader {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #00aaff;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.taskHeader2 {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #999999;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: pointer;
}
.search-head .el-input--prefix .el-input__inner {
  padding-left: 50px;
}
.search-head .el-input__prefix {
  margin-top: 8px;
  margin-left: 5px;
}
.search-head .el-input {
  width: 86%;
  margin: 6px 0 12px 18px;
  font-size: 14px;
  color: #999;
  border-radius: 10px;
}
.search-head .el-input__inner {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  background: #f2f2f2;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .floatLayer .spanLeft .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  margin-left: 15px;
}
.projectTaskDetail-page .floatLayer .spanLeft .el-input--prefix .el-input__inner {
  width: 170px !important;
  position: absolute;
  top: -25px;
  left: 0;
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
  padding-right: 0;
  margin-left: -10px;
  padding-left: 0;
}
.projectTaskDetail-page .floatLayer .spanLeft .el-date-editor .el-input__icon {
  position: absolute;
  top: -24px;
  left: 0;
  display: none;
}
.projectTaskDetail-page .floatLayer .spanLeft .el-input__prefix {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #c0c4cc;
}
.commentsContent .el-tabs__content {
  width: 100%;
  left: 0;
}
.titleMessage .el-select {
  width: auto;
  max-width: 130px;
  height: 28px;
  margin-left: 10px;
  border: none;
  background: #007dc6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  overflow: hidden;
}
.titleMessage .el-input--suffix .el-input__inner {
  background: transparent;
  color: #fff;
}
.titleMessage .el-icon-arrow-up:before {
  color: #fff;
}
.businessTitle .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
  text-align: center;
}
.projectTaskDetail-page .el-button--mini {
  background: transparent;
  border: none;
  outline: none;
}
.projectTaskDetail-page .titleMessage .el-select .el-input .el-select__caret.is-show-close:hover {
  color: #fff;
}
.projectTaskDetail-page .el-select .el-input.is-focus .el-input__inner {
  border-color: #bfc7cc;
}
.projectTaskDetail-page .commentInput .el-textarea__inner {
  padding: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  border: none;
}
.businessSelect .el-input--suffix .el-input__inner {
  background: transparent;
  border: none;
  color: #007dc6;
  text-align: right;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .el-input--mini .el-input__inner {
  border: none;
  border-radius: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #fff;
  padding-left: 34px;
}
.projectTaskDetail-page .searching .el-input--mini .el-input__inner {
  color: #666;
  height: 60px;
  line-height: 60px;
  margin-left: 4px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
}
.el-scrollbar .el-select-dropdown__item.selected {
  background: #007dc6;
  color: #fff;
  font-weight: normal;
}
.projectTaskDetail-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
}
.projectTaskDetail-page .spanRight .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .spanRight .el-button--danger {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .spanRight .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #37d5c6;
  border-color: #37d5c6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .titleMessage .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .titleMessage .el-button--info,
.projectTaskDetail-page .titleMessage .el-button--danger,
.projectTaskDetail-page .titleMessage .el-button--primary,
.projectTaskDetail-page .titleMessage .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: inherit;
}
.projectTaskDetail-page .titleMessage .el-button--success {
  background: #37d5c6;
  border-color: #37d5c6;
}
.projectTaskDetail-page .projectDetailBtns .el-button--primary {
  width: 100px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .projectDetailBtns .el-button--danger {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .projectDetailBtns .el-switch.is-checked .el-switch__core {
  margin-left: 5px;
}
.projectTaskDetail-page .messagePush .el-switch {
  margin-left: 5px;
}
.projectTaskDetail-page .preview .bottom-box-content2 .el-input-group__prepend {
  background-color: #fff;
  border: 0;
}
.projectTaskDetail-page .el-input-group__prepend {
  border: none;
  background: #fff;
  border-radius: 0;
  padding-right: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .el-input-group--prepend .el-input__inner {
  border: none;
  border-radius: 0;
  padding-left: 5px;
}
.projectTaskDetail-page .el-tabs__nav-wrap {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .el-upload-list {
  width: 540px;
  height: auto;
}
.projectTaskDetail-page .projectFile .el-upload-list {
  margin-left: 0;
}
.projectTaskDetail-page .projectFile .el-upload-list__item {
  margin-right: 20px;
  margin-top: -18px;
  margin-bottom: 28px;
}
.projectTaskDetail-page .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url(data:image/png;base64,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) no-repeat center 15px #f5f5f5;
  background-size: 30% auto;
  cursor: pointer;
}
.projectTaskDetail-page .el-upload-list__item-name {
  width: 97%;
  position: absolute;
  bottom: 0;
  margin-right: 0;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  display: block;
}
.projectTaskDetail-page .commentInput .el-upload-list {
  margin-left: 0;
}
.projectTaskDetail-page .commentInput .el-upload-list__item {
  margin-right: 0;
  margin-left: 20px;
}
.el-upload-list__item-name [class^="el-icon"] {
  display: none;
}
.projectTaskDetail-page .uploadButton .el-button--small {
  width: 58px;
  height: 32px;
  font-size: 14px;
}
.projectTaskDetail-page .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #007dc6;
  color: #fff;
}
.projectTaskDetail-page .projectFile .upload-demo {
  height: auto;
  margin-top: 18px;
  margin-left: 90px;
}
.projectTaskDetail-page .upload-demo {
  display: inline-block;
  height: auto;
  width: 100%;
  background: #fff;
  padding-left: 10px;
  position: relative;
  margin-left: 40px;
}
.projectTaskDetail-page .attachmentImg .upload-demo {
  width: 95%;
}
.projectTaskDetail-page .commentsContent .allCommentsFiles .upload-demo {
  background: transparent;
  margin-left: 0;
  padding-left: 0;
}
.projectTaskDetail-page .commentsContent .allCommentsFiles .el-upload-list__item {
  margin-right: 0px;
  margin-left: 40px;
}
.projectTaskDetail-page .add-task .upload-demo {
  margin-left: 0;
  margin-top: 40px;
}
.projectTaskDetail-page .attachmentImg .upload-demo {
  padding-left: 0;
  margin-left: 8px;
  background: transparent;
}
.projectTaskDetail-page .commentInput .upload-demo {
  margin-left: 0;
  margin-top: 60px;
  padding-left: 0;
}
.projectTaskDetail-page .el-upload--picture-card {
  width: 90px;
  height: 52px;
  border: none;
  background: transparent;
  position: absolute;
  left: 30px;
  top: -52px;
}
.projectTaskDetail-page .commentInput .el-upload--picture-card {
  width: 30px;
  height: 20px;
  border: none;
  position: absolute;
  left: 14px;
  top: -40px;
}
.projectTaskDetail-page .aboutAttachment .upload-demo {
  display: inline-block;
  min-height: 0;
  height: auto;
  width: 90%;
  background: #fff;
  line-height: 0;
  padding-left: 10px;
  position: relative;
  margin-left: 60px;
  margin-top: 52px;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 20px 20px;
  position: relative;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-bg {
    height: 80px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAF/klEQVR4nO2da2wURRzAfzN73JW2VwFbWoiktJRSLBCB8FBMNCo+mlD5ICExESXGV1AJwRjRjyaIicSgoPGRYHxETcEEQSU8EkyogCIiIPIoUuRRKNhCr/R1vR0/nJRu79re3u0AtvP7crd30//+97czszOz21ZQEQYYDSwD7gOy6IeIxjpEQy20tYCU4PMfoLVpLnAwpbhUhMcAO4FBnmT6P0Scr0Y01sX5QrSj1CPAumRjS2Ap/Vlu6EJ8uQBK+UCsBR5ONr4k2i30W0ToQi8llJWKZEk/7XM7aGtOoFDykqX7jPoYSiVaMCnJRrAr3Es2gl3jTrIRnBSJSzaCk6ZD8uyeShnBKaEsEGvoQbIRnDI9SzaCPaF7yUawZ8SXbAR7SqxkI9hzOiSXgxGsCWUhxBpgnBGsC6UGEEj/ygjWSbit1AjWiYqYPlgr/oFGsE5UMNsI1oXKHIIKZuO73on0KYQA/0BUMBsVzAYwgu2CSVrjmy5CM0awZoxgzRjBmjGCNWMEa8YI1owRrBkjWDNGsGaMYM0YwZq5Zos9BRmCmbmCkemQZkGbDZfb/3uNRF8PNii2X+j+ed10C+7OEYzNEgxLg6CL7BVQ3wYnmmBzreJYY6LPBaeGdsEzcwWvl0qmDREJlV+41+adKtvx2Yh0eLVEMn+kJOBRm9tzUfHaAZuNZ/WKFlSEtezBL2HlRMlTBe6M7K5XTNka6dguyxN8PtVisN/rDKN8fVIxf3eE5kjvZZNBSw32S9gww2JmbmK1tjN/NFx9X5Yn+HaGheU+TMLMHSHIDliUbY/QZvde3i1aBL8xTsaVG1FwJKQ42xp970hEwKFQtNkC5ATg06nx5Z5sgjMtilB77HeWgKxujirdguKgiIl571DB8gmSF/Z6b9hzwaVZgoWjnd2CAlYctVl22OZcS2JxXiqW3NypW1DA+8ds3j6qqErhApUTgFfGSBYVSzp7XlAkWV2t2HPR2x7T82Hai0WxNeTZPTaLfk9crgDm5TtTe3K3zYLf7JTkApxvhcX7bB7/xdnpCmBxsfejVk8jSgHlw50h19coPvzLXdMryhTkpV3d3lKrWF0dG+OJkZI/H7D47k6LnIC7XD87oag45TxZs4YLBnjs2NNwozKcYgBWVbnv1woznNs/xBlKZQfgo8mSkqCgLE+wpMT9oXQ98UEflAS9vaJ6Kjg3Lfaz/Q3um7SvS1b/tMbGyPIJfJ1cjE1CzL5LsXG7VpBU8VRw2KOLcGOX0cGlcGyZ5i7DkEyPLtdeHcMVPBVc0xJbIyYNcl+zKi8o1tdEY22tVWw8Fxv31ixn3Po4J6E3xt8Um9vpRH512QWeDtNONcPZFmcze7pQsqHG3TSpXUF5ZYR0C5q6+dHni5x140Cc5t4bzxQ6Y4TaobrpBh6m2QrWnXG2sVnDBM+NSm433cldUiKZPdxZ+753uaYwL18w5xZnjPVn1I3dRQC8W6ViZmmrJkpW3CZTuoAIYOoQwYYZFku7PJj/a72isodVuM4MDcDyCZJPpliOz20Fbx3xfianZbHnzfGSl8fEnjtbweGQ6rZm9kR+uiA7zli3zYa7tkXYWafIDsDyCRal3fwFjAwfjM6MnQgBrKyytUyVtQj2S1h3h8WDeRpXaYhOnx/7OcIXf0cP4atpFnNHuN/n1lqlbbFHyx2NNhvKf4rwgcsZnBsawjBnx1W5AMVB93G+PKmYValHLmi8ZRS2o2sQ9/wYbb5e0RyB947ZlG5qZ+1pZ9yPjysS3dOuOsVD2yM8ukvfWjBoXHDvSn463J8rKciIrlm4pSEM+y8ptp2Pv0x5hcmDBYUZMNgvGCCiE5AMX7TbshVUN8Hmc4rjl6/NLaNrJri/Yu4qa8YI1owRrBkjWDNGsGaMYM0YwZoxgjVjBGvGCNaMEawZI1gzRrBmjGDNGMGaMYI1YwRrxgjWjBGsGSNYM0awZoxgzRjBmjGCNWMEa8YI1owEGnotZUiWRglsud5Z9GE2CSrCJcAO+vH/9dTEReB2CRwCpgPfAKHrmlLfIETU5XTg0L93WNkH3Nq5XwAAAABJRU5ErkJggg==) no-repeat center 25px #f5f5f5;
    background-size: 30% auto;
    cursor: pointer;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-text {
    height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-close {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: 0;
    right: 0px;
    color: #ccc;
    font-weight: 300;
    cursor: pointer;
    border-radius: 50%;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-close:hover {
      background-color: #999;
      opacity: .5;
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions {
  background: #f5f5f5;
}
.projectTaskDetail-page .floatLayer .el-upload-list--picture-card .el-upload-list__item-actions {
  color: #007dc6;
  font-size: 14px;
  text-align: center;
}
.projectTaskDetail-page .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABB0lEQVQ4jZXTL0sEURQF8N+Ow+KCW9YigsVgMIpJwWASP4CIsCAL2yyCwWIzWWwGv4TJKv6p8wUMahBExCCWRVgXw4zwnJ2RmZPuO++ew7vnvddIkkQJ9nCKCAdZPYa4TI3FYH+prCn6x6BSX1WD+s4YBXWzrCmfQRvHmMRmwK/jHJ84xLDMYIAVLOf4Dvq4DMWMjzDEFj4KTvuC3TxZlMETejnuG128VzGAC5wF6xNcFTX+ZrCKWdzgLeP2pQ9ogKNA08YGXnHXSJKkhWdMYcbf+VvS6/wKuAlpHk3MxdLQpnErTbtTMlaI60y3HUs/DazhoYI4RD/CfE1RiIUIO3isKRzhHt0fggotJ6LSnSEAAAAASUVORK5CYII=);
}
.projectTaskDetail-page .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAtUlEQVQokeXQMU6CQRAF4O83S4yFFQ0lIVFPQGlhINRQUHIAPJDewgZvYOjmBNrYUREKG+0s2GKz+SX8ta95b+fNm5lsExFa8IR11s94rBsSxhhW9YdKLyv/s4mIb1y2rT2Bn4RVxxCOp27x1jF3n3J4lAsfuMl6n7nf4qWLYsoGt5lhgukfnlQEvyo+nPCUGzvhPwTLX+1VfNXS16sLMMcrZvn9UniLytNExDXeMTjzyh3ufgEaFyBurg3s8AAAAABJRU5ErkJggg==);
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  position: absolute;
  right: 60px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview:hover .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4jZXTr0sEQRwF8I/LIgpeOYsIFoPFJiYFg0n8A0SQA0EumQSD5ZrJokEM/hGCwSr+AP8Hg9pExCCGO5DzMMweDOuu7L42b957zPfNzIjOgxLs4gQJ9nFcJErL3JiP9hfKRMk/AZV0VQPqJ+cwWraR76CBQ4xhPeJXcY4vHKBfFtDDEhZzfBNtXMVm/o7QxwY+C077iu08WdTBC3Zy3A9a+KgSABc4i9ZHuC4SDjtYxjRu8Z5xe8ID6qETeRpYwxvuU4zjEhOYioTfQvuDbIQhujgVrnYmFUqbxJ3QdrNkrBg3mW8zFT4NrOCpgjlGO8FsTVOMuQRbeK5pHOARrV++qyle+yhEOQAAAABJRU5ErkJggg==);
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: absolute;
  right: 20px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAoklEQVQokeWSMQoCMRREX2RFLPYCFsEbaGNp4SG82h5k8QaewcbKShvBwka3GZuPfGNcTe3A8H+YzA+ZBAEZNgIZm9yeClgAU16xSvp1oh+C4AaMKMM96H3aTwiCCbAt9C0RRBfE3vVnY06L3thaYq2tZ4L5By1W7vhrUi89GoPCuz3xD0af6jCp4x4N/46dYGNVgp0xp0UEteDkfsU3HgX1A8DagHSU/8IgAAAAAElFTkSuQmCC);
}
.projectTaskDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  display: none;
}
.projectTaskDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  right: 20px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #13ce66;
  text-align: center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.projectTaskDetail-page .aboutAttachment .el-upload-list--picture-card {
  margin-left: -20px;
}
.projectTaskDetail-page .beforeDelete .el-dialog__footer {
  padding: 20px;
}
.projectTaskDetail-page .el-tabs__item.is-active {
  color: #007dc6;
}
.projectTaskDetail-page .el-tabs__active-bar {
  background: #007dc6;
  height: 3px;
}
.projectTaskDetail-page .editLogDialog .el-dialog {
  width: 46%;
}
.projectTaskDetail-page .editLogDialog .el-dialog__footer {
  padding: 0 20px 30px;
}
.projectTaskDetail-page .editLogDialog .el-dialog__body {
  padding: 0;
}
.workDescription {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.workDescription1 {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.projectTaskDetail-page .addDocumentDialog .el-dialog {
  width: 1000px;
  overflow: auto;
}
.projectTaskDetail-page .addDocumentDialog .el-dialog__header {
  border-bottom: 1.5px solid #e4e7ed;
  padding-left: 25px;
  background: #fff;
}
.projectTaskDetail-page .addDocumentDialog .el-dialog__title:before {
  content: '';
}
.projectTaskDetail-page .addDocumentDialog .el-dialog__body {
  padding: 0;
}
.addDocumentLeftSide {
  width: 200px;
  height: 100%;
  float: left;
  overflow: auto;
}
.addDocumentRightSide {
  width: 790px;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.projectTaskDetail-page .addDocumentDialog .leftSide {
  width: 200px;
  height: 445px;
  border-right: 1px solid #ccc;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__header {
  margin: 0;
  background: #fff;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__nav {
  margin-left: 25px;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__item.is-active {
  color: #00aaff;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__active-bar {
  background: #00aaff;
}
.projectTaskDetail-page .addDocumentDialog .addBtn {
  width: 100%;
  height: 58px;
  background: #f2f2f2;
  text-align: right;
}
.projectTaskDetail-page .addDocumentDialog .addBtn .el-button--primary {
  margin: 10px 40px 10px 0;
  background: #169bd5;
  border-color: #169bd5;
}
.customButton {
  cursor: pointer;
  color: #00aaff;
}





































































































































































































































































































































































































































































































































































































































































































































































































@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-page[data-v-3336bd5e] {
  width: 1200px;
  height: auto;
  position: relative;
  margin: 0 auto;
  min-height: 680px;
  background: #e9ebef;
  overflow: hidden;
}
.project-page .el-header[data-v-3336bd5e] {
  background-color: #fff;
  line-height: 60px;
  -webkit-box-shadow: 0px 0px 1px 0px #ccc;
          box-shadow: 0px 0px 1px 0px #ccc;
  padding: 0;
  z-index: 1;
  margin-bottom: 10px;
}
.project-page .el-aside[data-v-3336bd5e] {
  background-color: #fff;
  text-align: left;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  overflow: auto;
  margin-left: 0;
  min-height: calc(100vh - 76px);
}
.project-page .el-main[data-v-3336bd5e] {
  background-color: #e9ebef;
  color: #333;
  text-align: center;
  height: auto;
  overflow: hidden;
}
.project-page > .taskContent[data-v-3336bd5e] {
  margin-top: 16px;
  margin-bottom: 0;
  border: none;
}
.taskGroup[data-v-3336bd5e] {
  margin-left: 5px;
}
.sidebar[data-v-3336bd5e] {
  position: relative;
  width: 100%;
  height: auto;
  margin-left: 0px;
  margin-top: 0;
  background-color: #fff;
  overflow: hidden;
}
.sidebar > ul[data-v-3336bd5e] {
  height: auto;
}
.sidebarImg[data-v-3336bd5e] {
  margin-right: 10px;
}
.el-menu-item[data-v-3336bd5e] {
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #333;
  font-size: 16px;
}
.el-menu-item.is-active[data-v-3336bd5e] {
  color: #333;
  background-color: #d1ebff;
}
.project-page .tree[data-v-3336bd5e] {
  width: 250px;
  height: auto;
  border-right: 1px solid #ccc;
  background-color: #343d50;
  min-height: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.project-page .content[data-v-3336bd5e] {
  width: 82%;
  height: auto;
  min-height: 560px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-left: 250px;
  overflow: hidden;
}
.rightMenu[data-v-3336bd5e] {
  width: auto;
  height: auto;
  background: #fff;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  margin-left: -230px;
  margin-top: -80px;
  z-index: 12;
}
.rightMenu a[data-v-3336bd5e] {
  display: block;
  width: auto;
  line-height: 22px;
  text-decoration: none;
  color: #000;
  padding: 0 20px;
  font-size: 12px;
}
.contentTop[data-v-3336bd5e] {
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.project-page .content .search[data-v-3336bd5e] {
  width: 250px;
  float: right;
  margin: 20px;
  margin-right: 50px;
}
.project-page .content .title[data-v-3336bd5e] {
  width: 400px;
  float: left;
  margin: 20px;
  line-height: 40px;
  font-size: 20px;
}
.searchTree[data-v-3336bd5e] {
  margin: 20px;
  width: 80%;
}
.navTree[data-v-3336bd5e] {
  margin: 20px;
}
.contentTree[data-v-3336bd5e] {
  width: 98%;
  margin-top: 0px;
  margin-left: 20px;
}
.pagination[data-v-3336bd5e] {
  width: 80%;
  margin-top: 50px;
  height: 80px;
  position: relative;
  margin: 30px 0 0 270px;
}
.createProject[data-v-3336bd5e] {
  background: #fff;
  width: auto;
  height: auto;
  position: absolute;
  top: calc(100vh - 180px);
  text-align: center;
  padding: 0;
  margin-left: 56px;
  margin-top: 20px;
}
.createProject .el-button[data-v-3336bd5e] {
  border-color: #666;
  color: #666;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.divider[data-v-3336bd5e] {
  width: 100%;
  height: 1px;
  background: #ccc;
  margin-top: 10px;
}
.num[data-v-3336bd5e] {
  float: right;
  font-size: 14px;
  color: #999;
}
.top[data-v-3336bd5e] {
  width: 100%;
  height: 100%;
  list-style: none;
  margin-left: -40px;
  margin-top: 0;
}
.top li[data-v-3336bd5e] {
  height: 100%;
  display: inline-block;
}
.header-left[data-v-3336bd5e] {
  width: 600px;
  margin-left: 10px;
  text-align: left;
  line-height: 60px;
  font-size: 18px;
  color: #333;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.header-right[data-v-3336bd5e] {
  text-align: right;
  float: right;
  margin-right: 5px;
}
.setMenu[data-v-3336bd5e] {
  display: inline-block;
  width: 18px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
}
.setMenu img[data-v-3336bd5e] {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.taskList[data-v-3336bd5e] {
  margin-left: 24px;
  line-height: 48px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  clear: both;
  border-bottom: 1px solid #ccc;
}
.taskList[data-v-3336bd5e]:last-child {
  border-bottom: none;
}
.templateCreate[data-v-3336bd5e] {
  display: inline-block;
  text-align: left;
  line-height: 40px;
  float: left;
  margin-left: 38px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #007dc6;
  cursor: pointer;
}
.projectDetailIcons[data-v-3336bd5e] {
  width: 100%;
  height: 40px;
  margin-top: 20px;
  padding-left: 80px;
}
.projectDetailTemplate[data-v-3336bd5e] {
  display: inline-block;
  text-align: left;
  line-height: 40px;
  float: left;
  margin-left: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #007dc6;
  cursor: pointer;
}
.projectDetailImport[data-v-3336bd5e] {
  display: inline-block;
  text-align: left;
  line-height: 40px;
  float: left;
  margin-left: 38px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #007dc6;
  cursor: pointer;
}
.createProject-head-add[data-v-3336bd5e] {
  display: inline-block;
  margin-left: 5px;
  margin-top: -2px;
  /* 陈伟 2019-2-26 加入 项目成员显示的样式 */
  margin-bottom: 7px;
  height: 32px;
  width: auto;
  padding: 0 12px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  background: #007dc6;
}
.createProject-head-add span[data-v-3336bd5e] {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  margin-top: 0px;
  color: #fff;
  font-size: 12px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.searchHead[data-v-3336bd5e] {
  display: inline-block;
  height: 40px;
  margin-left: 5px;
}
.searching[data-v-3336bd5e] {
  margin: 0 auto;
  width: 100%;
  height: 61px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  outline: none;
}
.search-head[data-v-3336bd5e] {
  padding: 0;
  margin: 0;
  width: 280px;
  background: #fff;
  padding: 10px 0 0;
  border-bottom: 1px solid #cccccc;
}
.search-head .searchHead img[data-v-3336bd5e] {
  line-height: 40px;
  vertical-align: top;
}
.searchTitle[data-v-3336bd5e] {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  color: #999;
  margin-top: 5px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.memberTitle[data-v-3336bd5e] {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
  color: #666;
  margin-top: 5px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-weight: bold;
}
.dropdown-head[data-v-3336bd5e] {
  clear: both;
}
.headMessage[data-v-3336bd5e] {
  display: block;
  width: 200px;
  height: 60px;
  list-style-type: none;
}
.headMessage li[data-v-3336bd5e] {
  width: 100%;
  height: 30px;
  margin: 0;
  margin-left: -30px;
}
.headName[data-v-3336bd5e] {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  color: #007dc6;
  width: 20%;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.headOrganization[data-v-3336bd5e] {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  vertical-align: top;
  margin-top: 8px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.popHeadName[data-v-3336bd5e] {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  color: #007dc6;
  text-align: right;
  margin-right: 5px;
}
.popHeadOrganization[data-v-3336bd5e] {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  vertical-align: top;
  margin-top: 0;
}
.popHead1[data-v-3336bd5e] {
  margin-right: 5px;
}
.dropdown-footer[data-v-3336bd5e] {
  display: inline-block;
  width: 270px;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #ddd;
  padding-left: 20px;
  font-size: 12px;
  color: #007dc6;
  cursor: pointer;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.edit_container[data-v-3336bd5e] {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
.taskFormProjectname[data-v-3336bd5e] {
  display: inline-block;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background: #f5f5f5;
}
.projectDetailHead[data-v-3336bd5e] {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ccc;
  background: #fff;
  position: relative;
}
.projectDetailHeadLeft[data-v-3336bd5e] {
  display: inline-block;
  width: 60%;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 50px;
  text-align: left;
  padding-left: 10px;
}
.projectDetailHeadRight[data-v-3336bd5e] {
  display: inline-block;
  width: 20%;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 50px;
  text-align: right;
  padding-right: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}
.projectDetailHeadRight .projectStatusBtn[data-v-3336bd5e] {
  width: auto;
  height: 28px;
  display: inline-block;
  line-height: 28px;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
}
.projectDetailHeadRight .projectStatusBtn1[data-v-3336bd5e] {
  background: #cccccc;
}
.projectDetailHeadRight .projectStatusBtn2[data-v-3336bd5e] {
  background: #00aaff;
}
.projectDetailHeadRight .projectStatusBtn3[data-v-3336bd5e] {
  background: #67c23a;
}
.projectDetailProjectname[data-v-3336bd5e] {
  margin-top: 20px;
  text-align: left;
  margin-left: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
  cursor: pointer;
}
.editProjectName[data-v-3336bd5e] {
  display: inline-block;
  width: 80%;
}
.projectDetailProjectDescription[data-v-3336bd5e] {
  margin-top: 20px;
  text-align: left;
  margin-left: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}
.projectDetailLeader[data-v-3336bd5e] {
  width: 80%;
  height: auto;
  margin-top: 80px;
  text-align: left;
  padding-left: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}
.projectDetailMember[data-v-3336bd5e] {
  width: 80%;
  height: auto;
  margin-top: 12px;
  text-align: left;
  padding-left: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}

/* 解决项目详情页 项目成员多时 左边导航栏问题 陈伟 2019-2-25  */
.projectDetailMemberNew[data-v-3336bd5e] {
  max-width: 750px;
  height: auto;
  margin-top: 12px;
  text-align: left;
  padding-left: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}
.joinProjectMember[data-v-3336bd5e] {
  display: inline-block;
  /* 陈伟 2019-2-26 加入样式 项目成员 border: 2px solid #007dc6*/
  border: 1px solid #007dc6;
  border-radius: 4px;
  background: #007dc6;
  width: 32px;
  height: 32px;
  text-align: center;
  margin-left: 5px;
  /* 陈伟 2019-2-26 加入样式 项目成员 重新加入*/
  margin-top: -2px;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.joinProjectMember i[data-v-3336bd5e] {
  margin-top: 7px;
  font-size: 18px;
  color: #fff;
}
.messagePush[data-v-3336bd5e] {
  width: 80%;
  text-align: left;
  padding-left: 20px;
  margin-top: 12px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}
.projectDetailBtns[data-v-3336bd5e] {
  width: 80%;
  margin-top: 40px;
  text-align: left;
  padding-left: 96px;
}
.taskTable[data-v-3336bd5e] {
  margin-left: 10px;
  height: auto;
  background: #fff;
  margin-bottom: 110px;
  overflow: auto;
}
.project-overview[data-v-3336bd5e] {
  margin-left: 10px;
  height: auto;
  background: #fff;
  margin-bottom: 110px;
  overflow: auto;
}
.headerWrapper[data-v-3336bd5e] {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.headerDiv[data-v-3336bd5e] {
  width: 49%;
  display: inline-block;
  margin: 0;
  margin-top: -50px;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.taskHeader[data-v-3336bd5e] {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #007dc6;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.taskHeader2[data-v-3336bd5e] {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #666;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: pointer;
}
.detailsPage[data-v-3336bd5e] {
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.filterPrefixImg[data-v-3336bd5e] {
  margin-top: 8px;
}
.projectStatus[data-v-3336bd5e] {
  width: 90%;
  text-align: left;
  margin-left: 20px;
  margin-top: 20px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #666;
}
.el-step.is-horizontal.stepActive .el-step__head.is-finish .el-step__line .el-step__line-inner[data-v-3336bd5e] {
  width: 50% !important;
  border-width: 1px !important;
}
.el-step.is-horizontal.stepActive .el-step__head.is-finish .el-step__icon.is-text[data-v-3336bd5e] {
  background: #409eff;
  color: #fff;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-page .header-left .el-tabs__item.is-active {
  color: #007dc6;
}
.project-page .header-left .el-tabs__active-bar {
  background: #007dc6;
}
.project-page .header-left .el-tabs__nav-wrap::after {
  background: transparent;
}
.project-page .el-menu-item-group__title {
  font-size: 14px;
  color: #999999;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-submenu__title {
  font-size: 14px;
  color: #333;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-menu-item-group .el-menu-item {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #999999;
  line-height: 48px;
  height: 48px;
}
.project-page .el-menu-item-group {
  margin-top: 20px;
}
.project-page .sidebar .el-menu {
  width: 100%;
  border-right: none;
}
.project-page .el-aside .el-submenu .el-menu {
  height: 240px;
  overflow: auto;
}
.project-page .el-menu-item {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-aside .el-menu-item.is-active {
  width: 100%;
  background: #d1ebff;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-button--mini.is-round {
  background: #007dc6;
}
.el-submenu {
  background-color: #fff;
}
.el-submenu__title {
  color: #858b96;
}
.sidebar .el-icon-tickets:before {
  color: #007dc6;
  font-weight: bold;
}
.sidebar .el-icon-star-on:before {
  color: #ff9201;
}
.sidebar .el-icon-document:before {
  color: #888;
  font-weight: bold;
}
.project-page .projectDetailHead .projectDetailHeadLeft .el-input--prefix .el-input__inner {
  border: none;
  padding-left: 30px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #666;
  font-size: 14px;
}
.project-page .workinghourtDiv .el-input__inner {
  border: none;
  height: 48px;
  padding: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
}
.project-page .workinghourtDiv .el-input {
  width: 70%;
}
.project-page .projectDetailProjectname .el-input {
  width: 80%;
}
.project-page .projectDetailProjectDescription .el-textarea {
  width: 80%;
  vertical-align: top;
}
.project-page .projectDetailProjectDescription .el-textarea__inner {
  height: 120px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #666;
}
.project-page .textareaDiv .el-textarea__inner,
.project-page .commentsContent .el-textarea__inner {
  border: none;
}
.project-page .add-project .el-select {
  width: 100%;
}
.project-page .add-project .el-input__suffix {
  right: 25px;
}
.search-head .el-input--prefix .el-input__inner {
  padding-left: 50px;
}
.project-page .floatLayer .spanLeft .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  margin-left: 15px;
}
.project-page .floatLayer .spanLeft .el-input--prefix .el-input__inner {
  width: 170px !important;
  position: absolute;
  top: -25px;
  left: 0;
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
  padding-right: 0;
  margin-left: -10px;
  padding-left: 0;
}
.project-page .floatLayer .spanLeft .el-date-editor .el-input__icon {
  position: absolute;
  top: -24px;
  left: 0;
  display: none;
}
.project-page .floatLayer .spanLeft .el-input__prefix {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #c0c4cc;
}
.commentsContent .el-tabs__content {
  width: 100%;
  left: 0;
}
.titleMessage .el-select {
  width: auto;
  max-width: 130px;
  height: 28px;
  margin-left: 10px;
  border: none;
  background: #007dc6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  overflow: hidden;
}
.titleMessage .el-input--suffix .el-input__inner {
  background: transparent;
  color: #fff;
}
.titleMessage .el-icon-arrow-up:before {
  color: #fff;
}
.businessTitle .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
  text-align: center;
}
.project-page .el-button--mini {
  background: transparent;
  border: none;
  outline: none;
}
.project-page .titleMessage .el-select .el-input .el-select__caret.is-show-close:hover {
  color: #fff;
}
.project-page .el-select .el-input.is-focus .el-input__inner {
  border-color: #bfc7cc;
}
.project-page .dialog-add-project .el-textarea__inner {
  border: 1px solid #dcdfe6;
  width: 96%;
  padding-left: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .project-add-task .el-textarea__inner {
  border: 1px solid #dcdfe6;
  width: 100%;
  padding-left: 10px;
  margin-left: -14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .project-add-risk .el-textarea__inner {
  border: 1px solid #dcdfe6;
  width: 100%;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .commentInput .el-textarea__inner {
  padding: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  border: none;
}
.businessSelect .el-input--suffix .el-input__inner {
  background: transparent;
  border: none;
  color: #007dc6;
  text-align: right;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-input--mini .el-input__inner {
  border: none;
  border-radius: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.project-page .searching .el-input--mini .el-input__inner {
  color: #666;
  height: 60px;
  line-height: 60px;
  margin-left: 4px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
}
.el-scrollbar .el-select-dropdown__item.selected {
  background: #007dc6;
  color: #fff;
  font-weight: normal;
}
.project-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
}
.project-page .spanRight .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .spanRight .el-button--danger {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .spanRight .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #37d5c6;
  border-color: #37d5c6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .titleMessage .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .titleMessage .el-button--info,
.project-page .titleMessage .el-button--danger,
.project-page .titleMessage .el-button--primary,
.project-page .titleMessage .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: inherit;
}
.project-page .titleMessage .el-button--success {
  background: #37d5c6;
  border-color: #37d5c6;
}
.project-page .projectDetailBtns .el-button--primary {
  width: 100px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .projectDetailBtns .el-button--danger {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .projectDetailBtns .el-switch.is-checked .el-switch__core {
  margin-left: 5px;
}
.project-page .messagePush .el-switch {
  margin-left: 5px;
}
.project-page .preview .bottom-box-content2 .el-input-group__prepend {
  background-color: #fff;
  border: 0;
}
.project-page .el-input-group__prepend {
  border: none;
  background: #fff;
  border-radius: 0;
  padding-right: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-input-group--prepend .el-input__inner {
  border: none;
  border-radius: 0;
  padding-left: 5px;
}
.project-page .el-tabs__nav-wrap {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-upload-list {
  width: 540px;
  height: auto;
}
.project-page .projectFile .el-upload-list {
  margin-left: 0;
}
.project-page .projectFile .el-upload-list__item {
  margin-right: 20px;
  margin-top: -18px;
  margin-bottom: 28px;
}
.project-page .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url(data:image/png;base64,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) no-repeat center 15px #f5f5f5;
  background-size: 30% auto;
  cursor: pointer;
}
.project-page .el-upload-list__item-name {
  width: 97%;
  position: absolute;
  bottom: 0;
  margin-right: 0;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  display: block;
}
.project-page .commentInput .el-upload-list {
  margin-left: 0;
}
.project-page .commentInput .el-upload-list__item {
  margin-right: 0;
  margin-left: 20px;
}
.el-upload-list__item-name [class^="el-icon"] {
  display: none;
}
.project-page .uploadButton .el-button--small {
  width: 58px;
  height: 32px;
  font-size: 14px;
}
.project-page .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #007dc6;
  color: #fff;
}
.project-page .projectFile .upload-demo {
  height: auto;
  margin-top: 18px;
  margin-left: 90px;
}
.project-page .upload-demo {
  display: inline-block;
  height: auto;
  width: 100%;
  background: #fff;
  padding-left: 10px;
  position: relative;
  margin-left: 40px;
}
.project-page .attachmentImg .upload-demo {
  width: 95%;
}
.project-page .commentsContent .allCommentsFiles .upload-demo {
  background: transparent;
  margin-left: 0;
  padding-left: 0;
}
.project-page .commentsContent .allCommentsFiles .el-upload-list__item {
  margin-right: 0px;
  margin-left: 40px;
}
.project-page .add-task .upload-demo {
  margin-left: 0;
  margin-top: 40px;
}
.project-page .attachmentImg .upload-demo {
  padding-left: 0;
  margin-left: 8px;
  background: transparent;
}
.project-page .commentInput .upload-demo {
  margin-left: 0;
  margin-top: 60px;
  padding-left: 0;
}
.project-page .el-upload--picture-card {
  width: 90px;
  height: 52px;
  border: none;
  background: transparent;
  position: absolute;
  left: 30px;
  top: -52px;
}
.project-page .commentInput .el-upload--picture-card {
  width: 30px;
  height: 20px;
  border: none;
  position: absolute;
  left: 14px;
  top: -40px;
}
.project-page .aboutAttachment .upload-demo {
  display: inline-block;
  min-height: 0;
  height: auto;
  width: 90%;
  background: #fff;
  line-height: 0;
  padding-left: 10px;
  position: relative;
  margin-left: 60px;
  margin-top: 52px;
}
.project-page .el-upload-list--picture-card .el-upload-list__item-actions {
  background: #f5f5f5;
}
.project-page .floatLayer .el-upload-list--picture-card .el-upload-list__item-actions {
  color: #007dc6;
  font-size: 14px;
  text-align: center;
}
.project-page .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABB0lEQVQ4jZXTL0sEURQF8N+Ow+KCW9YigsVgMIpJwWASP4CIsCAL2yyCwWIzWWwGv4TJKv6p8wUMahBExCCWRVgXw4zwnJ2RmZPuO++ew7vnvddIkkQJ9nCKCAdZPYa4TI3FYH+prCn6x6BSX1WD+s4YBXWzrCmfQRvHmMRmwK/jHJ84xLDMYIAVLOf4Dvq4DMWMjzDEFj4KTvuC3TxZlMETejnuG128VzGAC5wF6xNcFTX+ZrCKWdzgLeP2pQ9ogKNA08YGXnHXSJKkhWdMYcbf+VvS6/wKuAlpHk3MxdLQpnErTbtTMlaI60y3HUs/DazhoYI4RD/CfE1RiIUIO3isKRzhHt0fggotJ6LSnSEAAAAASUVORK5CYII=);
}
.project-page .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAtUlEQVQokeXQMU6CQRAF4O83S4yFFQ0lIVFPQGlhINRQUHIAPJDewgZvYOjmBNrYUREKG+0s2GKz+SX8ta95b+fNm5lsExFa8IR11s94rBsSxhhW9YdKLyv/s4mIb1y2rT2Bn4RVxxCOp27x1jF3n3J4lAsfuMl6n7nf4qWLYsoGt5lhgukfnlQEvyo+nPCUGzvhPwTLX+1VfNXS16sLMMcrZvn9UniLytNExDXeMTjzyh3ufgEaFyBurg3s8AAAAABJRU5ErkJggg==);
}
.project-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  position: absolute;
  right: 60px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.project-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview:hover .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4jZXTr0sEQRwF8I/LIgpeOYsIFoPFJiYFg0n8A0SQA0EumQSD5ZrJokEM/hGCwSr+AP8Hg9pExCCGO5DzMMweDOuu7L42b957zPfNzIjOgxLs4gQJ9nFcJErL3JiP9hfKRMk/AZV0VQPqJ+cwWraR76CBQ4xhPeJXcY4vHKBfFtDDEhZzfBNtXMVm/o7QxwY+C077iu08WdTBC3Zy3A9a+KgSABc4i9ZHuC4SDjtYxjRu8Z5xe8ID6qETeRpYwxvuU4zjEhOYioTfQvuDbIQhujgVrnYmFUqbxJ3QdrNkrBg3mW8zFT4NrOCpgjlGO8FsTVOMuQRbeK5pHOARrV++qyle+yhEOQAAAABJRU5ErkJggg==);
}
.project-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: absolute;
  right: 20px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.project-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAoklEQVQokeWSMQoCMRREX2RFLPYCFsEbaGNp4SG82h5k8QaewcbKShvBwka3GZuPfGNcTe3A8H+YzA+ZBAEZNgIZm9yeClgAU16xSvp1oh+C4AaMKMM96H3aTwiCCbAt9C0RRBfE3vVnY06L3thaYq2tZ4L5By1W7vhrUi89GoPCuz3xD0af6jCp4x4N/46dYGNVgp0xp0UEteDkfsU3HgX1A8DagHSU/8IgAAAAAElFTkSuQmCC);
}
.project-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  display: none;
}
.project-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  right: 20px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #13ce66;
  text-align: center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.project-page .aboutAttachment .el-upload-list--picture-card {
  margin-left: -20px;
}
.project-page .project-add-task .el-icon-delete:before {
  vertical-align: 10px;
}
.project-page .project-add-risk .el-icon-delete:before {
  vertical-align: 10px;
}
.project-page .project-add-task .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  vertical-align: 10px;
}
.project-page .project-add-risk .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  vertical-align: 10px;
}
.el-icon-search:before {
  font-size: 18px;
}
.searching .el-input__prefix {
  left: 0;
  line-height: 60px;
  margin-top: 3px;
}
.header-center .el-tabs__nav {
  margin-top: -16px;
}
.project-page .custom-tree-node {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  padding-right: 8px;
  margin-left: 4px;
  position: relative;
  text-align: left;
}
.header-center .el-tabs__content {
  width: 79%;
  position: absolute;
  left: 262px;
}
.header-center .el-tree-node__content {
  height: 46px;
  border-bottom: 1px solid #ccc;
}
.header-center .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #04ca83;
  border-color: #04ca83;
}
.project-page .el-collapse-item__arrow {
  float: left;
  font-size: 14px;
}
.project-page .project-task-node .el-tree-node__content {
  height: 48px;
  border-bottom: 1px solid #ccc;
}
.project-page .finishedTasks .el-tree-node__content {
  height: 48px;
  border-bottom: 1px solid #ccc;
}
.project-page .finishedTasks .el-tree-node__content:last-child {
  border-bottom: none;
}
.project-page .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #007dc6;
  border-color: #007dc6;
}
.project-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #007dc6;
  border-color: #007dc6;
}
.project-page .el-checkbox__inner {
  width: 20px;
  height: 20px;
  background: #fff;
  border-color: #ccc;
  text-align: center;
  vertical-align: middle;
  margin-top: -2px;
}
.project-page .el-checkbox__inner::after {
  top: 3px;
  left: 7px;
}
.project-page .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 7px;
}
.project-page .project-add-task .el-dialog {
  width: 660px !important;
  min-height: 480px !important;
  max-height: 660px !important;
  overflow: auto;
}
.project-page .project-add-risk .el-dialog {
  width: 660px !important;
  min-height: 480px !important;
  max-height: 660px !important;
  overflow: auto;
}
.project-page .project-add-task .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 10px;
  margin-bottom: 0px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAF/klEQVR4nO2da2wURRzAfzN73JW2VwFbWoiktJRSLBCB8FBMNCo+mlD5ICExESXGV1AJwRjRjyaIicSgoPGRYHxETcEEQSU8EkyogCIiIPIoUuRRKNhCr/R1vR0/nJRu79re3u0AtvP7crd30//+97czszOz21ZQEQYYDSwD7gOy6IeIxjpEQy20tYCU4PMfoLVpLnAwpbhUhMcAO4FBnmT6P0Scr0Y01sX5QrSj1CPAumRjS2Ap/Vlu6EJ8uQBK+UCsBR5ONr4k2i30W0ToQi8llJWKZEk/7XM7aGtOoFDykqX7jPoYSiVaMCnJRrAr3Es2gl3jTrIRnBSJSzaCk6ZD8uyeShnBKaEsEGvoQbIRnDI9SzaCPaF7yUawZ8SXbAR7SqxkI9hzOiSXgxGsCWUhxBpgnBGsC6UGEEj/ygjWSbit1AjWiYqYPlgr/oFGsE5UMNsI1oXKHIIKZuO73on0KYQA/0BUMBsVzAYwgu2CSVrjmy5CM0awZoxgzRjBmjGCNWMEa8YI1owRrBkjWDNGsGaMYM0YwZq5Zos9BRmCmbmCkemQZkGbDZfb/3uNRF8PNii2X+j+ed10C+7OEYzNEgxLg6CL7BVQ3wYnmmBzreJYY6LPBaeGdsEzcwWvl0qmDREJlV+41+adKtvx2Yh0eLVEMn+kJOBRm9tzUfHaAZuNZ/WKFlSEtezBL2HlRMlTBe6M7K5XTNka6dguyxN8PtVisN/rDKN8fVIxf3eE5kjvZZNBSw32S9gww2JmbmK1tjN/NFx9X5Yn+HaGheU+TMLMHSHIDliUbY/QZvde3i1aBL8xTsaVG1FwJKQ42xp970hEwKFQtNkC5ATg06nx5Z5sgjMtilB77HeWgKxujirdguKgiIl571DB8gmSF/Z6b9hzwaVZgoWjnd2CAlYctVl22OZcS2JxXiqW3NypW1DA+8ds3j6qqErhApUTgFfGSBYVSzp7XlAkWV2t2HPR2x7T82Hai0WxNeTZPTaLfk9crgDm5TtTe3K3zYLf7JTkApxvhcX7bB7/xdnpCmBxsfejVk8jSgHlw50h19coPvzLXdMryhTkpV3d3lKrWF0dG+OJkZI/H7D47k6LnIC7XD87oag45TxZs4YLBnjs2NNwozKcYgBWVbnv1woznNs/xBlKZQfgo8mSkqCgLE+wpMT9oXQ98UEflAS9vaJ6Kjg3Lfaz/Q3um7SvS1b/tMbGyPIJfJ1cjE1CzL5LsXG7VpBU8VRw2KOLcGOX0cGlcGyZ5i7DkEyPLtdeHcMVPBVc0xJbIyYNcl+zKi8o1tdEY22tVWw8Fxv31ixn3Po4J6E3xt8Um9vpRH512QWeDtNONcPZFmcze7pQsqHG3TSpXUF5ZYR0C5q6+dHni5x140Cc5t4bzxQ6Y4TaobrpBh6m2QrWnXG2sVnDBM+NSm433cldUiKZPdxZ+753uaYwL18w5xZnjPVn1I3dRQC8W6ViZmmrJkpW3CZTuoAIYOoQwYYZFku7PJj/a72isodVuM4MDcDyCZJPpliOz20Fbx3xfianZbHnzfGSl8fEnjtbweGQ6rZm9kR+uiA7zli3zYa7tkXYWafIDsDyCRal3fwFjAwfjM6MnQgBrKyytUyVtQj2S1h3h8WDeRpXaYhOnx/7OcIXf0cP4atpFnNHuN/n1lqlbbFHyx2NNhvKf4rwgcsZnBsawjBnx1W5AMVB93G+PKmYValHLmi8ZRS2o2sQ9/wYbb5e0RyB947ZlG5qZ+1pZ9yPjysS3dOuOsVD2yM8ukvfWjBoXHDvSn463J8rKciIrlm4pSEM+y8ptp2Pv0x5hcmDBYUZMNgvGCCiE5AMX7TbshVUN8Hmc4rjl6/NLaNrJri/Yu4qa8YI1owRrBkjWDNGsGaMYM0YwZoxgjVjBGvGCNaMEawZI1gzRrBmjGDNGMGaMYI1YwRrxgjWjBGsGSNYM0awZoxgzRjBmjGCNWMEa8YI1owEGnotZUiWRglsud5Z9GE2CSrCJcAO+vH/9dTEReB2CRwCpgPfAKHrmlLfIETU5XTg0L93WNkH3Nq5XwAAAABJRU5ErkJggg==) no-repeat #f5f5f5 center 15px;
  background-size: 30% auto;
  cursor: pointer;
}
.project-page .project-add-risk .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 10px;
  margin-bottom: 0px;
  background: url(data:image/png;base64,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) no-repeat #f5f5f5 center 15px;
  background-size: 30% auto;
  cursor: pointer;
}
.project-page .project-add-task .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.project-page .project-add-risk .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.project-page .project-add-task .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.project-page .project-add-risk .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.taskProjectMember .el-checkbox {
  width: 32%;
}
.taskProjectMember .el-checkbox__input {
  margin-right: 10px;
}
.project-page .project-add-task .el-checkbox__inner {
  background: transparent;
}
.project-page .project-add-risk .el-checkbox__inner {
  background: transparent;
}
.project-page .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
  color: #999;
  font-size: 14px;
}
.project-page .add-project .add-left-border .el-input__suffix {
  border-left: 1px solid #dcdfe6;
  padding: 0px 5px 0 5px;
  height: 95%;
  right: 0;
  top: 2px;
}
.project-page .add-task .el-icon-arrow-up:before {
  color: #333;
}
.project-page .add-task .add-left-border .el-input__suffix {
  border-left: 1px solid #dcdfe6;
  padding-left: 6px;
}
.project-page .edit-content {
  border: 1px solid #dcdfe6;
  height: 190px;
  border-radius: 4px;
}
.project-page .edit-content .toolbar {
  height: 40px;
  width: 100%;
  background: #f5f5f5 url(./assets/images/edit.483a1e2.jpg) no-repeat 20px;
  border-bottom: 1px solid #ccc;
}
.project-page .edit-content .text-content {
  padding-left: 10px;
  color: #a9a9a9;
}
.project-page .add-task .el-form-item__label {
  color: #a9a9a9;
}
.project-page .add-task .el-form-item__content {
  width: 84%;
}
.project-page .bottom-box-content .role-join {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 1px dashed #ccc;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  color: #ccc;
  font-size: 20px;
  font-weight: 900;
}
.project-page .not-found .file-notfound {
  background: #f9fafb url(./assets/images/fileIcon.9777e27.jpg) no-repeat center center;
}
.project-page .ql-toolbar.ql-snow {
  padding: 0;
  background-color: #f5f5f5;
  border: 0;
  border: 1px solid #c0c4cc;
  border-radius: 5px 5px 0 0;
}
.project-page .ql-container.ql-snow {
  border: 0;
  border: 1px solid #c0c4cc;
  border-radius: 0 0 5px 5px;
}
.project-page .ql-snow .ql-color-picker .ql-picker-label svg,
.project-page .ql-snow .ql-icon-picker .ql-picker-label svg {
  vertical-align: top;
}
.project-page .ql-snow .ql-picker.ql-header .ql-picker-label::before {
  position: absolute;
  content: "\6837\5F0F";
  left: 30px;
  color: #999;
}
.project-page .ql-snow .ql-stroke {
  stroke: #999;
}
.project-page .ql-container {
  min-height: 100px;
}
.project-page .el-dialog__footer {
  padding: 0;
}
.project-page .project-add-task .el-form-item {
  margin-bottom: 10px;
}
.el-popover {
  width: auto;
  min-width: 70px;
  height: 40px;
  line-height: 40px;
  border: none;
  text-align: center;
  padding: 0;
}
.el-tooltip__popper.is-light {
  width: 330px;
  height: 20px;
  border-radius: 80px;
  border: none;
  line-height: 20px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
  border-top-color: #9a9a9a;
}
.project-page .dialog-add-project .el-dialog {
  width: 660px;
  height: 590px;
}
.project-page .dialog-add-project .el-form-item {
  width: 96%;
  margin-bottom: 12px;
}
.project-page .dialog-add-project .el-input__inner {
  width: 96%;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .wastTime .el-input-group {
  width: 96%;
}
.project-page .wastTime .el-input__inner {
  width: 100%;
}
.project-page .wastTime .el-select .el-input {
  width: 130px;
}
.wastTime .input-with-select .el-input-group__append {
  background-color: #fff;
}
.project-page .wastTime .el-select .el-input.is-focus .el-input__inner {
  border-color: #fff;
}
.project-page .wastTime .el-input__suffix {
  right: 0;
}
.project-page .timeBlock .el-input__inner {
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  line-height: 40px;
}
.project-page .add-project .add-left-border .el-input__suffix {
  border-left: 1px solid #dcdfe6;
  padding: 0px 5px 0 5px;
  height: 95%;
  right: 25px;
  top: 2px;
}
.search-head .el-input {
  width: 86%;
  margin: 6px 0 12px 18px;
  font-size: 14px;
  color: #999;
  border-radius: 10px;
}
.search-head .el-input__inner {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  background: #f2f2f2;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .add-project .el-dropdown-menu {
  width: 280px;
  height: 370px;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
}
.add-project .el-dropdown-menu__item {
  line-height: 60px;
}
.project-page .add-project .el-dropdown-menu__item {
  clear: both;
  width: 280px;
}
.add-project .el-dropdown-menu__item:hover {
  background: #f5f5f5;
}
.project-page .project-add-task .el-input {
  width: 100%;
}
.project-page .add-project .el-form-item__content {
  width: 88%;
}
.project-page .add-project .role-charge {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff url(./assets/images/accout.9fc7c34.png) no-repeat;
  background-size: cover;
  margin: 0 4px;
}
.project-page .role-join {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #007dc6;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 5px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}
.project-page .dialog-add-project .el-dialog__footer {
  padding-right: 40px;
  padding-bottom: 40px;
}
.project-page .dialog-add-project .el-dialog__body {
  padding: 30px 20px 0;
}
.project-page .el-dialog__title {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .el-dialog__title:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAd0lEQVQYlY3QOw6CABBF0cPE0uXgAuj9rAVbtJNW9iL2dCYGt2Nv4VCK3OQVM+8WkymcH5IdamxyHnHFHSKXF9xQYZ2p0GdnhS0av2nwDBxnpIk6UC4Qy/jvgCLwWiCOgW6B2IXvC9oZqUU/3XjCAQPemQH77HwAokgU2QG/1rQAAAAASUVORK5CYII=);
  margin-right: 10px;
}
.project-page .add-project .el-form-item__label {
  text-align: left;
  padding: 0;
  padding-left: 20px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .add-project .el-form-item.is-required .el-form-item__label:before {
  float: right;
  margin-right: 16px;
}
.project-page .add-task .el-form-item__label {
  text-align: left;
  padding: 0;
  padding-left: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.project-page .add-task .el-form-item.is-required .el-form-item__label:before {
  float: right;
  margin-right: 12px;
}
.project-page .el-slider {
  width: 80%;
  position: absolute;
  right: 10px;
  top: 0;
  margin-top: 68px;
}
.project-page .el-slider__bar {
  background-color: #007dc6;
  height: 4px;
}
.project-page .el-slider__button {
  border: solid 2px #007dc6;
  width: 10px;
  height: 10px;
}
.el-slider__runway {
  height: 4px;
}
.el-tree-node__expand-icon {
  cursor: pointer;
  color: #000;
  font-size: 14px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.project-page .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.project-page .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #fff5cc;
}
.project-page .el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}
.project-page .el-tree-node__content:hover {
  background: #d1ebff;
}
.el-radio-button:focus:not(.is-focus):not(:active) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* elementui 的tabs组件出现蓝色边框问题 */
.el-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.project-page .el-scrollbar__wrap {
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: -5px;
  margin-right: -5px;
}
.project-page .el-select-dropdown__item.is-disabled {
  background: #fff;
  color: #ccc;
}
.project-page .multiple-upload {
  overflow: hidden;
}
.project-page-innerdig .el-dialog__title:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAd0lEQVQYlY3QOw6CABBF0cPE0uXgAuj9rAVbtJNW9iL2dCYGt2Nv4VCK3OQVM+8WkymcH5IdamxyHnHFHSKXF9xQYZ2p0GdnhS0av2nwDBxnpIk6UC4Qy/jvgCLwWiCOgW6B2IXvC9oZqUU/3XjCAQPemQH77HwAokgU2QG/1rQAAAAASUVORK5CYII=);
  margin-right: 10px;
}
.project-page-innerdig .templates-dialog {
  max-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 20px;
  width: 770px;
  overflow: auto;
}
.project-page-innerdig .templates-dialog .temp-item {
  width: 168px;
  height: 140px;
  margin: 0 10px;
}
.project-page-innerdig .templates-dialog .temp-item-top {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}
.project-page-innerdig .templates-dialog .temp-item-top-mb1 {
  background: url(./assets/images/mb1.a0ead43.png) no-repeat;
  background-size: cover;
}
.project-page-innerdig .templates-dialog .temp-item-top-mb2 {
  background: url(./assets/images/mb2.f540749.png) no-repeat;
  background-size: cover;
}
.project-page-innerdig .templates-dialog .temp-item-top-mb3 {
  background: url(./assets/images/mb3.78509c0.png) no-repeat;
  background-size: cover;
}
.project-page-innerdig .templates-dialog .temp-item-top-active {
  border: 1px solid #007dc6;
}
.project-page-innerdig .templates-dialog .temp-item-bottom {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.project-page-innerdig .templates-dialog .temp-item-bottom-active {
  color: #007dc6;
}
.project-page .menber-table .el-table th {
  text-align: center;
}
.beforeDelete .el-dialog {
  height: 150px;
  margin-top: 45vh !important;
}
.beforeDelete .el-dialog__body {
  padding: 0 20px;
}
.beforeDelete i {
  color: #e6a23c;
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}
.projectStatusRadio1 .el-radio__input.is-checked .el-radio__inner {
  border-color: #409eff;
  background: #409eff;
}
.projectStatusRadio2 .el-radio__input.is-checked .el-radio__inner {
  border-color: #ff9900;
  background: #ff9900;
}
.projectStatusRadio3 .el-radio__input.is-checked .el-radio__inner {
  border-color: #ff5b57;
  background: #ff5b57;
}
.projectStatusRadio1 .el-radio__input.is-checked + .el-radio__label {
  color: #409eff;
}
.projectStatusRadio2 .el-radio__input.is-checked + .el-radio__label {
  color: #ff9900;
}
.projectStatusRadio3 .el-radio__input.is-checked + .el-radio__label {
  color: #ff5b57;
}
.project-page .project-group-orz {
  height: calc(100vh - 324px);
  padding-bottom: 20px;
}
.project-page .project-group-orz .orz-icon-second {
    width: 16px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    background: url(data:image/png;base64,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) no-repeat 0 0;
    background-size: contain;
    vertical-align: middle;
}
.project-page .project-group-orz .orz-icon-zero {
    width: 16px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    background: url(data:image/png;base64,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) no-repeat 0 0;
    background-size: contain;
    vertical-align: middle;
}
.project-page .project-group-orz .el-tree-node__content {
  height: 30px;
}
.project-page .project-group-orz .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #d1ebff;
}
.project-page .project-edtail-risk .el-input {
  width: 100%;
}
.project-page .project-edtail-risk .el-form-item {
  margin-bottom: 10px;
}
.project-page .project-edtail-risk .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.project-page .project-edtail-risk .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.project-page .project-detail-risk .el-dialog {
  width: 660px !important;
  min-height: 480px !important;
  max-height: 660px !important;
  overflow: auto;
}
.project-page .project-edtail-risk .el-dialog {
  width: 660px !important;
  min-height: 480px !important;
  max-height: 660px !important;
  overflow: auto;
}
.project-page .project-edtail-risk .el-textarea__inner {
  border: 1px solid #dcdfe6;
  width: 100%;
  padding-left: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.my_timeline_prev, .my_timeline_next {
  float: left;
  display: inline-block;
  background-color: #fff;
  cursor: pointer;
}
.my_timeline_prev {
  width: 200px;
  float: left;
}
.my_timeline_next {
  width: 34px;
  margin-left: -22px;
}
.ul_box {
  display: inline-block;
  float: left;
  width: 100%;
}
.my_timeline {
  white-space: nowrap;
  overflow-x: auto;
}
.my_timeline_item {
  display: inline-block;
  width: 220px;
}
.my_timeline_item_end {
  display: inline-block;
  width: 30px;
}
.my_timeline_node {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
}
.my_timeline_node.active {
  background-color: #fff !important;
  border: 6px solid #f68720;
}
.my_timeline_node.nomalIndex {
  background-color: #fff !important;
  border: 6px solid #f71700;
}
.my_timeline_node.green {
  background-color: #fff !important;
  border: 6px solid #48f700;
}
.my_timeline_node.white {
  background-color: #fff !important;
  border: 6px solid #ffffff;
}
.my_timeline_item_line {
  width: 100%;
  height: 10px;
  margin: -14px 0 0 28px;
  border-top: 2px solid #E4E7ED;
  border-left: none;
  padding-top: 10px;
}
.my_timeline_item_line.active {
  width: 100%;
  height: 10px;
  margin: -14px 0 0 28px;
  border-top: 2px solid #30f10c;
  border-left: none;
  padding-top: 10px;
}
.my_timeline_item_content {
  margin: 0 0 22px -46px;
  padding-right: 169px;
  white-space: pre-wrap;
  width: 120px;
  height: 24px;
}
.my_timeline_item_content_active {
  padding-right: 169px;
  margin: 0 0 0 -28px;
}
.el-input.active .el-input__inner {
  background-color: #ff0000;
  border-color: #E4E7ED;
  color: #C0C4CC;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-task-node {
  padding: 0px 0 10px;
}
.project-task-node .custom-tree-node {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  position: relative;
  margin-left: 4px;
  width: 800px;
}
.project-task-node .custom-tree-node .custom-tree-right {
    position: relative;
    left: -20px;
}
.project-task-node .el-collapse-item .el-icon-arrow-right:before {
  content: "\E60E";
}
.project-task-node .el-tree-node:focus > .el-tree-node__content {
  background: #d1ebff;
}
.project-task-node .mytask-deadline {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  line-height: 22px;
  vertical-align: middle;
  color: #999;
}
.project-task-node .mytask-status {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  line-height: 22px;
  vertical-align: middle;
  color: #fff;
  background: #37D5C6;
  border-radius: 4px;
  width: 46px;
  text-align: center;
}
.project-task-node .mytask-manager {
  display: inline-block;
  border-radius: 4px;
  width: 46px;
  color: #fff;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background: #37D5C6;
  font-size: 12px;
}
.project-task-node .nonicon {
  display: none;
}
.project-task-node .default-style {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -72px;
}
.project-task-node .default-style::before {
  content: '+';
  color: #f1f1f1;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -8px;
}
.project-task-node .test {
  height: 18px;
  width: 0;
  position: absolute;
  border-left: 1px solid #ccc;
  left: 18px;
  top: 31px;
  opacity: 1;
}
.project-task-node .open-last {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -72px;
}
.project-task-node .open-last::before {
  content: '+';
  color: #f1f1f1;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -8px;
}
.project-task-node .open-last::after {
  content: '';
  color: #ccc;
  width: 25px;
  height: 25px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: -14px;
  top: 0;
}
.project-task-node .close-last {
  width: 19px;
  margin-right: 21px;
  border-right: 1px solid #ccc;
  height: 18px;
  position: absolute;
  left: -72px;
  bottom: -12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.project-task-node .close-last::before {
  content: '-';
  color: #ccc;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  right: -8px;
  top: -14px;
}
.project-task-node .close-last::after {
  content: '';
  color: #ccc;
  width: 25px;
  height: 25px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: -14px;
  top: -31px;
}
.project-task-node .close-style {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -72px;
}
.project-task-node .close-style::before {
  content: '-';
  color: #ccc;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -8px;
}
.project-task-node .close-style::after {
  content: '';
  height: 16px;
  width: 0;
  position: absolute;
  border-left: 1px solid #ccc;
  left: 18px;
  top: 32px;
}
.project-task-node .leaf-style {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -86px;
  border-left: 1px solid #ccc;
}
.project-task-node .leaf-style::before {
  content: '';
  color: #ccc;
  width: 26px;
  border-top: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 50%;
}
.project-task-node .leaf-style::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -5px;
}
.project-task-node .leaf-style1 {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -86px;
}
.project-task-node .leaf-style1::before {
  content: '';
  color: #ccc;
  width: 27px;
  height: 24px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
.project-task-node .leaf-style1::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -5px;
}
.project-task-node .added-style {
  position: absolute;
  border-left: 1px solid #ccc;
  width: 0;
  height: 49px;
  top: -11px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-count[data-v-778d598a] {
  min-height: 658px;
  margin: 0;
  padding: 0;
  background: #fff;
}
.project-count .task-count[data-v-778d598a] {
  padding: 20px;
}
.project-count .task-count .task-count-text[data-v-778d598a] {
    text-align: left;
    font-size: 14px;
}
.project-count .task-count .task-count-text .task-count-text-icon[data-v-778d598a] {
      padding-left: 10px;
      border-left: 2px solid #007dc6;
}
.project-count .task-count .task-chart[data-v-778d598a] {
    width: 40%;
    margin: 30px 0;
    overflow: hidden;
    float: left;
}
.project-count .task-count .task-chart .task-complete[data-v-778d598a] {
      width: 50%;
      padding: 10px 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
}
.project-count .task-count .task-chart .task-complete .task-complete-inner[data-v-778d598a] {
        width: 110px;
        height: 110px;
        margin: 0 auto;
        position: relative;
        border: 8px solid #eee;
        border-radius: 50%;
}
.project-count .task-count .task-chart .task-complete .task-complete-inner .top-text[data-v-778d598a] {
          padding-top: 16px;
          font-size: 14px;
          color: #999;
}
.project-count .task-count .task-chart .task-complete .task-complete-inner .mid-num[data-v-778d598a] {
          font-size: 42px;
          color: #37D5C6;
          position: relative;
}
.project-count .task-count .task-chart .task-complete .task-complete-inner .mid-num[data-v-778d598a]::before {
            content: '%';
            position: absolute;
            width: 20px;
            height: 20px;
            right: -16px;
            bottom: 10px;
            font-size: 12px;
}
.project-count .task-count .task-chart .task-complete .task-complete-inner[data-v-778d598a]::before {
          content: '';
          position: absolute;
          width: 50px;
          height: 20px;
          left: 30px;
          bottom: -10px;
          border-radius: 4px;
          background-color: #fff;
}
.project-count .task-count .task-chart .task-complete .task-complete-inner[data-v-778d598a]::after {
          content: '\9879\76EE';
          position: absolute;
          width: 40px;
          height: 20px;
          line-height: 20px;
          font-size: 12px;
          left: 34px;
          bottom: -10px;
          border: 1px solid #37D5C6;
          border-radius: 4px;
          color: #37D5C6;
          background-color: #fff;
}
.project-count .task-count .task-chart .task-complete .task-delay-inner[data-v-778d598a] {
        width: 110px;
        height: 110px;
        margin: 0 auto;
        position: relative;
        border: 8px solid #eee;
        border-radius: 50%;
}
.project-count .task-count .task-chart .task-complete .task-delay-inner .top-text[data-v-778d598a] {
          padding-top: 16px;
          font-size: 14px;
          color: #999;
}
.project-count .task-count .task-chart .task-complete .task-delay-inner .mid-num[data-v-778d598a] {
          font-size: 42px;
          color: #37D5C6;
          position: relative;
}
.project-count .task-count .task-chart .task-complete .task-delay-inner .mid-num[data-v-778d598a]::before {
            content: '%';
            position: absolute;
            width: 20px;
            height: 20px;
            right: -16px;
            bottom: 10px;
            font-size: 12px;
}
.project-count .task-count .task-chart .task-complete .task-delay-inner[data-v-778d598a]::before {
          content: '';
          position: absolute;
          width: 50px;
          height: 20px;
          left: 30px;
          bottom: -10px;
          border-radius: 4px;
          background-color: #fff;
}
.project-count .task-count .task-chart .task-complete .task-delay-inner[data-v-778d598a]::after {
          content: '\9879\76EE';
          position: absolute;
          width: 40px;
          height: 20px;
          line-height: 20px;
          font-size: 12px;
          left: 34px;
          bottom: -10px;
          border: 1px solid #FC5652;
          border-radius: 4px;
          color: #FC5652;
          background-color: #fff;
}
.project-count .task-count .task-chart-count[data-v-778d598a] {
    width: 60%;
    height: 150px;
    border-left: 1px solid #ccc;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 30px;
    padding-top: 30px;
}
.project-count .task-count .task-chart-count .box-count[data-v-778d598a] {
      width: 100%;
      height: 100%;
}
.project-count .task-count .task-chart-count .box-count .box-count-text[data-v-778d598a] {
        height: 20px;
        font-size: 14px;
        color: #999;
}
.project-count .task-count .task-chart-count .box-count .box-count-num[data-v-778d598a] {
        padding-top: 5px;
        font-size: 42px;
        color: #37D5C6;
        font-family: 'ArialMT', 'Arial';
}
.project-count .menber-count[data-v-778d598a] {
  border-top: 14px solid #e9ebef;
  padding: 20px;
}
.project-count .menber-count .task-count-text[data-v-778d598a] {
    text-align: left;
    font-size: 14px;
}
.project-count .menber-count .task-count-text .task-count-text-icon[data-v-778d598a] {
      padding-left: 10px;
      border-left: 2px solid #007dc6;
}
.project-count .menber-count .menber-table[data-v-778d598a] {
    padding: 20px 0 0 14px;
}
.project-count .task-preview[data-v-778d598a] {
  border-top: 14px solid #e9ebef;
  padding: 20px;
}
.project-count .task-preview .task-preview-text[data-v-778d598a] {
    text-align: left;
    font-size: 14px;
}
.project-count .task-preview .task-preview-text .task-preview-text-icon[data-v-778d598a] {
      padding-left: 10px;
      border-left: 2px solid #007dc6;
}
.project-count .task-preview .preview-table[data-v-778d598a] {
    padding: 20px 0 0 14px;
}
.project-count .task-preview .preview-table .status[data-v-778d598a] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: baseline;
      margin-right: 8px;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.main-top-nav[data-v-18497648] {
  background-color: #fff;
  min-height: 815px;
}
.main-top-nav .orz-info[data-v-18497648] {
    padding: 10px 0px 0 200px;
    position: relative;
}
.main-top-nav .orz-info-left[data-v-18497648] {
      text-align: left;
      vertical-align: middle;
      width: 200px;
      height: 100%;
      border-right: 1px solid #ebeef5;
      left: 0;
      top: 0;
      position: absolute;
}
.main-top-nav .orz-info-left .search[data-v-18497648] {
        padding: 20px 10px;
}
.main-top-nav .orz-info-left .open-orz-setting[data-v-18497648] {
        position: absolute;
        bottom: 104px;
        left: 50px;
}
.main-top-nav .orz-info-left .btns[data-v-18497648] {
        text-align: left;
        margin-left: 50px;
        position: fixed;
        bottom: 20px;
        z-index: 2;
}
.main-top-nav .orz-info-right[data-v-18497648] {
      text-align: left;
      width: 100%;
      height: 100%;
      min-height: 700px;
      padding: 0 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.main-top-nav .orz-info-right .right-text[data-v-18497648] {
        overflow: hidden;
        border-bottom: 1px solid #ebeef5;
}
.main-top-nav .orz-info-right .right-text[data-v-18497648] > :nth-child(1) {
          float: left;
          width: 200px;
          line-height: 40px;
          color: #666;
}
.main-top-nav .orz-info-right .right-text[data-v-18497648] > :last-child {
          width: 100px;
          float: right;
}
.main-top-nav .enable-account[data-v-18497648] {
    padding: 10px 50px;
    min-height: 700px;
}
.main-top-nav .enable-account-search[data-v-18497648] {
      width: 300px;
      margin-bottom: 30px;
}
.main-top-nav .enable-account-table[data-v-18497648] {
      border-top: 1px solid #ebeef5;
}
.main-top-nav .list-projects[data-v-18497648] {
    padding: 0 20px 0 20px;
}
.main-top-nav .list-projects .status[data-v-18497648] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: baseline;
      margin-right: 8px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.group-list {
  height: calc(100vh - 350px);
}
.group-list .el-menu-item.is-active {
    background-color: #ecf5ff;
}
.top-title-bs {
  vertical-align: middle;
  text-align: center;
}
.remove-user-button .el-transfer__button.is-disabled {
  border: 1px solid #dcdfe6;
  background-color: #f5f7fa;
  color: #c0c4cc;
}

/* 选择的人的按钮 */
.remove-user-button .el-button--primary {
  width: 38px;
  height: 38px;
  background-color: #f5f7fa;
}

/* 新建小组 */
.add-group .el-button--primary {
  width: 59px;
  height: 32px;
}

/* 设置左边导航栏 */
.project-page .el-tree-node__content {
  height: 30px;
}

/* 按钮的行高 */
.project-page .el-button--primary {
  background: #409eff;
  border-color: #409eff;
}
.orz-addDialog .el-dialog__header {
  padding: 0;
}
.set-orz-tree {
  height: 600px;
  overflow: auto;
}
.set-orz-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: rgba(35, 183, 229, 0.2);
  border-right: 2px solid #409EFF;
}
.orz-addDialog .el-dialog__body {
  padding: 20px;
}
.orz-addDialog .el-dialog__body .orz-oprate {
    position: relative;
}
.orz-addDialog .el-dialog__body .orz-oprate .oprate-btns {
      position: absolute;
      top: -40px;
}
.orz-addDialog .el-dialog__body .orz-oprate .add-orz-name {
      position: absolute;
      bottom: -40px;
      height: 40px;
      width: 100%;
}
.orz-addDialog .el-dialog__body .orz-oprate .el-scrollbar__wrap {
      overflow-x: hidden;
}
.orz-addDialog .el-dialog__body .orz-oprate .el-scrollbar__bar.is-horizontal {
      display: none;
}
.orz-addDialog .el-dialog__body .el-tree-node__content {
    line-height: 36px;
    height: 36px;
    border-right: 3px solid #fff;
}
.orz-addDialog .el-dialog__body .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #d1ebff;
    border-right: 3px solid #00aaff;
}
.orz-addDialog .el-dialog__body .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .tree_node_op {
      display: block;
}
.orz-addDialog .el-dialog__body .el-tree-node__content:hover {
    background-color: #ecf5ff;
}
.orz-addDialog .el-dialog__body .el-tree-node:focus > .el-tree-node__content {
    background-color: #fff;
}
.orz-addDialog .el-dialog__body .tree_node_op {
    display: none;
    float: right;
    width: 200px;
    height: 100%;
}
.vue-treeselect__control {
  height: 40px;
}
.users-addDialog .el-dialog__header {
  padding: 0;
}
.users-addDialog .el-dialog__body {
  padding: 20px;
}
.users-addDialog .el-dialog__body .search-top {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
.users-addDialog .el-dialog__body .choosed-user {
    line-height: 40px;
    margin-top: 20px;
}
.users-addDialog .el-dialog__body .user-choose-role {
    line-height: 40px;
    margin-top: 20px;
}
.set-orz-tree .el-scrollbar__wrap {
  overflow-x: hidden;
}
.set-orz-tree .el-scrollbar__bar.is-horizontal {
  display: none;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-overview[data-v-6d989598] {
  min-height: 658px;
  margin: 0;
  padding: 0;
  background: #fff;
}
.project-overview .top-nav[data-v-6d989598] {
    height: 60px;
    border-bottom: 10px solid #e9ebef;
    padding: 0 20px;
}
.project-overview .top-nav .text[data-v-6d989598] {
      width: 56px;
      height: 60px;
      line-height: 64px;
      color: #007dc6;
      font-size: 14px;
      border-bottom: 2px solid #007dc6;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
}
.project-overview .top-nav .btn[data-v-6d989598] {
      float: right;
      line-height: 38px;
      background-color: #007dc6;
      width: 88px;
      border-radius: 20px;
      text-align: center;
      color: #fff;
      font-size: 12px;
      margin-top: 12px;
      cursor: pointer;
}
.project-overview .allproject-count[data-v-6d989598] {
  padding: 20px;
  text-align: center;
}
.project-overview .allproject-count .allproject-count-text[data-v-6d989598] {
    text-align: left;
    font-size: 14px;
}
.project-overview .allproject-count .allproject-count-text .allproject-count-text-icon[data-v-6d989598] {
      padding-left: 10px;
      border-left: 2px solid #007dc6;
}
.project-overview .allproject-count .allproject-chart[data-v-6d989598] {
    width: 40%;
    margin: 30px 0;
    overflow: hidden;
    float: left;
}
.project-overview .allproject-count .allproject-chart .allproject-complete[data-v-6d989598] {
      width: 50%;
      padding: 10px 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-complete-inner[data-v-6d989598] {
        width: 110px;
        height: 110px;
        margin: 0 auto;
        position: relative;
        border: 8px solid #eee;
        border-radius: 50%;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-complete-inner .top-text[data-v-6d989598] {
          padding-top: 16px;
          font-size: 14px;
          color: #999;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-complete-inner .mid-num[data-v-6d989598] {
          font-size: 42px;
          color: #37D5C6;
          position: relative;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-complete-inner .mid-num[data-v-6d989598]::before {
            content: '%';
            position: absolute;
            width: 20px;
            height: 20px;
            right: -16px;
            bottom: 10px;
            font-size: 12px;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-complete-inner[data-v-6d989598]::before {
          content: '';
          position: absolute;
          width: 50px;
          height: 20px;
          left: 30px;
          bottom: -10px;
          border-radius: 4px;
          background-color: #fff;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-complete-inner[data-v-6d989598]::after {
          content: '\9879\76EE';
          position: absolute;
          width: 40px;
          height: 20px;
          line-height: 20px;
          font-size: 12px;
          left: 34px;
          bottom: -10px;
          border: 1px solid #37D5C6;
          border-radius: 4px;
          color: #37D5C6;
          background-color: #fff;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-delay-inner[data-v-6d989598] {
        width: 110px;
        height: 110px;
        margin: 0 auto;
        position: relative;
        border: 8px solid #eee;
        border-radius: 50%;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-delay-inner .top-text[data-v-6d989598] {
          padding-top: 16px;
          font-size: 14px;
          color: #999;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-delay-inner .mid-num[data-v-6d989598] {
          font-size: 42px;
          color: #37D5C6;
          position: relative;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-delay-inner .mid-num[data-v-6d989598]::before {
            content: '%';
            position: absolute;
            width: 20px;
            height: 20px;
            right: -16px;
            bottom: 10px;
            font-size: 12px;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-delay-inner[data-v-6d989598]::before {
          content: '';
          position: absolute;
          width: 50px;
          height: 20px;
          left: 30px;
          bottom: -10px;
          border-radius: 4px;
          background-color: #fff;
}
.project-overview .allproject-count .allproject-chart .allproject-complete .allproject-delay-inner[data-v-6d989598]::after {
          content: '\9879\76EE';
          position: absolute;
          width: 40px;
          height: 20px;
          line-height: 20px;
          font-size: 12px;
          left: 34px;
          bottom: -10px;
          border: 1px solid #FC5652;
          border-radius: 4px;
          color: #FC5652;
          background-color: #fff;
}
.project-overview .allproject-count .allproject-chart-count[data-v-6d989598] {
    width: 60%;
    height: 150px;
    border-left: 1px solid #ccc;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 30px;
    padding-top: 30px;
}
.project-overview .allproject-count .allproject-chart-count .box-count[data-v-6d989598] {
      width: 100%;
      height: 100%;
}
.project-overview .allproject-count .allproject-chart-count .box-count .box-count-text[data-v-6d989598] {
        height: 20px;
        font-size: 14px;
        color: #999;
}
.project-overview .allproject-count .allproject-chart-count .box-count .box-count-num[data-v-6d989598] {
        padding-top: 5px;
        font-size: 42px;
        color: #37D5C6;
        font-family: 'ArialMT', 'Arial';
}
.project-overview .allproject-overview[data-v-6d989598] {
  border-top: 14px solid #e9ebef;
  padding: 20px;
  padding-bottom: 60px;
  text-align: center;
}
.project-overview .allproject-overview .allproject-overview-text[data-v-6d989598] {
    text-align: left;
    font-size: 14px;
}
.project-overview .allproject-overview .allproject-overview-text .allproject-overview-text-icon[data-v-6d989598] {
      padding-left: 10px;
      border-left: 2px solid #007dc6;
}
.project-overview .allproject-overview .allproject-table[data-v-6d989598] {
    padding: 20px 0 0 14px;
}
.project-overview .allproject-overview .allproject-table .group-select[data-v-6d989598] {
      padding: 10px 0 20px;
      text-align: left;
}
.project-overview .allproject-overview .allproject-table .group-select .select-box[data-v-6d989598] {
        width: 150px;
        display: inline-block;
}
.project-overview .allproject-overview .allproject-table .group-select .search-box[data-v-6d989598] {
        width: 250px;
        margin-left: 20px;
        display: inline-block;
}
.project-overview .allproject-overview .allproject-table .status[data-v-6d989598] {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: baseline;
      margin-right: 8px;
}
.project-overview .allproject-overview .allproject-table .table-pagination[data-v-6d989598] {
      text-align: left;
      padding-top: 20px;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.project-overview .table-pagination .el-pagination .el-pagination__total {
  float: right;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.my-task {
  max-height: 880px;
  background-color: #fff;
}
.my-task .custom-tree-node {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  position: relative;
  margin-left: 4px;
}
.my-task .custom-tree-node .custom-tree-right {
    position: relative;
    left: -20px;
}
.my-task .el-tree-node__loading-icon {
  display: none !important;
}
.my-task .el-collapse-item .el-icon-arrow-right:before {
  content: "\E60E";
}
.my-task .el-tree-node:focus > .el-tree-node__content {
  background: #d1ebff;
}
.my-task .mytask-deadline {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  line-height: 22px;
  vertical-align: middle;
  color: #999;
}
.my-task .mytask-status {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  line-height: 22px;
  vertical-align: middle;
  color: #fff;
  background: #37D5C6;
  border-radius: 4px;
  width: 46px;
  text-align: center;
}
.my-task .mytask-manager {
  display: inline-block;
  border-radius: 4px;
  width: 46px;
  color: #fff;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background: #37D5C6;
  font-size: 12px;
}
.my-task .el-collapse-item__header {
  text-align: left;
  font-size: 16px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  font-weight: 600;
  border-bottom: none;
  border-bottom: 1px solid #ccc;
}
.my-task .el-collapse {
  border-top: none;
}
.my-task .el-collapse-item__wrap {
  border-bottom: none;
  text-align: left;
}
.my-task .el-collapse-item__arrow {
  float: left;
  font-size: 14px;
}
.my-task .el-tree-node__content {
  height: 48px;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.my-task .label-font {
  font-weight: 800;
  font-size: 16px;
  color: #333;
  position: relative;
  left: -32px;
  z-index: 999;
  background: #fff;
}
.my-task .nonicon {
  display: none;
}
.my-task .default-style {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -72px;
}
.my-task .default-style::before {
  content: '+';
  color: #f1f1f1;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -8px;
}
.my-task .test {
  height: 18px;
  width: 0;
  position: absolute;
  border-left: 1px solid #ccc;
  left: 18px;
  top: 31px;
  opacity: 1;
}
.my-task .open-last {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -72px;
}
.my-task .open-last::before {
  content: '+';
  color: #f1f1f1;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -8px;
}
.my-task .open-last::after {
  content: '';
  color: #ccc;
  width: 25px;
  height: 25px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: -14px;
  top: 0;
}
.my-task .close-last {
  width: 19px;
  margin-right: 21px;
  border-right: 1px solid #ccc;
  height: 18px;
  position: absolute;
  left: -72px;
  bottom: -12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-task .close-last::before {
  content: '-';
  color: #ccc;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  right: -8px;
  top: -14px;
}
.my-task .close-last::after {
  content: '';
  color: #ccc;
  width: 25px;
  height: 25px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: -14px;
  top: -31px;
}
.my-task .close-style {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -72px;
}
.my-task .close-style::before {
  content: '-';
  color: #ccc;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -8px;
}
.my-task .close-style::after {
  content: '';
  height: 16px;
  width: 0;
  position: absolute;
  border-left: 1px solid #ccc;
  left: 18px;
  top: 32px;
}
.my-task .leaf-style {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -86px;
  border-left: 1px solid #ccc;
}
.my-task .leaf-style::before {
  content: '';
  color: #ccc;
  width: 26px;
  border-top: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 50%;
}
.my-task .leaf-style::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -5px;
}
.my-task .leaf-style1 {
  width: 40px;
  height: 48px;
  position: absolute;
  left: -86px;
}
.my-task .leaf-style1::before {
  content: '';
  color: #ccc;
  width: 27px;
  height: 24px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
.my-task .leaf-style1::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -5px;
}
.my-task .block .el-tree-node__content > .el-tree-node__expand-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  position: relative;
  z-index: 1;
}
.my-task .block .el-tree-node__content .el-icon-caret-right:before {
  content: '';
}
.my-task .added-style {
  position: absolute;
  border-left: 1px solid #ccc;
  width: 0;
  height: 49px;
  top: -11px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.searching[data-v-3582cac0] {
  margin: 0 auto;
  width: 90%;
  height: 60px;
  border-bottom: 1px solid #ccc;
  outline: none;
}
.createProject[data-v-3582cac0] {
  background: #fff;
  width: auto;
  height: auto;
  position: absolute;
  top: 630px;
  text-align: center;
  padding: 0;
  margin-left: 56px;
  margin-top: 20px;
}
.createProject .el-button[data-v-3582cac0] {
  border-color: #666;
  color: #666;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.divider[data-v-3582cac0] {
  width: 100%;
  height: 1px;
  background: #ccc;
  margin-top: 10px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.floatLayer {
  width: 640px;
  height: 90%;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 0px 10px 2px #ccc;
          box-shadow: 0px 0px 10px 2px #ccc;
  position: absolute;
  top: 16px;
  right: 0px;
  z-index: 1;
  overflow: hidden;
}
.layerHeader {
  clear: both;
  border-bottom: 1px solid #ccc;
  width: 640px;
  height: 50px;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.closeIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 7px 0 7px 12px;
  margin-top: 10px;
  margin-right: 20px;
  border-left: 1px solid #666;
  float: right;
  right: 0;
  top: 0;
}
.closeIcon .el-icon-close:before {
  font-size: 28px;
  margin-left: -8px;
  line-height: 10px;
  cursor: pointer;
}
.layerFooter {
  border-top: 1px solid #ccc;
  width: 640px;
  height: 150px;
  background: #fff;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 999;
}
.layerWrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 50px;
  right: 0;
  background: #f5f5f5;
}
.layerHeaderSpan {
  display: inline-block;
  line-height: 50px;
  color: #999999;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanLeft {
  color: #333;
  width: 380px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.till {
  display: block;
  position: absolute;
  top: 0;
  left: 185px;
  z-index: 999;
  width: 25px;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanRight {
  float: right;
  margin-right: 20px;
  text-align: right;
}
.titleMessage {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #999;
  padding-left: 20px;
  margin-top: 10px;
}
.titleMessage img {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.titleMessage b {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 8px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-weight: normal;
}
.titleMessage span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.taskDetailMember {
  margin-top: -52px;
  margin-left: 30px;
}
.businessTitle {
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
}
.businessTitle .el-input {
  width: 80%;
  font-size: 18px;
  color: #000;
}
.businessImg {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #007dc6;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.textSpan {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  height: 176px;
  line-height: 22px;
  margin-top: 7px;
  color: #999;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  cursor: pointer;
}
.businessSpan {
  display: inline-block;
  margin-left: 10px;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.taskCodeNameSpan {
  margin-left: 10px;
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.businessContent,
.businessContent2 {
  width: 94%;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}
.businessContent2 {
  border-top: none;
}
.businessGroup {
  width: 100%;
  height: 52px;
  background: #fff;
  border-top: 1px solid #ccc;
  line-height: 52px;
  padding-left: 10px;
}
.groupImg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}
.groupImg img {
  width: 100%;
  height: 100%;
}
.groupPortrait {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
          box-shadow: 0px 0px 1px 1px #ccc;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
}
.groupPortrait img {
  width: 100%;
  height: 100%;
}
.taskBegin {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.businessSelect {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.businessSelect .workinghourtDiv .el-progress-bar__inner {
  background-color: #37d5c6;
}
.selectDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  vertical-align: top;
}
.workinghour .selectDiv {
  width: 48%;
  padding-left: 10px;
}
.workinghour {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.workinghourtDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  height: 50px;
  overflow: hidden;
}
.workinghourtDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.selectDiv .el-select {
  width: 60%;
  float: right;
}
.selectDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.addDeliveryDocoment {
  width: 94%;
  min-height: 50px;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.addDeliveryDocoment span {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #00aaff;
  line-height: 50px;
  cursor: pointer;
}
.addDeliveryDocoment i {
  color: #00aaff;
  margin-left: 10px;
  margin-right: 3px;
}
.rightDiv {
  float: right;
  padding-right: 20px;
}
.commentsContent {
  width: 94%;
  margin: 10px auto 0;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.commentsContent ul {
  list-style-type: none;
  margin-left: -40px;
}
.commentsContent ul li {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  padding: 16px 0 0;
}
.projectTaskDetail-page .commentsContent .el-tabs__header {
  margin: 0 0 -10px;
}
.comentsTitle,
.comentsContent {
  width: 100%;
  height: auto;
  clear: both;
  overflow: auto;
}
.comentsContent {
  margin-top: 10px;
}
.logLabel {
  width: 20%;
  float: left;
  font-size: 12px;
  color: #999;
  padding: 0;
  margin: 0;
}
.logContent {
  width: 80%;
  float: right;
  color: #333;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  padding: 0;
  margin: 0;
}
.logWorkinghour {
  margin: 0;
}
.logicon {
  display: block;
  float: right;
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.deleteIcon {
  margin-right: 0;
  line-height: 35px;
}
.editIcon {
  margin-right: 30px;
  line-height: 30px;
}
.reply {
  display: inline-block;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 30px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  margin-left: 10px;
}
.name {
  display: inline-block;
  font-size: 12px;
  color: #0af;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addWorkLog {
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachmentImg {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 38px;
  margin-top: 5px;
}
.attachmentImg img {
  width: 100%;
  height: 100%;
}
.logWastTime {
  width: 94%;
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.logWastTime1 {
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.wastTimeText {
  display: block;
  width: 85%;
  float: right;
}
.projectTaskDetail-page .logWastTime .el-input {
  width: 240px;
}
.projectTaskDetail-page .logWastTime .el-select > .el-input {
  width: 160px;
}
.projectTaskDetail-page .logWastTime .el-input__inner {
  border-color: #007dc6;
}
.commentInput {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 100px 20px;
}
.commentsText {
  display: block;
  width: 85%;
  float: right;
  border: 1px solid #007dc6;
  border-radius: 4px;
}
.logBtn {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  top: 20px;
  text-align: right;
}
.commentsImg {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.projectTaskDetail-page .logBtn .el-button--primary,
.projectTaskDetail-page .logBtn .el-button,
.projectTaskDetail-page .editLog .el-button {
  width: 102px;
}
.submitSpan img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.submitButton {
  display: block;
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.topImg {
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
}
.textareaDiv {
  width: 100%;
  height: auto;
  clear: both;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}
.aboutAttachment {
  width: 100%;
  height: auto;
  background: #fff;
  clear: both;
  overflow: hidden;
  position: relative;
}
.addAttachment {
  display: inline-block;
  line-height: 52px;
  font-size: 14px;
  color: #999;
  clear: both;
  position: relative;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment img {
  vertical-align: middle;
  margin-right: 4px;
}
.addAttachmentImg2 {
  clear: both;
  position: absolute;
  top: 0;
  left: -80px;
}
.detailTaskProcessTitle {
  width: 84%;
  height: 20px;
  position: absolute;
  top: 108px;
  right: 10px;
}
.projectTaskDetail-page .el-slider {
  width: 84%;
  position: absolute;
  right: 10px;
  top: 50px;
  margin-top: 68px;
}
.projectTaskDetail-page .el-slider__bar {
  background-color: #007dc6;
  height: 4px;
}
.projectTaskDetail-page .el-slider__button {
  border: solid 2px #007dc6;
  width: 10px;
  height: 10px;
}
.projectTaskDetail-page .el-slider__runway {
  height: 4px;
}
.projectTaskDetail-page .workinghourtDiv .el-progress {
  display: inline-block;
  width: 56%;
}
.projectTaskDetail-page .workinghourtDiv .el-progress-bar__innerText {
  display: none;
}
.projectTaskDetail-page .workinghourtDiv .el-progress-bar__outer {
  border-radius: 0;
}
.projectTaskDetail-page .workinghourtDiv .el-progress-bar__inner {
  border-radius: 0;
}
.detailTaskProcess {
  display: inline-block;
  width: 32.666666666%;
  height: 20px;
  line-height: 20px;
  color: #666;
}
.process1 {
  position: absolute;
  left: 0;
  text-align: left;
}
.process2 {
  position: absolute;
  left: 35%;
  text-align: center;
}
.process3 {
  position: absolute;
  left: 68%;
  text-align: right;
}
.addAttachment-task {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  position: absolute;
  top: 13px;
  left: -20px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment-task3 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 10px;
  top: 2px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachPrompt {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 0;
}
.attachPrompt2 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 42px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addPortrait {
  width: 32px;
  height: 32px;
  border: 1px dashed #ccc;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 5px;
  margin-top: 0;
  cursor: pointer;
}
.uploadButton {
  width: 100%;
  height: auto;
  text-align: right;
  padding-bottom: 20px;
}
.importWrapper {
  text-align: left;
  height: 52px;
}
.projectFile {
  width: 100%;
  height: auto;
  background: #fff;
  border-top: 1px solid #ccc;
}
.preTitle {
  display: inline-block;
  width: 90px;
  height: 52px;
  vertical-align: top;
  text-align: right;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.headerWrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.headerDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  margin-top: -50px;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.taskHeader {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #00aaff;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.taskHeader2 {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #999999;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: pointer;
}
.search-head .el-input--prefix .el-input__inner {
  padding-left: 50px;
}
.search-head .el-input__prefix {
  margin-top: 8px;
  margin-left: 5px;
}
.search-head .el-input {
  width: 86%;
  margin: 6px 0 12px 18px;
  font-size: 14px;
  color: #999;
  border-radius: 10px;
}
.search-head .el-input__inner {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  background: #f2f2f2;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .floatLayer .spanLeft .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  margin-left: 15px;
}
.projectTaskDetail-page .floatLayer .spanLeft .el-input--prefix .el-input__inner {
  width: 170px !important;
  position: absolute;
  top: -25px;
  left: 0;
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
  padding-right: 0;
  margin-left: -10px;
  padding-left: 0;
}
.projectTaskDetail-page .floatLayer .spanLeft .el-date-editor .el-input__icon {
  position: absolute;
  top: -24px;
  left: 0;
  display: none;
}
.projectTaskDetail-page .floatLayer .spanLeft .el-input__prefix {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #c0c4cc;
}
.commentsContent .el-tabs__content {
  width: 100%;
  left: 0;
}
.titleMessage .el-select {
  width: auto;
  max-width: 130px;
  height: 28px;
  margin-left: 10px;
  border: none;
  background: #007dc6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  overflow: hidden;
}
.titleMessage .el-input--suffix .el-input__inner {
  background: transparent;
  color: #fff;
}
.titleMessage .el-icon-arrow-up:before {
  color: #fff;
}
.businessTitle .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
  text-align: center;
}
.projectTaskDetail-page .el-button--mini {
  background: transparent;
  border: none;
  outline: none;
}
.projectTaskDetail-page .titleMessage .el-select .el-input .el-select__caret.is-show-close:hover {
  color: #fff;
}
.projectTaskDetail-page .el-select .el-input.is-focus .el-input__inner {
  border-color: #bfc7cc;
}
.projectTaskDetail-page .commentInput .el-textarea__inner {
  padding: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  border: none;
}
.businessSelect .el-input--suffix .el-input__inner {
  background: transparent;
  border: none;
  color: #007dc6;
  text-align: right;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .el-input--mini .el-input__inner {
  border: none;
  border-radius: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #fff;
  padding-left: 34px;
}
.projectTaskDetail-page .searching .el-input--mini .el-input__inner {
  color: #666;
  height: 60px;
  line-height: 60px;
  margin-left: 4px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
}
.el-scrollbar .el-select-dropdown__item.selected {
  background: #007dc6;
  color: #fff;
  font-weight: normal;
}
.projectTaskDetail-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
}
.projectTaskDetail-page .spanRight .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .spanRight .el-button--danger {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .spanRight .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #37d5c6;
  border-color: #37d5c6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .titleMessage .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .titleMessage .el-button--info,
.projectTaskDetail-page .titleMessage .el-button--danger,
.projectTaskDetail-page .titleMessage .el-button--primary,
.projectTaskDetail-page .titleMessage .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: inherit;
}
.projectTaskDetail-page .titleMessage .el-button--success {
  background: #37d5c6;
  border-color: #37d5c6;
}
.projectTaskDetail-page .projectDetailBtns .el-button--primary {
  width: 100px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .projectDetailBtns .el-button--danger {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .projectDetailBtns .el-switch.is-checked .el-switch__core {
  margin-left: 5px;
}
.projectTaskDetail-page .messagePush .el-switch {
  margin-left: 5px;
}
.projectTaskDetail-page .preview .bottom-box-content2 .el-input-group__prepend {
  background-color: #fff;
  border: 0;
}
.projectTaskDetail-page .el-input-group__prepend {
  border: none;
  background: #fff;
  border-radius: 0;
  padding-right: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .el-input-group--prepend .el-input__inner {
  border: none;
  border-radius: 0;
  padding-left: 5px;
}
.projectTaskDetail-page .el-tabs__nav-wrap {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectTaskDetail-page .el-upload-list {
  width: 540px;
  height: auto;
}
.projectTaskDetail-page .projectFile .el-upload-list {
  margin-left: 0;
}
.projectTaskDetail-page .projectFile .el-upload-list__item {
  margin-right: 20px;
  margin-top: -18px;
  margin-bottom: 28px;
}
.projectTaskDetail-page .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url(data:image/png;base64,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) no-repeat center 15px #f5f5f5;
  background-size: 30% auto;
  cursor: pointer;
}
.projectTaskDetail-page .el-upload-list__item-name {
  width: 97%;
  position: absolute;
  bottom: 0;
  margin-right: 0;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  display: block;
}
.projectTaskDetail-page .commentInput .el-upload-list {
  margin-left: 0;
}
.projectTaskDetail-page .commentInput .el-upload-list__item {
  margin-right: 0;
  margin-left: 20px;
}
.el-upload-list__item-name [class^="el-icon"] {
  display: none;
}
.projectTaskDetail-page .uploadButton .el-button--small {
  width: 58px;
  height: 32px;
  font-size: 14px;
}
.projectTaskDetail-page .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #007dc6;
  color: #fff;
}
.projectTaskDetail-page .projectFile .upload-demo {
  height: auto;
  margin-top: 18px;
  margin-left: 90px;
}
.projectTaskDetail-page .upload-demo {
  display: inline-block;
  height: auto;
  width: 100%;
  background: #fff;
  padding-left: 10px;
  position: relative;
  margin-left: 40px;
}
.projectTaskDetail-page .attachmentImg .upload-demo {
  width: 95%;
}
.projectTaskDetail-page .commentsContent .allCommentsFiles .upload-demo {
  background: transparent;
  margin-left: 0;
  padding-left: 0;
}
.projectTaskDetail-page .commentsContent .allCommentsFiles .el-upload-list__item {
  margin-right: 0px;
  margin-left: 40px;
}
.projectTaskDetail-page .add-task .upload-demo {
  margin-left: 0;
  margin-top: 40px;
}
.projectTaskDetail-page .attachmentImg .upload-demo {
  padding-left: 0;
  margin-left: 8px;
  background: transparent;
}
.projectTaskDetail-page .commentInput .upload-demo {
  margin-left: 0;
  margin-top: 60px;
  padding-left: 0;
}
.projectTaskDetail-page .el-upload--picture-card {
  width: 90px;
  height: 52px;
  border: none;
  background: transparent;
  position: absolute;
  left: 30px;
  top: -52px;
}
.projectTaskDetail-page .commentInput .el-upload--picture-card {
  width: 30px;
  height: 20px;
  border: none;
  position: absolute;
  left: 14px;
  top: -40px;
}
.projectTaskDetail-page .aboutAttachment .upload-demo {
  display: inline-block;
  min-height: 0;
  height: auto;
  width: 90%;
  background: #fff;
  line-height: 0;
  padding-left: 10px;
  position: relative;
  margin-left: 60px;
  margin-top: 52px;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 20px 20px;
  position: relative;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-bg {
    height: 80px;
    background: url(data:image/png;base64,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) no-repeat center 25px #f5f5f5;
    background-size: 30% auto;
    cursor: pointer;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-text {
    height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-close {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: 0;
    right: 0px;
    color: #ccc;
    font-weight: 300;
    cursor: pointer;
    border-radius: 50%;
}
.projectTaskDetail-page .aboutAttachment .uploadfile-items-close:hover {
      background-color: #999;
      opacity: .5;
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions {
  background: #f5f5f5;
}
.projectTaskDetail-page .floatLayer .el-upload-list--picture-card .el-upload-list__item-actions {
  color: #007dc6;
  font-size: 14px;
  text-align: center;
}
.projectTaskDetail-page .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABB0lEQVQ4jZXTL0sEURQF8N+Ow+KCW9YigsVgMIpJwWASP4CIsCAL2yyCwWIzWWwGv4TJKv6p8wUMahBExCCWRVgXw4zwnJ2RmZPuO++ew7vnvddIkkQJ9nCKCAdZPYa4TI3FYH+prCn6x6BSX1WD+s4YBXWzrCmfQRvHmMRmwK/jHJ84xLDMYIAVLOf4Dvq4DMWMjzDEFj4KTvuC3TxZlMETejnuG128VzGAC5wF6xNcFTX+ZrCKWdzgLeP2pQ9ogKNA08YGXnHXSJKkhWdMYcbf+VvS6/wKuAlpHk3MxdLQpnErTbtTMlaI60y3HUs/DazhoYI4RD/CfE1RiIUIO3isKRzhHt0fggotJ6LSnSEAAAAASUVORK5CYII=);
}
.projectTaskDetail-page .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAtUlEQVQokeXQMU6CQRAF4O83S4yFFQ0lIVFPQGlhINRQUHIAPJDewgZvYOjmBNrYUREKG+0s2GKz+SX8ta95b+fNm5lsExFa8IR11s94rBsSxhhW9YdKLyv/s4mIb1y2rT2Bn4RVxxCOp27x1jF3n3J4lAsfuMl6n7nf4qWLYsoGt5lhgukfnlQEvyo+nPCUGzvhPwTLX+1VfNXS16sLMMcrZvn9UniLytNExDXeMTjzyh3ufgEaFyBurg3s8AAAAABJRU5ErkJggg==);
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  position: absolute;
  right: 60px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview:hover .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4jZXTr0sEQRwF8I/LIgpeOYsIFoPFJiYFg0n8A0SQA0EumQSD5ZrJokEM/hGCwSr+AP8Hg9pExCCGO5DzMMweDOuu7L42b957zPfNzIjOgxLs4gQJ9nFcJErL3JiP9hfKRMk/AZV0VQPqJ+cwWraR76CBQ4xhPeJXcY4vHKBfFtDDEhZzfBNtXMVm/o7QxwY+C077iu08WdTBC3Zy3A9a+KgSABc4i9ZHuC4SDjtYxjRu8Z5xe8ID6qETeRpYwxvuU4zjEhOYioTfQvuDbIQhujgVrnYmFUqbxJ3QdrNkrBg3mW8zFT4NrOCpgjlGO8FsTVOMuQRbeK5pHOARrV++qyle+yhEOQAAAABJRU5ErkJggg==);
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: absolute;
  right: 20px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectTaskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAoklEQVQokeWSMQoCMRREX2RFLPYCFsEbaGNp4SG82h5k8QaewcbKShvBwka3GZuPfGNcTe3A8H+YzA+ZBAEZNgIZm9yeClgAU16xSvp1oh+C4AaMKMM96H3aTwiCCbAt9C0RRBfE3vVnY06L3thaYq2tZ4L5By1W7vhrUi89GoPCuz3xD0af6jCp4x4N/46dYGNVgp0xp0UEteDkfsU3HgX1A8DagHSU/8IgAAAAAElFTkSuQmCC);
}
.projectTaskDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  display: none;
}
.projectTaskDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  right: 20px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #13ce66;
  text-align: center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.projectTaskDetail-page .aboutAttachment .el-upload-list--picture-card {
  margin-left: -20px;
}
.projectTaskDetail-page .beforeDelete .el-dialog__footer {
  padding: 20px;
}
.projectTaskDetail-page .el-tabs__item.is-active {
  color: #007dc6;
}
.projectTaskDetail-page .el-tabs__active-bar {
  background: #007dc6;
  height: 3px;
}
.projectTaskDetail-page .editLogDialog .el-dialog {
  width: 46%;
}
.projectTaskDetail-page .editLogDialog .el-dialog__footer {
  padding: 0 20px 30px;
}
.projectTaskDetail-page .editLogDialog .el-dialog__body {
  padding: 0;
}
.workDescription {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.workDescription1 {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.projectTaskDetail-page .addDocumentDialog .el-dialog {
  width: 1000px;
  overflow: auto;
}
.projectTaskDetail-page .addDocumentDialog .el-dialog__header {
  border-bottom: 1.5px solid #e4e7ed;
  padding-left: 25px;
  background: #fff;
}
.projectTaskDetail-page .addDocumentDialog .el-dialog__title:before {
  content: '';
}
.projectTaskDetail-page .addDocumentDialog .el-dialog__body {
  padding: 0;
}
.addDocumentLeftSide {
  width: 200px;
  height: 100%;
  float: left;
  overflow: auto;
}
.addDocumentRightSide {
  width: 790px;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.projectTaskDetail-page .addDocumentDialog .leftSide {
  width: 200px;
  height: 445px;
  border-right: 1px solid #ccc;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__header {
  margin: 0;
  background: #fff;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__nav {
  margin-left: 25px;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__item.is-active {
  color: #00aaff;
}
.projectTaskDetail-page .addDocumentDialog .el-tabs__active-bar {
  background: #00aaff;
}
.projectTaskDetail-page .addDocumentDialog .addBtn {
  width: 100%;
  height: 58px;
  background: #f2f2f2;
  text-align: right;
}
.projectTaskDetail-page .addDocumentDialog .addBtn .el-button--primary {
  margin: 10px 40px 10px 0;
  background: #169bd5;
  border-color: #169bd5;
}
.customButton {
  cursor: pointer;
  color: #00aaff;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.taskTreeList-page .taskTreeListWrapper {
  padding-left: 0;
  margin-top: 10px;
  height: 420px;
  overflow: auto;
}
.taskTreeList-page .taskTreeListWrapper .el-tree {
  padding-left: 15px;
}
.taskTreeList-page .taskTreeListWrapper .el-tree-node__content {
  height: 32px;
  line-height: 32px;
}
.taskTreeList-page .custom-tree-node {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  width: 130px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.taskTreeList-page .file-icon {
  width: 16px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  background: url(./assets/images/folder2.92c53ed.png) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.document {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.documentStatus1 {
  background: #0af;
}
.documentStatus2 {
  background: #cccccc;
}
.documentCreator {
  background: #0af;
}
.docType {
  color: #0af;
}
.fileType {
  color: #f90;
  cursor: pointer;
}
.addedDocument-page .el-button--danger {
  height: 24px;
  width: 44px;
  line-height: 0.1;
  text-align: center;
  font-size: 12px;
}
.addedDocument-page .el-button--danger > span {
  display: inline-block;
  margin-left: -10px;
}
.addedDocument-page .el-table {
  padding-left: 20px;
}
.documentList-page .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #409EFF;
  border-color: #409EFF;
}
.documentList-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #409EFF;
  border-color: #409EFF;
}
.documentList-page .addDocumentBtn .el-button--primary {
  margin: 10px 40px 10px 0;
  background: #169bd5;
  border-color: #169bd5;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.document {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.documentStatus1 {
  background: #0af;
}
.documentStatus2 {
  background: #cccccc;
}
.documentCreator {
  background: #0af;
}
.docType {
  color: #0af;
}
.fileType {
  color: #f90;
  cursor: pointer;
}
.addedDocument-page .el-button--danger {
  height: 24px;
  width: 44px;
  line-height: 0.1;
  text-align: center;
  font-size: 12px;
}
.addedDocument-page .el-button--danger > span {
  display: inline-block;
  margin-left: -10px;
}
.addedDocument-page .el-table {
  padding-left: 20px;
}
.documentList-page .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #409EFF;
  border-color: #409EFF;
}
.documentList-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #409EFF;
  border-color: #409EFF;
}
.documentList-page .addDocumentBtn .el-button--primary {
  margin: 10px 40px 10px 0;
  background: #169bd5;
  border-color: #169bd5;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.floatLayer {
  width: 640px;
  height: 90%;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 0px 10px 2px #ccc;
          box-shadow: 0px 0px 10px 2px #ccc;
  position: absolute;
  top: 16px;
  right: 0px;
  z-index: 1;
  overflow: hidden;
}
.layerHeader {
  clear: both;
  border-bottom: 1px solid #ccc;
  width: 640px;
  height: 50px;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.closeIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 7px 0 7px 12px;
  margin-top: 10px;
  margin-right: 20px;
  border-left: 1px solid #666;
  float: right;
  right: 0;
  top: 0;
}
.closeIcon .el-icon-close:before {
  font-size: 28px;
  margin-left: -8px;
  line-height: 10px;
  cursor: pointer;
}
.layerFooter {
  border-top: 1px solid #ccc;
  width: 640px;
  height: 150px;
  background: #fff;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 999;
}
.layerWrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 50px;
  right: 0;
  background: #f5f5f5;
}
.layerHeaderSpan {
  display: inline-block;
  line-height: 50px;
  color: #999999;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanLeft {
  color: #333;
  width: 380px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.till {
  display: block;
  position: absolute;
  top: 0;
  left: 185px;
  z-index: 999;
  width: 25px;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanRight {
  float: right;
  margin-right: 20px;
  text-align: right;
}
.titleMessage {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #999;
  padding-left: 20px;
  margin-top: 10px;
}
.titleMessage img {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.titleMessage b {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 8px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-weight: normal;
}
.titleMessage span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.taskDetailMember {
  margin-top: -52px;
  margin-left: 30px;
}
.businessTitle {
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
}
.businessTitle .el-input {
  width: 80%;
  font-size: 18px;
  color: #000;
}
.businessImg {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #007dc6;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.textSpan {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  height: 176px;
  line-height: 22px;
  margin-top: 7px;
  color: #999;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  cursor: pointer;
}
.businessSpan {
  display: inline-block;
  margin-left: 10px;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.riskCodeNameSpan {
  margin-left: 10px;
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.riskbusinessContent,
.businessContent2 {
  width: 94%;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}
.businessContent2 {
  border-top: none;
}
.businessGroup {
  width: 100%;
  height: 52px;
  background: #fff;
  border-top: 1px solid #ccc;
  line-height: 52px;
  padding-left: 10px;
}
.groupImg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}
.groupImg img {
  width: 100%;
  height: 100%;
}
.groupPortrait {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
          box-shadow: 0px 0px 1px 1px #ccc;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
}
.groupPortrait img {
  width: 100%;
  height: 100%;
}
.taskBegin {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.businessSelect {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.businessSelect .workinghourtDiv .el-progress-bar__inner {
  background-color: #37d5c6;
}
.selectDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  vertical-align: top;
}
.workinghour .selectDiv {
  width: 48%;
  padding-left: 10px;
}
.workinghour {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.workinghourtDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  height: 50px;
  overflow: hidden;
}
.workinghourtDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.selectDiv .el-select {
  width: 60%;
  float: right;
}
.selectDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.addDeliveryDocoment {
  width: 94%;
  min-height: 50px;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.addDeliveryDocoment span {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #00aaff;
  line-height: 50px;
  cursor: pointer;
}
.addDeliveryDocoment i {
  color: #00aaff;
  margin-left: 10px;
  margin-right: 3px;
}
.rightDiv {
  float: right;
  padding-right: 20px;
}
.commentsContent {
  width: 94%;
  margin: 10px auto 0;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.commentsContent ul {
  list-style-type: none;
  margin-left: -40px;
}
.commentsContent ul li {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  padding: 16px 0 0;
}
.projectRiskDetail-page .commentsContent .el-tabs__header {
  margin: 0 0 -10px;
}
.comentsTitle,
.comentsContent {
  width: 100%;
  height: auto;
  clear: both;
  overflow: auto;
}
.comentsContent {
  margin-top: 10px;
}
.logLabel {
  width: 20%;
  float: left;
  font-size: 12px;
  color: #999;
  padding: 0;
  margin: 0;
}
.logContent {
  width: 80%;
  float: right;
  color: #333;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  padding: 0;
  margin: 0;
}
.logWorkinghour {
  margin: 0;
}
.logicon {
  display: block;
  float: right;
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.deleteIcon {
  margin-right: 0;
  line-height: 35px;
}
.editIcon {
  margin-right: 30px;
  line-height: 30px;
}
.reply {
  display: inline-block;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 30px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  margin-left: 10px;
}
.name {
  display: inline-block;
  font-size: 12px;
  color: #0af;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addWorkLog {
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachmentImg {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 38px;
  margin-top: 5px;
}
.attachmentImg img {
  width: 100%;
  height: 100%;
}
.logWastTime {
  width: 94%;
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.logWastTime1 {
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.wastTimeText {
  display: block;
  width: 85%;
  float: right;
}
.projectRiskDetail-page .logWastTime .el-input {
  width: 240px;
}
.projectRiskDetail-page .logWastTime .el-select > .el-input {
  width: 160px;
}
.projectRiskDetail-page .logWastTime .el-input__inner {
  border-color: #007dc6;
}
.commentInput {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 100px 20px;
}
.commentsText {
  display: block;
  width: 85%;
  float: right;
  border: 1px solid #007dc6;
  border-radius: 4px;
}
.logBtn {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  top: 20px;
  text-align: right;
}
.commentsImg {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.projectRiskDetail-page .logBtn .el-button--primary,
.projectRiskDetail-page .logBtn .el-button,
.projectRiskDetail-page .editLog .el-button {
  width: 102px;
}
.submitSpan img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.submitButton {
  display: block;
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.topImg {
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
}
.risktextareaDiv {
  width: 100%;
  height: auto;
  clear: both;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}
.aboutAttachment {
  width: 100%;
  height: auto;
  background: #fff;
  clear: both;
  overflow: hidden;
  position: relative;
}
.addAttachment {
  display: inline-block;
  line-height: 52px;
  font-size: 14px;
  color: #999;
  clear: both;
  position: relative;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment img {
  vertical-align: middle;
  margin-right: 4px;
}
.addAttachmentImg2 {
  clear: both;
  position: absolute;
  top: 0;
  left: -80px;
}
.detailTaskProcessTitle {
  width: 84%;
  height: 20px;
  position: absolute;
  top: 108px;
  right: 10px;
}
.projectRiskDetail-page .el-slider {
  width: 84%;
  position: absolute;
  right: 10px;
  top: 50px;
  margin-top: 68px;
}
.projectRiskDetail-page .el-slider__bar {
  background-color: #007dc6;
  height: 4px;
}
.projectRiskDetail-page .el-slider__button {
  border: solid 2px #007dc6;
  width: 10px;
  height: 10px;
}
.projectRiskDetail-page .el-slider__runway {
  height: 4px;
}
.projectRiskDetail-page .workinghourtDiv .el-progress {
  display: inline-block;
  width: 56%;
}
.projectRiskDetail-page .workinghourtDiv .el-progress-bar__innerText {
  display: none;
}
.projectRiskDetail-page .workinghourtDiv .el-progress-bar__outer {
  border-radius: 0;
}
.projectRiskDetail-page .workinghourtDiv .el-progress-bar__inner {
  border-radius: 0;
}
.detailTaskProcess {
  display: inline-block;
  width: 32.666666666%;
  height: 20px;
  line-height: 20px;
  color: #666;
}
.process1 {
  position: absolute;
  left: 0;
  text-align: left;
}
.process2 {
  position: absolute;
  left: 35%;
  text-align: center;
}
.process3 {
  position: absolute;
  left: 68%;
  text-align: right;
}
.addAttachment-task {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  position: absolute;
  top: 13px;
  left: -20px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment-task3 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 10px;
  top: 2px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachPrompt {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 0;
}
.attachPrompt2 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 42px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addPortrait {
  width: 32px;
  height: 32px;
  border: 1px dashed #ccc;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 5px;
  margin-top: 0;
  cursor: pointer;
}
.uploadButton {
  width: 100%;
  height: auto;
  text-align: right;
  padding-bottom: 20px;
}
.importWrapper {
  text-align: left;
  height: 52px;
}
.projectFile {
  width: 100%;
  height: auto;
  background: #fff;
  border-top: 1px solid #ccc;
}
.preTitle {
  display: inline-block;
  width: 90px;
  height: 52px;
  vertical-align: top;
  text-align: right;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.headerWrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.headerDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  margin-top: -50px;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.riskHeader {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #00aaff;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.riskHeader2 {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #999999;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: pointer;
}
.search-head .el-input--prefix .el-input__inner {
  padding-left: 50px;
}
.search-head .el-input__prefix {
  margin-top: 8px;
  margin-left: 5px;
}
.search-head .el-input {
  width: 86%;
  margin: 6px 0 12px 18px;
  font-size: 14px;
  color: #999;
  border-radius: 10px;
}
.search-head .el-input__inner {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  background: #f2f2f2;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .floatLayer .spanLeft .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  margin-left: 15px;
}
.projectRiskDetail-page .floatLayer .spanLeft .el-input--prefix .el-input__inner {
  width: 170px !important;
  position: absolute;
  top: -25px;
  left: 0;
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
  padding-right: 0;
  margin-left: -10px;
  padding-left: 0;
}
.projectRiskDetail-page .floatLayer .spanLeft .el-date-editor .el-input__icon {
  position: absolute;
  top: -24px;
  left: 0;
  display: none;
}
.projectRiskDetail-page .floatLayer .spanLeft .el-input__prefix {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #c0c4cc;
}
.commentsContent .el-tabs__content {
  width: 100%;
  left: 0;
}
.titleMessage .el-select {
  width: auto;
  max-width: 130px;
  height: 28px;
  margin-left: 10px;
  border: none;
  background: #007dc6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  overflow: hidden;
}
.titleMessage .el-input--suffix .el-input__inner {
  background: transparent;
  color: #fff;
}
.titleMessage .el-icon-arrow-up:before {
  color: #fff;
}
.businessTitle .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
  text-align: center;
}
.projectRiskDetail-page .el-button--mini {
  background: transparent;
  border: none;
  outline: none;
}
.projectRiskDetail-page .titleMessage .el-select .el-input .el-select__caret.is-show-close:hover {
  color: #fff;
}
.projectRiskDetail-page .el-select .el-input.is-focus .el-input__inner {
  border-color: #bfc7cc;
}
.projectRiskDetail-page .commentInput .el-textarea__inner {
  padding: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  border: none;
}
.businessSelect .el-input--suffix .el-input__inner {
  background: transparent;
  border: none;
  color: #007dc6;
  text-align: right;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.headerDiv .el-input--suffix .el-input__inner {
  border-style: none;
}
.headerDiv .el-select .el-input .el-select__caret {
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
  cursor: pointer;
}
.projectRiskDetail-page .el-input--mini .el-input__inner {
  border: none;
  border-radius: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #fff;
  padding-left: 34px;
}
.projectRiskDetail-page .searching .el-input--mini .el-input__inner {
  color: #666;
  height: 60px;
  line-height: 60px;
  margin-left: 4px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
}
.el-scrollbar .el-select-dropdown__item.selected {
  background: #007dc6;
  color: #fff;
  font-weight: normal;
}
.projectRiskDetail-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
}
.projectRiskDetail-page .spanRight .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .spanRight .el-button--danger {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .spanRight .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #37d5c6;
  border-color: #37d5c6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .titleMessage .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .titleMessage .el-button--info,
.projectRiskDetail-page .titleMessage .el-button--danger,
.projectRiskDetail-page .titleMessage .el-button--primary,
.projectRiskDetail-page .titleMessage .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: inherit;
}
.projectRiskDetail-page .titleMessage .el-button--success {
  background: #37d5c6;
  border-color: #37d5c6;
}
.projectRiskDetail-page .projectDetailBtns .el-button--primary {
  width: 100px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .projectDetailBtns .el-button--danger {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .projectDetailBtns .el-switch.is-checked .el-switch__core {
  margin-left: 5px;
}
.projectRiskDetail-page .messagePush .el-switch {
  margin-left: 5px;
}
.projectRiskDetail-page .preview .bottom-box-content2 .el-input-group__prepend {
  background-color: #fff;
  border: 0;
}
.projectRiskDetail-page .el-input-group__prepend {
  border: none;
  background: #fff;
  border-radius: 0;
  padding-right: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .el-input-group--prepend .el-input__inner {
  border: none;
  border-radius: 0;
  padding-left: 5px;
}
.projectRiskDetail-page .el-tabs__nav-wrap {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectRiskDetail-page .el-upload-list {
  width: 540px;
  height: auto;
}
.projectRiskDetail-page .projectFile .el-upload-list {
  margin-left: 0;
}
.projectRiskDetail-page .projectFile .el-upload-list__item {
  margin-right: 20px;
  margin-top: -18px;
  margin-bottom: 28px;
}
.projectRiskDetail-page .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url(data:image/png;base64,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) no-repeat center 15px #f5f5f5;
  background-size: 30% auto;
  cursor: pointer;
}
.projectRiskDetail-page .el-upload-list__item-name {
  width: 97%;
  position: absolute;
  bottom: 0;
  margin-right: 0;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  display: block;
}
.projectRiskDetail-page .commentInput .el-upload-list {
  margin-left: 0;
}
.projectRiskDetail-page .commentInput .el-upload-list__item {
  margin-right: 0;
  margin-left: 20px;
}
.el-upload-list__item-name [class^="el-icon"] {
  display: none;
}
.projectRiskDetail-page .uploadButton .el-button--small {
  width: 58px;
  height: 32px;
  font-size: 14px;
}
.projectRiskDetail-page .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #007dc6;
  color: #fff;
}
.projectRiskDetail-page .projectFile .upload-demo {
  height: auto;
  margin-top: 18px;
  margin-left: 90px;
}
.projectRiskDetail-page .upload-demo {
  display: inline-block;
  height: auto;
  width: 100%;
  background: #fff;
  padding-left: 10px;
  position: relative;
  margin-left: 40px;
}
.projectRiskDetail-page .attachmentImg .upload-demo {
  width: 95%;
}
.projectRiskDetail-page .commentsContent .allCommentsFiles .upload-demo {
  background: transparent;
  margin-left: 0;
  padding-left: 0;
}
.projectRiskDetail-page .commentsContent .allCommentsFiles .el-upload-list__item {
  margin-right: 0px;
  margin-left: 40px;
}
.projectRiskDetail-page .add-task .upload-demo {
  margin-left: 0;
  margin-top: 40px;
}
.projectRiskDetail-page .attachmentImg .upload-demo {
  padding-left: 0;
  margin-left: 8px;
  background: transparent;
}
.projectRiskDetail-page .commentInput .upload-demo {
  margin-left: 0;
  margin-top: 60px;
  padding-left: 0;
}
.projectRiskDetail-page .el-upload--picture-card {
  width: 90px;
  height: 52px;
  border: none;
  background: transparent;
  position: absolute;
  left: 30px;
  top: -52px;
}
.projectRiskDetail-page .commentInput .el-upload--picture-card {
  width: 30px;
  height: 20px;
  border: none;
  position: absolute;
  left: 14px;
  top: -40px;
}
.projectRiskDetail-page .aboutAttachment .upload-demo {
  display: inline-block;
  min-height: 0;
  height: auto;
  width: 90%;
  background: #fff;
  line-height: 0;
  padding-left: 10px;
  position: relative;
  margin-left: 60px;
  margin-top: 52px;
}
.projectRiskDetail-page .aboutAttachment .uploadfile-items {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 20px 20px;
  position: relative;
}
.projectRiskDetail-page .aboutAttachment .uploadfile-items-bg {
    height: 80px;
    background: url(data:image/png;base64,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) no-repeat center 25px #f5f5f5;
    background-size: 30% auto;
    cursor: pointer;
}
.projectRiskDetail-page .aboutAttachment .uploadfile-items-text {
    height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.projectRiskDetail-page .aboutAttachment .uploadfile-items-close {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: 0;
    right: 0px;
    color: #ccc;
    font-weight: 300;
    cursor: pointer;
    border-radius: 50%;
}
.projectRiskDetail-page .aboutAttachment .uploadfile-items-close:hover {
      background-color: #999;
      opacity: .5;
}
.projectRiskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions {
  background: #f5f5f5;
}
.projectRiskDetail-page .floatLayer .el-upload-list--picture-card .el-upload-list__item-actions {
  color: #007dc6;
  font-size: 14px;
  text-align: center;
}
.projectRiskDetail-page .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABB0lEQVQ4jZXTL0sEURQF8N+Ow+KCW9YigsVgMIpJwWASP4CIsCAL2yyCwWIzWWwGv4TJKv6p8wUMahBExCCWRVgXw4zwnJ2RmZPuO++ew7vnvddIkkQJ9nCKCAdZPYa4TI3FYH+prCn6x6BSX1WD+s4YBXWzrCmfQRvHmMRmwK/jHJ84xLDMYIAVLOf4Dvq4DMWMjzDEFj4KTvuC3TxZlMETejnuG128VzGAC5wF6xNcFTX+ZrCKWdzgLeP2pQ9ogKNA08YGXnHXSJKkhWdMYcbf+VvS6/wKuAlpHk3MxdLQpnErTbtTMlaI60y3HUs/DazhoYI4RD/CfE1RiIUIO3isKRzhHt0fggotJ6LSnSEAAAAASUVORK5CYII=);
}
.projectRiskDetail-page .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAtUlEQVQokeXQMU6CQRAF4O83S4yFFQ0lIVFPQGlhINRQUHIAPJDewgZvYOjmBNrYUREKG+0s2GKz+SX8ta95b+fNm5lsExFa8IR11s94rBsSxhhW9YdKLyv/s4mIb1y2rT2Bn4RVxxCOp27x1jF3n3J4lAsfuMl6n7nf4qWLYsoGt5lhgukfnlQEvyo+nPCUGzvhPwTLX+1VfNXS16sLMMcrZvn9UniLytNExDXeMTjzyh3ufgEaFyBurg3s8AAAAABJRU5ErkJggg==);
}
.projectRiskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  position: absolute;
  right: 60px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectRiskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview:hover .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4jZXTr0sEQRwF8I/LIgpeOYsIFoPFJiYFg0n8A0SQA0EumQSD5ZrJokEM/hGCwSr+AP8Hg9pExCCGO5DzMMweDOuu7L42b957zPfNzIjOgxLs4gQJ9nFcJErL3JiP9hfKRMk/AZV0VQPqJ+cwWraR76CBQ4xhPeJXcY4vHKBfFtDDEhZzfBNtXMVm/o7QxwY+C077iu08WdTBC3Zy3A9a+KgSABc4i9ZHuC4SDjtYxjRu8Z5xe8ID6qETeRpYwxvuU4zjEhOYioTfQvuDbIQhujgVrnYmFUqbxJ3QdrNkrBg3mW8zFT4NrOCpgjlGO8FsTVOMuQRbeK5pHOARrV++qyle+yhEOQAAAABJRU5ErkJggg==);
}
.projectRiskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: absolute;
  right: 20px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectRiskDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAoklEQVQokeWSMQoCMRREX2RFLPYCFsEbaGNp4SG82h5k8QaewcbKShvBwka3GZuPfGNcTe3A8H+YzA+ZBAEZNgIZm9yeClgAU16xSvp1oh+C4AaMKMM96H3aTwiCCbAt9C0RRBfE3vVnY06L3thaYq2tZ4L5By1W7vhrUi89GoPCuz3xD0af6jCp4x4N/46dYGNVgp0xp0UEteDkfsU3HgX1A8DagHSU/8IgAAAAAElFTkSuQmCC);
}
.projectRiskDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  display: none;
}
.projectRiskDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  right: 20px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #13ce66;
  text-align: center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.projectRiskDetail-page .aboutAttachment .el-upload-list--picture-card {
  margin-left: -20px;
}
.projectRiskDetail-page .beforeDelete .el-dialog__footer {
  padding: 20px;
}
.projectRiskDetail-page .el-tabs__item.is-active {
  color: #007dc6;
}
.projectRiskDetail-page .el-tabs__active-bar {
  background: #007dc6;
  height: 3px;
}
.projectRiskDetail-page .editLogDialog .el-dialog {
  width: 46%;
}
.projectRiskDetail-page .editLogDialog .el-dialog__footer {
  padding: 0 20px 30px;
}
.projectRiskDetail-page .editLogDialog .el-dialog__body {
  padding: 0;
}
.workDescription {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.workDescription1 {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.projectRiskDetail-page .addDocumentDialog .el-dialog {
  width: 1000px;
  overflow: auto;
}
.projectRiskDetail-page .addDocumentDialog .el-dialog__header {
  border-bottom: 1.5px solid #e4e7ed;
  padding-left: 25px;
  background: #fff;
}
.projectRiskDetail-page .addDocumentDialog .el-dialog__title:before {
  content: '';
}
.projectRiskDetail-page .addDocumentDialog .el-dialog__body {
  padding: 0;
}
.addDocumentLeftSide {
  width: 200px;
  height: 100%;
  float: left;
  overflow: auto;
}
.addDocumentRightSide {
  width: 790px;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.projectRiskDetail-page .addDocumentDialog .leftSide {
  width: 200px;
  height: 445px;
  border-right: 1px solid #ccc;
}
.projectRiskDetail-page .addDocumentDialog .el-tabs__header {
  margin: 0;
  background: #fff;
}
.projectRiskDetail-page .addDocumentDialog .el-tabs__nav {
  margin-left: 25px;
}
.projectRiskDetail-page .addDocumentDialog .el-tabs__item.is-active {
  color: #00aaff;
}
.projectRiskDetail-page .addDocumentDialog .el-tabs__active-bar {
  background: #00aaff;
}
.projectRiskDetail-page .addDocumentDialog .addBtn {
  width: 100%;
  height: 58px;
  background: #f2f2f2;
  text-align: right;
}
.projectRiskDetail-page .addDocumentDialog .addBtn .el-button--primary {
  margin: 10px 40px 10px 0;
  background: #169bd5;
  border-color: #169bd5;
}
.customButton {
  cursor: pointer;
  color: #00aaff;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.floatLayer {
  width: 640px;
  height: 90%;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 0px 10px 2px #ccc;
          box-shadow: 0px 0px 10px 2px #ccc;
  position: absolute;
  top: 16px;
  right: 0px;
  z-index: 1;
  overflow: hidden;
}
.layerHeader {
  clear: both;
  border-bottom: 1px solid #ccc;
  width: 640px;
  height: 50px;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.closeIcon {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 7px 0 7px 12px;
  margin-top: 10px;
  margin-right: 20px;
  border-left: 1px solid #666;
  float: right;
  right: 0;
  top: 0;
}
.closeIcon .el-icon-close:before {
  font-size: 28px;
  margin-left: -8px;
  line-height: 10px;
  cursor: pointer;
}
.layerFooter {
  border-top: 1px solid #ccc;
  width: 640px;
  height: 150px;
  background: #fff;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: 999;
}
.layerWrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 50px;
  right: 0;
  background: #f5f5f5;
}
.layerHeaderSpan {
  display: inline-block;
  line-height: 50px;
  color: #999999;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanLeft {
  color: #333;
  width: 380px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.till {
  display: block;
  position: absolute;
  top: 0;
  left: 185px;
  z-index: 999;
  width: 25px;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.spanRight {
  float: right;
  margin-right: 20px;
  text-align: right;
}
.titleMessage {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #999;
  padding-left: 20px;
  margin-top: 10px;
}
.titleMessage img {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.titleMessage b {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 8px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-weight: normal;
}
.titleMessage span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.taskDetailMember {
  margin-top: -52px;
  margin-left: 30px;
}
.businessTitle {
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
}
.businessTitle .el-input {
  width: 80%;
  font-size: 18px;
  color: #000;
}
.businessImg {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #007dc6;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.textSpan {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  height: 176px;
  line-height: 22px;
  margin-top: 7px;
  color: #999;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  cursor: pointer;
}
.businessSpan {
  display: inline-block;
  margin-left: 10px;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.riskCodeNameSpan {
  margin-left: 10px;
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 40px;
  cursor: pointer;
}
.riskbusinessContent,
.businessContent2 {
  width: 94%;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}
.businessContent2 {
  border-top: none;
}
.businessGroup {
  width: 100%;
  height: 52px;
  background: #fff;
  border-top: 1px solid #ccc;
  line-height: 52px;
  padding-left: 10px;
}
.groupImg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}
.groupImg img {
  width: 100%;
  height: 100%;
}
.groupPortrait {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0px 0px 1px 1px #ccc;
          box-shadow: 0px 0px 1px 1px #ccc;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
}
.groupPortrait img {
  width: 100%;
  height: 100%;
}
.taskBegin {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.businessSelect {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.businessSelect .workinghourtDiv .el-progress-bar__inner {
  background-color: #37d5c6;
}
.selectDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  vertical-align: top;
}
.workinghour .selectDiv {
  width: 48%;
  padding-left: 10px;
}
.workinghour {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.workinghourtDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #ccc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  height: 50px;
  overflow: hidden;
}
.workinghourtDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.selectDiv .el-select {
  width: 60%;
  float: right;
}
.selectDiv span {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #333;
}
.addDeliveryDocoment {
  width: 94%;
  min-height: 50px;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.addDeliveryDocoment span {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #00aaff;
  line-height: 50px;
  cursor: pointer;
}
.addDeliveryDocoment i {
  color: #00aaff;
  margin-left: 10px;
  margin-right: 3px;
}
.rightDiv {
  float: right;
  padding-right: 20px;
}
.commentsContent {
  width: 94%;
  margin: 10px auto 0;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.commentsContent ul {
  list-style-type: none;
  margin-left: -40px;
}
.commentsContent ul li {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  padding: 16px 0 0;
}
.projectProblemDetail-page .commentsContent .el-tabs__header {
  margin: 0 0 -10px;
}
.comentsTitle,
.comentsContent {
  width: 100%;
  height: auto;
  clear: both;
  overflow: auto;
}
.comentsContent {
  margin-top: 10px;
}
.logLabel {
  width: 20%;
  float: left;
  font-size: 12px;
  color: #999;
  padding: 0;
  margin: 0;
}
.logContent {
  width: 80%;
  float: right;
  color: #333;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  padding: 0;
  margin: 0;
}
.logWorkinghour {
  margin: 0;
}
.logicon {
  display: block;
  float: right;
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.deleteIcon {
  margin-right: 0;
  line-height: 35px;
}
.editIcon {
  margin-right: 30px;
  line-height: 30px;
}
.reply {
  display: inline-block;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 30px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  margin-left: 10px;
}
.name {
  display: inline-block;
  font-size: 12px;
  color: #0af;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addWorkLog {
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachmentImg {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 38px;
  margin-top: 5px;
}
.attachmentImg img {
  width: 100%;
  height: 100%;
}
.logWastTime {
  width: 94%;
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.logWastTime1 {
  height: auto;
  margin: 10px auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #ccc;
}
.wastTimeText {
  display: block;
  width: 85%;
  float: right;
}
.projectProblemDetail-page .logWastTime .el-input {
  width: 240px;
}
.projectProblemDetail-page .logWastTime .el-select > .el-input {
  width: 160px;
}
.projectProblemDetail-page .logWastTime .el-input__inner {
  border-color: #007dc6;
}
.commentInput {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px 20px 100px 20px;
}
.commentsText {
  display: block;
  width: 85%;
  float: right;
  border: 1px solid #007dc6;
  border-radius: 4px;
}
.logBtn {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  top: 20px;
  text-align: right;
}
.commentsImg {
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.projectProblemDetail-page .logBtn .el-button--primary,
.projectProblemDetail-page .logBtn .el-button,
.projectProblemDetail-page .editLog .el-button {
  width: 102px;
}
.submitSpan img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.submitButton {
  display: block;
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.topImg {
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
}
.risktextareaDiv {
  width: 100%;
  height: auto;
  clear: both;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}
.aboutAttachment {
  width: 100%;
  height: auto;
  background: #fff;
  clear: both;
  overflow: hidden;
  position: relative;
}
.addAttachment {
  display: inline-block;
  line-height: 52px;
  font-size: 14px;
  color: #999;
  clear: both;
  position: relative;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment img {
  vertical-align: middle;
  margin-right: 4px;
}
.addAttachmentImg2 {
  clear: both;
  position: absolute;
  top: 0;
  left: -80px;
}
.detailTaskProcessTitle {
  width: 84%;
  height: 20px;
  position: absolute;
  top: 108px;
  right: 10px;
}
.projectProblemDetail-page .el-slider {
  width: 84%;
  position: absolute;
  right: 10px;
  top: 50px;
  margin-top: 68px;
}
.projectProblemDetail-page .el-slider__bar {
  background-color: #007dc6;
  height: 4px;
}
.projectProblemDetail-page .el-slider__button {
  border: solid 2px #007dc6;
  width: 10px;
  height: 10px;
}
.projectProblemDetail-page .el-slider__runway {
  height: 4px;
}
.projectProblemDetail-page .workinghourtDiv .el-progress {
  display: inline-block;
  width: 56%;
}
.projectProblemDetail-page .workinghourtDiv .el-progress-bar__innerText {
  display: none;
}
.projectProblemDetail-page .workinghourtDiv .el-progress-bar__outer {
  border-radius: 0;
}
.projectProblemDetail-page .workinghourtDiv .el-progress-bar__inner {
  border-radius: 0;
}
.detailTaskProcess {
  display: inline-block;
  width: 32.666666666%;
  height: 20px;
  line-height: 20px;
  color: #666;
}
.process1 {
  position: absolute;
  left: 0;
  text-align: left;
}
.process2 {
  position: absolute;
  left: 35%;
  text-align: center;
}
.process3 {
  position: absolute;
  left: 68%;
  text-align: right;
}
.addAttachment-task {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  position: absolute;
  top: 13px;
  left: -20px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addAttachment-task3 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 10px;
  top: 2px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.attachPrompt {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 0;
}
.attachPrompt2 {
  font-size: 14px;
  color: #999;
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 52px;
  position: absolute;
  right: 30px;
  top: 42px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.addPortrait {
  width: 32px;
  height: 32px;
  border: 1px dashed #ccc;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 5px;
  margin-top: 0;
  cursor: pointer;
}
.uploadButton {
  width: 100%;
  height: auto;
  text-align: right;
  padding-bottom: 20px;
}
.importWrapper {
  text-align: left;
  height: 52px;
}
.projectFile {
  width: 100%;
  height: auto;
  background: #fff;
  border-top: 1px solid #ccc;
}
.preTitle {
  display: inline-block;
  width: 90px;
  height: 52px;
  vertical-align: top;
  text-align: right;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.headerWrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
  border-top: 1px solid #ccc;
  background: #fff;
}
.headerDiv {
  width: 49%;
  display: inline-block;
  margin: 0;
  margin-top: -50px;
  border-right: 1px solid #ccc;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
}
.riskHeader {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #00aaff;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.riskHeader2 {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 12px;
  background: #999999;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: pointer;
}
.search-head .el-input--prefix .el-input__inner {
  padding-left: 50px;
}
.search-head .el-input__prefix {
  margin-top: 8px;
  margin-left: 5px;
}
.search-head .el-input {
  width: 86%;
  margin: 6px 0 12px 18px;
  font-size: 14px;
  color: #999;
  border-radius: 10px;
}
.search-head .el-input__inner {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  background: #f2f2f2;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .floatLayer .spanLeft .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  margin-left: 15px;
}
.projectProblemDetail-page .floatLayer .spanLeft .el-input--prefix .el-input__inner {
  width: 170px !important;
  position: absolute;
  top: -25px;
  left: 0;
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #333;
  padding-right: 0;
  margin-left: -10px;
  padding-left: 0;
}
.projectProblemDetail-page .floatLayer .spanLeft .el-date-editor .el-input__icon {
  position: absolute;
  top: -24px;
  left: 0;
  display: none;
}
.projectProblemDetail-page .floatLayer .spanLeft .el-input__prefix {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #c0c4cc;
}
.commentsContent .el-tabs__content {
  width: 100%;
  left: 0;
}
.titleMessage .el-select {
  width: auto;
  max-width: 130px;
  height: 28px;
  margin-left: 10px;
  border: none;
  background: #007dc6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  overflow: hidden;
}
.titleMessage .el-input--suffix .el-input__inner {
  background: transparent;
  color: #fff;
}
.titleMessage .el-icon-arrow-up:before {
  color: #fff;
}
.businessTitle .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
  text-align: center;
}
.projectProblemDetail-page .el-button--mini {
  background: transparent;
  border: none;
  outline: none;
}
.projectProblemDetail-page .titleMessage .el-select .el-input .el-select__caret.is-show-close:hover {
  color: #fff;
}
.projectProblemDetail-page .el-select .el-input.is-focus .el-input__inner {
  border-color: #bfc7cc;
}
.projectProblemDetail-page .commentInput .el-textarea__inner {
  padding: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  border: none;
}
.businessSelect .el-input--suffix .el-input__inner {
  background: transparent;
  border: none;
  color: #007dc6;
  text-align: right;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.headerDiv .el-input--suffix .el-input__inner {
  border-style: none;
}
.headerDiv .el-select .el-input .el-select__caret {
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
  cursor: pointer;
}
.projectProblemDetail-page .el-input--mini .el-input__inner {
  border: none;
  border-radius: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #fff;
  padding-left: 34px;
}
.projectProblemDetail-page .searching .el-input--mini .el-input__inner {
  color: #666;
  height: 60px;
  line-height: 60px;
  margin-left: 4px;
}
.titleMessage .el-input--mini .el-input__inner {
  padding-left: 14px;
}
.el-scrollbar .el-select-dropdown__item.selected {
  background: #007dc6;
  color: #fff;
  font-weight: normal;
}
.projectProblemDetail-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
}
.projectProblemDetail-page .spanRight .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .spanRight .el-button--danger {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .spanRight .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.5;
  text-align: center;
  background: #37d5c6;
  border-color: #37d5c6;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .titleMessage .el-button--primary {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  text-align: center;
  background: #007dc6;
  border-color: #007dc6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .titleMessage .el-button--info,
.projectProblemDetail-page .titleMessage .el-button--danger,
.projectProblemDetail-page .titleMessage .el-button--primary,
.projectProblemDetail-page .titleMessage .el-button--success {
  width: 92px;
  height: 34px;
  line-height: 0.6;
  margin-left: 20px;
  font-size: 13px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  cursor: inherit;
}
.projectProblemDetail-page .titleMessage .el-button--success {
  background: #37d5c6;
  border-color: #37d5c6;
}
.projectProblemDetail-page .projectDetailBtns .el-button--primary {
  width: 100px;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .projectDetailBtns .el-button--danger {
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .projectDetailBtns .el-switch.is-checked .el-switch__core {
  margin-left: 5px;
}
.projectProblemDetail-page .messagePush .el-switch {
  margin-left: 5px;
}
.projectProblemDetail-page .preview .bottom-box-content2 .el-input-group__prepend {
  background-color: #fff;
  border: 0;
}
.projectProblemDetail-page .el-input-group__prepend {
  border: none;
  background: #fff;
  border-radius: 0;
  padding-right: 0;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .el-input-group--prepend .el-input__inner {
  border: none;
  border-radius: 0;
  padding-left: 5px;
}
.projectProblemDetail-page .el-tabs__nav-wrap {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.projectProblemDetail-page .el-upload-list {
  width: 540px;
  height: auto;
}
.projectProblemDetail-page .projectFile .el-upload-list {
  margin-left: 0;
}
.projectProblemDetail-page .projectFile .el-upload-list__item {
  margin-right: 20px;
  margin-top: -18px;
  margin-bottom: 28px;
}
.projectProblemDetail-page .el-upload-list__item {
  display: inline-block;
  width: 148px;
  height: 108px;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  background: url(data:image/png;base64,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) no-repeat center 15px #f5f5f5;
  background-size: 30% auto;
  cursor: pointer;
}
.projectProblemDetail-page .el-upload-list__item-name {
  width: 97%;
  position: absolute;
  bottom: 0;
  margin-right: 0;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #333;
  display: block;
}
.projectProblemDetail-page .commentInput .el-upload-list {
  margin-left: 0;
}
.projectProblemDetail-page .commentInput .el-upload-list__item {
  margin-right: 0;
  margin-left: 20px;
}
.el-upload-list__item-name [class^="el-icon"] {
  display: none;
}
.projectProblemDetail-page .uploadButton .el-button--small {
  width: 58px;
  height: 32px;
  font-size: 14px;
}
.projectProblemDetail-page .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #007dc6;
  color: #fff;
}
.projectProblemDetail-page .projectFile .upload-demo {
  height: auto;
  margin-top: 18px;
  margin-left: 90px;
}
.projectProblemDetail-page .upload-demo {
  display: inline-block;
  height: auto;
  width: 100%;
  background: #fff;
  padding-left: 10px;
  position: relative;
  margin-left: 40px;
}
.projectProblemDetail-page .attachmentImg .upload-demo {
  width: 95%;
}
.projectProblemDetail-page .commentsContent .allCommentsFiles .upload-demo {
  background: transparent;
  margin-left: 0;
  padding-left: 0;
}
.projectProblemDetail-page .commentsContent .allCommentsFiles .el-upload-list__item {
  margin-right: 0px;
  margin-left: 40px;
}
.projectProblemDetail-page .add-task .upload-demo {
  margin-left: 0;
  margin-top: 40px;
}
.projectProblemDetail-page .attachmentImg .upload-demo {
  padding-left: 0;
  margin-left: 8px;
  background: transparent;
}
.projectProblemDetail-page .commentInput .upload-demo {
  margin-left: 0;
  margin-top: 60px;
  padding-left: 0;
}
.projectProblemDetail-page .el-upload--picture-card {
  width: 90px;
  height: 52px;
  border: none;
  background: transparent;
  position: absolute;
  left: 30px;
  top: -52px;
}
.projectProblemDetail-page .commentInput .el-upload--picture-card {
  width: 30px;
  height: 20px;
  border: none;
  position: absolute;
  left: 14px;
  top: -40px;
}
.projectProblemDetail-page .aboutAttachment .upload-demo {
  display: inline-block;
  min-height: 0;
  height: auto;
  width: 90%;
  background: #fff;
  line-height: 0;
  padding-left: 10px;
  position: relative;
  margin-left: 60px;
  margin-top: 52px;
}
.projectProblemDetail-page .aboutAttachment .uploadfile-items {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 20px 20px;
  position: relative;
}
.projectProblemDetail-page .aboutAttachment .uploadfile-items-bg {
    height: 80px;
    background: url(data:image/png;base64,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) no-repeat center 25px #f5f5f5;
    background-size: 30% auto;
    cursor: pointer;
}
.projectProblemDetail-page .aboutAttachment .uploadfile-items-text {
    height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.projectProblemDetail-page .aboutAttachment .uploadfile-items-close {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: 0;
    right: 0px;
    color: #ccc;
    font-weight: 300;
    cursor: pointer;
    border-radius: 50%;
}
.projectProblemDetail-page .aboutAttachment .uploadfile-items-close:hover {
      background-color: #999;
      opacity: .5;
}
.projectProblemDetail-page .el-upload-list--picture-card .el-upload-list__item-actions {
  background: #f5f5f5;
}
.projectProblemDetail-page .floatLayer .el-upload-list--picture-card .el-upload-list__item-actions {
  color: #007dc6;
  font-size: 14px;
  text-align: center;
}
.projectProblemDetail-page .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABB0lEQVQ4jZXTL0sEURQF8N+Ow+KCW9YigsVgMIpJwWASP4CIsCAL2yyCwWIzWWwGv4TJKv6p8wUMahBExCCWRVgXw4zwnJ2RmZPuO++ew7vnvddIkkQJ9nCKCAdZPYa4TI3FYH+prCn6x6BSX1WD+s4YBXWzrCmfQRvHmMRmwK/jHJ84xLDMYIAVLOf4Dvq4DMWMjzDEFj4KTvuC3TxZlMETejnuG128VzGAC5wF6xNcFTX+ZrCKWdzgLeP2pQ9ogKNA08YGXnHXSJKkhWdMYcbf+VvS6/wKuAlpHk3MxdLQpnErTbtTMlaI60y3HUs/DazhoYI4RD/CfE1RiIUIO3isKRzhHt0fggotJ6LSnSEAAAAASUVORK5CYII=);
}
.projectProblemDetail-page .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAtUlEQVQokeXQMU6CQRAF4O83S4yFFQ0lIVFPQGlhINRQUHIAPJDewgZvYOjmBNrYUREKG+0s2GKz+SX8ta95b+fNm5lsExFa8IR11s94rBsSxhhW9YdKLyv/s4mIb1y2rT2Bn4RVxxCOp27x1jF3n3J4lAsfuMl6n7nf4qWLYsoGt5lhgukfnlQEvyo+nPCUGzvhPwTLX+1VfNXS16sLMMcrZvn9UniLytNExDXeMTjzyh3ufgEaFyBurg3s8AAAAABJRU5ErkJggg==);
}
.projectProblemDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  position: absolute;
  right: 60px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectProblemDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview:hover .el-icon-zoom-in:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4jZXTr0sEQRwF8I/LIgpeOYsIFoPFJiYFg0n8A0SQA0EumQSD5ZrJokEM/hGCwSr+AP8Hg9pExCCGO5DzMMweDOuu7L42b957zPfNzIjOgxLs4gQJ9nFcJErL3JiP9hfKRMk/AZV0VQPqJ+cwWraR76CBQ4xhPeJXcY4vHKBfFtDDEhZzfBNtXMVm/o7QxwY+C077iu08WdTBC3Zy3A9a+KgSABc4i9ZHuC4SDjtYxjRu8Z5xe8ID6qETeRpYwxvuU4zjEhOYioTfQvuDbIQhujgVrnYmFUqbxJ3QdrNkrBg3mW8zFT4NrOCpgjlGO8FsTVOMuQRbeK5pHOARrV++qyle+yhEOQAAAABJRU5ErkJggg==);
}
.projectProblemDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: absolute;
  right: 20px;
  top: 60px;
  width: 30px;
  height: 25px;
  background: #fff;
  padding-top: 5px;
}
.projectProblemDetail-page .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete:hover .el-icon-delete:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAoklEQVQokeWSMQoCMRREX2RFLPYCFsEbaGNp4SG82h5k8QaewcbKShvBwka3GZuPfGNcTe3A8H+YzA+ZBAEZNgIZm9yeClgAU16xSvp1oh+C4AaMKMM96H3aTwiCCbAt9C0RRBfE3vVnY06L3thaYq2tZ4L5By1W7vhrUi89GoPCuz3xD0af6jCp4x4N/46dYGNVgp0xp0UEteDkfsU3HgX1A8DagHSU/8IgAAAAAElFTkSuQmCC);
}
.projectProblemDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  display: none;
}
.projectProblemDetail-page .commentsContent .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-preview {
  right: 20px;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #13ce66;
  text-align: center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.projectProblemDetail-page .aboutAttachment .el-upload-list--picture-card {
  margin-left: -20px;
}
.projectProblemDetail-page .beforeDelete .el-dialog__footer {
  padding: 20px;
}
.projectProblemDetail-page .el-tabs__item.is-active {
  color: #007dc6;
}
.projectProblemDetail-page .el-tabs__active-bar {
  background: #007dc6;
  height: 3px;
}
.projectProblemDetail-page .editLogDialog .el-dialog {
  width: 46%;
}
.projectProblemDetail-page .editLogDialog .el-dialog__footer {
  padding: 0 20px 30px;
}
.projectProblemDetail-page .editLogDialog .el-dialog__body {
  padding: 0;
}
.workDescription {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.workDescription1 {
  width: 94%;
  height: auto;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 20px;
}
.projectProblemDetail-page .addDocumentDialog .el-dialog {
  width: 1000px;
  overflow: auto;
}
.projectProblemDetail-page .addDocumentDialog .el-dialog__header {
  border-bottom: 1.5px solid #e4e7ed;
  padding-left: 25px;
  background: #fff;
}
.projectProblemDetail-page .addDocumentDialog .el-dialog__title:before {
  content: '';
}
.projectProblemDetail-page .addDocumentDialog .el-dialog__body {
  padding: 0;
}
.addDocumentLeftSide {
  width: 200px;
  height: 100%;
  float: left;
  overflow: auto;
}
.addDocumentRightSide {
  width: 790px;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.projectProblemDetail-page .addDocumentDialog .leftSide {
  width: 200px;
  height: 445px;
  border-right: 1px solid #ccc;
}
.projectProblemDetail-page .addDocumentDialog .el-tabs__header {
  margin: 0;
  background: #fff;
}
.projectProblemDetail-page .addDocumentDialog .el-tabs__nav {
  margin-left: 25px;
}
.projectProblemDetail-page .addDocumentDialog .el-tabs__item.is-active {
  color: #00aaff;
}
.projectProblemDetail-page .addDocumentDialog .el-tabs__active-bar {
  background: #00aaff;
}
.projectProblemDetail-page .addDocumentDialog .addBtn {
  width: 100%;
  height: 58px;
  background: #f2f2f2;
  text-align: right;
}
.projectProblemDetail-page .addDocumentDialog .addBtn .el-button--primary {
  margin: 10px 40px 10px 0;
  background: #169bd5;
  border-color: #169bd5;
}
.customButton {
  cursor: pointer;
  color: #00aaff;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.projectShare-page {
  width: 100%;
  height: 100%;
  clear: both;
  padding: 0;
  margin: 0;
}
.leftSide {
  width: 20.8%;
  height: 100%;
  float: left;
  overflow: auto;
}
.projectShare-page .file-icon {
  width: 16px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  background: url(./assets/images/folder2.92c53ed.png) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}
.projectShare-page .project-add-task .el-dialog {
  width: 700px !important;
  min-height: 680px !important;
  max-height: 700px !important;
  overflow: auto;
}
.projectShare-page .el-dialog__title {
  margin-right: 10px;
}
.projectShare-page .project-add-task .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.projectShare-page .dialog-add-project .el-dialog__body {
  padding: 30px 20px 0;
}
.projectShare-page .el-dialog__footer {
  padding: 0;
}
.projectShare-page .project-add-task .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.projectShare-page .dialog-add-project .el-dialog__footer {
  padding-right: 40px;
  padding-bottom: 40px;
}
.treeWrapper {
  width: 100%;
  margin-top: 20px;
}
.projectShare-page .el-tree-node {
  border-bottom: none;
}
.projectShare-page .el-tree-node__content {
  height: 32px;
  line-height: 32px;
}
.rightSide .rightHeader .rightHeader {
  clear: both;
}
.rightSide {
  width: 79%;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.rightSide .rightHeader {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.rightSide .rightHeader .rightBreadCrumbs {
  width: 60%;
  float: left;
  height: 30px;
  text-align: left;
}
.breadCrumbs {
  display: block;
  height: 16px;
  line-height: 16px;
  border-left: 3px solid #00aaff;
  padding-left: 10px;
  margin-top: 18px;
  margin-left: 12px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.rightSide .rightHeader .rightBtn {
  width: 40%;
  float: right;
  text-align: center;
}
.projectShare-page .rightSide .rightHeader .el-button--primary {
  background: none;
  border: none;
  color: #00aaff;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 50px;
  padding: 0;
}
.projectShare-page .rightSide .rightHeader .el-button--danger {
  background: none;
  border: none;
  color: #f00;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 30px;
  padding: 0;
}
.projectShare-page .rightSide .rightHeader .el-icon-delete:before {
  content: '\E612';
}
.document {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.documentStatus1 {
  background: #0af;
}
.documentStatus2 {
  background: #cccccc;
}
.documentCreator {
  background: #0af;
}
.docType {
  color: #0af;
}
.fileType {
  color: #666;
  cursor: pointer;
}
.projectShare-page .el-checkbox__input.is-checked .el-checkbox__inner,
.projectShare-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0af;
  border-color: #0af;
}
.projectShare-page .rightSide .el-table th.is-leaf,
.projectShare-page .rightSide .el-table td {
  text-align: left;
}
.projectShare-page .rightSide .el-table .cell {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 13px;
}
.projectShare-page .leftSide .custom-tree-node {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  width: 130px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.projectShare-page .el-checkbox__inner {
  width: 14px;
  height: 14px;
}
.projectShare-page .el-checkbox__inner::after {
  top: 1px;
  left: 4px;
}
.projectShare-page .el-message-box__content {
  overflow: auto;
  clear: both;
}
.projectShare-page .el-message-box__input {
  width: 74%;
  float: right;
  margin-right: 20px;
}
.projectShare-page .el-message-box__message {
  float: left;
  margin-top: 20px;
}
.projectShare-page .el-message-box__message {
  margin-top: 0;
}
.projectShare-page .el-tree-node.is-current > .el-tree-node__content {
  background: #fff5cc;
}
.projectShare-page .el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
  float: right;
}
.project-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
  padding: 12px 0px;
}
.menu {
  text-align: left;
  z-index: 9999;
  height: 70px;
  width: 70px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #999999;
  background-color: #f4f4f4;
}
.menu li:hover {
    width: 100px;
    background-color: #1790ff;
    color: white;
}
.menu .menu__item {
    display: block;
    cursor: pointer;
    line-height: 20px;
    text-align: left;
    margin-top: 10px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.projectShare-page {
  width: 100%;
  height: 100%;
  clear: both;
  padding: 0;
  margin: 0;
}
.leftSide {
  width: 24%;
  height: 100%;
  float: left;
  overflow: auto;
  position: relative;
}
.projectShare-page .file-icon {
  width: 16px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  background: url(./assets/images/folder2.92c53ed.png) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}
.projectShare-page .project-add-task .el-dialog {
  width: 700px !important;
  min-height: 680px !important;
  max-height: 700px !important;
  overflow: auto;
}
.projectShare-page .el-dialog__title {
  margin-right: 10px;
}
.projectShare-page .project-add-task .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.projectShare-page .dialog-add-project .el-dialog__body {
  padding: 30px 20px 0;
}
.projectShare-page .el-dialog__footer {
  padding: 0;
}
.projectShare-page .project-add-task .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.projectShare-page .dialog-add-project .el-dialog__footer {
  padding-right: 40px;
  padding-bottom: 40px;
}
.treeWrapper {
  width: 100%;
  margin-top: 20px;
}
.foldButton {
  width: 100%;
  bottom: 0px;
  position: absolute;
}
.foldButton .el-button {
  font-size: 12px;
}
.projectShare-page .el-tree-node {
  border-bottom: none;
}
.projectShare-page .el-tree-node__content {
  height: 32px;
  line-height: 32px;
}
.rightSide .rightHeader .rightHeader {
  clear: both;
}
.rightSide {
  width: 75%;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.rightSide .rightHeader {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.rightSide .rightHeader .rightBreadCrumbs {
  width: 60%;
  float: left;
  height: 30px;
  text-align: left;
}
.breadCrumbs {
  display: block;
  height: 16px;
  line-height: 16px;
  border-left: 3px solid #00aaff;
  padding-left: 10px;
  margin-top: 18px;
  margin-left: 12px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.rightSide .rightHeader .rightBtn {
  width: 40%;
  float: right;
  text-align: center;
}
.projectShare-page .rightSide .rightHeader .el-button--primary {
  background: none;
  border: none;
  color: #00aaff;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 50px;
  padding: 0;
}
.projectShare-page .rightSide .rightHeader .el-button--danger {
  background: none;
  border: none;
  color: #f00;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 30px;
  padding: 0;
}
.projectShare-page .rightSide .rightHeader .el-icon-delete:before {
  content: '\E612';
}
.document {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.documentStatus1 {
  background: #0af;
}
.documentStatus2 {
  background: #cccccc;
}
.documentCreator {
  background: #0af;
}
.docType {
  color: #0af;
}
.fileType {
  color: #666;
  cursor: pointer;
}
.projectShare-page .el-checkbox__input.is-checked .el-checkbox__inner,
.projectShare-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0af;
  border-color: #0af;
}
.projectShare-page .rightSide .el-table th.is-leaf,
.projectShare-page .rightSide .el-table td {
  text-align: left;
}
.projectShare-page .rightSide .el-table .cell {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 13px;
}
.projectShare-page .leftSide .custom-tree-node {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  width: 130px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.projectShare-page .el-checkbox__inner {
  width: 14px;
  height: 14px;
}
.projectShare-page .el-checkbox__inner::after {
  top: 1px;
  left: 4px;
}
.projectShare-page .el-message-box__content {
  overflow: auto;
  clear: both;
}
.projectShare-page .el-message-box__input {
  width: 74%;
  float: right;
  margin-right: 20px;
}
.projectShare-page .el-message-box__message {
  float: left;
  margin-top: 20px;
}
.projectShare-page .el-message-box__message {
  margin-top: 0;
}
.projectShare-page .el-tree-node.is-current > .el-tree-node__content {
  background: #fff5cc;
}
.projectShare-page .el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
  float: right;
}
.project-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
  padding: 12px 0px;
}
.menu {
  text-align: left;
  z-index: 9999;
  height: 40px;
  width: 70px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #999999;
  background-color: #f4f4f4;
  padding: 10px;
}
.menu li:hover {
    background-color: #1790ff;
}
.menu .menu__item {
    display: block;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    margin-top: 0px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.projectMeet-page {
  width: 100%;
  height: 100%;
  clear: both;
  padding: 0;
  margin: 0;
}
.leftSide {
  width: 24%;
  height: 100%;
  float: left;
  overflow: auto;
  position: relative;
}
.projectMeet-page .file-icon {
  width: 16px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  background: url(./assets/images/folder2.92c53ed.png) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}
.projectMeet-page .project-add-task .el-dialog {
  width: 700px !important;
  min-height: 680px !important;
  max-height: 700px !important;
  overflow: auto;
}
.projectMeet-page .el-dialog__title {
  margin-right: 10px;
}
.projectMeet-page .project-add-task .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.projectMeet-page .dialog-add-project .el-dialog__body {
  padding: 30px 20px 0;
}
.projectMeet-page .el-dialog__footer {
  padding: 0;
}
.projectMeet-page .project-add-task .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.projectMeet-page .dialog-add-project .el-dialog__footer {
  padding-right: 40px;
  padding-bottom: 40px;
}
.treeWrapper {
  width: 100%;
  margin-top: 20px;
}
.foldButton {
  width: 100%;
  bottom: 0px;
  position: absolute;
}
.foldButton .el-button {
  font-size: 12px;
}
.projectMeet-page .el-tree-node {
  border-bottom: none;
}
.projectMeet-page .el-tree-node__content {
  height: 32px;
  line-height: 32px;
}
.rightSide .rightHeader .rightHeader {
  clear: both;
}
.rightSide {
  width: 75%;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.rightSide .rightHeader {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.rightSide .rightHeader .rightBreadCrumbs {
  width: 60%;
  float: left;
  height: 30px;
  text-align: left;
}
.breadCrumbs {
  display: block;
  height: 16px;
  line-height: 16px;
  border-left: 3px solid #00aaff;
  padding-left: 10px;
  margin-top: 18px;
  margin-left: 12px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.rightSide .rightHeader .rightBtn {
  width: 40%;
  float: right;
  text-align: center;
}
.projectMeet-page .rightSide .rightHeader .el-button--primary {
  background: none;
  border: none;
  color: #00aaff;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 50px;
  padding: 0;
}
.projectMeet-page .rightSide .rightHeader .el-button--danger {
  background: none;
  border: none;
  color: #f00;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 30px;
  padding: 0;
}
.projectMeet-page .rightSide .rightHeader .el-icon-delete:before {
  content: '\E612';
}
.document {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.documentStatus1 {
  background: #0af;
}
.documentStatus2 {
  background: #cccccc;
}
.documentCreator {
  background: #0af;
}
.docType {
  color: #0af;
}
.fileType {
  color: #666;
  cursor: pointer;
}
.projectMeet-page .el-checkbox__input.is-checked .el-checkbox__inner,
.projectMeet-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0af;
  border-color: #0af;
}
.projectMeet-page .rightSide .el-table th.is-leaf,
.projectMeet-page .rightSide .el-table td {
  text-align: left;
}
.projectMeet-page .rightSide .el-table .cell {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 13px;
}
.projectMeet-page .leftSide .custom-tree-node {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  width: 130px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.projectMeet-page .el-checkbox__inner {
  width: 14px;
  height: 14px;
}
.projectMeet-page .el-checkbox__inner::after {
  top: 1px;
  left: 4px;
}
.projectMeet-page .el-message-box__content {
  overflow: auto;
  clear: both;
}
.projectMeet-page .el-message-box__input {
  width: 74%;
  float: right;
  margin-right: 20px;
}
.projectMeet-page .el-message-box__message {
  float: left;
  margin-top: 20px;
}
.projectMeet-page .el-message-box__message {
  margin-top: 0;
}
.projectMeet-page .el-tree-node.is-current > .el-tree-node__content {
  background: #fff5cc;
}
.projectMeet-page .el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
  float: right;
}
.projectMeet-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
  padding: 12px 0px;
}
.menu {
  text-align: left;
  z-index: 9999;
  height: 40px;
  width: 70px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #999999;
  background-color: #f4f4f4;
  padding: 10px;
}
.menu li:hover {
    background-color: #1790ff;
}
.menu .menu__item {
    display: block;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    margin-top: 0px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.projectElectronic-page {
  width: 100%;
  height: 100%;
  clear: both;
  padding: 0;
  margin: 0;
}
.leftSide {
  width: 24%;
  height: 100%;
  float: left;
  overflow: auto;
  position: relative;
}
.projectElectronic-page .file-icon {
  width: 16px;
  height: 14px;
  margin-right: 4px;
  display: inline-block;
  background: url(./assets/images/folder2.92c53ed.png) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}
.projectElectronic-page .project-add-task .el-dialog {
  width: 700px !important;
  min-height: 680px !important;
  max-height: 700px !important;
  overflow: auto;
}
.projectElectronic-page .el-dialog__title {
  margin-right: 10px;
}
.projectElectronic-page .project-add-task .el-dialog__body {
  margin-top: 10px;
  padding: 0;
}
.projectElectronic-page .dialog-add-project .el-dialog__body {
  padding: 30px 20px 0;
}
.projectElectronic-page .el-dialog__footer {
  padding: 0;
}
.projectElectronic-page .project-add-task .el-dialog__footer {
  padding: 0;
  margin: 0;
  padding-right: 40px;
  padding-bottom: 30px;
  margin-top: 30px;
}
.projectElectronic-page .dialog-add-project .el-dialog__footer {
  padding-right: 40px;
  padding-bottom: 40px;
}
.treeWrapper {
  width: 100%;
  margin-top: 20px;
}
.foldButton {
  width: 100%;
  bottom: 0px;
  position: absolute;
}
.foldButton .el-button {
  font-size: 12px;
}
.projectElectronic-page .el-tree-node {
  border-bottom: none;
}
.projectElectronic-page .el-tree-node__content {
  height: 32px;
  line-height: 32px;
}
.rightSide .rightHeader .rightHeader {
  clear: both;
}
.rightSide {
  width: 75%;
  height: 100%;
  float: right;
  border-left: 1px solid #ccc;
}
.rightSide .rightHeader {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.rightSide .rightHeader .rightBreadCrumbs {
  width: 60%;
  float: left;
  height: 30px;
  text-align: left;
}
.breadCrumbs {
  display: block;
  height: 16px;
  line-height: 16px;
  border-left: 3px solid #00aaff;
  padding-left: 10px;
  margin-top: 18px;
  margin-left: 12px;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #333;
}
.rightSide .rightHeader .rightBtn {
  width: 40%;
  float: right;
  text-align: center;
}
.projectElectronic-page .rightSide .rightHeader .el-button--primary {
  background: none;
  border: none;
  color: #00aaff;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 50px;
  padding: 0;
}
.projectElectronic-page .rightSide .rightHeader .el-button--danger {
  background: none;
  border: none;
  color: #f00;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  line-height: 30px;
  padding: 0;
}
.projectElectronic-page .rightSide .rightHeader .el-icon-delete:before {
  content: '\E612';
}
.document {
  display: inline-block;
  width: 44px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.documentStatus1 {
  background: #0af;
}
.documentStatus2 {
  background: #cccccc;
}
.documentCreator {
  background: #0af;
}
.docType {
  color: #0af;
}
.fileType {
  color: #666;
  cursor: pointer;
}
.projectElectronic-page .el-checkbox__input.is-checked .el-checkbox__inner,
.projectElectronic-page .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0af;
  border-color: #0af;
}
.projectElectronic-page .rightSide .el-table th.is-leaf,
.projectElectronic-page .rightSide .el-table td {
  text-align: left;
}
.projectElectronic-page .rightSide .el-table .cell {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 13px;
}
.projectElectronic-page .leftSide .custom-tree-node {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  width: 130px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.projectElectronic-page .el-checkbox__inner {
  width: 14px;
  height: 14px;
}
.projectElectronic-page .el-checkbox__inner::after {
  top: 1px;
  left: 4px;
}
.projectElectronic-page .el-message-box__content {
  overflow: auto;
  clear: both;
}
.projectElectronic-page .el-message-box__input {
  width: 74%;
  float: right;
  margin-right: 20px;
}
.projectElectronic-page .el-message-box__message {
  float: left;
  margin-top: 20px;
}
.projectElectronic-page .el-message-box__message {
  margin-top: 0;
}
.projectElectronic-page .el-tree-node.is-current > .el-tree-node__content {
  background: #fff5cc;
}
.projectElectronic-page .el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
  float: right;
}
.projectElectronic-page .el-button--primary {
  width: 88px;
  height: 38px;
  background: #007dc6;
  border-color: #007dc6;
  padding: 12px 0px;
}
.menu {
  text-align: left;
  z-index: 9999;
  height: 40px;
  width: 70px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #999999;
  background-color: #f4f4f4;
  padding: 10px;
}
.menu li:hover {
    background-color: #1790ff;
}
.menu .menu__item {
    display: block;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    margin-top: 0px;
}

.gantt-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #f3f4f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 2px solid #dcdee2;
  padding: 0 10px;
}
.gantt-header button {
  width: 45px;
  height: 30px;
}
.gantt-header-navigator {
  color: #8d919a;
  right: 10px;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.gantt-header-navigator > div {
  margin-right: 10px;
}
.gantt-header-navigator > div:last-child {
  margin-right: 0;
}
.gantt-header-arrow button {
  margin-left: 0;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.operatetestschedulinglist-content[data-v-53f1bf5a] {
  padding: 5px;
  min-height: 300px;
}
.operatetestschedulinglist-tb[data-v-53f1bf5a] {
  padding-top: 15px;
  width: 100%;
  font-size: 10px;
}
.draggable[data-v-53f1bf5a] {
  font-size: 12px;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/** 表格选中颜色 */

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.test-detaile[data-v-3695e21a] {
  width: 690px;
  height: 100%;
  padding: 50px 0 20px 20px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-family: "\5FAE\8F6F\96C5\9ED1" !important;
}
.test-detaile-head[data-v-3695e21a] {
    width: 100%;
    height: 49px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 49px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.test-detaile-head .test-close[data-v-3695e21a] {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 40px;
      height: 26px;
      border-left: 1px solid #666;
      line-height: 26px;
      text-align: center;
      cursor: pointer;
}
.test-detaile-box[data-v-3695e21a] {
    height: 100%;
}
.test-detaile-box .box-main[data-v-3695e21a] {
      padding-right: 20px;
}
.test-detaile-box .box-main .labname[data-v-3695e21a] {
        line-height: 34px;
        padding: 10px 0;
        height: 34px;
}
.test-detaile-box .box-main .testname[data-v-3695e21a] {
        padding-top: 10px;
}
.test-detaile-box .box-main .testmome[data-v-3695e21a] {
        margin-top: 20px;
}
.test-detaile-box .box-main .testattachment[data-v-3695e21a] {
        background-color: #fff;
        border: 1px solid #dcdfe6;
        border-top: 0;
}
.test-detaile-box .box-main .testattachment .uploadfile-items[data-v-3695e21a] {
          width: 100px;
          height: 100px;
          border: 1px solid #ccc;
          display: inline-block;
          margin: 0 20px 20px;
          position: relative;
}
.test-detaile-box .box-main .testattachment .uploadfile-items-bg[data-v-3695e21a] {
            height: 80px;
            background: url(data:image/png;base64,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) no-repeat center 25px #f5f5f5;
            background-size: 30% auto;
            cursor: pointer;
}
.test-detaile-box .box-main .testattachment .uploadfile-items-text[data-v-3695e21a] {
            height: 20px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 20px;
            font-size: 12px;
            color: #999;
            background-color: #fff;
}
.test-detaile-box .box-main .testattachment .uploadfile-items-close[data-v-3695e21a] {
            position: absolute;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            top: 0;
            right: 0px;
            color: #ccc;
            font-weight: 300;
            cursor: pointer;
            border-radius: 50%;
}
.test-detaile-box .box-main .testattachment .uploadfile-items-close[data-v-3695e21a]:hover {
              background-color: #999;
              opacity: 0.5;
}
.test-detaile-box .box-main .testleaders[data-v-3695e21a] {
        background-color: #fff;
        border: 1px solid #dcdfe6;
        border-top: 0;
        font-size: 14px;
}
.test-detaile-box .box-main .testleaders .from-person[data-v-3695e21a] {
          line-height: 50px;
          color: #666;
          padding-left: 12px;
}
.test-detaile-box .box-main .testleaders .person-label[data-v-3695e21a] {
          line-height: 50px;
          color: #666;
          padding-left: 12px;
}
.test-detaile-box .box-main .testDeliveryDocoment[data-v-3695e21a] {
        width: 100%;
        min-height: 50px;
        border: 1px solid #dcdfe6;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: #fff;
        overflow: hidden;
        position: relative;
}
.test-detaile-box .box-main .testDeliveryDocoment span[data-v-3695e21a] {
          font-size: 14px;
          font-family: "\5FAE\8F6F\96C5\9ED1";
          color: #00aaff;
          line-height: 50px;
          cursor: pointer;
}
.test-detaile-box .box-main .testDeliveryDocoment i[data-v-3695e21a] {
          color: #00aaff;
          margin-left: 10px;
          margin-right: 3px;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.test-detaile-head .el-input__inner {
  border: 0 !important;
  padding-right: 0px;
}
.test-detaile-head .clearstyle .el-input__prefix {
  display: none;
}
.test-detaile-head .clearstyle .el-input__inner {
  border: 0 !important;
  padding-left: 10px;
}
.test-detaile-box .el-textarea__inner {
  border-radius: 0px;
}
.test-detaile-box .el-slider__runway {
  height: 4px;
  margin: 8px 0;
}
.test-detaile-box .el-slider__bar {
  height: 4px;
}
.test-detaile-box .el-slider__button {
  width: 12px;
  height: 12px;
}
.test-detaile-box .el-slider__button-wrapper {
  top: -16px;
}
.test-detaile-box .el-progress-bar__inner {
  border-radius: 0;
}
.test-detaile-box .el-progress-bar__outer {
  border-radius: 0;
}
.test-detaile .el-scrollbar__wrap {
  overflow-x: hidden;
}
.test-detaile .el-collapse {
  border: 0;
}
.test-detaile .table-head th {
  background-color: #f4f4f4;
}
.test-detaile .text {
  font-size: 14px;
}
.test-detaile .item {
  margin-bottom: 18px;
  margin-left: 20px;
}
.test-detaile .clearfix:before,
.test-detaile .clearfix:after {
  display: table;
  content: "";
}
.test-detaile .clearfix:after {
  clear: both;
}
.test-detaile .box-card {
  width: 95%;
  margin: 20px;
}
.test-detaile .grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.test-detaile .row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.home-content[data-v-23ae7ac8] {
  padding: 10px;
  min-height: 300px;
}
.el-tb[data-v-23ae7ac8] {
  padding-top: 15px;
  width: 100%;
  font-size: 12px;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.gannt-view-search[data-v-aeb5f3f8] {
  padding: 10px;
  font-size: 14px;
}
.gannt-view-info[data-v-aeb5f3f8] {
  padding: 10px;
  font-size: 14px;
}
.gannt-view-ganntbody[data-v-aeb5f3f8] {
  padding-top: 10px;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.app {
  color: green;
}

.schedule-calendar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 658px;
  color: #444;
  font-size: 14px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2), 0 -2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2), 0 -2px 6px rgba(0, 0, 0, 0.2);
}
.schedule-calendar *,
.schedule-calendar *::before,
.schedule-calendar *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.schedule-calendar button {
  border: 0;
  outline: none;
  cursor: pointer;
  background: transparent;
}
.schedule-calendar-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  overflow: hidden;
  background: #fff;
}

.schedule-calendar-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 40px;
  background: #2196f3;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.schedule-calendar-arrow {
  font-family: consolas;
  font-size: inherit;
  font-weight: 400;
  padding: 0 10px;
  height: 100%;
  color: #bbdefb;
}
.schedule-calendar-arrow:active {
  background: #11508e;
}
.schedule-calendar-arrow.double-arrow {
  letter-spacing: -3px;
}
.schedule-calendar-picker {
  position: relative;
  z-index: 20;
  padding: 4px 5px;
  height: 100%;
}
.schedule-calendar-arrow,
.schedule-calendar-display {
  border-radius: 2px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.schedule-calendar-arrow:hover,
.schedule-calendar-display:hover {
  color: #fff;
  background: #1976d2;
}
.schedule-calendar-display {
  padding: 0 10px;
  line-height: 32px;
  cursor: pointer;
}

.schedule-calendar-picker-list {
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 14px;
  color: #666;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.schedule-calendar-picker-col {
  overflow: hidden;
  height: 210px;
  padding-bottom: 100%;
}
.schedule-calendar-picker-col:first-child {
  border-right: 1px solid #e8e8e8;
}
.schedule-calendar-picker-col ul,
.schedule-calendar-picker-col li {
  list-style: none;
}
.schedule-calendar-picker-col ul {
  padding: 0;
  margin: 0;
}
.schedule-calendar-picker-col li {
  padding: 0 12px;
  line-height: 30px;
  cursor: pointer;
}
.schedule-calendar-picker-col li:hover {
  background: #e2f1fd;
}
.schedule-calendar-picker-col li.active {
  color: #2196f3;
  font-weight: bold;
}
.schedule-calendar-picker-col:hover {
  overflow-y: auto;
}

.schedule-calendar-week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  background: #2196f3;
}
.schedule-calendar-week-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #fff;
}

.schedule-calendar-month {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sc-moveToLeft {
  -webkit-animation: scMoveToLeft .3s both;
          animation: scMoveToLeft .3s both;
}
.sc-moveToRight {
  -webkit-animation: scMoveToRight .3s both;
          animation: scMoveToRight .3s both;
}
@-webkit-keyframes scMoveToLeft {
from {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes scMoveToLeft {
from {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes scMoveToRight {
from {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}
@keyframes scMoveToRight {
from {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
}

.schedule-calendar-date {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% / 7);
  height: calc(100% / 6);
  min-width: 94px;
  min-height: 40px;
  padding: 4px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.schedule-calendar-date:nth-child(7n + 1) {
  border-left: none;
}
.schedule-calendar-date.prev,
.schedule-calendar-date.next {
  color: #999;
  background: #f2f2f2;
}
.schedule-calendar-date-label {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
}
.schedule-calendar-date.today .schedule-calendar-date-label {
  color: #fff;
  background: #2196f3;
}
.schedule-calendar-date.dragged {
  background: #bbdefb;
}
.schedule-calendar-date.dragged .schedule-calendar-details {
  background: #bbdefb;
}
.schedule-calendar-date-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.schedule-calendar-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
}
.schedule-calendar-details.expanded {
  position: absolute;
  z-index: 2;
  width: 125%;
  min-width: 100%;
  padding: 0 6px 10px;
  background: #fff;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2), 0 -2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2), 0 -2px 6px rgba(0, 0, 0, 0.2);
}
.schedule-calendar-details.expanded .schedule-calendar-details-bd {
  overflow-y: auto;
  max-height: 270px;
}
.schedule-calendar-details-hd {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #666;
  text-align: center;
}
.schedule-calendar-counter {
  font-size: 13px;
  color: #2196f3;
}

.schedule-calendar-detail-item {
  margin: 3px 6px 0;
  font-size: 12px;
  color: #fff;
  line-height: 2em;
  border-radius: 2px;
  background: #2196f3;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.schedule-calendar-detail-item:hover {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 -3px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 -3px 8px rgba(0, 0, 0, 0.2);
}
.schedule-calendar-detail-item > * {
  padding: 0 5px;
}
.schedule-calendar-status_1 {
  background: #f44336;
}
.schedule-calendar-status_2 {
  background: #e91e63;
}
.schedule-calendar-status_3 {
  background: #9c27b0;
}
.schedule-calendar-status_4 {
  background: #3f51b5;
}
.schedule-calendar-status_5 {
  background: #2196f3;
}
.schedule-calendar-status_6 {
  background: #00bcd4;
}
.schedule-calendar-status_7 {
  background: #4caf50;
}
.schedule-calendar-status_8 {
  background: #cddc39;
}
.schedule-calendar-status_9 {
  background: #ff9800;
}
.schedule-calendar-status_10 {
  background: #607d8b;
}

.gantt-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #f3f4f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 2px solid #dcdee2;
  padding: 0 10px;
}
.gantt-header button {
  width: 45px;
  height: 30px;
}
.gantt-header-navigator {
  color: #8d919a;
  right: 10px;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.gantt-header-navigator > div {
  margin-right: 10px;
}
.gantt-header-navigator > div:last-child {
  margin-right: 0;
}
.gantt-header-arrow button {
  margin-left: 0;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.equipment-detail-header[data-v-978aae1e] {
  position: relative;
  border-bottom: 10px solid #e9ebef;
  width: 100%;
  height: 60px;
  vertical-align: middle;
}
.equipment-detail-header .returnButton[data-v-978aae1e] {
    height: 30px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    right: 0;
    color: cornflowerblue;
    cursor: pointer;
}
.equipment-detail-middle[data-v-978aae1e] {
  width: 100%;
  border-bottom: 10px solid #e9ebef;
  height: 290px;
}
.el-table[data-v-978aae1e] {
  left: 5px;
  width: 99%;
  top: 2px;
  font-size: 12px;
}
.el-table-row-left[data-v-978aae1e] {
    text-align: left;
}
.el-table-row-right[data-v-978aae1e] {
    text-align: right;
}
.el-table-div[data-v-978aae1e] {
    padding-bottom: 15px;
}
.float-left[data-v-978aae1e] {
  float: left;
}
.button-detail[data-v-978aae1e] {
  float: left;
  color: cornflowerblue;
  cursor: pointer;
}
.clear[data-v-978aae1e] {
  clear: both;
}
.equipment-name[data-v-978aae1e] {
  float: left;
  padding-right: 15px;
  width: 280px;
  font-weight: bold;
  /* 超出部分显示省略号 */
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.equipment-detail-content > > > .mysheet .tab-content .el-tabs__header.is-top {
  border-bottom: 1px solid #e9ebef !important;
}
.el-scrollbar__wrap {
  overflow-x: hidden;
}

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.home-content[data-v-39e895f4] {
  font-size: 14px;
  padding: 10px;
  min-height: 300px;
}
.el-tb[data-v-39e895f4] {
  width: 100%;
  font-size: 12px;
}
.testmysider[data-v-39e895f4] {
  width: 0;
  height: calc(100vh - 86px);
  position: fixed;
  background-color: #fff;
  right: calc((100vw - 1200px) / 2 + 8px);
  top: 76px;
  z-index: 2001;
  /* asider 显示动画 */
  /* asider 消失动画 */
}
.testmysider.opened[data-v-39e895f4] {
    -webkit-animation: appear-data-v-39e895f4 0.5s forwards;
            animation: appear-data-v-39e895f4 0.5s forwards;
}
.testmysider.closed[data-v-39e895f4] {
    -webkit-animation: disappear-data-v-39e895f4 0.0001s forwards;
            animation: disappear-data-v-39e895f4 0.0001s forwards;
}
@-webkit-keyframes appear-data-v-39e895f4 {
0% {
    width: 0;
    display: none;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
100% {
    display: block;
    width: 690px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
}
@keyframes appear-data-v-39e895f4 {
0% {
    width: 0;
    display: none;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
100% {
    display: block;
    width: 690px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
}
@-webkit-keyframes disappear-data-v-39e895f4 {
0% {
    display: block;
    width: 690px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
100% {
    width: 0;
    display: none;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
}
@keyframes disappear-data-v-39e895f4 {
0% {
    display: block;
    width: 690px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
100% {
    width: 0;
    display: none;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
}
.inneropen[data-v-39e895f4] {
  -webkit-animation: appear1-data-v-39e895f4 0.5s forwards;
          animation: appear1-data-v-39e895f4 0.5s forwards;
}
.innerclose[data-v-39e895f4] {
  -webkit-animation: disappear1-data-v-39e895f4 0.5s forwards;
          animation: disappear1-data-v-39e895f4 0.5s forwards;
}
@-webkit-keyframes appear1-data-v-39e895f4 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes appear1-data-v-39e895f4 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

/* asider 消失动画 */
@-webkit-keyframes disappear1-data-v-39e895f4 {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes disappear1-data-v-39e895f4 {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.sheet-addDialog[data-v-39e895f4] {
  height: 95vh;
  overflow: hidden;
  font-style: "\5FAE\8F6F\96C5\9ED1";
}
.sheet-addDialog .el-dialog__header[data-v-39e895f4] {
  padding: 0;
}
.sheet-addDialog .el-dialog__footer[data-v-39e895f4] {
  padding-top: 0;
}
.sheet-addDialog .el-dialog__body[data-v-39e895f4] {
  padding: 20px;
  height: calc(90vh - 140px);
}
.sheet-smallDialog[data-v-39e895f4] {
  height: 40vh;
  overflow: hidden;
  font-style: "\5FAE\8F6F\96C5\9ED1";
}
.sheet-smallDialog .el-dialog__header[data-v-39e895f4] {
  padding: 0;
}
.sheet-smallDialog .el-dialog__footer[data-v-39e895f4] {
  padding-top: 0;
}
.sheet-smallDialog .el-dialog__body[data-v-39e895f4] {
  padding: 20px;
  height: calc(40vh - 140px);
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.device-list-view[data-v-17320278] {
  padding-left: 10px;
  padding-right: 10px;
}
.el-tb[data-v-17320278] {
  font-size: 12px;
  padding-top: 10px;
}
.myfiltersider[data-v-17320278] {
  width: 0;
  position: fixed;
  background-color: #fff;
  right: calc((100vw - 1200px) / 2 + 108px);
  top: 76px;
  z-index: 2001;
  /* asider 显示动画 */
  /* asider 消失动画 */
}
.myfiltersider.opened[data-v-17320278] {
    -webkit-animation: appear-data-v-17320278 0.5s forwards;
            animation: appear-data-v-17320278 0.5s forwards;
}
.myfiltersider.closed[data-v-17320278] {
    -webkit-animation: disappear-data-v-17320278 0.1s forwards;
            animation: disappear-data-v-17320278 0.1s forwards;
}
@-webkit-keyframes appear-data-v-17320278 {
0% {
    width: 0;
    display: none;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
100% {
    display: block;
    width: 280px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
}
@keyframes appear-data-v-17320278 {
0% {
    width: 0;
    display: none;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
100% {
    display: block;
    width: 280px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
}
@-webkit-keyframes disappear-data-v-17320278 {
0% {
    display: block;
    width: 280px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
100% {
    width: 0;
    display: none;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
}
@keyframes disappear-data-v-17320278 {
0% {
    display: block;
    width: 280px;
    -webkit-box-shadow: 0px 0px 6px 2px #ccc;
            box-shadow: 0px 0px 6px 2px #ccc;
}
100% {
    width: 0;
    display: none;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
            box-shadow: 0px 0px 0px 0px #fff;
}
}
.filter[data-v-17320278] {
  z-index: 2018;
  width: 280px;
  height: 100%;
  padding: 50px 0 20px 20px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-family: "\5FAE\8F6F\96C5\9ED1" !important;
}
.filter-head[data-v-17320278] {
    width: 100%;
    height: 49px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 49px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.filter-head .test-close[data-v-17320278] {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 40px;
      height: 26px;
      border-left: 1px solid #666;
      line-height: 26px;
      text-align: center;
      cursor: pointer;
}
.inneropen[data-v-17320278] {
  -webkit-animation: appear1 .5s forwards;
          animation: appear1 .5s forwards;
}
.innerclose[data-v-17320278] {
  -webkit-animation: disappear1 .5s forwards;
          animation: disappear1 .5s forwards;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/

@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.displayscreen-view {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: Center;
      -ms-flex-align: Center;
          align-items: Center;
}
.displayscreen-view .content-view {
    position: relative;
    margin: auto;
    width: 130vh;
}
.displayscreen-view .content-view .sys-img {
      height: 120px;
      width: 275px;
}
.displayscreen-view .content-view .content-per {
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
}
.displayscreen-view .content-view .content-per11 {
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
}
.displayscreen-view .content-view .title1600 {
      font-size: 6px;
}
.displayscreen-view .content-view .content-per1 {
      padding-top: 30px;
      padding-right: 30px;
}
.displayscreen-view .content-view .content-per2 {
      padding-top: 30px;
      padding-left: 30px;
}
.displayscreen-view .content-view .el-row {
      margin-bottom: 20px;
}
.displayscreen-view .content-view .el-row:last-child {
        margin-bottom: 0;
}
.displayscreen-view .content-view .el-col {
      border-radius: 4px;
}
.displayscreen-view .content-view .bg-purple-dark {
      background: #99a9bf;
}
.displayscreen-view .content-view .bg-purple {
      background: #FFFFFF;
}
.displayscreen-view .content-view .bg-purple1 {
      background: #57BEEB;
}
.displayscreen-view .content-view .bg-purple2 {
      background: #F3AA4B;
}
.displayscreen-view .content-view .bg-purple-light {
      background: #e5e9f2;
}
.displayscreen-view .content-view .grid-content1 {
      border-radius: 4px;
      min-height: 36px;
}
.displayscreen-view .content-view .grid-content {
      border-radius: 4px;
}
.displayscreen-view .content-view .row-bg {
      padding: 10px 0;
      background-color: #f9fafc;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
div {
  margin: 0;
  padding: 0;
}
.text {
  font-size: 14px;
}
.item {
  margin-bottom: 18px;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.box-card {
  width: 100%;
}
.el-form-item__label {
  font-size: 12px;
}
.el-form .el-dialog__body {
  padding: 10px 20px;
}
.advancedSearch .el-form .el-input__inner {
  width: 150px;
  height: 30px;
}
.advancedSearch .el-form-item__label {
  font-size: 12px;
}
.advancedSearch .el-input__inner {
  font-size: 12px;
}
.advancedSearch .el-input__suffix {
  right: 70px;
}
.el-checkbox .el-checkbox__label {
  font-size: 12px;
}
.product-page .el-tree-node__content {
  background: #343d50;
  color: #aeb0bd;
}
.product-page .el-tree-node__content:hover {
  background: #343d50;
}
.el-card__body .el-tree.is-active {
  background: #343d50;
}
.el-table .warning-row {
  background: oldlace;
}
.el-table .success-row {
  background: #f0f9eb;
}
.product-page {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 100px;
}
.product-page .openSide {
  width: 30px;
  height: 100px;
  background-color: #f40;
  position: absolute;
  left: 60px;
  top: 50%;
  margin-top: -50px;
  z-index: 9999;
}
.product-page .directory-left {
  position: absolute;
  background-color: #343d50;
  height: 100%;
}
.openWidth {
  width: 300px;
}
.closeWidth {
  width: 0px;
}
.openMargin {
  margin: 30px 30px 30px 330px;
}
.closeMargin {
  margin: 30px;
}
.directory-left .el-tree span {
  font-size: 14px;
}
.product-page .closeSide {
  height: 50px;
  width: 10px;
  background-color: transparent;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -25px;
  z-index: 9999;
  border-radius: 5px;
  opacity: .5;
  cursor: pointer;
  border-left: 20px solid #dee1e2;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-page .el-form-item__error {
  line-height: 0;
  z-index: 1;
}
.el-button--text {
  font-size: 12px;
}
.product-page .el-table tr {
  font-size: 14px;
  text-align: center;
}
.product-page .el-table th {
  background: #296ab4;
  color: #fff;
  text-align: center;
}
.searchMune {
  width: 100%;
  padding: 20px 40px 20px 60px;
  background-color: #343d50;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: -17px;
  z-index: 99;
}
.setTree {
  padding: 80px 20px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.product-page .el-tree-node__content {
  position: relative;
}
.product-page .el-dialog__header {
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.product-page .el-dialog {
  max-height: 100% !important;
  overflow: auto;
}
.product-page .el-dialog__body {
  padding: 20px 20px !important;
  min-height: 400px;
  max-height: 585px;
  overflow: auto;
}
.product-page .dia-body {
  font-weight: 700;
}
.product-page .el-dialog__headerbtn {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 0;
}
.product-page .add-step {
  margin: 0 100px 20px 120px;
}
.product-page .add-step .el-step__title {
  font-size: 10px !important;
}
.product-page .el-upload-list {
  float: right;
}
.product-page .el-upload-dragger {
  width: 100%;
  height: 46px;
  padding: 0 20px;
}
.product-page .el-upload-dragger .el-icon-upload {
  font-size: 22px;
  margin: 10px 0 0;
  line-height: 1;
}
.product-page .el-upload-dragger .el-upload__text {
  font-size: 12px;
  display: inline-block;
}
.product-page .el-tree__empty-block {
  background-color: #343d50;
}
.product-page .popoverStyle {
  padding: 0 10px;
  width: 260px;
  background: rgba(64, 158, 255, 0.1);
  border: 1px solid rgba(64, 158, 255, 0.2);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #409EFF;
  line-height: 30px;
  font-size: 12px;
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
.el-card__body {
  padding: 0px;
  height: 100%;
}
.content {
  position: relative;
  left: 150px;
}
.header {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: #296ab4;
  z-index: 99;
}
.box-card {
  background-color: #296ab4;
}
.el-card {
  height: 100%;
  border: none;
}
.el-menu {
  background-color: #296ab4;
  color: #A6C2E0;
}
.logo {
  float: left;
  width: 250px;
  height: 100%;
  cursor: pointer;
}
.logo ul {
  margin: 0px;
  list-style: none;
}
.logo ul li {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.logo ul li img {
  width: 100%;
  margin-top: 15px;
  cursor: pointer;
}
.logo ul li span {
  font-size: 34px;
  color: #ffffff;
  font-weight: bold;
  margin-left: -14px;
}
.navBar {
  height: 100%;
  float: left;
}
.navBar ul {
  height: 100%;
}
.navBar ul li {
  color: #fff !important;
  border-bottom: none !important;
}
.el-menu--horizontal {
  border-bottom: none !important;
}
.el-menu--horizontal .el-menu-item {
  width: 150px;
  height: 100%;
  line-height: 100px;
  text-align: center;
  font-size: 18px;
  color: #A6C2E0;
}
.el-menu--horizontal > .el-menu-item:hover, .el-menu--horizontal > .el-menu-item:focus {
  background: #fff;
  color: #296ab4 !important;
}
.accoutHeader {
  margin-right: 20px;
  float: right;
  text-align: center;
  cursor: pointer;
  color: #fff;
}
.accoutHeader .accoutHeadImg {
  margin-top: 20px;
  width: 46px;
  height: 46px;
  border: 1px solid #999;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 2px;
}
.accoutHeadImg img {
  width: 100%;
}
.accoutHeader span {
  margin-top: 50px;
  font-size: 14px;
}
.accoutHeader i {
  color: #ffffff;
}
.el-badge .el-button {
  background: #ffffff;
  border: none;
  color: #757575;
  font-size: 24px;
  padding: 0;
}
.el-upload--picture-card {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  background: #bfd3e9;
}
.el-dropdown-menu__item {
  cursor: auto;
}
.el-dropdown-menu__item span {
  cursor: pointer;
}