body {
  background: #f2f2f2;
}
a{
  cursor: pointer !important;
}
.layui-layer-loading {
  /*left: 770px !important;*/
}
.m-main {
  padding: 23px 14px;
}
.m-main .g-main {
  background: #ffffff;
}
.m-main .account-setting {
  height: 62px;
  border-bottom: 1px solid #0085c3;
  padding: 11px 13px 11px 19px;
  overflow: hidden;
}
.m-main .account-setting .company-info {
  float: left;
}
.m-main .account-setting .company-info .company-logo {
  width: 38px;
  height: 38px;
  border-radius: 19px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.m-main .account-setting .company-info .company-logo img {
  width: 100%;
  height: 100%;
}
.m-main .account-setting .company-info .company-name {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  font-size: 14px;
  color: #333333;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-main .account-setting .company-info .sign-out {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 24px;
  line-height: 24px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  background: #a0a0a0;
  cursor: pointer;
}
.m-main .account-setting .company-account {
  margin-left: 260px;
  line-height: 38px;
}
.m-main .account-setting .company-account span {
  font-size: 14px;
  color: #333333;
}
.m-main .account-setting .company-account span i {
  padding-right: 5px;
}
.m-main .account-setting .company-account span.account {
  padding-left: 27px;
}
.m-main .account-setting .company-account span.blue {
  color: #0085c3;
  padding-left: 20px;
}
.m-main .account-setting .company-account .bind {
  width: 87px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #fefefe;
  background: #0085c3;
  float: right;
  cursor: pointer;
}
.m-main .account-body {
  margin-top: 14px;
  padding-top: 14px;
  /*overflow: hidden;*/
}

.m-main .account-body:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both
}
.m-main .account-body{
    zoom:1;
}
.m-main .account-body .account-left {
  width: 200px;
  float: left;
  border-right: 1px solid #d7d7d7;
  min-height: 500px;
}
.m-main .account-body .account-left ul > li {
  line-height: 42px;
  padding-left: 28px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.m-main .account-body .account-left ul > li + li {
  margin-top: 6px;
}
.m-main .account-body .account-left ul > li i {
  padding-right: 25px;
}
.m-main .account-body .account-left ul > li.active {
  background: linear-gradient(to left, #c4e3f1 0%, transparent 100%);
  border-right: 2px solid #0085c3;
}
.m-main .account-body .account-left ul > li:hover {
  background: linear-gradient(to left, #c4e3f1 0%, transparent 100%);
  border-right: 2px solid #0085c3;
}
.m-main .account-body .account-right {
  padding: 0 20px;
  margin-left: 200px;
  border-left: 1px solid #d7d7d7;
  min-height: 500px;
}
.m-main .account-body .account-right .account-tab {
  position: relative;
  width: 100%;
}
.m-main .account-body .account-right .account-tab ul li.active {
  color: #ffffff;
  background: #0085c3;
}
.m-main .account-body .account-right .account-tab ul li .refund {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  background: #ff0100;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 14px;
  font-style: normal;
  position: absolute;
  right: 4px;
  top: 4px;
}
.m-main .account-body .account-right .account-tab .account-search {
  position: absolute;
  right: 0px;
  bottom: 6px;
}
.m-main .account-body .account-right .account-tab .account-search input {
  display: inline-block;
  width: 353px;
  height: 34px;
  line-height: 34px;
  background-image: none;
  outline: none;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  font-size: 14px;
  padding: 0 35px 0 18px;
}
.m-main .account-body .account-right .account-tab .account-search input::-webkit-input-placeholder {
  color: #666666;
}
.m-main .account-body .account-right .account-tab .account-search i {
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}
.m-main .account-body .account-right .account-content {
  /**************我的项目列表样式 start*******************/
  /**************我的项目列表样式 end*******************/
  /**************项目详情样式 start*******************/
  /**************项目详情样式 end*********************/
}
.m-main .account-body .account-right .account-content .myProject {
  padding-top: 15px;
}
.m-main .account-body .account-right .account-content .myProject table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #333333;
  table-layout: fixed;
}
.m-main .account-body .account-right .account-content .myProject table thead {
  line-height: 45px;
  background: #f2f2f2;
}
.m-main .account-body .account-right .account-content .myProject table thead th {
  font-weight: normal;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr {
  line-height: 48px;
  border-bottom: 1px dashed #cccccc;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr td.name {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr td .state1 {
  color: #d56001;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr td .state2 {
  color: #009b24;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr td .state3 {
  color: #f00f0f;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr td a i {
  color: #0085c3;
  font-style: normal;
}
.m-main .account-body .account-right .account-content .myProject table tbody tr td a + a {
  border-left: 2px solid #0085c3;
  padding-left: 4px;
}
.m-main .account-body .account-right .account-content .projectDetail .returnList {
  line-height: 32px;
  text-align: right;
}
.m-main .account-body .account-right .account-content .projectDetail .returnList a {
  font-size: 14px;
  color: #0085c3;
}
.m-main .account-body .account-right .account-content .projectDetail .info-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.m-main .account-body .account-right .account-content .projectDetail .info-table table tr {
  line-height: 40px;
}
.m-main .account-body .account-right .account-content .projectDetail .info-table table tr.title {
  line-height: 38px;
}
.m-main .account-body .account-right .account-content .projectDetail .info-table table tr td {
  padding-left: 16px;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.m-main .account-body .account-right .account-content .projectDetail .info-table table tr td.bdColor {
  background: #f2fafe;
  text-align: right;
  padding-right: 16px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress {
  margin-top: 17px;
  border: 1px solid #dddddd;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-title {
  line-height: 38px;
  padding-left: 16px;
  border-bottom: 1px solid #dddddd;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content {
  padding: 18px 20px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item {
  position: relative;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item + .progress-item {
  margin-top: 18px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-time {
  width: 130px;
  float: left;
  text-align: right;
  margin-top: 12px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-time span {
  padding-right: 53px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-time span.month {
  font-size: 20px;
  color: #333333;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-time span.year {
  font-size: 14px;
  color: #666666;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-time + .progress-item {
  margin-top: 18px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-table {
  margin-left: 130px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #9bd8f5;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-table table thead tr th {
  font-size: 16px;
  color: #333333;
  background: #e4f5fd;
  font-weight: normal;
  text-align: left;
  padding-left: 18px;
  line-height: 42px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-table table tbody tr td {
  line-height: 32px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-table table tbody tr td.text-right {
  text-align: right;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-line {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  border: 1px solid #0085c3;
  position: absolute;
  top: 16px;
  left: 100px;
}
.m-main .account-body .account-right .account-content .projectDetail .approval-progress .progress-content .progress-item .item-line:after {
  content: '';
  width: 1px;
  height: 152px;
  background: #0085c3;
  display: block;
  position: absolute;
  top: 20px;
  left: 6px;
}
/*# sourceMappingURL=projectList.css.map */

.layui-tab-title{
  border-bottom: 1px solid #0574fe !important;
  height: 41px;
  overflow: hidden;
}
.layui-tab-title li {
  float: left;
  width: auto;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #f2f2f2;
  color: #333333;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}
.layui-tab-brief .layui-tab-title .layui-this {
    color: #ffffff !important;
    background: #0574fe;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
  border-bottom: 0px solid #5FB878;
}
.layui-table th.text-center {
  text-align: center;
}
.layui-table td{
  white-space:normal;
  word-break:break-all;
}
.layui-table td a{
  color: #0574fe;
  display: block;
}
.layui-table td a:hover{
  text-decoration: underline;
}
.layui-table tbody tr:hover {
  background-color: #fff !important;
}

.mb-0 {
  margin-bottom: 0px;
}
.item-table table tbody tr td {
  padding: 5px;
}
.item-time{ padding-right: 50px;}
.item-time p {color: #666;}
.item-line {
  width: 15px;
  height: 15px;
  border-radius: 7px;
  border: 1px solid #3e61e5;
  margin-left: 140px;
}

.item-line:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #3e61e5;
  display: block;
  position: absolute;
  top: 15px;
  left: 147px;
}
.progress-content {position: relative;}
.progress-content .panel {border-radius: 0px;}
.f16 {font-size: 16px;}
.f14 {font-size: 14px;}
.rerun {position: relative;top: 5px;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-10 .col-xs-2{float: left;}
.col-xs-10, .col-xs-2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.zd-textTh{
  color: #333;
  font-weight: bold !important;
}

/*再次申请*/
.label-reedit-a{
  padding: 8px 14px;
  background-color: #5473e8;
  border-color: #5473e8;
  color: #fff !important;
}
.label-reedit-a:hover{
  background-color: #5473e8;
  border-color: #5473e8;
  opacity: 0.8;
}
.layui-table td a.label-reedit-a:hover{
  text-decoration: none;
  cursor: pointer;
}
.label-red{
  background-color: #f14141;
  border-radius: 50%;
  font-size: 10px;
  color: #fff;
  font-weight: normal;
  height: 18px;
  width: 18px;
  line-height: 18px;
  display: inline-block;
}


/*材料库tab页*/
#FileLibraryDiv .layui-tab-card>.layui-tab-title{
  background: #fff;
  height: auto;
  border-bottom: 1px solid #f2f2f2!important;
}
#FileLibraryDiv .layui-tab-card>.layui-tab-title li {
  font-size: 16px;
  padding: 16px 20px;
  margin-bottom: -1px;
  line-height: initial;
  color: #333 !important;
  background: #fff;
  height: auto;
  width: auto;
}
#FileLibraryDiv .layui-tab-card>.layui-tab-title .layui-this:after {
  border-top: 3px solid #0173c7;
  height: 100%;
}
#layuiFileLibrary0{
  height: auto !important;
}
.demo4-class .layui-layer-btn .layui-layer-btn0 {
  padding: 6px 12px;
}
.demo4-class .layui-layer-btn a {
  padding: 6px 12px;
}
#FileLibraryDiv .layui-form-checkbox[lay-skin=primary] {
  padding-left: 0;
}
#FileLibraryDiv .layui-tab-card>.layui-tab-title li {
  margin-right: 1px;
  margin-left: -1px;
}



/*折叠图标*/
.treeTable-icon .layui-icon-triangle-d:before {
    content: "\e623";
}
.treeTable-icon.open .layui-icon-triangle-d:before {
    content: "\e625";
}

/*layui样式修改*/
.eg-bussiness-table.layui-table td,
.eg-bussiness-table.layui-table th {
    padding: 15px 10px;
}
.eg-bussiness-form .layui-form-select dl dd.layui-this {
    background-color: #0574fe;
    color: #fff;
}
.eg-bussiness-form .layui-form-select dl dd {
    margin-bottom: 0;
}
/*标签修改(折叠图标)*/
.ControlLayuiIcon{
    font-size: 16px;
}
.ControlLayuiIcon .layui-icon-add-circle,
.ControlLayuiIcon .layui-icon-reduce-circle{
    cursor: pointer;
    font-size: 16px;
    color: #0574fe;
}

/*办件详情*/
#projectDetails .layui-tab-card>.layui-tab-title{
    background: #fff;
    height: auto;
    border-bottom: 1px solid #f2f2f2;
}
#projectDetails .layui-tab-card>.layui-tab-title li {
    font-size: 16px;
    padding: 16px 20px;
    margin-bottom: -1px;
    line-height: initial;
    width: auto;
    height: auto;
    float: initial;
    background: initial;
}
#projectDetails .layui-tab-card>.layui-tab-title .layui-this:after {
    border-top: 3px solid #0173c7;
    height: 100%;
}
.projectDetails .layui-layer-btn .layui-layer-btn0 {
    padding: 6px 12px;
}
.projectDetails .layui-layer-btn a {
    padding: 6px 12px;
}
#projectDetails .layui-form-checkbox[lay-skin=primary] {
    padding-left: 0;
}

#projectDetails>.layui-tab-content .layui-tab>.layui-tab-title>.layui-this {
    color: #333 !important;
}