@charset "UTF-8";
@import url("awesome-bootstrap-checkbox.css");
@import url("../fonts/simple-line-icons.css");
@import url("../fonts/font-awesome.css");
@import url("../fonts/ionicons.css");
@import url("../fonts/iconfont.css");
@import url("bootstrap.css");
@import url("animate.css");
@import url("style.css");
@import url("layui.css");
@import url("global.css");
@import url("bootstrap-table.css");
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:focus:-webkit-autofill,
textarea:focus:-webkit-autofill,
select:focus:-webkit-autofill {
  background-color: #fff !important;
  background-image: none;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

canvas, canvas:focus {
  border: 0;
  outline: 0;
}

/* 重置iconfont字号 */
.iconfont {
  font-size: inherit;
}

/* 页面默认背景 */
.bg-body {
  background: #F7F7F8;
}

/* 页面头部 */
.head {
  position: relative;
  padding: 0;
  margin: 0 0 21px 0;
}

.head .head-left {
  float: left;
}

.head .head-left h4 {
  font-size: 18px;
  margin: 5px 0 6px 0;
}

.head .head-left h4:before {
  content: "";
  width: 3px;
  height: 18px;
  background: #1890FF;
  float: left;
  margin: 0 10px 0 0;
}

.head .head-left small {
  font-size: 14px;
  display: none;
}

.head .head-right {
  float: right;
  margin-top: 10px;
}

.head .head-right .form-control {
  width: 170px;
}

.head-popup {
  margin: -20px -20px 21px -20px;
  background-color: #fff;
}

/* head区查询布局 */
.search {
  position: relative;
  margin-bottom: 0;
  padding: 20px 90px 0 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.head-popup .search,
.search.noborder {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 100px 0 20px;
}

/*.head .search .field { float: left; width: 300px; margin-bottom: 10px; }*/
.search .search-top:after, .search .search-bottom:after {
  content: "";
  display: table;
  clear: both;
}

.search .control-container {
  float: left;
  width: 360px;
}

.search .control-container:after {
  content: "";
  display: table;
  clear: both;
}

.search .control-label {
  float: left;
  width: 140px;
  margin-bottom: 20px;
  height: 30px;
  padding: 5px 10px;
  text-align: right;
  color: #606266;
  background: none;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search .control-input {
  float: left;
  width: 220px;
  margin-bottom: 20px;
  position: relative;
}

.search .search-submit {
  position: absolute;
  top: 20px;
  right: 20px;
}

.search .search-submit a:last-child {
  margin-right: 0;
}

.search .close-more {
  position: absolute;
  left: 50%;
  bottom: -20px;
  padding: 0 10px;
  display: inline-block;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 0 0 6px 6px;
  font-size: 14px;
  cursor: pointer;
  transform: translateX(-30px);
}

.search .close-more .closebtn {
  display: inline-block;
}

.search .close-more .closebtn .tit2 {
  display: none;
}

.search .close-more .closebtn > em {
  font-style: normal;
  float: left;
  color: #606266;
}

.search .close-more .closebtn > i {
  font-size: 14px;
  margin-left: 5px;
  color: #606266;
}

.search .close-more.active .closebtn > i {
  transform: rotate(180deg);
}

.search .close-more.active .closebtn .tit1 {
  display: none;
}

.search .close-more.active .closebtn .tit2 {
  display: block;
}

.search .search-term {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.search .search-term a:last-child {
  margin-right: 0;
}

.search-diy .search {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0;
}

.search-diy .search .search-submit {
  top: 0;
}

.search-diy .search .control-label {
  width: auto;
}

.search-diy .search .search-diy-right {
  float: right;
  display: flex;
  align-items: center;
}

.search-diy-tabs {
  border-bottom: none;
  text-indent: 0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0;
  display: inline-block;
  border: 1px solid #DCDFE3;
}

.search-diy .nav-tabs > li {
  margin-right: 0;
}

.search-diy .nav-tabs > li > a {
  padding: 4px 10px;
  border: none;
  margin-right: 0px;
  font-weight: 500;
  border-radius: 10px;
  font-size: 14px;
}

.search-diy .nav-tabs {
  padding: 0;
  background: #F5F9FB;
}

.search-diy .nav-tabs > li > a:hover, .search-diy .nav-tabs > li > a:focus {
  border: none;
  background: none;
}

.search-diy .nav-tabs > li.active > a {
  background: #1890FF;
  font-weight: normal;
  color: #fff;
}

.search-switch-label {
  border-radius: 10px;
  overflow: hidden;
  background: #F5F9FB;
  border: 1px solid #DCDFE3;
  margin-left: 20px;
}

.search-switch-label label {
  padding: 4px 10px;
  margin-bottom: 0;
  cursor: pointer;
  border-radius: 10px;
}

.search-switch-label label.active {
  background: #1890FF;
  color: #fff;
}

.search-switch-label label a {
  color: #fff;
}

/* 页面容器 */
.container {
  width: 100%;
  padding: 0 20px 60px 20px;
  margin: 0 auto;
}

.container-popup {
  width: 100%;
  padding: 20px 20px 40px 20px;
  margin: 0;
}

.container-embed {
  width: 100%;
  padding: 0;
  margin: 0;
}

.content {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
}

.content-embed {
  position: relative;
  padding: 0;
  margin: 0;
}

.note {
  padding: 5px 20px 5px 15px;
}

/*标题下方-包裹主体内容*/
.main {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.main.nobg {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.main:after {
  display: table;
  content: "";
  clear: both;
}

/* 多列区域 */
.main-sub-container:after {
  display: table;
  content: "";
  clear: both;
}

.main-sub {
  width: 100%;
  padding: 0;
  float: left;
  vertical-align: top;
}

.main-sub + .main-sub {
  margin-left: -1px;
}

/*只有1个子元素的样式*/
.main-sub:nth-last-child(1):first-child {
  width: 100%;
}

/*有2个子元素的样式*/
/*是倒数第二个元素，又是第一个元素，说明父元素有2个子元素*/
.main-sub:nth-last-child(2):first-child,
.main-sub:nth-last-child(2):first-child ~ .main-sub {
  width: 49.99%;
}

/*有3个子元素的样式*/
/*第一个元素宽度为1/3*/
.main-sub:nth-last-child(3):first-child {
  width: 33.33%;
}

/*第一个元素之后的第一个元素（即有3个子元素的第2个元素）*/
.main-sub:nth-last-child(3):first-child ~ .main-sub:nth-last-child(2) {
  width: 33.33%;
}

/*第一个元素之后的第一个元素（即有3个子元素的第3个元素）*/
.main-sub:nth-last-child(3):first-child ~ .main-sub:nth-last-child(1) {
  width: 33.33%;
}

/* 多列结构下面混杂通栏型字段 */
.form-group-container:after {
  display: table;
  content: "";
  clear: both;
}

/* 双列下方 */
.under-two .form-group > div:first-child {
  width: 16.66%;
}

.under-two .form-group > div:first-child + div {
  width: 83.33%;
}

/* 三列下方 */
.under-three .form-group > div:first-child {
  width: 11.11%;
}

.under-three .form-group > div:first-child + div {
  width: 88.88%;
}

/* 下拉查询条件 */
.dropdown-queryterm {
  top: 48px;
  background: #fff;
  border-color: #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown-queryterm .form-group {
  display: block;
  margin: 0 0 10px 0;
}

.dropdown-queryterm .form-group .form-control {
  width: 100%;
}

.dropdown-queryterm:before {
  position: absolute;
  top: -8px;
  right: 24px;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ddd;
  border-left: 8px solid transparent;
  content: "";
}

.dropdown-queryterm:after {
  position: absolute;
  top: -7px;
  right: 25px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: "";
}

/* 列表标题 */
.title {
  height: 30px;
  margin: 0 0 9px 0;
}

.title .title-left {
  float: left;
  padding-top: 5px;
}

.title .title-left h4 {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 18px;
}

.title .title-left h4:before {
  float: left;
  content: "";
  width: 3px;
  height: 18px;
  margin: 1px 10px 0 0;
  background: #1890FF;
}

.title.notext .title-left {
  display: none;
}

.title .title-center {
  float: left;
  height: 30px;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title .title-right {
  float: right;
  position: relative;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title .title-lefticon {
  display: inline-block;
  margin: 5px 10px 0 5px;
  padding: 0 3px;
  border-radius: 10px;
}

.title .title-lefticon.view {
  background: #EE9918;
}

.title .title-lefticon.edit {
  background: #4ABC1A;
}

.title .title-lefticon > i {
  color: #fff;
  font-size: 12px;
}

.title .nav-tabs {
  margin: 0;
}

/* 列表标题-右侧为纯文本 */
.title .title-right .btn-text {
  color: #666;
  margin: 5px 0 0 0;
}

.title .title-right .btn-text:hover {
  color: #1890FF;
}

/* 列表标题-无装饰 */
.title-simple {
  margin: 0 0 9px 0;
  display: flex;
  display: -ms-flexbox;
}

.title-simple .title-left {
  padding-top: 5px;
  flex: 1;
}

.title-simple .title-left h4 {
  padding: 0;
  font-size: 18px;
  line-height: 1.2;
}

.title-simple .title-center {
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title-simple .title-right {
  position: relative;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

/* 列表标题-2级 */
.title-sm {
  height: 30px;
  margin: 0 0 4px 0;
}

.title-sm .title-left {
  float: left;
  padding-top: 5px;
}

.title-sm .title-left h4 {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 16px;
}

.title-sm .title-left h4:before {
  float: left;
  content: "";
  width: 6px;
  height: 6px;
  margin: 8px 10px 0 0;
  background: #1890FF;
  border-radius: 50%;
}

.title-sm .title-center {
  float: left;
  height: 20px;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title-sm .title-right {
  float: right;
  position: relative;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

/* 列表标题-3级 */
.title-xs {
  height: 30px;
  margin: 0 0 4px 0;
}

.title-xs .title-left {
  float: left;
  padding-top: 2px;
}

.title-xs .title-left h4 {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 14px;
  color: #444;
}

.title-xs .title-center {
  float: left;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title-xs .title-right {
  float: right;
  position: relative;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title-xs .title-right .btn {
  margin-right: 5px;
  padding: 0 6px;
  font-size: 12px;
}

/* 编辑表单的标题 */
.title-edit {
  height: 30px;
  margin: 0 0 9px 0;
}

.title-edit .title-left {
  float: left;
  padding-top: 5px;
}

.title-edit .title-left h4 {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 18px;
}

.title-edit .title-left h4:before {
  float: left;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 7px 10px 0 0;
  background: #fe9700;
}

.title-edit .title-right {
  float: right;
  position: relative;
}

/* 深色背景的标题 */
.title-darkbg {
  height: 30px;
  margin: 0 0 20px 0;
  background-color: #096DD9;
}

.title-darkbg .title-left {
  float: left;
}

.title-darkbg .title-left h4 {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
}

.title-darkbg .title-right {
  float: right;
  padding-top: 4px;
  padding-right: 10px;
  position: relative;
}

.title-darkbg .title-right .btn {
  padding: 0 8px;
  box-shadow: none;
}

/* 项目向导的标题 */
.title-xmxd {
  height: 30px;
  margin: 0 0 9px 0;
}

.title-xmxd .title-left {
  float: left;
  padding-top: 5px;
}

.title-xmxd .title-left h4 {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 18px;
}

.title-xmxd .title-left h4:before {
  float: left;
  content: "";
  width: 3px;
  height: 18px;
  margin: 1px 10px 0 0;
  background: #1890FF;
}

.title-xmxd .title-center {
  float: left;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.title-xmxd .title-right {
  float: right;
  position: relative;
  margin: 0 0 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

/* 多区块的标题（二级标题） */
.splitline {
  height: 30px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #EAEEF5;
}

.splitline .title-left {
  float: left;
  padding-top: 2px;
}

.splitline .title-left h4 {
  height: 20px;
  line-height: 20px;
  padding: 0;
  font-size: 16px;
}

.splitline .title-center {
  float: left;
  margin: 0 0 0 30px;
}

.splitline .title-right {
  float: right;
  position: relative;
}

.splitline .title-right .btn {
  padding: 0 8px;
  font-size: 12px;
}

/* 多区块展示的区块容器（二级标题） */
.splitcontent {
  margin: 35px 0 20px 0;
  padding: 35px 20px 20px 20px;
  border: 1px solid #EAEEF5;
  background-color: #fff;
  border-radius: 4px !important;
}

.splitcontent .splittitle {
  position: relative;
}

.splitcontent .splittitle .name {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #EAEEF5;
  background-color: #fff;
  position: absolute;
  top: -50px;
  left: 0;
}

.splitcontent .splittitle .name h4 {
  margin: 0;
  line-height: 28px;
  font-size: 16px;
}

.splitcontent .splittitle .tools {
  position: absolute;
  top: -50px;
  right: -10px;
  padding: 0 10px;
  background-color: #fff;
}

.splitcontent .form-group {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.splitcontent .table {
  margin-bottom: 10px;
}

.splitcontent.success .splittitle .name {
  background-color: #35aa47;
  border-color: #35aa47;
  color: #fff;
}

/* 流程审批页面的大标题 */
.title-lcsp {
  position: relative;
  height: 85px;
  margin: 0 0 20px 0;
  padding: 20px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.title-lcsp .title-left {
  flex: 1;
  -ms-flex: 1;
}

.title-lcsp .title-left h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.title-lcsp .title-left h4 .protype {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: normal;
  margin: 0 0 0 5px;
}

.title-lcsp .title-left h4 .protype.blue {
  background: #E6F7FF;
  border: 1px solid #91D5FF;
  color: #1890FF;
}

.title-lcsp .title-left h4 .protype.red {
  background: #FFF2E8;
  border: 1px solid #FFBB96;
  color: #FA541C;
}

.title-lcsp .title-left h4 .protype.green {
  background: #F6FFED;
  border: 1px solid #B7EB8F;
  color: #52C41A;
}

.title-lcsp .title-left h4 .protype.purple {
  background: #F9F0FF;
  border: 1px solid #D3ADF7;
  color: #722ED1;
}

.title-lcsp .title-left p {
  margin: 0;
  font-size: 14px;
}

.title-lcsp .title-left p > span {
  margin-right: 20px;
}

.title-lcsp .title-left p > span > em {
  color: #444;
  font-style: normal;
  margin-right: 10px;
}

.title-lcsp .title-center {
  float: left;
  margin: 0 0 0 80px;
}

.title-lcsp .title-center .stateseal {
  width: 110px;
  height: 70px;
  background: url("../img/stateseal.png") left top no-repeat;
}

.title-lcsp .title-center .statename {
  width: 110px;
  padding: 24px 0 0 0;
  font-size: 16px;
  font-weight: 700;
  color: #d84a38;
  text-align: center;
  transform: rotate(-18deg);
}

.title-lcsp .title-right dl {
  display: inline-block;
  width: 70px;
}

.title-lcsp .title-right dl a {
  display: block;
  text-align: center;
  cursor: pointer;
}

.title-lcsp .title-right dl:first-child {
  margin-left: 0;
}

.title-lcsp .title-right dl dt {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background: url(../img/icon-lcsp.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-return {
  background-position: 0 0;
}

.title-lcsp .title-right dl dt.icon-log {
  background-position: 0 -60px;
}

.title-lcsp .title-right dl dt.icon-process {
  background-position: 0 -120px;
}

.title-lcsp .title-right dl dt.icon-save {
  background-position: 0 -180px;
}

.title-lcsp .title-right dl dt.icon-back {
  background-position: 0 -240px;
}

.title-lcsp .title-right dl dt.icon-next {
  background-position: 0 -300px;
}

.title-lcsp .title-right dl dt.icon-submit {
  background-position: 0 -360px;
}

.title-lcsp .title-right dl dt.icon-countersign {
  background-position: 0 -420px;
}

.title-lcsp .title-right dl dt.icon-opinion {
  background-position: 0 -480px;
}

.title-lcsp .title-right dl dt.icon-print {
  background: url(../img/icon-lcsp-dy.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-circulation {
  background: url(../img/icon-lcsp-cy.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-endprocess {
  background: url(../img/icon-lcsp-jslc.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-previous {
  background: url(../img/icon-lcsp-syb.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-transfer {
  background: url(../img/icon-lcsp-zb.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-expandA {
  background: url(../img/icon-lcsp-kza.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-expandB {
  background: url(../img/icon-lcsp-kzb.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dt.icon-expandC {
  background: url(../img/icon-lcsp-kzc.png) no-repeat 0 0;
}

.title-lcsp .title-right dl dd {
  margin-top: 5px;
  color: #333;
}

.title-lcsp .title-right dl:hover dd {
  color: #1890FF;
  transition: all 0.15s ease-in;
}

.title-lcsp .title-right dl:hover dt {
  transform: scale(1.1, 1.1);
  transition: all 0.15s ease-in;
}

/* 流程审批页面的大标题-默认固定 */
.title-lcsp.affix, .title-lcsp.fixed {
  position: fixed;
  top: 60px;
  left: 220px;
  right: 0;
  z-index: 991;
}

.collapsed-menu .title-lcsp.affix, .collapsed-menu .title-lcsp.fixed {
  left: 60px;
}

.title-right > .btn:last-child {
  margin-right: 0 !important;
}

/* 清除浮动 */
.head:after,
.title:after,
.title-simple:after,
.title-sm:after,
.title-xs:after,
.title-edit:after,
.title-darkbg:after,
.title-xmxd:after,
.splitline:after,
.title-lcsp:after,
.title-xbj:after,
.tablesearch:after,
.content:after {
  content: "";
  display: table;
  clear: both;
}

/* 标准左树右内容布局 */
.layout {
  display: flex;
  display: -ms-flexbox;
}

.layout .layout-side {
  width: 260px;
  margin-right: 20px;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.layout .layout-content {
  flex: 1;
  -ms-flex: 1;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.layout .layout-side.nobg,
.layout .layout-content.nobg {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.layout .layout-side.hasline {
  border-right: 1px solid #EAEEF5;
  padding: 0 15px;
}

.layout:after {
  content: "";
  display: table;
  clear: both;
}

/* 标准右树左内容布局 */
.layout-r {
  display: flex;
  display: -ms-flexbox;
}

.layout-r .layout-r-content {
  flex: 1;
  -ms-flex: 1;
  margin-right: 20px;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.layout-r .layout-r-side {
  width: 260px;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.layout-r .layout-r-side.nobg,
.layout-r .layout-r-content.nobg {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.layout-r .layout-r-side.hasline {
  border-left: 1px solid #EAEEF5;
  padding: 0 15px;
}

.layout-r:after {
  content: "";
  display: table;
  clear: both;
}

/* 标准右树左内容布局 */
.layout-f .layout-f-content {
  float: left;
  width: 100%;
  padding-right: 280px !important;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.layout-f .layout-f-side {
  float: left;
  width: 260px;
  margin-left: -260px;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.layout-f .layout-f-side.nobg,
.layout-f .layout-f-content.nobg {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.layout-f .layout-f-side.hasline {
  border-left: 1px solid #EAEEF5;
  padding: 0 15px;
}

.layout-f:after {
  content: "";
  display: table;
  clear: both;
}

/* 左侧区域标题 */
.sidebar {
  height: 32px;
  margin: 0 0 15px 0;
  background-color: #F5F9FB;
  overflow: hidden;
}

.sidebar .sidebar-left {
  float: left;
}

.sidebar .sidebar-left h4 {
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  font-size: 16px;
}

.sidebar .sidebar-right {
  float: right;
}

/* 左侧通用列表 */
.sidelist {
  margin-bottom: 20px;
}

.sidelist li {
  margin-bottom: 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.sidelist li .s-title {
  width: 170px;
  color: #444;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidelist li .s-tools a {
  margin-right: 5px;
  color: #bbb;
  font-size: 12px;
}

.sidelist li .s-tools a:last-child {
  margin-right: 0;
}

.sidelist li:hover .s-title,
.sidelist li.active .s-title {
  color: #1890FF;
}

/* 顶部通用列表 */
.toplist {
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
  overflow: hidden;
}

.toplist li {
  float: left;
}

.toplist li a.textlink {
  display: block;
  padding: 10px 15px;
  pointer-events: none;
}

.toplist li a.textlink .s-info {
  line-height: 20px;
  color: #999;
}

.toplist li a.textlink .s-caption {
  line-height: 1.5;
  color: #777;
}

/* 不定高度通用列表 */
.flexlist li {
  margin-bottom: 15px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.flexlist li:last-child {
  margin-bottom: 0;
}

.flexlist li > div:last-child {
  flex: 1;
  margin-left: 10px;
}

/* 左右两侧等分 */
.halflist {
  margin-bottom: 15px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

/* 数据表格上方的查询（同head区查询布局） */
.tablesearch {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 0 0 0;
}

/* 数据表格上方的选择查询 */
.selectsearch {
  width: 100%;
  padding: 10px 0 0 0;
}

.selectsearch .selectlist .left {
  float: left;
  width: 160px;
  margin-right: 10px;
}

.selectsearch .selectlist .left .fieldname {
  display: inline-block;
  width: 100px;
}

.selectsearch .selectlist .left .fieldselall {
  display: inline-block;
  width: 50px;
}

.selectsearch .selectlist .left .fieldselall a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 10px;
  border-radius: 4px;
  background-color: #fff;
  color: #777;
  cursor: pointer;
}

.selectsearch .selectlist .left .fieldselall a.select {
  border-color: #1890FF;
  background-color: #1890FF;
  color: #fff;
  transition: all 0.3s linear;
}

.selectsearch .selectlist .right {
  display: table-cell;
  width: 9999px;
}

.selectsearch .selectlist .right a {
  display: inline-block;
  border: 1px solid transparent;
  padding: 0 10px;
  border-radius: 4px;
  background-color: #fff;
  color: #777;
  cursor: pointer;
  width: 202px;
  margin-right: 20px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectsearch .selectlist .right a.select {
  border-color: #1890FF;
  background-color: #1890FF;
  color: #fff;
  transition: all 0.3s linear;
}

/* 固定式分页条 */
.dataTables_bottom {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
  z-index: 99;
}

.dataTables_bottom:after {
  content: "";
  display: table;
  clear: both;
}

/* 处于主菜单页面中 */
.sl-mainpanel .dataTables_bottom {
  left: 240px;
}

.collapsed-menu .sl-mainpanel .dataTables_bottom {
  left: 90px;
}

/* 非固定在底部 */
.dataTables_bottom.nofix {
  position: relative;
  left: auto !important;
  right: auto;
  bottom: auto;
  margin: 10px 0 0 0;
}

/* 非边框和阴影 */
.dataTables_bottom.nobg {
  background: transparent;
  box-shadow: none;
}

.dataTables_bottom .dataTables_info {
  float: left;
  padding-top: 0;
  margin: 0 0 0 20px;
  color: #666;
}

.dataTables_bottom .dataTables_paginate {
  float: right;
  margin: 5px 20px 0 0;
}

.dataTables_bottom .dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}

.dataTables_bottom .dataTables_number {
  float: right;
  margin: 5px 10px 0 0;
}

.dataTables_bottom .dataTables_number select.form-control {
  padding-right: 24px;
  background: url("../img/select-down.png") #F5F9FB no-repeat right center;
}

.dataTables_bottom .dataTables_number select.form-control:focus {
  outline: 0;
  background-image: url("../img/select-up.png");
  border-color: #1890FF;
}

.dataTables_bottom .pagination > li > a, .dataTables_bottom .pagination > li > span {
  background: none;
  border: none;
  border-radius: 10px;
  color: #666;
}

.dataTables_bottom .pagination > li.disabled > a, .dataTables_bottom .pagination > li.disabled > span,
.dataTables_bottom .pagination > li.disabled:hover > a, .dataTables_bottom .pagination > li.disabled:hover > span {
  background: none;
  color: #bbb;
}

.dataTables_bottom .pagination > li:hover > a, .dataTables_bottom .pagination > li:hover > span {
  background: #1890FF;
  color: #fff;
}

.dataTables_bottom .pagination > li > a:focus, .dataTables_bottom .pagination > li > span:focus {
  background: none;
  color: #666;
}

.dataTables_bottom .pagination > .active > a, .dataTables_bottom .pagination > .active > span, .pagination > .active > a:hover,
.dataTables_bottom .pagination > .active > span:hover, .dataTables_bottom .pagination > .active > a:focus,
.dataTables_bottom .pagination > .active > span:focus {
  background: #1890FF;
  color: #fff;
}

.dataTables_bottom .dataTables_input {
  float: right;
  color: #666;
  margin: 0 20px 0 10px;
}

.dataTables_bottom .dataTables_input input.paginate_text {
  width: 50px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px;
  text-align: center;
  color: #666;
  background: #F5F9FB;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
}

.dataTables_bottom .dataTables_input input.paginate_text:focus {
  outline: 0;
  border: 1px solid #1890FF;
}

.dataTables_bottom .paginate_submit {
  width: 50px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  text-align: center;
  color: #fff;
  background: #1890FF;
  border: none;
  border-radius: 10px;
}

.dataTables_bottom .next a, .dataTables_bottom .last a {
  transform: rotate(180deg);
}

/* 固定式分页条-深色模式，适用于供应商画像、大屏 */
.dark-mode .dataTables_bottom {
  background-color: transparent;
}

.dark-mode .dataTables_bottom .dataTables_info, .dark-mode .dataTables_bottom .pagination > li > a, .dark-mode .dataTables_bottom .pagination > li > span {
  color: #79EEFF;
}

.dark-mode .dataTables_bottom .pagination > .active > a, .dark-mode .dataTables_bottom .pagination > .active > span, .pagination > .active > a:hover,
.dark-mode .dataTables_bottom .pagination > .active > span:hover, .dark-mode .dataTables_bottom .pagination > .active > a:focus,
.dark-mode .dataTables_bottom .pagination > .active > span:focus,
.dark-mode .dataTables_bottom .pagination > li:hover > a, .dark-mode .dataTables_bottom .pagination > li:hover > span {
  background: #79EEFF;
  color: #232F54;
}

/* 表单底部的按钮组 */
.bt-group-container {
  height: 50px;
  z-index: 999;
}

.bt-group {
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  z-index: 999;
  transition: all 0.05s ease-out;
}

.fixtop {
  margin: 0;
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 70px;
  top: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}

.fixbottom {
  margin: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

/* 非固定在底部 */
.bt-group.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
}

.sl-mainpanel .bt-group.fixed {
  left: 200px;
}

.collapsed-menu .sl-mainpanel .bt-group.fixed {
  left: 60px;
}

/* 放置文字的表格 */
.table-new {
  width: 100%;
  table-layout: fixed;
  border: none;
}

.table-new > thead > tr > th {
  padding: 8px 8px;
  height: 45px;
  vertical-align: middle;
  border: none;
  color: #666;
  font-size: 16px;
  font-weight: 400 !important;
  background-color: transparent;
  word-break: break-all;
  word-wrap: break-word;
}

.table-new > thead > tr > th > a {
  display: inline-block;
  margin-left: 8px;
  line-height: 9px;
}

.table-new > thead > tr > th > a > i {
  display: block;
  color: #bbb;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

.table-new > tbody > tr {
  background: #fff;
}

.table-new > tbody > tr > td {
  padding: 8px 8px;
  height: 55px;
  vertical-align: middle;
  border: none;
  border-top: 10px solid #F5F9FB;
  word-break: break-all;
  word-wrap: break-word;
}

.table-new > tbody > tr:first-child > td {
  border: none;
}

.table-new > thead > tr > th:first-child, .table-new > tbody > tr > td:first-child {
  padding-left: 30px;
}

.table-new > thead > tr > th:last-child, .table-new > tbody > tr > td:last-child {
  padding-right: 30px;
}

.table-new > tbody > tr > td:first-child {
  border-left: 3px solid #fff;
}

.table-new > tbody > tr:hover > td:first-child {
  border-left: 3px solid #1890FF;
}

.table-new > tbody > tr:hover > td:last-child {
  background: url("../img/td-corner.png") no-repeat right top;
}

/* 主容器 */
.grid {
  width: 100%;
  padding: 0;
}

.grid .thead > ul {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  background: transparent;
}

.grid .thead > ul > li {
  padding: 10px 8px;
  min-height: 45px;
  color: #606266;
  font-size: 16px;
  font-weight: 400 !important;
  word-break: break-all;
  word-wrap: break-word;
}

.grid .thead > ul:after {
  content: "";
  display: table;
  clear: both;
}

.grid .tbody > ul {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin-bottom: 10px;
  background: #fff;
  border-left: 3px solid #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.grid .tbody > ul > li {
  padding: 15px 8px;
  min-height: 55px;
  word-break: break-all;
  word-wrap: break-word;
}

.grid .tbody > ul:after {
  content: "";
  display: table;
  clear: both;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
}

.grid .tbody > ul:hover {
  border-color: #1890FF;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  transition: all 0.15s linear;
}

.grid .tbody > ul:hover:after {
  background: url("../img/td-corner.png") no-repeat right top;
}

.grid .thead > ul > li:first-child,
.grid .tbody > ul > li:first-child {
  padding-left: 20px;
}

.grid .thead > ul > li:last-child,
.grid .tbody > ul > li:last-child {
  padding-right: 10px;
}

/* 主容器-编辑 */
.grid-edit {
  width: 100%;
  padding: 0;
}

.grid-edit > .thead > ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #FAFCFD;
}

.grid-edit > .thead > ul > li {
  display: table-cell;
  padding: 10px 8px;
  height: 45px;
  vertical-align: middle;
  color: #606266;
  font-size: 16px;
  font-weight: 400 !important;
  word-break: break-all;
  word-wrap: break-word;
}

.grid-edit > .thead > ul:after {
  content: "";
  display: table;
  clear: both;
}

.grid-edit > .tbody > ul {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  border-top: 1px solid #EAEEF5;
}

.grid-edit > .tbody > ul > li {
  display: table-cell;
  padding: 10px 8px;
  height: 45px;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-word;
}

.grid-edit > .tbody > ul > li > i {
  color: #bbb;
}

.grid-edit > .tbody > ul.active {
  background: #FAFCFD;
}

.grid-edit > .thead > ul > li:first-child,
.grid-edit > .tbody > ul > li:first-child {
  padding-left: 20px;
}

.grid-edit > .thead > ul > li:last-child,
.grid-edit > .tbody > ul > li:last-child {
  padding-right: 10px;
}

/* 主容器-弹窗内用 */
.grid-sm {
  width: 100%;
  padding: 0;
}

.grid-sm > .thead > ul {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  background: transparent;
  border-bottom: 1px solid #EAEEF5;
}

.grid-sm > .thead > ul > li {
  padding: 9px 5px;
  min-height: 40px;
  color: #606266;
  font-size: 16px;
  font-weight: 400 !important;
  word-break: break-all;
  word-wrap: break-word;
}

.grid-sm > .tbody > ul {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin-bottom: 0;
  background: #fff;
  border-bottom: 1px solid #EAEEF5;
}

.grid-sm > .tbody > ul > li {
  padding: 9px 5px;
  min-height: 40px;
  word-break: break-all;
  word-wrap: break-word;
}

.grid-sm > .tbody > ul > li > i {
  color: #bbb;
}

.grid-sm > .tbody > ul.active {
  background: #FAFCFD;
}

.grid-sm > .thead > ul > li:first-child,
.grid-sm > .tbody > ul > li:first-child {
  padding-left: 20px;
}

.grid-sm > .thead > ul > li:last-child,
.grid-sm > .tbody > ul > li:last-child {
  padding-right: 10px;
}

/* 标题栏内的工具图标 */
table > thead > tr > th > a.thtools {
  display: inline-block;
  margin-left: 8px;
  line-height: 9px;
}

table > thead > tr > th > a.thtools > i {
  display: block;
  color: #bbb;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

/* 图标及avtive状态 */
.thead > ul > li > a {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-left: 8px;
  border-radius: 50%;
}

.thead > ul > li > a > i {
  display: block;
  color: #bbb;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

.thead > ul > li > a:hover {
  background: #ccc;
}

.thead > ul > li > a:hover > i {
  color: #fff;
}

.tbody > ul.active {
  background: #f6f6f6;
}

/* 下拉菜单向上伸展 */
.btn-group .dropdown-menu.dropdown-up {
  bottom: 100%;
  top: auto;
}

.btn-group .dropdown-menu.dropdown-down {
  top: 100%;
  bottom: auto;
}

/* table溢出控制 */
.table-overflow {
  table-layout: fixed;
}

.table-overflow > thead > tr > th, .table-overflow > tbody > tr > td {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* table固定高度 */
.table-fixed {
  width: 100%;
  max-height: 700px;
  overflow-y: auto;
}

.table-fixed table thead {
  position: sticky;
  z-index: 1;
}

.table-fixed table thead tr th {
  background-clip: padding-box;
}

@media screen and (max-height: 900px) {
  .table-fixed {
    max-height: 600px;
  }
}
@media screen and (max-height: 800px) {
  .table-fixed {
    max-height: 500px;
  }
}
@media screen and (max-height: 700px) {
  .table-fixed {
    max-height: 400px;
  }
}
@media screen and (max-height: 600px) {
  .table-fixed {
    max-height: 300px;
  }
}
@media screen and (max-height: 500px) {
  .table-fixed {
    max-height: 200px;
  }
}
/* 内部嵌套表格 */
.table-inner > thead > tr > th {
  font-size: 12px;
  padding: 4px;
}

.table-inner > tbody > tr > td {
  font-size: 12px;
  padding: 4px;
  word-break: normal;
  white-space: normal;
}

/* grid及grid-edit溢出控制 */
.grid-overflow li {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* grid边框 */
.grid-bordered {
  border: 1px solid #EAEEF5;
}

.grid-bordered > .thead > ul > li {
  border-right: 1px solid #EAEEF5;
}

.grid-bordered > .tbody > ul > li {
  border-right: 1px solid #EAEEF5;
}

.grid-bordered > .tbody > ul:last-child {
  border-bottom: none;
}

.grid-bordered > .thead > ul > li:last-child,
.grid-bordered > .tbody > ul > li:last-child {
  border-right: none;
}

/* grid无边框 */
.grid-nobordered {
  border: 1px solid transparent;
}

.grid-nobordered > .thead > ul > li {
  border-right: 1px solid transparent;
}

.grid-nobordered > .tbody > ul > li {
  border-right: 1px solid transparent;
}

/* grid间隔背景 */
.grid-striped ul:nth-of-type(even) {
  background-color: #FAFCFD;
}

/* grid悬浮变色 */
.grid-hover > .tbody > ul:hover {
  background-color: #FAFCFD;
}

/* 元素溢出控制 */
.element-overflow {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 扩展字段展示式表格 */
.expand-icon {
  cursor: pointer;
}

.expand-icon i {
  padding: 0 8px;
  font-size: 16px;
  color: #666;
}

.expand-content {
  padding: 15px 15px 10px 12px;
  border-bottom: 1px solid #EAEEF5;
  display: none;
}

.expand-content:after {
  display: table;
  content: "";
  clear: both;
}

.expand-content.active {
  display: block;
}

/* 表格无数据时的提示图 */
.nodata {
  width: 100%;
  height: 140px;
  margin: 0 auto;
  background: url("../img/nocontent.png") #fff no-repeat center center;
  border-radius: 0 0 10px 10px;
}

.notallow {
  width: 100%;
  height: 140px;
  margin: 0 auto;
  background: url("../img/notallow.png") #fff no-repeat center center;
  border-radius: 0 0 10px 10px;
}

.opentext {
  width: 100%;
  height: 100px;
  margin: 0 auto;
  background: url("../img/opentext.png") #fff no-repeat center center;
  border-radius: 0 0 10px 10px;
}

.nobg .nodata, .nobg .notallow, .nobg .opentext {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.container-popup .nodata,
.container-embed .nodata {
  box-shadow: none !important;
}

/* 无数据时的提示图-深色模式 */
.nodata.dark {
  height: 200px;
  background: url("../img/nocontent-dark.png") no-repeat center center;
}

/*无阴影*/
.noshadow {
  box-shadow: none !important;
}

/*单元格背景*/
.tdbg {
  background: #FAFCFD;
}

/* 提示页面-无权限 */
.sys-info {
  width: 600px;
  margin: 20px auto;
  display: table;
}

.sys-info .pic {
  display: table-cell;
  width: 200px;
  height: 120px;
  vertical-align: middle;
}

.sys-info .pic.img400 {
  background: url("../img/400.png") no-repeat center center;
}

.sys-info .pic.img403 {
  background: url("../img/403.png") no-repeat center center;
}

.sys-info .pic.img404 {
  background: url("../img/404.png") no-repeat center center;
}

.sys-info .pic.img500 {
  background: url("../img/500.png") no-repeat center center;
}

.sys-info .pic.imgexception {
  background: url("../img/exception.png") no-repeat center center;
}

.sys-info .pic.imgnoauthority {
  background: url("../img/noauthority.png") no-repeat center center;
}

.sys-info .pic.imgloginfailed {
  background: url("../img/loginfailed.png") no-repeat center center;
}

.sys-info .pic.imgunauthorized {
  width: 500px;
  height: 302px;
  background: url("../img/unauthorized.png") no-repeat center center;
}

.sys-info .details {
  display: table-cell;
  width: 400px;
  height: 120px;
  padding-left: 40px;
  border-left: 1px solid #EAEEF5;
  vertical-align: middle;
}

.sys-info .details h3 {
  margin: 20px 0 10px 0;
  line-height: 30px;
  word-break: break-all;
}

/* 行排列 */
.control-inline {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -ms-flex-align: start;
  position: relative;
}

/* 自定义表格字段-下拉菜单 */
.diycols ul.dropdown-menu li a {
  margin: 4px;
  line-height: 18px;
  font-size: 14px;
}

.diycols ul.dropdown-menu li a input[type=checkbox],
.diycols ul.dropdown-menu li a input[type=radio] {
  margin: 2px 10px 0 0;
}

/*日期组件*/
/*.input-group.date,.input-group.choose{ display: inline; }
.input-group.date .input-group-addon,.input-group.date .input-group .input-group-addon{ background: none; padding: 0; left: -16px; position: relative; z-index: 999; float: right; top: -22px; }
.input-group.date .input-group-addon  i,.input-group.date .input-group .input-group-addon  i{ color: $gray6; font-size: $font; font-weight: 500; }*/
/*选择组件*/
.input-group.choose .input-group-btn {
  background: none;
  padding: 0;
  left: -16px;
  position: relative;
  z-index: 999;
  float: right;
  top: -22px;
}

.input-group.choose .input-group-btn > .btn {
  background: #666;
  width: 14px;
  height: 14px;
  padding: 0;
  border-radius: 50%;
  text-indent: -9999px;
  display: inline-block;
  border: none;
}

.input-group.choose .input-group-btn > .btn:focus {
  outline: none;
  border: none;
}

.input-group.choose .input-group-btn > .btn:after {
  display: inline-block;
  content: " ";
  height: 6px;
  width: 6px;
  border-width: 0 1px 1px 0;
  border-color: #fff;
  border-style: solid;
  transform-origin: center;
  transition: transform 0.3s;
  position: absolute;
  top: 4px;
  right: 5px;
  transform: rotate(-45deg);
}

/* 载入中图标 */
.loading-icon {
  width: 60px;
  height: 24px;
  margin: 0 auto;
  margin-top: 100px;
  background: url(../img/loading.gif) 0 0 no-repeat;
}

/* 温馨提示样式 */
.tips {
  position: relative;
  margin-bottom: 20px;
  padding: 10px 10px 10px 35px;
  line-height: 24px;
  background: #fff;
  color: #EE9918;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.tips:before {
  position: absolute;
  top: 15px;
  left: 15px;
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-family: "iconfont";
  content: "\e81f";
}

.tips.nobg {
  margin-bottom: 15px;
  padding: 0 0 0 20px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.tips.nobg:before {
  top: 4px;
  left: 0;
}

.tips.text-muted {
  color: #444;
}

/* 通过、未通过、已完成的图标展示 */
.icon-tg, .icon-wtg, .icon-ycw {
  width: 80px;
  height: 45px;
}

.icon-tg {
  background: url(../img/icon-tg.png) 0 0 no-repeat;
}

.icon-wtg {
  background: url(../img/icon-wtg.png) 0 0 no-repeat;
}

.icon-ycw {
  background: url(../img/icon-ycw.png) 0 0 no-repeat;
}

/* block块级的增加按钮 */
.dynamicadd {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dynamicadd .btn.btn-xs {
  display: block;
  width: 100%;
  padding: 4px;
  border: 1px dashed #DCDFE3;
  background: #F5F9FB;
  border-radius: 10px;
}

.dynamicadd:hover .btn.btn-xs {
  border-color: #1890FF;
  color: #1890FF;
}

.dynamicadd-dashed {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dynamicadd-dashed .btn.btn-xs {
  display: block;
  width: 100%;
  padding: 4px;
  border: 1px dashed #DCDFE3;
  background: transparent;
  border-radius: 10px;
}

.dynamicadd-dashed:hover .btn.btn-xs {
  border-color: #1890FF;
  color: #1890FF;
}

/* 排序按钮组 */
.sort-button {
  display: inline-block;
  vertical-align: top;
}

.sort-button ul {
  overflow: hidden;
}

.sort-button ul li {
  float: left;
}

.sort-button ul li a {
  display: block;
  border-left: 0;
  color: #777;
  border-radius: 0 !important;
}

.sort-button ul li:first-child a {
  border-left: 1px solid #ccc;
}

.select-tools {
  margin-top: 5px;
  overflow: hidden;
}

.select-tools h5 {
  float: left;
  margin-top: 5px;
}

.select-tools ul {
  float: left;
  overflow: hidden;
}

.select-tools ul li {
  float: left;
}

.select-tools ul li a {
  display: block;
  color: #1890FF;
  background: #E6F7FF;
  border: 1px solid #91D5FF;
  border-radius: 10px;
  padding: 1px 5px 1px 5px;
  margin-right: 10px;
}

.select-tools ul li a i {
  display: inline-block;
  margin-left: 5px;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

.select-tools ul li a i:hover {
  background-color: #1890FF;
  color: #fff;
}

.select-tools .nextbt {
  float: left;
  padding: 1px 12px;
}

/* 选择区域 */
.selectsortregion .selectbt {
  padding: 5px 0 5px 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.selectsortregion .selectbt .btn-add {
  line-height: 20px;
  font-size: 20px;
  padding: 3px 7px 5px 7px;
  border: 1px solid #ddd;
  color: #999;
}

.selectsortregion .filelist {
  position: relative;
  margin-bottom: 0;
  font-size: 13px;
}

.selectsortregion .filelist li {
  position: relative;
  line-height: 30px;
}

.selectsortregion .filelist li {
  word-wrap: break-word;
  word-break: break-all;
}

.selectsortregion .filelist li b {
  position: absolute;
  top: 0;
  right: 60px;
  font-weight: 400;
}

.selectsortregion .filelist li .btn-del {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
}

/* 审批日志 */
.vertical-container-sprz {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.vertical-container-sprz:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-container-sprz .vertical-timeline-block {
  position: relative;
  padding-bottom: 20px;
}

.vertical-container-sprz .vertical-timeline-block:last-child {
  padding-bottom: 0;
}

.vertical-container-sprz .vertical-timeline-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 11px;
  height: 100%;
  width: 1px;
  background: #EAEEF5;
}

.vertical-container-sprz .vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-container-sprz .vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-align: center;
}

.vertical-container-sprz .vertical-timeline-icon i {
  display: block;
  font-size: 12px;
  line-height: 22px;
}

.vertical-container-sprz .vertical-timeline-content {
  position: relative;
  margin-left: 32px;
}

.vertical-container-sprz .vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-container-sprz .vertical-timeline-content h4 {
  line-height: 22px;
  font-size: 14px;
  color: #303133;
}

.vertical-container-sprz .vertical-timeline-content .contitle {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin: 10px 0 0 0;
  padding: 5px 20px 5px 12px;
  border: 1px solid #EAEEF5;
  background: #FAFCFD;
  color: #444;
  border-radius: 6px 6px 0 0;
}

.vertical-container-sprz .vertical-timeline-content .contitle h5 {
  font-weight: 400;
  font-size: 14px;
  color: #303133;
}

.vertical-container-sprz .vertical-timeline-content .contitle h5:before {
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  color: #bbb;
  font-family: iconfont;
  content: "\e831";
}

.vertical-container-sprz .vertical-timeline-content .contitle h5.sphj-done {
  color: #1890FF;
}

.vertical-container-sprz .vertical-timeline-content .contitle h5.sphj-current {
  color: #EE9918;
}

.vertical-container-sprz .vertical-timeline-content .contitle h5.sphj-undone {
  color: #303133;
}

.vertical-container-sprz .vertical-timeline-content .contitle .title-right a i:before {
  display: block;
  font-size: 14px;
  color: #606266;
  font-family: iconfont;
  content: "\e6d6";
  font-style: normal;
}

.vertical-container-sprz .vertical-timeline-content .contitle .title-right a.collapsed i:before {
  transform: rotate(180deg);
  transition: all 0.1s linear;
}

.vertical-container-sprz .vertical-timeline-content .conbody {
  position: relative;
  margin: 0;
  padding: 20px;
  border: 1px solid #EAEEF5;
  border-top: 0;
  background: #fff;
  color: #222;
  border-radius: 0 0 6px 6px;
}

.vertical-container-sprz .vertical-timeline-content .conbody section {
  position: relative;
  padding: 0 0 20px 25px;
}

.vertical-container-sprz .vertical-timeline-content .conbody section h6 {
  font-weight: 400;
  font-size: 14px;
  color: #303133;
}

.vertical-container-sprz .vertical-timeline-content .conbody section:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  height: 100%;
  width: 1px;
  background: #EAEEF5;
}

.vertical-container-sprz .vertical-timeline-content .conbody section:last-child:before {
  display: none;
}

.vertical-container-sprz .vertical-timeline-content .conbody section:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 11px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #ccc;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-done h6 {
  color: #1890FF;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-done:before {
  background: #1890FF;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-done:after {
  border-color: #1890FF;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-current h6 {
  color: #EE9918;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-current:before {
  background: #EE9918;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-current:after {
  border-color: #EE9918;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-undone h6 {
  color: #303133;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-undone:before {
  background: #ccc;
}

.vertical-container-sprz .vertical-timeline-content .conbody section.spjd-undone:after {
  border-color: #ccc;
}

.vertical-container-sprz .vertical-timeline-content .doublerow {
  margin: 10px 0 0 0;
  padding: 6px 20px 6px 12px;
  border: 1px solid #EAEEF5;
  background: #FAFCFD;
  color: #444;
  border-radius: 6px 6px 0 0;
}

.vertical-container-sprz .vertical-timeline-content p {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  margin: 10px 0 0 0;
  padding: 5px 20px 5px 12px;
  border: 1px solid #EAEEF5;
  background: #FAFCFD;
  color: #444;
  border-radius: 6px 6px 0 0;
}

.vertical-container-sprz .vertical-timeline-content span > .iconfont {
  font-size: 12px;
  color: #bbb;
}

.vertical-container-sprz .vertical-timeline-content .sprz-name {
  margin-right: 10px;
}

.vertical-container-sprz .vertical-timeline-content .sprz-info {
  margin-right: 40px;
  color: #8F9399;
}

.vertical-container-sprz .vertical-timeline-content .sprz-date1 {
  margin-right: 10px;
}

.vertical-container-sprz .vertical-timeline-content .sprz-date2 {
  margin-right: 10px;
}

.vertical-container-sprz .vertical-timeline-content .sprz-stay {
  position: absolute;
  right: 20px;
  font-size: 12px;
  color: #222;
}

.vertical-container-sprz .vertical-timeline-content .sprz-stay.warning {
  color: #FA541C;
}

.vertical-container-sprz .vertical-timeline-content .sprz-stay.warning > .iconfont {
  color: #FA541C;
}

.vertical-container-sprz .vertical-timeline-content .text-detail {
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #EAEEF5;
  border-top: 0;
  background: #fff;
  color: #222;
  border-radius: 0 0 6px 6px;
}

.vertical-container-sprz .vertical-timeline-content .text-detail > .sprz-title {
  color: #8F9399;
}

.vertical-container-sprz textarea {
  width: calc(100% - 35px);
  margin-left: 35px;
}

/* 审批日志环节状态 */
.vertical-timeline-block.lcsp-done:before {
  background: #1890FF;
}

.vertical-timeline-block.lcsp-done .vertical-timeline-icon {
  background: #1890FF;
  color: #fff;
}

.vertical-timeline-block.lcsp-current .vertical-timeline-icon {
  background: #fae0ba;
  color: #EE9918;
}

.vertical-timeline-block.lcsp-undone .vertical-timeline-icon {
  background: #ccc;
  color: #fff;
}

.select-content {
  width: 100%;
  min-height: 160px;
  display: inline-block;
  border: 1px solid #1890FF;
  padding: 5px;
  position: relative;
  background-color: #fff;
}

.select-content span {
  color: #1890FF;
  height: 15px;
  width: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #1890FF;
  cursor: pointer;
}

.select-title {
  width: 100%;
  border-bottom: 1px solid #1890FF;
  margin-bottom: 15px;
}

.select-title .biaoti {
  display: inline-block;
  line-height: 34px;
  font-size: 14px;
  padding: 0 20px;
  text-align: center;
  background-color: #1890FF;
  color: #fff !important;
}

/* 审批日志-无时间线 */
.vertical-container-sprz.noleft {
  padding-bottom: 10px;
}

.vertical-container-sprz.noleft .vertical-timeline-block:before {
  background: none;
}

.vertical-container-sprz.noleft .vertical-timeline-content {
  margin-left: 0;
}

.vertical-container-sprz.noleft .vertical-timeline-content span > .iconfont {
  color: #1890FF;
}

.vertical-container-sprz.noleft .vertical-timeline-content .sprz-name {
  color: #222;
}

.vertical-container-sprz.noleft .vertical-timeline-content .sprz-info {
  color: #666;
}

/* 信息提示 */
.info-box {
  margin: 0 auto;
}

.info-box > .icon-success {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url("../img/icon-success.png") no-repeat 0 0;
}

.info-box > .icon-error {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url("../img/icon-error.png") no-repeat 0 0;
}

.info-box > .icon-warning {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url("../img/icon-warning.png") no-repeat 0 0;
}

.info-box h4 {
  margin: 20px 0;
  text-align: center;
}

.info-box p {
  margin: 20px 0 10px 0;
  color: #444;
}

.info-box ul {
  padding: 10px 21px;
  border: 1px solid #DCDFE3;
  background: #F5F9FB;
}

.info-box ul li {
  color: #333;
  line-height: 32px;
}

.info-box ul li i {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url("../img/icon-error-xs.png") no-repeat 0 0;
}

.info-box ul li i.error {
  background: url("../img/icon-error-xs.png") no-repeat 0 0;
}

.info-box ul li i.success {
  background: url("../img/icon-success-xs.png") no-repeat 0 0;
}

.info-box ul li i.warning {
  background: url("../img/icon-warning-xs.png") no-repeat 0 0;
}

.info-box ul li a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

/* 可以单独使用的状态图标 */
.icon-error-sm, .icon-success-sm, .icon-warning-sm {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../img/icon-error-sm.png) center middle no-repeat;
}

.icon-error-sm {
  background: url(../img/icon-error-sm.png) 0 0 no-repeat;
}

.icon-success-sm {
  background: url(../img/icon-success-sm.png) 0 0 no-repeat;
}

.icon-warning-sm {
  background: url(../img/icon-warning-sm.png) 0 0 no-repeat;
}

/* 可以单独使用的状态图标 */
.icon-error-xs, .icon-success-xs, .icon-warning-xs {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url(../img/icon-error-xs.png) center middle no-repeat;
}

.icon-error-xs {
  background: url(../img/icon-error-xs.png) 0 0 no-repeat;
}

.icon-success-xs {
  background: url(../img/icon-success-xs.png) 0 0 no-repeat;
}

.icon-warning-xs {
  background: url(../img/icon-warning-xs.png) 0 0 no-repeat;
}

/* 个人资料 */
.grzl {
  overflow: hidden;
}

.grzl .grzl-side {
  float: left;
  width: 260px;
  margin-right: 10px;
  height: 600px;
}

.grzl .grzl-content {
  display: table-cell;
  width: 9999px;
  height: 600px;
}

.grzl .grzl-header {
  padding: 40px 15px;
  background-color: #fff;
}

.grzl .grzl-footer {
  padding: 10px;
  background-color: #f5f5f5;
}

.grzl .account-stat-count {
  display: block;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 300;
  color: #333;
}

.float-right {
  width: 100px;
  background: #1890FF;
  position: absolute;
  left: 82%;
  top: 150px;
  z-index: 800;
}

.float-right a {
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}

.float-right a:hover {
  background: #d84a38;
  transition: all 0.3s linear;
}

.form-group.has-modify {
  border: solid 1px red;
}

.form-group.has-modify .form-control-static {
  color: red;
  font-weight: 700;
}

.form-group.has-modify .help-block {
  color: green;
  font-weight: 700;
}

.has-modify .title-left h4 {
  color: red;
  font-weight: 700;
}

.xxsh-title {
  font-size: 20px !important;
  text-align: center;
  color: #d84a38;
  font-weight: 300;
}

/* 被选择的供应商 */
.select-result {
  margin: 0 0 20px 0;
  padding-left: 20px;
  overflow: hidden;
}

.select-result h5 {
  float: left;
  margin-right: 20px;
}

.select-result ul {
  float: left;
  overflow: hidden;
}

.select-result ul li {
  float: left;
  margin-top: 5px;
}

.select-result ul li a {
  display: block;
  color: #777;
  padding-left: 10px;
  margin-right: 30px;
  border: solid 1px #35aa47;
}

.select-result ul li a i {
  margin-left: 10px;
  padding: 5px 18px 5px 8px;
  background-color: #35aa47;
  color: #fff;
}

/* 外网注册页面 */
.zccontainer {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.zc-logo {
  height: 50px;
  background: url("../img/logo-zc.png") no-repeat center center;
}

.zhmm-logo {
  height: 50px;
  background: url("../img/logo-zhmm.png") no-repeat center center;
}

.zccontainer h3 {
  margin: 30px 0 50px 0;
  font-size: 28px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.zccontainer .zchead {
  padding: 0;
  margin: 0;
  background-color: #096DD9;
  overflow: hidden;
}

.zccontainer .zchead .left {
  float: left;
  width: 500px;
}

.zccontainer .zchead .left .zcico {
  float: left;
  width: 60px;
  line-height: 60px;
  padding: 0 15px;
  background-color: #fe9700;
  font-size: 30px;
  color: #fff;
  margin-right: 20px;
}

.zccontainer .zchead .left .name {
  font-size: 20px;
  line-height: 60px;
  color: #fff;
}

.zccontainer .zchead .right {
  float: right;
  width: 300px;
  padding-right: 20px;
  line-height: 60px;
  text-align: right;
}

.zccontainer .zchead .right a:hover {
  background: #fe9700;
}

.zccontainer .zcbody {
  overflow: hidden;
}

.zccontainer .zcbody .left {
  float: left;
  width: 845px;
  margin-top: 30px;
}

.zccontainer .zcbody .right {
  float: right;
  min-height: 680px;
  width: 265px;
  background: url("../img/reg-write.png") no-repeat center 50px;
}

.zccontainer .zcbody .right.zhmm {
  background: url("../img/reg-password.png") no-repeat center 50px;
}

.zccontainer .content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* 询比价-编制询价单-综合项信息 */
.xjd-info .xjd-c {
  border: 1px #ddd solid;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.xjd-info ul {
  margin-bottom: 0;
  height: 66px;
}

.xjd-info ul li {
  line-height: 22px;
  height: auto;
  float: left;
  width: 85%;
}

.xjd-info ul li span {
  font-weight: 600;
  width: auto;
  float: left;
  text-align: left;
  margin-right: 5px;
}

.xjd-info button.btn {
  float: right;
  position: relative;
  top: -5px;
  right: -5px;
  padding: 2px 5px;
  line-height: none;
  border-radius: 4px;
}

/* 询比价-我的询比价项目-表格展示 */
table.project-table tr > td {
  border: none;
  line-height: 2;
}

table.project-table .project-title {
  background-color: #f5f5f5;
}

table.project-table .project-title h5 {
  margin: 4px 0;
}

/* 询比价-比价-已报价与未报价图标 */
.icon-ybj, .icon-wbj, .icon-ybjzc, .icon-wbjzc {
  width: 80px;
  height: 45px;
  display: inline-block;
  text-indent: -9999px;
}

.icon-ybj {
  background: url(../img/icon-ybj.png) 0 0 no-repeat;
}

.icon-ybjzc {
  background: url(../img/icon-ybjzc.png) 0 0 no-repeat;
}

.icon-wbj {
  background: url(../img/icon-wbj.png) 0 0 no-repeat;
}

.icon-wbjzc {
  background: url(../img/icon-wbjzc.png) 0 0 no-repeat;
}

.icon-nzb-large, .icon-zb-large {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

.icon-nzb-large {
  background: url(../img/icon-nzb-large.png) 0 0 no-repeat;
}

.icon-zb-large {
  background: url(../img/icon-zb-large.png) 0 0 no-repeat;
}

.icon-wzb-small, .icon-zb-small {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

.icon-wzb-small {
  background: url(../img/icon-wzb-small.png) 0 0 no-repeat;
}

.icon-zb-small {
  background: url(../img/icon-zb-small.png) 0 0 no-repeat;
}

/* 交易主体信息查看 */
.jyzt_info {
  width: 100%;
  height: auto;
  background: #f6fbff;
  border: 1px #d2e9fb solid;
  padding: 15px;
  overflow: hidden;
  margin: 15px 0px;
}

.jyzt_content h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

.jyzt_content h2 span {
  border-radius: 3px;
  color: #fff;
  margin-left: 10px;
  padding: 2px 6px;
  font-size: 12px;
}

.jyzt_contact, .jyzt_txt {
  width: 100%;
  float: left;
  margin: 5px 0px;
}

.jyzt_contact ul li {
  float: left;
  color: #1890FF;
  margin-right: 20px;
}

.jyzt_contact ul li > i {
  margin-right: 5px;
}

.jyzt_txt {
  color: #666;
}

.jyzt_zz {
  width: 40px;
  height: 22px;
  line-height: 25px;
  color: #fff;
  background: #FE893B;
  border-radius: 3px;
  text-align: center;
  position: absolute;
  right: 20px;
  margin-top: -17px;
}

.jyzt_img {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  line-height: 120px;
  background: #ededed;
  text-align: center;
}

.jyzt_img i {
  font-size: 50px;
  color: #bcc0cb;
}

.jyzt_address {
  width: 100%;
  margin-top: 15px;
  color: #1ab394;
  text-align: center;
}

.jyzt_address > i {
  margin-right: 10px;
}

.nav-jyzt.nav-tabs > li > a > i {
  position: relative;
  top: 0;
}

.nav-jyzt.nav-tabs > li {
  border-right: 1px #dbdbdb solid;
  margin: 5px 0;
}

.nav-jyzt.nav-tabs > li.active {
  border-right: none;
}

.content .jyzt_main .title {
  background: #f6f6f6;
  border-bottom: none;
}

.content .jyzt_main .title .title-left {
  margin-left: 10px;
}

/* 竞价-分包设置 */
.packagebody {
  width: 100%;
  position: relative;
}

.packagelist-c {
  overflow: hidden;
  display: none;
}

.packagelist-c.active {
  display: block;
}

.packagelist-c .packagelist {
  width: 100%;
}

.packagelist-c .packagelist li {
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
  color: #777;
}

.packagelistall-c {
  overflow: hidden;
  display: none;
}

.packagelistall-c.active {
  display: block;
}

.packagelistall-c .packagelistall {
  width: 100%;
}

.packagelistall-c .packagelistall li {
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
  color: #777;
}

/* 分包展示 */
/*.package-thumb { padding: 0; border: 1px solid $grayd; background-color: #fff; border-radius: 4px; cursor: pointer; overflow: hidden; }
.package-thumb .package-thumb-icon { float: right; width: 40px; height: 40px; padding: 4px; }
.package-thumb .package-thumb-icon i.state { display:block; width: 32px; height: 32px; background:url("../img/pb/icon-packagestate.png") no-repeat 0 0; }
.package-thumb .package-thumb-body { position: relative; padding: 2px 10px 2px 10px; }
.package-thumb .package-thumb-body .subtitle { display: block; font-size: $font; font-weight: 400; color: $gray9; }
.package-thumb .package-thumb-body .statbody { display: block; font-size: $font; font-weight: 400; color: $gray3; }
.package-thumb .package-thumb-body i.checkmark  { display:none; width:16px; height:16px; position:absolute; right:0; bottom:0; background:url("../img/checkmark-info.png") no-repeat;}

.package-thumb.undone .package-thumb-icon i.state { background-position: 0 -96px; }
.package-thumb.done .package-thumb-icon i.state { background-position: 0 -128px; }
.package-thumb.wbz .package-thumb-icon i.state { background-position: 0 -160px; }
.package-thumb.ybz .package-thumb-icon i.state { background-position: 0 -192px; }

.package-thumb.select { border-color: $primary; background-color: $grayf5; }
.package-thumb.select .package-thumb-body i.checkmark { display:block; }*/
/* 分包收缩展示 */
.package-main {
  position: relative;
  height: 55px;
  margin-bottom: 20px;
  padding: 15px 15px 0 15px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.package-main .package-few {
  display: flex;
  display: -ms-flexbox;
}

.package-main .package-few .packagelist {
  flex: 1;
  -ms-flex: 1;
}

.package-main .package-all {
  padding: 15px;
  position: absolute;
  background: #fff;
  border-top: 1px solid #DCDFE3;
  box-shadow: 0 10px 20px 0 rgba(44, 48, 49, 0.12);
  max-height: 600px;
  overflow-y: scroll;
  z-index: 9999;
}

/* 分包列表 */
.packagelist {
  position: absolute;
  left: 0;
  top: 15px;
  padding-left: 15px;
  max-height: 40px;
  width: calc(100% - 120px);
  overflow: hidden;
  z-index: 1000;
}

.packagelist:before {
  content: "";
  display: table;
}

.packagelist:after {
  content: "";
  display: table;
  clear: both;
}

.packagelist.expanded {
  max-height: 500px;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(44, 48, 49, 0.12);
  border-radius: 10px;
  transition: all 0.15s linear;
  overflow-y: auto;
}

.packagelist > li {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}

.packagelist > li > .package-thumb {
  position: relative;
  height: 30px;
  padding: 0;
  border: 1px solid #DCDFE3;
  background: #F5F9FB;
  border-radius: 10px;
  cursor: pointer;
}

.packagelist > li > a.btn {
  padding: 4px 7px;
}

.packagelist > li > a.btn > i {
  margin-right: 0;
  color: #aeb5be;
}

.packagelist > li > .package-thumb .package-thumb-select {
  position: absolute;
  top: -1px;
  left: -1px;
  border: 1px solid #DCDFE3;
  background: #F5F9FB;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.packagelist > li > .package-thumb .package-thumb-select.select {
  border-color: #91D5FF;
  background: #E6F7FF;
}

.packagelist > li > .package-thumb .package-thumb-select > label {
  margin: 0;
  width: 28px;
  height: 28px;
}

.packagelist > li > .package-thumb .package-thumb-select .checkbox label::before {
  top: 3px;
  margin-left: -8px;
  border-radius: 50%;
}

.packagelist > li > .package-thumb .package-thumb-select .checkbox label::after {
  top: 3px;
  margin-left: -8px;
}

.packagelist > li > .package-thumb .package-thumb-select + .package-thumb-icon {
  margin-left: 40px;
}

.packagelist > li > .package-thumb .package-thumb-body {
  display: inline-block;
  width: 160px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.packagelist > li > .package-thumb .package-thumb-body .subtitle {
  display: block;
  overflow: hidden;
}

.packagelist > li > .package-thumb .package-thumb-body i.checkmark {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: -32px;
  background: url("../img/checkmark-info.png") no-repeat;
}

.packagelist > li > .package-thumb .package-thumb-icon {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  margin-top: 6px;
  padding: 0 8px 0 5px;
  background: #1890FF;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.packagelist > li > .package-thumb .package-thumb-icon i.state {
  display: block;
  line-height: 16px;
  font-size: 12px;
  font-style: normal;
  color: #fff;
}

.packagelist > li > .package-thumb .package-thumb-btn {
  display: inline-block;
  vertical-align: top;
  margin: 4px 10px 0 0;
}

.packagelist > li > .package-thumb .package-thumb-btn a {
  color: #1890FF;
}

.packagelist > li > .package-thumb .package-thumb-btn a:hover {
  color: #096DD9;
}

.packagelist > li > .package-thumb .package-thumb-tool {
  display: inline-block;
  vertical-align: top;
  width: 20px;
}

.packagelist > li > .package-thumb .package-thumb-tool > .btn-group {
  margin-top: 3px;
}

.packagelist > li > .package-thumb .package-thumb-tool > .btn-group i {
  font-size: 12px;
}

.packagelist > li > .package-thumb .package-thumb-tool > .btn-group .dropdown-menu {
  min-width: 96px;
}

.packagelist > li > .package-thumb.undone .package-thumb-icon {
  background: #40A9FF;
}

.packagelist > li > .package-thumb.done .package-thumb-icon {
  background: #4ABC1A;
}

.packagelist > li > .package-thumb.doing .package-thumb-icon {
  background: #EE9918;
}

.packagelist > li > .package-thumb.invalid {
  background: #f0f0f0;
  color: #bbb;
  border: 1px solid #eee;
  cursor: not-allowed;
}

.packagelist > li > .package-thumb.invalid .package-thumb-icon {
  background: #c4c9d0;
}

.packagelist > li > .package-thumb.select {
  border-color: #91D5FF;
  background: #E6F7FF;
}

.packagelist > li > .package-thumb.select .package-thumb-select {
  border-right: 1px solid #91D5FF;
}

.packagelist > li > .package-thumb.select .package-thumb-body .subtitle {
  color: #1890FF;
}

.packagelist > li > .package-thumb.select .package-thumb-body .statbody {
  color: #1890FF;
}

.packagelist > li > .package-thumb.select .package-thumb-body i.checkmark {
  display: block;
}

.packagelist > li > .package-thumb.select .package-thumb-tool > .btn-group i {
  color: #1890FF;
}

.packagelist > li > .package-thumb.select:after {
  position: absolute;
  content: "";
  top: 29px;
  left: 50%;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-top: 8px solid #1890FF;
  border-left: 8px solid transparent;
  transform: translateX(-8px);
}

.packagetools {
  position: absolute;
  right: 15px;
  top: 15px;
  display: none;
}

.packagetools .pt-btn {
  display: inline-block;
  position: relative;
}

.packagetools .pt-btn .dropdown-menu {
  width: 260px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border: none;
  border-radius: 0 !important;
  z-index: 9999;
}

.packagelist-tools {
  position: absolute;
  top: 0;
  right: 0;
}

.packagelist-tools .switch {
  display: inline-block;
  width: 20px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #777;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.packagelist-tools .switch:hover {
  background-color: #f5f5f5;
}

.expand-swith {
  position: absolute;
  bottom: -18px;
  left: 48%;
}

.expand-swith a {
  border-top: none;
  padding: 0 30px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.expand-swith a:hover {
  background-color: #f5f5f5;
}

.expand-swith a i {
  width: 10px;
}

/* 图片查看控制 */
.photo-control {
  margin: 5px 10px;
}

.photo-control input[type=button] {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 6px;
  font-size: 13px;
  color: #1890FF;
  border-radius: 3px;
  border: 1px solid #1890FF;
  background-color: #fff;
}

/* 通知类别 */
.txlb0, .txlb1, .txlb2, .txlb3, .txlb4, .txlb5, .txlb6 {
  width: 58px;
}

.txlb0 {
  background-color: #1277c7;
}

.txlb1 {
  background-color: #2da1f8;
}

.txlb2 {
  background-color: #e77c36;
}

.txlb3 {
  background-color: #df5763;
}

.txlb4 {
  background-color: #36adab;
}

.txlb5 {
  background-color: #a45197;
}

.txlb6 {
  background-color: #a7b955;
}

.txlb7 {
  background-color: #b99563;
}

/* 系统帮助 */
.helpframe .helpframe-side {
  float: left;
  height: 100%;
  width: 240px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.helpframe .helpframe-content {
  margin-left: 255px;
  overflow: hidden;
  padding: 0 5px;
}

.helptitle {
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  font-size: 16px;
  color: #222;
  font-weight: 600;
}

/* 供应商信息展示-筛选条件 */
.searchbox {
  position: relative;
  z-index: 1;
  clear: both;
  width: 50%;
  margin-bottom: 20px;
  background: #F5F9FB;
  border-radius: 10px;
  border: 1px solid #DCDFE3;
}

.searchbox .import {
  width: calc(100% - 200px);
  height: 36px;
  line-height: 36px;
  color: #666;
  font-size: 14px;
  margin-left: 100px;
  padding-left: 20px;
  border: none;
  outline: none;
  background: none;
}

.searchbox input::-webkit-input-placeholder {
  font-size: 12px;
  color: #aaa;
}

.searchbox .btn-search {
  position: absolute;
  right: 0;
  width: 80px;
  height: 38px;
  line-height: 38px;
  margin-top: -1px;
  color: #fff;
  background-color: #1890FF;
  border: 0;
  border-radius: 0 10px 10px 0;
}

.searchbox .btn-search:focus {
  outline: none;
}

.searchbox .mod_select {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
}

.searchbox .mod_select .select_box {
  position: relative;
  width: auto;
  height: 36px;
  line-height: 36px;
}

.searchbox .mod_select .select_box .select_txt {
  display: inline-block;
  width: 80px;
  height: 36px;
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 36px;
  font-size: 14px;
  cursor: pointer;
  color: #222;
  text-align: center;
}

.searchbox .mod_select .select_box .select-icon {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 0 1px 1px 0;
  border-color: #999;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform-origin: center;
  transition: transform 0.3s;
  position: relative;
  float: right;
  margin: 12px 10px 0 10px;
}

.searchbox .mod_select .select_box.active .select-icon {
  transform: rotate(225deg);
  margin-top: 17px;
}

.searchbox .mod_select .select_box .option {
  display: none;
  position: absolute;
  top: 40px;
  left: -2px;
  width: 120px;
  background: #fff;
  border: 1px solid #F5F9FB;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);
  border-top: 0;
  text-align: center;
  font-size: 12px;
}

.searchbox .mod_select .select_box .option li {
  font-size: 14px;
  line-height: 35px;
  cursor: pointer;
  color: #444;
}

.searchbox .mod_select .select_box .option li:hover {
  color: #1890FF;
}

.searchbox .mod_select .select_box:after {
  content: "";
  position: relative;
  width: 1px;
  background: #DCDFE3;
  height: 18px;
  float: right;
  margin-top: 10px;
}

.selectbox {
  overflow: hidden;
}

.selectbox .listcontent {
  display: none;
}

.listindex {
  clear: both;
  position: relative;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.listindex dt {
  width: 140px;
  margin-bottom: 20px;
  height: 24px;
  padding: 0 10px;
  text-align: right;
  color: #444;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listindex dd {
  flex: 1;
  margin-bottom: 20px;
  height: 24px;
  padding: 0;
  overflow: hidden;
}

.listindex dd .item {
  display: inline-block;
  position: relative;
  margin: 0 10px 10px 0;
  padding: 0 15px 0 10px;
  line-height: 22px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
}

.listindex dd .item a.btn-del {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 14px;
  height: 100%;
}

.listindex dd .item a.btn-del i {
  display: none;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

.listindex dd .item:hover a.btn-del i {
  color: #40A9FF;
}

.listindex dd .item.select {
  border-color: #1890FF;
  color: #1890FF;
  transition: all 0.15s linear;
}

.listindex dd .item.select a.item-title {
  color: #1890FF;
}

.listindex dd .item.select a.btn-del {
  color: #1890FF;
}

.listindex dd .item.select a.btn-del i {
  display: block;
}

.listindex dd .checkbox, .listindex dd .radio {
  padding-top: 0 !important;
}

.listindex .listindextools {
  display: none;
}

.listindex .listindextools a .tit2 {
  display: none;
}

.listindex .listindextools a > em {
  display: inline-block;
  font-style: normal;
  color: #1890FF;
}

.listindex .listindextools a > i {
  display: inline-block;
  color: #bbb;
}

.listindex.expanded dd {
  height: auto;
}

.listindex.expanded .listindextools a > i {
  transform: rotate(180deg);
}

.listindex.expanded .listindextools a .tit1 {
  display: none;
}

.listindex.expanded .listindextools a .tit2 {
  display: inline-block;
}

.listindex.gys-select dd {
  height: auto;
}

.listindex.product-select dd {
  margin-bottom: 0;
}

.listindex.product-select dd .item {
  margin: 0 10px 10px 0;
  padding: 0 10px;
  border-color: #EAEEF5;
}

.listindex.product-select dd .item input[type=checkbox],
.listindex.product-select dd .item input[type=radio] {
  position: absolute;
  left: 2px;
  top: 0;
  opacity: 0;
}

.listindex.product-select dd .item.select {
  border-color: #1890FF;
}

.listindex.product-select dd .item.select .item-title {
  color: #1890FF;
}

.listindex.product-select dd .item.select:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/hide-brandcheckmark.png) 0 -10px no-repeat;
  background-size: 10px auto;
}

.listindex.search-result dd .item {
  border: 1px solid #91D5FF;
  color: #1890FF;
  background: #E6F7FF;
}

.listindex.search-result dd .item a.item-title {
  color: #1890FF;
}

.listindex.search-result dd .item a.btn-del {
  color: #1890FF;
}

.listindex.search-result dd .item a.btn-del i {
  display: block;
}

/* 新供应商选择 */
.select-ry {
  width: 220px;
  margin-bottom: 15px;
}

.select-ry li {
  position: relative;
  margin-top: -1px;
  padding: 10px 10px 7px 10px;
  border: 1px solid #EAEEF5;
  background: #fff;
  cursor: pointer;
}

.select-ry li a.item-title {
  display: block;
  margin-bottom: 10px;
  line-height: 12px;
  font-size: 12px;
  color: #333;
}

.select-ry li p {
  margin-bottom: 8px;
  padding-left: 10px;
  line-height: 12px;
  font-size: 12px;
}

.select-ry li p:before {
  float: left;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d8d8d8;
  margin: 4px 0 0 -10px;
}

.select-ry li span {
  margin-right: 10px;
  color: #777;
}

.select-ry li a.btn-del {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #bbb;
}

.select-ry li a.btn-del i {
  display: block;
  line-height: 12px;
  font-size: 10px;
  -webkit-transform: scale(0.8);
}

.select-ry li.select {
  border-color: #1890FF;
  z-index: 99;
  transition: all 0.15s linear;
}

.select-ry li.select a.item-title {
  color: #1890FF;
}

/* 标题位置-排序功能 */
.sort-tit {
  display: inline-block;
  margin: 0 0 0 20px;
}

.sort-tit ul li .desc, .sort-tit ul li .active .asc {
  display: none;
}

.sort-tit ul li {
  display: inline-block;
  margin: 0 0 0 5px;
}

.sort-tit ul li .active .desc {
  display: inline;
}

.sort-tit ul li .btn-info {
  border-color: #DCDFE3;
  color: #222;
  background: #fff;
}

.sort-tit ul li .btn-info > em {
  color: #bbb;
}

.sort-tit ul li .btn-info:hover > em {
  color: #fff;
}

.sort-tit ul li .btn-info.active, .sort-tit ul li .btn-info.current {
  background: #1890FF;
  border-color: #1890FF;
  color: #fff;
}

.sort-tit ul li .btn-info.active > em, .sort-tit ul li .btn-info.current > em {
  color: #fff;
}

/* 标题位置-排序功能-第二种 */
.sort-diy {
  display: inline-block;
  margin: 0 0 0 20px;
}

.sort-diy ul li {
  display: inline-block;
  margin: 0 0 0 -5px;
}

.sort-diy ul li > a {
  border: 1px #DCDFE3 solid;
  color: #222;
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 12px;
}

.sort-diy ul li > a > em {
  color: #bbb;
}

.sort-diy ul li > a:hover > em, .sort-diy ul li > a.active > em {
  color: #fff;
}

.sort-diy ul li > a.active, .sort-diy ul li > a:hover {
  background: #1890FF;
  border-color: #1890FF;
  color: #fff;
}

/* 标题位置-切换查看方式 */
.sort-btn {
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  vertical-align: middle;
  overflow: hidden;
}

.sort-btn a {
  padding: 4px 10px;
  display: inline-block;
  color: #1890FF;
}

.sort-btn a.active {
  background: #1890FF;
  color: #fff;
}

/*行内排序*/
.sort-inline {
  display: inline;
  cursor: pointer;
}

.sort-inline > em > i {
  font-size: 12px;
  color: #bbb;
}

.sort-inline .desc {
  margin-left: -8px;
}

.sort-inline.asc .asc > i {
  color: #666;
}

.sort-inline.desc .desc > i {
  color: #666;
}

/* 供应商列表展示 */
.gys-content {
  padding-bottom: 30px;
}

.gys-content .gys-list {
  padding: 15px 0 0 0;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin: 10px 0 15px 0;
}

.gys-content .gys-list > ul {
  padding-bottom: 15px;
}

.gys-content .gys-list > ul > li {
  display: inline-block;
  vertical-align: top;
}

.gys-content .gys-list > ul > li.field-first {
  width: 120px;
}

.gys-content .gys-list > ul > li.field-last {
  width: 150px;
  float: right;
}

.gys-content .gys-list .default-pic {
  width: 80px;
  height: 80px;
  margin: 8px 10px 0 30px;
  float: left;
  border-radius: 10px;
  overflow: hidden;
  background: url("../img/gys-default-pic.png") #fff left top no-repeat;
  background-size: 80px;
}

.gys-content .gys-list:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  transition: all 0.15s linear;
}

.gys-content .gys-list .default-pic > img {
  width: 80px;
  height: 80px;
}

.gys-content .gys-list .default-pic .uploadregion .imglist li {
  margin: 0;
}

.gys-content .gys-list:hover .default-pic > img, .gys-content .gys-list:hover .default-pic {
  transform: scale(1.1, 1.1);
  transition: all 0.15s linear;
}

.gys-content .gys-list .default-text {
  width: 80px;
  height: 80px;
  padding: 0 12px;
  margin: 8px 10px 0 30px;
  border-radius: 10px;
  overflow: hidden;
  background: #40A9FF;
  font-size: 26px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gys-content .gys-list h2.h2_tit {
  margin-bottom: 5px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gys-content .gys-list h2.h2_tit a {
  font-size: 18px;
  color: #222;
}

.gys-content .gys-list h2.h2_tit a:hover {
  color: #1890FF;
}

.gys-content .gys-list h2.h2_tit a.xycx {
  display: inline-block;
  margin-left: 10px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
}

.gys-content .gys-list h2.h2_tit a.xycx.tyc {
  background: url(../img/gys/icon-link-tyc.png) no-repeat;
  background-size: cover;
}

.gys-content .gys-list h2.h2_tit a.xycx.qcc {
  background: url(../img/gys/icon-link-qcc.png) no-repeat;
  background-size: cover;
}

.gys-content .gys-list h2.h2_tit a.xycx.qxb {
  background: url(../img/gys/icon-link-qxb.png) no-repeat;
  background-size: cover;
}

.gys-content .gys-list h2.h2_tit span.color-yellow {
  display: inline-block;
  padding: 3px 4px;
  color: #FAAD14;
  border: 1px #FAAD14 solid;
  border-radius: 10px;
  font-weight: 500;
  background: rgba(250, 173, 20, 0.1);
  margin-left: 15px;
  font-size: 12px;
}

.gys-content .gys-list h2.h2_tit span.address {
  display: inline-block;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  margin-left: 15px;
}

.gys-content .gys-list h2.h2_tit span.address i {
  color: #bbb;
  margin-right: 5px;
  top: 0;
  font-size: 14px;
}

.gys-content .gys-list h2.h2_tit .label {
  background: transparent;
  margin-left: 10px;
}

.gys-content .gys-list .gys-info {
  color: #666;
  line-height: 30px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gys-content .gys-list .gys-info span {
  margin-right: 20px;
  color: #222;
  display: inline-block;
}

.gys-content .gys-list .gys-info span > em, .gys-content .gys-list .gys-contact > em {
  color: #444;
  font-style: normal;
  margin-right: 10px;
}

.gys-content .gys-list .gys-info.flex {
  display: flex;
  position: relative;
}

.gys-content .gys-list .gys-info .gys-info-label-more {
  display: none;
  max-width: calc(100% - 90px);
}

.gys-content .gys-list .gys-info .gys-info-label label {
  margin: 0 5px 0 0;
}

.gys-content .gys-list .gys-info .gys-info-label-more.active {
  display: inline-block;
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  z-index: 10;
}

.gys-content .gys-list .gys-info .gys-info-more {
  flex: none;
}

.gys-content .gys-list .gys-info .gys-info-more > a {
  margin-left: 20px;
  color: #1890FF;
  font-size: 14px;
}

.gys-content .gys-list .gys-info .gys-info-more > a > em, .gys-content .gys-list .gys-info .gys-info-more > a.active > em.tit1 {
  font-style: normal;
  display: none;
}

.gys-content .gys-list .gys-info .gys-info-more > a > em.tit1 {
  display: inline-block;
}

.gys-content .gys-list .gys-info .gys-info-more > a.active > em.tit2 {
  display: inline-block;
}

.gys-content .gys-list .gys-info .gys-info-more a > i, .gys-info .dropdown > a > i {
  color: #bbb;
  font-size: 16px;
  display: inline-block;
}

.gys-content .gys-list .gys-info .gys-info-more a.active > i, .gys-info .dropdown > a:hover > i {
  transform: rotate(180deg);
}

.gys-content .gys-list .gys-info .dropdown-menu {
  padding: 10px;
}

.gys-content .gys-list .gys-add, .gys-content .gys-list .gys-contact {
  color: #222;
  line-height: 30px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gys-content .gys-list li .gys-more {
  margin-left: 230px;
  margin-top: -60px;
  position: relative;
}

.gys-content .gys-list li .gys-more .gys-more-con {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  z-index: 9;
}

.gys-content .gys-list li .gys-more .gys-more-con i {
  font-size: 18px;
  color: #bbb;
}

.gys-content .gys-list:hover li .gys-more.open .dropdown-menu {
  z-index: 9999;
  position: absolute;
}

.gys-content .gys-list .gys-info .dropdown > a {
  color: #1890FF;
}

.gys-more.dropdown {
  position: inherit;
}

.gys-more .dropdown-menu {
  padding: 15px;
}

.gys-con {
  margin-bottom: 10px;
  border-bottom: 1px #e5e5e5 solid;
  padding: 0 0 10px 0;
}

.gys-con:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.gys-con .gys-lxxx {
  color: #222;
  font-size: 12px;
  line-height: 22px;
  word-wrap: break-word;
}

.gys-con .gys-lxxx > i {
  margin-right: 5px;
  display: inline;
}

.gys-con .gys-lxxx:first-child {
  font-size: 14px;
}

.gys-content .gys-list > ul > li.field-last .btn-group {
  position: relative;
  left: 70px;
  top: -50px;
  float: left;
}

.gys-content .gys-list > ul > li.field-last .btn-group .btn-action i {
  font-size: 18px;
}

/* 供应商列表展示-几项数据展示 */
.gys-content .gys-list .gys-data {
  background: #f6f6f6;
  padding: 10px 0 10px 120px;
  line-height: 22px;
  border-top: 1px solid #DCDFE3;
}

.gys-content .gys-list .gys-data > span {
  margin: 0 5px;
}

/* 供应商列表展示-浏览过企业 */
.gys-browse dl {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
}

.gys-browse dl dt {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
}

.gys-browse dl dt img {
  width: 100%;
  height: 100%;
}

.gys-browse dl dd .browse-time {
  color: #666;
  margin: 5px 0 0 0;
}

.button-tab {
  text-align: center;
}

.button-tab > .btn {
  margin-right: 0;
  padding: 0;
  color: #D8D8D8;
  border: 0;
}

.button-tab > .btn:hover, .button-tab > .btn.active {
  color: #1890FF;
}

/* 供应商列表展示-违规公示 */
.violation-list {
  border-bottom: 1px #EAEEF5 dashed;
  padding: 15px 0;
}

.violation-list:first-child {
  padding-top: 0;
}

.violation-list:last-child {
  border-bottom: none;
}

.violation-list .violation-info {
  font-size: 12px;
  color: #333;
  margin: 5px 0 0 0;
  line-height: 20px;
}

.violation-list .violation-time {
  text-align: right;
  font-size: 12px;
  color: #666;
  margin: 5px 0 0 0;
}

/* 竖直摆放按钮 */
.btn-vertical {
  display: inline-block;
}

.btn-vertical .btn {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  text-align: left;
  padding: 0;
  line-height: 25px;
}

.btn-vertical .btn:hover, .btn-vertical .btn:focus {
  background: none;
  color: #40A9FF;
}

.btn-vertical .btn.btn-outline {
  border: none;
}

/* 供应商审核head */
.gyssh-head-system {
  height: 60px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.gyssh-head-system .headcontainer {
  width: 100%;
  height: 60px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.gyssh-head-system .headcontainer .left .logo {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  margin: 0 10px 0 20px;
  background: url("../img/logo-system.png") no-repeat;
}

.gyssh-head-system .headcontainer .left .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #222;
}

/* 小标题 */
.form-title {
  margin-bottom: 4px;
  line-height: 20px;
  min-height: 20px;
  font-size: 16px;
  font-weight: 700;
}

.form-title .dot {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background: #1890FF;
  border-radius: 50% !important;
  margin-top: -3px;
}

/* 表格款布局中的小标题所在的form-group处理 */
.form-group.form-group-title {
  border-color: transparent;
}

.form-group.form-group-title > [class^=col-] {
  vertical-align: middle;
}

/* 输入框尾部浮动提示 */
.form-group .input-prompt {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.form-group .input-prompt i {
  font-size: 16px;
  color: #7D8896;
}

.form-group .popover > .arrow {
  display: none;
}

.form-group .popover > .popover-content p {
  font-size: 12px;
  color: #222;
  margin-bottom: 10px;
}

/* 字段填写提示及校验信息 */
.form-group .help-block {
  line-height: 1;
  font-size: 10px;
}

.help-block .remind-block {
  display: inline;
  color: #888;
}

.help-block .verify-block {
  display: inline;
  color: #FA541C;
}

/* 操作小图标 */
.form-group > div:last-child > a {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-top: 7px;
  border-radius: 50%;
}

.form-group > div:last-child > a > i {
  display: block;
  color: #bbb;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

.form-group > div:last-child > a:hover {
  background: #c4c9d0;
}

.form-group > div:last-child > a:hover > i {
  color: #fff;
}

.form-group .last-control > a {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-top: 7px;
  border-radius: 50%;
}

.form-group .last-control > a > i {
  font-size: 14px;
  color: #1890FF;
}

/* 密码校验字段提示信息 */
.form-group.password-danger .form-control {
  border-color: #FA541C;
}

.form-group.password-danger .remind-block {
  color: #FA541C;
}

.form-group.password-warning .form-control {
  border-color: #FAAD14;
}

.form-group.password-warning .remind-block {
  color: #FAAD14;
}

.form-group.password-success .form-control {
  border-color: #52C41A;
}

.form-group.password-success .remind-block {
  color: #52C41A;
}

/* 供应商注册审核 */
.gyssh-head h2 span.color-blue {
  padding: 1px 4px;
  color: #1890FF;
  background: rgba(24, 144, 255, 0.1);
  border: 1px solid #1890FF;
  border-radius: 10px;
  font-weight: 500;
  margin-left: 15px;
  font-size: 12px;
}

.gyssh-head {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}

.gyssh-head .left {
  float: left;
}

.gyssh-head .right {
  float: right;
}

.gyssh-head h2 {
  font-size: 16px;
  color: #222;
  margin: 5px 0 15px 0;
}

.gyssh-head .gyssh-head-info {
  color: #444;
  font-size: 14px;
}

.gyssh-head .gyssh-head-info span {
  margin-right: 50px;
}

.gyssh-head .gyssh-head-info em {
  font-style: normal;
  color: #222;
}

.gyssh-head dl {
  display: inline-block;
  text-align: center;
  margin: 0 0 0 25px;
}

.gyssh-head dl:first-child {
  margin-left: 0;
}

.gyssh-head dl dt {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-image: url(../img/icon-lcsp.png);
  background-repeat: no-repeat;
}

.gyssh-head dl dt.icon-gyssh-process {
  background-position: 0 -120px;
}

.gyssh-head dl dt.icon-gyssh-log {
  background-position: 0 -60px;
}

.gyssh-head dl dt.icon-gyssh-return {
  background-position: 0 0;
}

.gyssh-head dl dt.icon-gyssh-submit {
  background-position: 0 -360px;
}

.gyssh-head dl dt.icon-gyssh-back {
  background-position: 0 -240px;
}

.gyssh-head dl dd {
  color: #333;
}

.gyssh-head dl:hover dd {
  color: #1890FF;
  transition: all 0.15s ease-in;
}

.gyssh-head dl:hover dt {
  transform: scale(1.1, 1.1);
  transition: all 0.15s ease-in;
}

.gyssh-container {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  margin: 0 0 20px 0;
}

.gyssh-intro .gys-main {
  flex: 1;
}

.gyssh-intro .gyssh-img {
  margin: 15px 20px 0 0;
}

.gyssh-intro .gyssh-img .default-pic > img, .gyssh-intro .gyssh-img .default-pic {
  width: 80px;
  height: 80px;
}

.gyssh-intro .gyssh-img .default-pic {
  border-radius: 10px;
  overflow: hidden;
  float: left;
  background: url("../img/gys-default-pic.png") #fff left top no-repeat;
  background-size: 80px;
}

.gyssh-intro .gyssh-img:hover .default-pic > img, .gys-content .gys-list:hover .default-pic {
  transform: scale(1.1, 1.1);
  transition: all 0.5s ease-in;
}

.gyssh-intro .gyssh-img .default-text {
  width: 80px;
  height: 80px;
  padding: 0 12px;
  margin: 8px 10px 0 30px;
  border-radius: 10px;
  overflow: hidden;
  background: #40A9FF;
  font-size: 26px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gyssh-intro .gys-main h2.h2_tit {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.gyssh-intro .gys-main h2.h2_tit a {
  font-size: 18px;
}

.gyssh-intro .gys-main h2.h2_tit span.color-yellow {
  display: inline-block;
  padding: 1px 4px;
  color: #FAAD14;
  border: 1px #FAAD14 solid;
  border-radius: 10px;
  font-weight: 500;
  background: rgba(250, 173, 20, 0.1);
  margin-left: 15px;
  font-size: 12px;
}

.gyssh-intro .gys-main h2.h2_tit span.address {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
}

.gyssh-intro .gys-main h2.h2_tit span.address i {
  color: #bbb;
  margin-right: 5px;
  top: 0;
  font-size: 14px;
}

.gyssh-intro .gys-main h2.h2_tit .label {
  background: transparent;
  margin-left: 10px;
}

.gyssh-intro {
  width: 100%;
  display: flex;
}

.gyssh-intro .gys-main .gys-info {
  display: inline-block;
  width: 100%;
  line-height: 30px;
}

.gyssh-intro .gys-main .gys-info span {
  margin-right: 20px;
  margin-left: 10px;
  font-size: 14px;
}

.gyssh-intro .gys-main .gys-info span > em, .gyssh-intro .gys-main .gys-add span > em {
  color: #444;
  font-style: normal;
  margin-right: 10px;
}

.gyssh-intro .gys-main .gys-info span:first-child {
  margin-left: 0;
}

.gyssh-intro .gys-main .gys-add {
  max-height: 50px;
  line-height: 25px;
  display: inline-block;
}

.gyssh-intro .gys-main .gys-add .gys-add-more {
  display: none;
}

.gyssh-intro .gys-main .gys-add.active .gys-add-more {
  display: inline;
  animation: fadeIn 0.5s ease;
}

.gyssh-intro .gys-main .gys-add .more {
  cursor: pointer;
}

.gyssh-intro .gys-main .gys-add .more > em, .gyssh-intro .gys-main .gys-add .more > i {
  color: #1890FF;
  margin-right: 0;
}

.gyssh-intro .gys-main .gys-add .more .tit2, .gyssh-intro .gys-main .gys-add.active .more .tit1 {
  display: none;
}

.gyssh-intro .gys-main .gys-add.active .more .tit2 {
  display: inline;
}

.gyssh-intro .gys-main .gys-add.active .more > i {
  transform: rotate(180deg);
}

.gyssh-intro .gys-main .gys-label {
  margin: 10px 0;
  display: inline-block;
}

.gyssh-intro .gys-main .gys-label .label {
  margin: 0 20px 0 0;
  font-size: 14px;
}

.gyssh-intro .gys-main .gys-label .label:last-child {
  margin: 0;
}

.gyssh-intro .gys-main .intro-content {
  width: 250px;
  white-space: normal;
  line-height: 22px;
  color: #444;
  padding: 10px;
}

/* 供应商等级和中标、违规展示 */
.gyssh-intro .gys-data {
  margin-left: 50px;
}

.gyssh-intro .gys-data .gys-data-list .item {
  margin-right: 10px;
}

.gyssh-intro .gys-data .gys-data-list .item:last-child {
  margin-right: 0;
}

.gyssh-intro .gys-data .gys-data-list .item i {
  color: #1890FF;
  margin-right: 5px;
}

.gyssh-intro .gys-data .gys-data-grade {
  width: 100%;
  display: inline-block;
}

.gyssh-intro .gys-data .gys-data-grade > a {
  width: 84px;
  height: 80px;
  background: url(../img/icon-grade.png) 0 0 no-repeat;
  float: right;
  background-size: 84px;
  text-align: center;
  line-height: 80px;
  font-size: 20px;
  color: #1890FF;
  margin: 20px 0 0 0;
}

/* 供应商信息-选项卡 */
.gyssh-container .gyssh-tabs {
  width: auto;
  margin: 30px 0 -20px 0;
}

.gyssh-container .gyssh-tabs .nav-tabs {
  width: inherit;
  display: table;
  margin: 0 auto;
}

.gyssh-container .gyssh-tabs .nav-tabs {
  border-bottom: none !important;
}

.gyssh-container .gyssh-tabs .nav-tabs-line {
  margin: 0 auto;
}

.gyssh-container .gyssh-tabs.affix {
  background: #fff;
  width: calc(100% - 240px);
  top: 60px;
  left: 240px;
  margin-top: 0;
  z-index: 99;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06);
  transition: left 0.6s ease;
}

.gyssh-container .gyssh-tabs.affix .nav-tabs-line {
  height: 50px;
  line-height: 50px;
  width: auto;
}

.gyssh-container .gyssh-tabs.affix .nav-tabs-line > li > a {
  padding: 15px 0;
}

.collapsed-menu .gyssh-container .gyssh-tabs.affix {
  width: calc(100% - 60px);
  left: 60px;
}

.gyssh-main {
  width: 80%;
  margin: 0 auto;
}

.gyssh-main-left {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.gyssh-main-right {
  width: 49%;
  display: inline-block;
}

.common-container {
  padding: 10px 0 10px 0;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  margin: 0 0 20px 0;
}

.common-container.single .form-group, .gyssh-box.single .form-group {
  margin: 0;
  padding: 0;
}

/* 供应商画像-深色模式 */
.dark-mode .gyssh-container {
  background: rgba(46, 178, 255, 0.1);
  color: #B3F5FF;
  padding: 0;
}

.dark-mode .gyssh-intro .gys-main h2.h2_tit a {
  font-size: 24px;
}

.dark-mode .gyssh-intro .gys-main h2.h2_tit a,
.dark-mode .gyssh-intro .gys-main h2.h2_tit span.address i,
.dark-mode .gyssh-intro .gys-data .gys-data-list .item i,
.dark-mode .gyssh-intro .gys-data .gys-data-list .item a,
.dark-mode .gyssh-intro .gys-main h2.h2_tit span.address {
  color: #79EEFF;
}

.dark-mode .label-primary.label-outline {
  color: #79EEFF;
  border: 1px solid #79EEFF;
}

.dark-mode .gyssh-intro .gys-main .gys-info span > em,
.dark-mode .gyssh-intro .gys-main .gys-add span > em,
.dark-mode .gyssh-intro .gys-main .gys-add .more > em,
.dark-mode .gyssh-intro .gys-main .gys-add .more > i {
  color: #B3F5FF;
}

.dark-mode .gyssh-intro .gys-data .gys-data-grade > a {
  background: url(../img/icon-grade-yellow.png) 0 0 no-repeat;
  background-size: 84px;
  color: #FCDB00;
}

.dark-mode .gyssh-intro .gyssh-img {
  background: rgba(46, 178, 255, 0.3);
  margin: 0 20px 0 0;
  padding: 15px;
}

.dark-mode .gyssh-intro .gyssh-img .default-pic {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.dark-mode .gyssh-intro .gyssh-img .default-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  background: rgba(46, 178, 255, 0.6);
}

.dark-mode .gyssh-intro .gys-main {
  padding: 20px 0 50px 0;
}

.dark-mode .gyssh-intro .gys-data {
  padding: 20px 20px 0 0;
}

.dark-mode .gyssh-intro .gys-data .gys-data-refresh {
  text-align: right;
}

.dark-mode .gyssh-intro .gys-data .gys-data-refresh, .dark-mode .gyssh-intro .gys-data .gys-data-refresh > a {
  color: #79EEFF;
}

.dark-mode .gyssh-container .gyssh-tabs {
  margin: -32px 0 0 0;
}

.dark-mode .gyssh-container .gyssh-tabs .nav-tabs {
  display: inline-block;
  margin: 0 0 0 130px;
}

.dark-mode .gyssh-intro .gys-main .gys-info.flex {
  display: flex;
  position: relative;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-label-more {
  display: none;
  max-width: calc(100% - 90px);
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-label label {
  color: #79EEFF;
  border: 0;
  background: #295C9F;
  margin: 0 5px 0 0;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-label-more.active {
  display: inline-block;
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #295C9F;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  z-index: 10;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more {
  flex: none;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a {
  margin-left: 20px;
  color: #79EEFF;
  font-size: 14px;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a > em, .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a.active > em.tit1 {
  font-style: normal;
  display: none;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a > em.tit1 {
  display: inline-block;
}

.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a.active > em.tit2 {
  display: inline-block;
}

.dark-mode .gyssh-intro .gys-main .intro-content {
  color: #79EEFF;
}

.dark-mode .gyssh-container .dropdown-menu {
  background: #295C9F;
  border: 0;
}

.dark-mode .gyssh-container .dropdown > .dropdown-arrow::before {
  border-color: #295C9F;
  background-color: #295C9F;
}

/* 暂无消息 */
.no-info {
  width: 100%;
  text-align: center;
  color: #444;
  margin-bottom: 15px;
}

.no-info > i {
  color: #444;
  font-size: 16px;
  margin-right: 10px;
}

/* 供应商信息变更-对比页面 */
.gyssh-change {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.gyssh-change h2.h2-tit {
  color: #222;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  margin: 0 0 10px 0;
}

.gyssh-change .table > thead {
  margin-bottom: 20px;
}

.gyssh-change .table > thead:after {
  content: "";
  width: 100%;
  height: 10px;
  background: #fff;
  display: inline-block;
}

.gyssh-change .table > thead > tr > th {
  background: #F5F9FB;
  font-size: 14px;
  color: #222;
  border-bottom: none;
}

.gyssh-change .table > thead > tr > th, .gyssh-change .table > tbody > tr > td {
  width: 20%;
  text-align: center;
}

.gyssh-change .table > thead > tr > th.field-first, .gyssh-change .table > thead > tr > th.field-last {
  width: 40%;
}

.gyssh-change .table > thead > tr > th.field-first, .gyssh-change .table > tbody > tr > td.field-first {
  text-align: right;
  padding-right: 30px;
}

.gyssh-change .table > thead > tr > th.field-last, .gyssh-change .table > tbody > tr > td.field-last {
  text-align: left;
  padding-left: 30px;
}

.gyssh-change .table > tbody > tr > td {
  border: none;
  color: #444;
}

.gyssh-change .table > tbody > tr > td.field-first {
  border-right: 1px #DCDFE3 solid;
  color: #222;
}

.gyssh-change .table > tbody > tr > td.field-last {
  border-left: 1px #DCDFE3 solid;
  color: #222;
}

.gyssh-change p.change-txt {
  margin: 0;
  padding: 0;
  color: #FA541C;
}

.gyssh-change .table > tbody > tr > td.field-first .bt-uploadimg, .gyssh-change .table > tbody > tr > td.field-first .uploadregion {
  float: right;
}

.gyssh-change .table > tbody > tr > td.field-last .bt-uploadimg, .gyssh-change .table > tbody > tr > td.field-last .uploadregion {
  float: left;
}

.gyssh-change .table > tbody > tr > td.field-first .uploadregion .imglist li {
  margin-right: 0;
}

.gyssh-change .table > tbody > tr > td .p-info {
  font-size: 12px;
  color: #444;
  margin: 5px 10px 0 10px;
}

.gyssh-change .table > tbody > tr > td .form-control-static {
  text-align: left;
}

.gyssh-change .table > tbody > tr > td .main-sub-container .main-sub {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.gyssh-change .table > tbody > tr > td .main-sub-container .main-sub .form-group {
  width: 50%;
  float: left;
}

.gyssh-change .table > tbody > tr > td.field-first .uploadregion .filelist li > .filebody,
.gyssh-change .table > tbody > tr > td.field-last .uploadregion .filelist li > .filebody {
  max-width: 500px;
}

@media screen and (max-width: 1366px) {
  .gyssh-change .table > tbody > tr > td .main-sub-container .main-sub .form-group {
    width: 100%;
    float: left;
  }
}
/* 供应商信息表更页面-特殊小按钮 */
.btn-little {
  background: #FFF2E8;
  border: 1px solid #FFBB96;
  border-radius: 20px;
  color: #FA541C;
  font-size: 14px;
  padding: 0 8px 0 2px;
  margin: -4px 0 0 5px;
  font-weight: 500;
  line-height: normal;
}

.btn-little.red {
  background: #FFF2E8;
  border: 1px solid #FFBB96;
  color: #FA541C;
}

.btn-little.green {
  background: #F6FFED;
  border: 1px solid #B7EB8F;
  color: #52C41A;
}

.btn-little.yellow {
  background: #FFFBE6;
  border: 1px solid #FFE58F;
  color: #EE9918 !important;
}

.btn-little.blue {
  background: #E6F7FF;
  border: 1px solid #1890FF;
  color: #1890FF;
}

.btn-little:focus {
  outline: 0;
}

.btn-little i {
  font-size: 12px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #FA541C;
  color: #fff;
  border-radius: 50%;
  font-weight: lighter;
  margin: 2px 3px 0 0;
  float: left;
}

.btn-little.red i {
  background: #FA541C;
}

.btn-little.green i {
  background: #52C41A;
}

.btn-little.yellow i {
  background: #EE9918;
  line-height: 15px;
}

.btn-little.blue i {
  background: #E6F7FF;
  color: #1890FF;
  font-size: 16px;
}

.btn-little:hover, .btn-little:hover i {
  transition: all 0.4s ease-in;
}

/* 商城证件图片 */
.bt-upload {
  width: 250px;
  height: 188px;
  text-align: center;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  background: #F5F9FB;
}

.bt-upload a {
  display: block;
  height: 188px;
  padding-top: 110px;
  background: url("../img/bt-upload.png") no-repeat center 55px;
}

.bt-upload a p {
  text-align: center;
  color: #7d8896;
}

.bt-uploadimg {
  width: 250px;
  height: 188px;
  text-align: center;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  background: #F5F9FB;
}

.bt-uploadimg img, .bt-uploadimg .uploadregion .imglist li img {
  display: block;
  width: 248px;
  height: 186px;
}

.bt-uploadimg.little {
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  background: #F5F9FB;
}

.bt-uploadimg.little img {
  display: block;
  width: 40px;
  height: 40px;
}

.bt-uploadimg .uploadregion .imglist li {
  width: 100%;
  height: 100%;
}

/* 行尾按钮组图标 */
.btn-group > .btn:focus {
  outline: 0;
}

.btn-group > .btn-action {
  transform: rotate(90deg);
}

.btn-group > .btn-action i {
  font-size: 14px;
  color: #bbb;
  margin: 5px 0 0 0;
}

.btn-group > .btn-action:hover i {
  color: #1890FF;
}

.btn-group ul.dropdown-menu li button {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: 400;
  color: #1890FF;
  white-space: nowrap;
}

/*control-input一些定义*/
/*.control-container .control-input{position: relative;}
.control-input .form-control,.form-group .form-control{display: inline-block;}*/
/* 行尾提示文字 */
.control-endtext {
  display: flex;
  position: relative;
}

.control-endtext .endtext {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0 0 -60px;
  text-align: right;
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-group > div[class|=col] > .endtext {
  float: right;
  margin: -25px 10px 0 0;
  position: inherit;
}

/* 权限配置 */
.tree-list .zTreeDemoBackground {
  border: 1px solid #DCDFE3;
  padding: 10px 15px;
  height: calc(100vh - 180px);
  overflow-y: auto;
}

.tree-list .sidebar .sidebar-left h4 {
  padding: 0;
}

.tree-list .sidebar {
  background: none;
}

.tree-list .sidebar .btn {
  margin-right: 5px;
  padding: 4px 5px;
}

/* 返回顶部 */
.bottom-tools {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

#scrollUp {
  width: 45px;
  height: 45px;
  display: none;
  background: #1890FF;
  opacity: 0.8;
  border-radius: 45px;
  text-align: center;
  line-height: 45px;
  transform: rotate(180deg);
}

#scrollUp i {
  color: #fff;
  font-size: 20px;
}

#scrollUp:hover {
  opacity: 1;
}

/* 默认桌面 */
.panelbg {
  height: 600px;
  overflow: hidden;
}

.panelbg .panelcontainer {
  width: 875px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.panelbg .panelcontainer .left {
  float: left;
  width: 425px;
  height: 600px;
  padding-top: 150px;
}

.panelbg .panelcontainer .left h1 {
  margin-bottom: 30px;
  font-weight: 400;
}

.panelbg .panelcontainer .left p {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 200%;
}

.panelbg .panelcontainer .right {
  float: right;
  width: 400px;
  height: 600px;
  background: url("../img/welcome.png") no-repeat left center;
}

/* 切换按钮组 */
.type-switch {
  overflow: hidden;
}

.type-switch .type {
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  color: #1890FF;
  background-color: #fff;
  border: 1px solid #1890FF;
  border-radius: 6px;
}

.type-switch .type.active {
  color: #fff;
  background-color: #1890FF;
}

/* 项目开标 */
.project-bid {
  width: 1200px;
  margin: 0 auto;
}

.project-bid .project-tit {
  width: 100%;
  color: #222;
  overflow: hidden;
}

.project-bid .project-tit h1 {
  float: left;
  font-size: 26px;
  height: 40px;
  line-height: 40px;
  background: url(../img/icon-kb-tit.png) left center no-repeat;
  background-size: 30px;
  padding: 0 0 0 40px;
  font-weight: 600;
}

.project-bid .project-tit .status {
  float: right;
  font-size: 20px;
  line-height: 40px;
}

.project-bid .project-tit .status > i {
  margin: 0 10px 0 0;
}

.project-bid .project-tit .status.start > i {
  color: #52C41A;
}

.project-bid .project-tit .status.end > i {
  color: #FA541C;
}

.project-bidcontent {
  width: 100%;
  text-align: center;
  margin: 100px 0 0 0;
  color: #222;
}

.project-bidcontent .bid-zbr, .project-bidcontent .bid-txt {
  font-size: 30px;
}

.project-bidcontent .bid-xmmc {
  font-size: 30px;
  margin: 30px 0 50px 0;
}

.project-bidcontent .bid-line {
  width: 200px;
  height: 6px;
  background: #bbb;
  border-radius: 5px;
  margin: 0 auto;
}

.project-bidcontent .bid-kbys {
  font-size: 60px;
  margin: 50px 0 0 0;
}

.project-bidcontent .bid-txt {
  margin: 30px 0 0 0;
}

.project-bidcontent .bid-txt.txt2 {
  margin-top: 80px;
}

.project-bidcontent .bid-txt > p {
  margin: 0;
}

.project-bidcontent .bid-warning {
  text-align: left;
  width: 600px;
  margin: 0 auto;
  display: inline-block;
}

.project-bidcontent .bid-warning {
  margin: 180px 0 0 0;
  font-size: 20px;
}

/* for < 1400px 分辨率 */
@media screen and (max-width: 1440px) {
  .project-bidcontent {
    margin: 30px 0 0 0;
  }
  .project-bidcontent .bid-kbys {
    margin: 30px 0 0 0;
  }
  .project-bidcontent .bid-warning {
    margin: 80px 0 0 0;
  }
}
/*首页顶部菜单-项目向导iframe*/
.wizard-content {
  width: 100%;
  max-height: 370px;
}

.wizard-content .wizard-search {
  width: 100%;
}

.wizard-content .wizard-search .search-input {
  width: 100%;
  background: #F5F9FB;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  height: 30px;
  padding-left: 10px;
  color: #bbb;
  font-size: 14px;
}

.wizard-content .wizard-search .search-input:focus,
.wizard-content .wizard-search .search-button:focus {
  outline: 0;
}

.wizard-content .wizard-search .search-button {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  float: right;
  margin: -30px 0 0 0;
  position: relative;
  color: #bbb;
}

.wizard-content .wizard-search .search-button i {
  font-size: 16px;
  font-weight: lighter;
}

.wizard-content .wizard-search input::-webkit-input-placeholder {
  font-size: 12px;
  color: #aaa;
}

.wizard-content ul {
  margin: 20px 0 0 0;
}

.wizard-content ul li {
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.wizard-content ul li:last-child {
  margin-bottom: 0;
}

.wizard-content ul li h3 {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  width: 100%;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wizard-content ul li h2 {
  font-size: 12px;
  color: #333;
  font-weight: 500;
  width: 100%;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wizard-content ul li .info .txt {
  font-size: 12px;
  color: #666;
  margin-right: 20px;
}

.wizard-content ul li:hover h2,
.wizard-content ul li:hover h2 a,
.wizard-content ul li:hover h3,
.wizard-content ul li h2 a:hover {
  color: #1890FF;
}

.wizard-total {
  text-align: center;
  margin: 0;
  height: auto;
  line-height: 30px;
  color: #666;
  padding-bottom: 5px;
}

.wizard-total > a {
  color: #333;
  font-size: 12px;
}

.wizard-total > a:hover {
  color: #1890FF;
}

.wizard-content.scroll-wrapper > .scroll-content {
  overflow-x: hidden !important;
}

/*for ie9-11 浏览器*/
@media screen and (min-width: 0\0 ) {
  .wizard-content.scroll-wrapper .scroll-element.scroll-y {
    display: none;
  }
}
/* 解密状态图标 */
.icon-jm-undone, .icon-jm-done, .icon-jm-doing, .icon-jm-fail {
  display: inline-block;
  line-height: 16px;
  padding-left: 22px;
}

.icon-jm-undone {
  background: url(../img/icon-jm-undone.png) 0 0 no-repeat;
}

.icon-jm-done {
  background: url(../img/icon-jm-done.png) 0 0 no-repeat;
}

.icon-jm-doing {
  background: url(../img/icon-jm-doing.png) 0 0 no-repeat;
}

.icon-jm-fail {
  background: url(../img/icon-jm-fail.png) 0 0 no-repeat;
}

.state-zb {
  display: inline-block;
  margin: 0 5px;
  width: 50px;
  height: 34px;
  background: url(../img/state-zb.png) 0 0 no-repeat;
  vertical-align: middle;
}

.state-zb-overlap {
  position: absolute;
  left: 30px;
  top: 7px;
  width: 50px;
  height: 34px;
  background: url(../img/state-zb.png) 0 0 no-repeat;
  vertical-align: middle;
}

.colordot {
  display: inline-block;
  margin: 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #CDCFD2;
}

.icon-dot-info {
  background: #1890FF;
}

.icon-dot-primary {
  background: #1890FF;
}

.icon-dot-danger + .icon-dot-danger {
  margin-left: 0;
}

.icon-dot-undone {
  background: #CDCFD2;
}

.icon-dot-warning {
  background: #EE9918;
}

.icon-dot-success {
  background: #4ABC1A;
}

.icon-dot-danger {
  background: #FB441B;
}

.icon-dot-pass, .icon-dot-notpass {
  display: inline-block;
  margin: 0 4px;
  width: 12px;
  height: 12px;
  background: url(../img/icon-dot-chekmark.png) 100px 100px no-repeat;
}

.icon-dot-pass {
  background-position: 0 0;
}

.icon-dot-notpass {
  background-position: 0 -12px;
}

/*供应商画像*/
.gys-portrait {
  width: 100%;
  height: 130px;
  background: url(../img/gys/head-bg.png) 0% 66% repeat-x;
  padding-top: 50px;
}

.gys-portrait .gyssh-container {
  margin: 0 auto;
  margin-left: 160px;
  margin-right: 160px;
}

.gys-portrait .gyssh-container .gyssh-intro .gyssh-img {
  margin: 0 80px 0 10px;
}

.gys-portrait .gyssh-container .gyssh-intro .gyssh-img .default-pic > img,
.gys-portrait .gyssh-container .gyssh-intro .gyssh-img .default-pic {
  width: 100px;
  height: 100px;
  border-radius: 15px;
}

.gys-portrait .gyssh-container .gyssh-intro .gyssh-img .default-pic {
  background-size: 100px;
}

.portrait-box {
  height: 370px;
}

/*供应商风险查看*/
.gysrisk_tit {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  color: #222;
  font-weight: 600;
  margin: 0 0 20px 0;
}

.gysrisk_tit .label {
  margin: 0 0 0 10px;
}

.gysrisk_tit .right {
  float: right;
  font-size: 14px;
  font-weight: 500;
  margin: -35px 0 0 0;
  color: #444;
}

.gysrisk_tit .right i {
  color: #bbb;
  margin: 0 0 0 5px;
}

.gysrisk_top {
  display: flex;
  margin: 0 0 20px 0;
}

.gysrisk_top .gysrisk-top-item {
  flex: 1;
  text-align: center;
  margin: 50px 0 0 0;
  position: relative;
}

.gysrisk-top-item-t {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  top: 165px;
  margin-left: 30px;
}

.gysrisk-top-item-t em {
  background: #FFF2E8;
  border: 1px solid #FFBB96;
  color: #FA541C;
  padding: 2px 20px;
  border-radius: 50px;
  font-size: 16px;
  font-style: normal;
}

.risk-data-img {
  transform: translateX(-60px);
}

.risk-data-img .circle-big {
  width: 240px;
  height: 240px;
  position: absolute;
  animation: circleBig 15s linear infinite;
  background: url(../img/risk/risk_c1.png) center center no-repeat;
}

.risk-data-img .circle-small {
  width: 156px;
  height: 156px;
  position: absolute;
  margin: 40px 0 0 42px;
  animation: circleSmall 10s linear infinite;
  background: url(../img/risk/risk_c2.png) center center no-repeat;
}

.risk-data-img .circle-middle {
  width: 56px;
  height: 65px;
  position: absolute;
  margin: 85px 0 0 93px;
  background: url(../img/risk/risk_dp.png) 0 0 no-repeat;
  font-size: 16px;
  color: #fff;
  padding: 10px;
}

.gysrisk-data-frame {
  display: inline-block;
  min-height: 270px;
}

.gysrisk-data-content .risk-data {
  float: left;
  text-align: left;
  width: 140px;
  font-size: 12px;
}

.gysrisk-data-content .risk-data .risk-fxx {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gysrisk-data-content .risk-data a {
  display: flex;
}

.gysrisk-data-content .risk-data em {
  font-style: normal;
  color: #FA541C;
  margin: 0 0 0 5px;
}

.gysrisk-data-content .risk-data1,
.gysrisk-data-content .risk-data5 {
  width: 104px;
  height: 31px;
  background: url(../img/risk/risk_l1.png) 0 0 no-repeat;
  position: relative;
  left: 195px;
  top: 0;
}

.gysrisk-data-content .risk-data2 {
  width: 105px;
  height: 12px;
  background: url(../img/risk/risk_l2.png) 0 0 no-repeat;
  position: relative;
  left: 235px;
  top: 110px;
}

.gysrisk-data-content .risk-data3 {
  width: 105px;
  height: 12px;
  background: url(../img/risk/risk_l5.png) 0 0 no-repeat;
  position: relative;
  right: 86px;
  top: 135px;
}

.gysrisk-data-content .risk-data4,
.gysrisk-data-content .risk-data8,
.gysrisk-data-content .risk-data9 {
  width: 133px;
  height: 31px;
  background: url(../img/risk/risk_l6.png) 0 0 no-repeat;
  position: relative;
  left: -93px;
  top: -50px;
}

.gysrisk-data-content .risk-data5 {
  left: 234px;
  top: -25px;
}

.gysrisk-data-content .risk-data6,
.gysrisk-data-content .risk-data10 {
  width: 104px;
  height: 31px;
  background: url(../img/risk/risk_l3.png) 0 0 no-repeat;
  position: relative;
  left: 153px;
  top: 115px;
}

.gysrisk-data-content .risk-data7 {
  width: 105px;
  height: 32px;
  background: url(../img/risk/risk_l4.png) 0 0 no-repeat;
  position: relative;
  left: -15px;
  top: 85px;
}

.gysrisk-data-content .risk-data8 {
  left: 0;
  top: -208px;
}

.gysrisk-data-content .risk-data9 {
  left: -130px;
  top: -135px;
}

.gysrisk-data-content .risk-data10 {
  left: 218px;
  top: -60px;
}

.gysrisk-data-content .risk-data1 .risk-data,
.gysrisk-data-content .risk-data5 .risk-data {
  margin-top: -20px;
  margin-left: 30px;
}

.gysrisk-data-content .risk-data2 .risk-data {
  margin-top: -10px;
  margin-left: 30px;
}

.gysrisk-data-content .risk-data3 .risk-data {
  margin-top: -10px;
  margin-left: 0;
}

.gysrisk-data-content .risk-data4 .risk-data,
.gysrisk-data-content .risk-data8 .risk-data,
.gysrisk-data-content .risk-data9 .risk-data {
  margin-top: -20px;
  margin-left: 0;
}

.gysrisk-data-content .risk-data6 .risk-data,
.gysrisk-data-content .risk-data10 .risk-data {
  margin-top: 10px;
  margin-left: 30px;
}

.gysrisk-data-content .risk-data7 .risk-data {
  margin-top: 10px;
  margin-left: 0;
}

.gysrisk-list {
  margin: 0 0 20px 0;
}

.gysrisk-list ul li {
  display: inline-block;
  width: 90px;
  height: auto;
  padding: 10px 0 0 0;
  background: #F5F9FB;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  margin: 15px 20px 0 0;
  position: relative;
}

.gysrisk-list ul li i {
  font-size: 26px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  display: inline-block;
  color: #999;
  margin-bottom: 5px;
}

.gysrisk-list ul li .tit {
  width: 100%;
  display: block;
  text-align: center;
  height: 36px;
  line-height: 18px;
  vertical-align: middle;
  overflow: hidden;
  font-style: normal;
  color: #333;
  margin: 0 0 5px 0;
}

.gysrisk-list ul li .num {
  padding: 0.1em 0.445em;
  font-size: 12px;
  text-align: center;
  background: #FFF2E8;
  border-radius: 25px;
  color: #FA541C;
  position: absolute;
  font-style: normal;
  right: 10px;
  top: 6px;
}

.gysrisk-list ul li:hover {
  border-color: #1890FF;
}

.gysrisk-list ul li:hover .tit, .gysrisk-list ul li:hover i {
  color: #1890FF;
}

/* 供应商风险查看-深色模式 */
.dark-mode .gysrisk-data-content span.risk-data a,
.dark-mode .gysrisk-data-content span.risk-data em {
  color: #79EEFF;
}

.dark-mode .risk-data-img .circle-big {
  background: url(../img/risk/dark/risk_c1.png) center center no-repeat;
}

.dark-mode .risk-data-img .circle-small {
  background: url(../img/risk/dark/risk_c2.png) center center no-repeat;
}

.dark-mode .gysrisk-data-content .risk-data1,
.dark-mode .gysrisk-data-content .risk-data5 {
  background: url(../img/risk/dark/risk_l1.png) 0 0 no-repeat;
}

.dark-mode .gysrisk-data-content .risk-data2 {
  background: url(../img/risk/dark/risk_l2.png) 0 0 no-repeat;
}

.dark-mode .gysrisk-data-content .risk-data3 {
  background: url(../img/risk/dark/risk_l5.png) 0 0 no-repeat;
}

.dark-mode .gysrisk-data-content .risk-data4,
.dark-mode .gysrisk-data-content .risk-data8,
.dark-mode .gysrisk-data-content .risk-data9 {
  background: url(../img/risk/dark/risk_l6.png) 0 0 no-repeat;
}

.dark-mode .gysrisk-data-content .risk-data6,
.dark-mode .gysrisk-data-content .risk-data10 {
  background: url(../img/risk/dark/risk_l3.png) 0 0 no-repeat;
}

.dark-mode .gysrisk-data-content .risk-data7 {
  background: url(../img/risk/dark/risk_l4.png) 0 0 no-repeat;
}

.dark-mode .gysrisk-list {
  padding: 0 20px;
}

.dark-mode .gysrisk-list ul li {
  background: rgba(46, 178, 255, 0.2);
  border: 1px solid transparent;
}

.dark-mode .gysrisk-list ul li:hover {
  border-color: #79EEFF;
}

.dark-mode .gysrisk-list ul li i, .dark-mode .gysrisk-list ul li .tit {
  color: #79EEFF;
}

.dark-mode .gysrisk-list ul li.disable > a {
  cursor: not-allowed;
}

.dark-mode .gysrisk-list ul li.disable:hover {
  border: 1px solid transparent;
}

.dark-mode .gysrisk-list ul li.disable i, .dark-mode .gysrisk-list ul li.disable .tit {
  color: #4C92B0;
}

/*供应商风险查看-动效*/
@keyframes circleBig {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circleSmall {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/*dropdown下拉子项两列展示*/
.dropdown-menu.multiple {
  width: 320px;
  max-height: 500px;
  overflow: auto;
}

.dropdown-menu.multiple li {
  width: 150px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu.multiple .divider, .dropdown-menu.multiple .divider ~ li {
  width: 100%;
  display: block;
  text-align: center;
}

/*常用操作记录*/
.title .record {
  margin-top: 4px;
}

.record {
  margin: 0 0 0 10px;
}

.record {
  display: inline-block;
}

.record .title-simple {
  margin-bottom: 5px;
}

.record .record-icon {
  color: #EE9918;
  font-size: 18px;
}

.record .record-content {
  min-width: 300px;
  width: 600px;
  max-height: 385px;
  padding: 15px;
}

.record .list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
}

.record .item-data {
  background: #F5F9FB;
  border: 1px solid #DCDFE3;
  padding: 15px;
  width: calc(50% - 20px);
  margin: 0 20px 20px 0;
}

.record .item-data:nth-child(even) {
  margin: 0 0 20px 0;
}

.item-data .protitle a {
  font-size: 12px;
  color: #333;
}

.item-data .protitle {
  margin: 0 0 5px 0;
  height: 44px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.item-data ul li {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #222;
  line-height: 22px;
}

.item-data ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #D8D8D8;
  float: left;
  margin: 9px 5px 0 0;
}

.item-data ul li em {
  font-style: normal;
  color: #777;
  margin: 0 10px 0 0;
}

.item-data ul li em > i {
  margin-right: 5px;
}

.item-data ul li.blue, .item-data ul li.blue em {
  color: #1890FF;
}

.item-data ul li.red, .item-data ul li.red em {
  color: #FA541C;
}

.item-data:hover, .record .list .item-data.current {
  border-color: #1890FF;
}

.item-data:hover .protitle a, .record .list .item-data.current .protitle a {
  color: #1890FF;
}

/*项目进度概述*/
.overviews-tips {
  margin: 6px 0 0 0;
}

.overviews-tips > span {
  margin: 0 10px 0 0;
}

.overviews-tips > span:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #aaa;
  margin-right: 5px;
}

.overviews-tips > span.done:before {
  background: #1890FF;
}

.overviews-tips > span.current:before {
  background: #EE9918;
}

.progress-overviews {
  display: inline-flex;
  counter-reset: flag;
}

.progress-overviews .overviews-item {
  width: 320px;
  margin: 0 20px 0 0;
}

.xy-bar .progress-overviews .overviews-item {
  width: 230px;
  margin: 0;
}

.overviews-box {
  padding: 15px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  margin: 0 0 20px 0;
}

.overviews-box .item-data {
  position: relative;
}

.overviews-box .item-data .protitle {
  height: 22px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-weight: 600;
}

.overviews-box .closebtn {
  float: right;
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  color: #1890FF;
}

.overviews-box .closebtn .tit2 {
  display: none;
}

.overviews-box .closebtn > em {
  font-style: normal;
  float: left;
}

.overviews-box .closebtn > i {
  font-size: 16px;
  margin-left: 5px;
  color: #aaa;
}

.overviews-box .closebtn.active > i {
  transform: rotate(180deg);
  color: #1890FF;
}

.overviews-box .closebtn.active .tit1 {
  display: none;
}

.overviews-box .closebtn.active .tit2 {
  display: block;
}

.overviews-box .state {
  float: right;
  font-size: 12px;
  position: absolute;
  right: -15px;
  top: 0;
  color: #fff;
  background: #aaa;
  padding: 2px 8px;
  border-radius: 15px 0 0 15px;
}

.overviews-box .state.current {
  background: #EE9918;
}

.overviews-box .state.done {
  background: #1890FF;
}

.overviews-box .state.stop {
  background: #FA541C;
}

.overviews-box-h {
  width: 100%;
  font-size: 16px;
  color: #222;
  border-bottom: 1px solid #DCDFE3;
  padding: 10px 0;
  margin-bottom: 10px;
}

/*项目进度概述-节点状态*/
.overviews-box.prenode {
  background: #F6FFED;
  border: 1px solid #52C41A;
}

.overviews-box.currentnode {
  background: #FDF6E7;
  border: 1px solid #EE9918;
}

.overviews-box.nextnode {
  background: #E6FFFB;
  border: 1px solid #13C2C2;
}

/*项目进度概述-时效*/
.overviews-aging {
  color: #444;
  margin: 10px 0;
  position: relative;
  padding: 15px 0 0 0;
}

.overviews-aging::before {
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #bbb;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 1;
}

.overviews-aging::after {
  content: "";
  width: calc(100% + 20px);
  height: 1px;
  background: #aaa;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 5px;
}

.overviews-aging.done::before {
  width: 13px;
  height: 13px;
  border: 2px solid #1890FF;
  top: -2px;
}

.overviews-aging.done::after {
  background: #1890FF;
}

.overviews-aging.current::before {
  width: 13px;
  height: 13px;
  border: 2px solid #EE9918;
  top: -2px;
}

.progress-overviews .overviews-item:last-child .overviews-aging {
  top: 2px;
}

.progress-overviews .overviews-item:last-child .overviews-aging::after {
  width: calc(100% - 10px);
}

.overviews-aging .num {
  color: #aaa;
  margin-left: 50%;
}

.progress-overviews .overviews-item:last-child .overviews-aging .num::after {
  content: "\e632";
  font-family: "iconfont" !important;
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 1;
}

/*项目进度概述-横版*/
.overviews-item-row {
  width: 100%;
  counter-reset: flag;
}

.overviews-item-row .overviews-box .item-data .protitle {
  font-size: 16px;
}

.overviews-item-row .overviews-box .item-data .protitle::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1890FF;
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  content: counter(flag);
  counter-increment: flag;
  font-weight: 500;
  text-align: center;
}

/*项目进度概述-步骤*/
.overviews-step {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 15px 0;
  font-size: 20px;
  color: #aaa;
}

.overviews-step .num {
  width: 32px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: #aaa;
  position: relative;
  display: inline-block;
  border-radius: 10px;
}

.overviews-step .num em {
  font-style: normal;
  color: #fff;
  font-size: 18px;
}

.progress-overviews .overviews-item .overviews-step .num em:before {
  content: counter(flag);
  counter-increment: flag;
}

.overviews-step .num:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 8px solid #aaa;
  border-radius: 10px;
}

.overviews-step .num:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 8px solid #aaa;
  border-radius: 10px;
}

.overviews-step .tit {
  display: inline-block;
  width: calc(100% - 40px);
}

.overviews-step .tit > span {
  background: #F5F9FB;
  padding: 0 10px 0 0;
}

.overviews-step .tit:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #aaa;
  display: block;
  position: relative;
  bottom: -16px;
  z-index: -1;
}

.overviews-step .tit:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 10px;
  float: right;
  width: 10px;
  height: 10px;
  border-right: 2px solid #aaa;
  border-top: 2px solid #aaa;
  transform: rotate(45deg);
}

.progress-overviews .overviews-item:last-child .overviews-step .tit:before,
.progress-overviews .overviews-item:last-child .overviews-step .tit:after {
  display: none;
}

.overviews-step.done .num:before {
  border-bottom-color: #1890FF;
}

.overviews-step.done .num:after {
  border-top-color: #1890FF;
}

.overviews-step.done .num, .overviews-step.done .tit:before {
  background: #1890FF;
}

.overviews-step.done .tit > span {
  color: #1890FF;
}

.overviews-step.done .tit:after {
  border-right-color: #1890FF;
  border-top-color: #1890FF;
}

.overviews-step.current .num:before {
  border-bottom-color: #EE9918;
}

.overviews-step.current .num:after {
  border-top-color: #EE9918;
}

.overviews-step.current .num {
  background: #EE9918;
}

.overviews-step.current .tit > span {
  color: #EE9918;
}

/*项目进度概述-时间轴*/
.overviews-box .overviews-timeline {
  border-left: 1px solid #DCDFE3;
  border-top: 1px solid #DCDFE3;
  margin: 10px 0 0 5px;
  padding: 10px 0 0 0;
  display: none;
}

.overviews-box .overviews-timeline.in {
  display: block;
}

.overviews-box .overviews-timeline:before {
  content: "";
  width: 1px;
  height: 15px;
  background: #fff;
  position: absolute;
  margin: -10px 0 0 -1px;
}

.overviews-box .overviews-timeline:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #fff;
  position: absolute;
  margin: -17px 0 0 -1px;
}

.overviews-box .overviews-timeline .node {
  margin: 0 0 10px 0;
  color: #333;
  position: relative;
}

.overviews-box .overviews-timeline .node:before, .overviews-box .overviews-timeline dl dt:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  display: inline-block;
  border: 2px #DCDFE3 solid;
  border-radius: 50%;
  margin: -2px 5px 0 0;
  position: relative;
  left: -5px;
  bottom: 2px;
}

.overviews-box .overviews-timeline .node.done:before,
.overviews-box .overviews-timeline dl.done dt:before {
  border-color: #1890FF;
}

.overviews-box .overviews-timeline .node.done:after,
.overviews-box .overviews-timeline dl.done:before {
  content: "";
  width: 1px;
  height: calc(100% + 2px);
  background: #1890FF;
  position: absolute;
  left: -1px;
  top: 13px;
  bottom: 0;
  right: 0;
}

.overviews-box .overviews-timeline .node.end.done:after {
  display: none;
}

.overviews-box .overviews-timeline dl.current dt:before {
  width: 15px;
  height: 15px;
  background: #EE9918;
  border: 4px #FFE58F solid;
  left: -8px;
  bottom: -2px;
}

.overviews-box .overviews-timeline dl.current dt {
  color: #EE9918;
}

.overviews-box .overviews-timeline dl {
  margin: 0 0 10px 0;
  position: relative;
}

.overviews-box .overviews-timeline dl dt {
  margin: 0 0 5px 0;
  color: #333;
  font-weight: normal;
}

.overviews-box .overviews-timeline dl dt a {
  color: #1890FF;
}

.overviews-box .overviews-timeline dl dt a:after {
  content: "\e6e9";
  font-family: "iconfont" !important;
  margin-left: 5px;
}

.overviews-box .overviews-timeline dl dd {
  margin: 0 0 0 15px;
}

.overviews-box .overviews-timeline .item-data ul li.name em {
  color: #222;
  font-weight: 600;
}

.overviews-box .overviews-timeline .item-data ul li.opinion {
  height: auto;
  white-space: normal;
}

.overviews-box .overviews-timeline dl.current dt label {
  display: inline-block;
  background: #EE9918;
  color: #fff;
  padding: 0 5px 0 2px;
  border-radius: 10px;
  font-size: 12px;
  margin-left: 10px;
}

.overviews-box .overviews-timeline dl.current dt label:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #EE9918;
  border-bottom: 6px solid transparent;
  left: -7px;
  top: 1px;
  position: relative;
}

.overviews-box.plus {
  padding: 8px 15px;
}

.overviews-box.plus a.zj {
  display: block;
  text-align: center;
  color: #aaa;
  font-size: 18px;
}

.overviews-box.plus a.zj:hover {
  color: #1890FF;
}

/*侧边栏*/
.xy-bar {
  position: fixed;
  z-index: 99;
  top: 0;
  height: 100%;
  background: #fff;
  box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  right: -260px;
  transition: all 0.3s ease-in-out;
}

.xy-bar.in {
  opacity: 1;
  right: 0;
}

.xy-bar .progress-overviews {
  padding: 0 15px;
}

/* 供应商评价*/
.common-side {
  float: left;
  height: 100%;
  width: 300px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.gys-evaluate {
  display: flex;
}

.gys-evaluate .common-side {
  margin-right: 15px;
}

.gys-evaluate-right {
  overflow: hidden;
  padding: 0 5px;
  flex: 1;
}

.gys-evaluate-right .nav-tabs {
  margin: 0 auto;
  display: table;
}

.common-side .main-menu {
  padding: 15px 0 20px 0;
}

.common-side .main-menu li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.common-side .main-menu li a {
  display: block;
  position: relative;
  margin: 0;
  border-left: 4px solid transparent;
  padding: 10px 15px;
  text-decoration: none;
}

.common-side .main-menu li a i {
  top: 0;
  margin-left: 1px;
  margin-right: 5px;
  font-size: 14px !important;
  color: #222;
  line-height: inherit;
}

.common-side .main-menu li a .title-t:before {
  float: left;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin: 7px 5px 0 0;
  background: #1890FF;
}

.common-side .main-menu li a.undone .title-t:before {
  background: #bbb;
}

.common-side .main-menu li .menu-item-arrow {
  float: right;
  color: #bbb;
  display: inline;
}

.common-side .main-menu li a.active .menu-item-arrow {
  transform: rotate(-180deg);
  transition: all 0.3s ease-in-out;
}

.common-side .main-menu .sub-menu {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0 0 8px 0;
}

.common-side .main-menu .sub-menu li {
  background: none;
  margin: 0;
  padding: 0;
  margin-top: 1px !important;
}

.common-side .main-menu .sub-menu li a {
  display: block;
  margin: 0;
  padding: 10px 15px 5px 25px;
  text-decoration: none;
  font-weight: 400;
}

.common-side .main-menu .sub-menu li a i {
  margin-right: 1px;
}

.common-side .main-menu .sub-menu li a .title-t {
  color: #444;
  display: inline-block;
  width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.common-side .main-menu .sub-menu li a .title-t:before {
  display: none;
}

.common-side .main-menu li > a:hover,
.common-side .main-menu .sub-menu li a.active {
  border-color: #ddd;
  color: #1890FF;
  background: #F6F7F8;
}

.common-side .main-menu .sub-menu li a.current.active {
  border-color: #EE9918;
  background: rgba(238, 153, 24, 0.1);
}

.common-side .main-menu .sub-menu li a.current.active .title-t,
.common-side .main-menu .sub-menu li a.current .title-t {
  color: #EE9918;
}

.common-side .main-menu .sub-menu li a.done.active {
  border-color: #1890FF;
  background: rgba(24, 144, 255, 0.1);
}

.common-side .main-menu .sub-menu li a.done .title-t,
.common-side .main-menu .sub-menu li a.done.active .title-t {
  color: #1890FF;
}

.common-side .main-menu li > a:hover > .title-t,
.common-side .main-menu .sub-menu li a.active > .title-t {
  color: #444;
}

.common-side .main-menu .sub-menu li .score {
  color: #666;
  float: right;
}

.common-side .overviews-tips {
  margin: 0 15px 20px 15px;
  border-top: 1px solid #DCDFE3;
  padding-top: 20px;
  display: flex;
  display: -ms-flexbox;
}

.common-side .overviews-tips > span {
  font-size: 12px;
  flex: 1;
}

.common-side .overviews-tips > span:before {
  width: 8px;
  height: 8px;
}

.gys-evaluate-content {
  counter-reset: flag;
}

.gys-evaluate-content .evaluate-list {
  margin-bottom: 20px;
}

.gys-evaluate-content .evaluate-title {
  color: #222;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.gys-evaluate-content .evaluate-title:before {
  content: counter(flag) "、";
  counter-increment: flag;
}

.gys-evaluate-content .evaluate-title .more {
  color: #1890FF;
  margin: 0 0 0 10px;
  font-weight: 500;
}

.gys-evaluate-content .evaluate-title .more > i {
  font-size: 12px;
}

.gys-evaluate-content .evaluate-description {
  line-height: 25px;
  color: #666;
  margin: 0 0 10px 0;
}

.gys-evaluate-content .form-group .col-sm-1 {
  width: auto;
  padding-left: 0;
}

.gys-evaluate-content .evaluate-result {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  padding-bottom: 25px;
}

.gys-evaluate-content .evaluate-result dl {
  text-align: center;
  margin: 0 50px;
}

.gys-evaluate-content .evaluate-result dl dt {
  color: #666;
  line-height: 40px;
  font-weight: 500;
}

.gys-evaluate-content .evaluate-result dl dd {
  color: #1890FF;
  font-size: 30px;
}

/*经办人桌面-工作事项*/
.vertical-container.project-work::before {
  display: none;
}

.vertical-container.project-work {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  height: 330px;
}

.vertical-container.project-work::after {
  content: "";
  display: table;
  clear: both;
}

.vertical-container.project-work .vertical-timeline-block {
  position: relative;
  margin: 0;
  padding: 5px 0;
}

.vertical-container.project-work .vertical-timeline-block.done:before {
  content: "";
  float: left;
  width: 1px;
  position: absolute;
  left: 5px;
  height: 100%;
  background: #1890FF;
}

.vertical-container.project-work .vertical-timeline-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
  width: 1px;
  background: #DCDFE3;
}

.vertical-container.project-work .vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-container.project-work .vertical-timeline-block:first-child {
  margin-top: 0;
}

.vertical-container.project-work .vertical-timeline-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.vertical-container.project-work .vertical-timeline-block:last-child:before {
  content: "";
  float: left;
  left: 5px;
  width: 1px;
  height: auto;
  position: absolute;
  background: #fff;
}

.vertical-container.project-work .vertical-timeline-block:last-child:after {
  content: "";
  width: 2px;
  height: 100%;
}

.vertical-container.project-work .vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  border: 2px solid #bbb;
  border-radius: 50%;
  background: #fff;
}

.vertical-container.project-work .vertical-timeline-block.done .vertical-timeline-icon {
  border: 2px solid #1890FF;
}

.vertical-container.project-work .vertical-timeline-content {
  position: relative;
  margin-left: 15px;
  padding: 0 0 0 10px;
}

.vertical-container.project-work .vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-container.project-work .vertical-timeline-content h5 {
  line-height: 12px;
  font-size: 12px;
  color: #8F9399;
  font-weight: 400;
  margin: -5px 0 8px 0;
}

.vertical-container.project-work .vertical-timeline-content ul {
  margin: 0 15px 5px 0;
}

.vertical-container.project-work .vertical-timeline-content ul li {
  margin-bottom: 5px;
  padding-left: 12px;
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  /*	background: url(../img/list-type-disc.png) no-repeat 0 6px;*/
  font-size: 14px;
  color: #222;
}

.vertical-container.project-work .vertical-timeline-content ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d8d8d8;
  float: left;
  margin: 7px 0 0 -12px;
}

.vertical-container.project-work .vertical-timeline-content ul li.active:before {
  background: #EE9918;
}

.vertical-container.project-work .vertical-timeline-content ul li.current {
  font-weight: 600;
}

.vertical-container.project-work .vertical-timeline-content ul li a:hover {
  color: #1890FF;
}

/* 开标室预定月历-页面容器 */
.br-head .layout-side {
  padding: 10px !important;
  position: relative;
}

.br-head .layout-content {
  padding: 0 30px !important;
  position: relative;
  overflow: hidden;
}

.br-content .layout-side {
  padding: 0 !important;
}

.br-content .layout-content {
  padding: 0 !important;
}

/* 下拉日期选择框 */
.br-head .selectlist {
  height: 30px;
  padding-left: 30px;
  background: url("../img/date-sprite.png") no-repeat 5px 5px;
}

.br-head .selectlist > select {
  height: 30px;
  padding: 0 30px 0 0;
  border: none;
  background: url("../img/select-down.png") #fff no-repeat right 7px;
}

.br-head .selectlist > select:focus {
  outline: 0;
}

/* 当月天数列表 */
.day-step {
  width: 100%;
  height: 50px;
}

.dayslide {
  margin: 0 auto;
}

.dayslide .cons {
  overflow: hidden;
  position: relative;
  height: 50px;
  margin: 0 auto;
}

.dayslide .con {
  float: left;
  width: 9999px;
  position: absolute;
  left: 0;
  top: 0;
}

.dayslide .btns {
  margin-top: -40px;
  display: none;
}

.dayslide .btns > a {
  width: 30px;
  height: 30px;
  display: block;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.3);
}

.dayslide .btns > a > i {
  font-size: 12px;
  color: #fff;
  float: right;
  margin: 0 2px 0 0;
  font-weight: 600;
}

.dayslide .btns > a:hover {
  background: #1890FF;
  transition: all 0.5s ease;
}

.dayslide .btns .left {
  position: absolute;
  left: -15px;
  border-radius: 50%;
}

.dayslide .btns .right {
  position: absolute;
  right: -15px;
  border-radius: 50%;
}

.dayslide .btns .right > i {
  float: left;
  margin: 0 0 0 2px;
}

.dayslide .btns .uN, .dayslide .btns a:hover.uN {
  background-color: transparent;
}

.dayslide .btns .dN, .dayslide .btns a:hover.dN {
  background-color: transparent;
}

.table-br-dayslist {
  width: auto;
}

.table-br-dayslist > thead > tr > th {
  height: 22px;
  width: 80px;
  padding: 0;
  text-align: center;
  border: none;
  color: #bbb;
  font-size: 13px;
  font-weight: 400 !important;
  vertical-align: middle;
  background-color: transparent;
}

.table-br-dayslist > thead > tr > th.saturday {
  color: #4ebe1f;
}

.table-br-dayslist > thead > tr > th.sunday {
  color: #f49d1a;
}

.table-br-dayslist > tbody > tr > td {
  height: 25px;
  width: 80px;
  padding: 0;
  text-align: center;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

.table-br-dayslist > tbody > tr > td div {
  margin: 0 auto;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: transparent;
}

.table-br-dayslist > tbody > tr > td.current div {
  color: #fff;
  background: #1890FF;
}

/* 开标室列表 */
.br-title {
  line-height: 45px;
  padding: 0 20px;
  color: #666;
  font-weight: 400;
  background: #FAFCFD;
  border-bottom: 1px solid #EAEEF5;
}

.br-list li {
  border-bottom: 1px solid #EAEEF5;
}

.br-list li .r-left {
  display: block;
  line-height: 45px;
  padding: 0 20px;
  color: #222;
}

/* 时间段开标室容器 */
.br-grid {
  width: 100%;
  padding: 0;
}

.br-grid > .thead > ul {
  position: relative;
  background: #FAFCFD;
  border-bottom: 1px solid #EAEEF5;
}

.br-grid > .thead > ul > li {
  float: left;
  line-height: 45px;
  color: #666;
  text-align: center;
  border-right: 1px solid #EAEEF5;
}

.br-grid > .thead > ul:after {
  content: "";
  display: table;
  clear: both;
}

.br-grid > .tbody > ul {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #EAEEF5;
}

.br-grid > .tbody > ul:last-child {
  border-bottom: none;
}

.br-grid > .tbody > ul > li {
  float: left;
  min-height: 45px;
  color: #222;
  border-right: 1px solid #EAEEF5;
}

.br-grid > .tbody > ul:after {
  content: "";
  display: table;
  clear: both;
}

/* 占用情况 */
.br-event {
  position: absolute;
  left: 20%;
  top: 10px;
  width: 0;
  line-height: 24px;
  background: #ccc;
  color: #fff;
  border-radius: 0 12px 12px 0;
}

/* 事件类别 */
.br-event.br-event-lb1 {
  background: #ff6b68;
}

.br-event.br-event-lb2 {
  background: #fe85af;
}

.br-event.br-event-lb3 {
  background: #d065e2;
}

.br-event.br-event-lb4 {
  background: #663ab7;
}

.br-event.br-event-lb5 {
  background: #3f51b5;
}

.br-event.br-event-lb6 {
  background: #2096f3;
}

.br-event.br-event-lb7 {
  background: #00bcd4;
}

.br-event.br-event-lb8 {
  background: #30c787;
}

.br-event.br-event-lb9 {
  background: #8bc349;
}

.br-event.br-event-lb10 {
  background: #ff5821;
}

.br-event.br-event-lb11 {
  background: #ff9700;
}

.br-event.br-event-lb12 {
  background: #795548;
}

/* 事件开始 */
.br-event.start-0 {
  left: 0;
}

.br-event.start-5 {
  left: 5%;
}

.br-event.start-10 {
  left: 10%;
}

.br-event.start-15 {
  left: 15%;
}

.br-event.start-20 {
  left: 20%;
}

.br-event.start-25 {
  left: 25%;
}

.br-event.start-30 {
  left: 30%;
}

.br-event.start-35 {
  left: 30%;
}

.br-event.start-40 {
  left: 40%;
}

.br-event.start-45 {
  left: 45%;
}

.br-event.start-50 {
  left: 50%;
}

.br-event.start-55 {
  left: 55%;
}

.br-event.start-60 {
  left: 60%;
}

.br-event.start-65 {
  left: 65%;
}

.br-event.start-70 {
  left: 70%;
}

.br-event.start-75 {
  left: 75%;
}

.br-event.start-80 {
  left: 80%;
}

.br-event.start-85 {
  left: 85%;
}

.br-event.start-90 {
  left: 90%;
}

.br-event.start-95 {
  left: 95%;
}

.br-event.start-100 {
  left: 100%;
}

/* 事件结束 */
.br-event.percent-0 {
  width: 0;
}

.br-event.percent-5 {
  width: 5%;
}

.br-event.percent-10 {
  width: 10%;
}

.br-event.percent-15 {
  width: 15%;
}

.br-event.percent-20 {
  width: 20%;
}

.br-event.percent-25 {
  width: 25%;
}

.br-event.percent-30 {
  width: 30%;
}

.br-event.percent-35 {
  width: 35%;
}

.br-event.percent-40 {
  width: 40%;
}

.br-event.percent-45 {
  width: 45%;
}

.br-event.percent-50 {
  width: 50%;
}

.br-event.percent-55 {
  width: 55%;
}

.br-event.percent-60 {
  width: 60%;
}

.br-event.percent-65 {
  width: 65%;
}

.br-event.percent-70 {
  width: 70%;
}

.br-event.percent-75 {
  width: 75%;
}

.br-event.percent-80 {
  width: 80%;
}

.br-event.percent-85 {
  width: 85%;
}

.br-event.percent-90 {
  width: 90%;
}

.br-event.percent-95 {
  width: 95%;
}

.br-event.percent-100 {
  width: 100%;
}

/* 事件内容 */
.br-event .br-event-text {
  float: left;
  width: 100%;
  padding: 0 24px 0 10px;
  color: #fff;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.br-event .br-event-btn-del {
  float: left;
  width: 24px;
  margin-left: -24px;
  color: #fff;
}

.br-event .br-event-btn-del i {
  display: block;
  font-size: 8px;
  -webkit-transform: scale(0.66);
}

/* 添加事件按钮 */
.btn-add-br-event {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 42px;
  color: #1890FF;
  font-size: 16px;
  background: #E6F7FF;
  border: 1px solid #91D5FF;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

/* 24小时制 */
.br-grid.fulltime li {
  width: 4.1666666667%;
}

.br-grid.fulltime .btn-add-br-event {
  font-size: 12px;
}

/* 事件开始 */
.br-event.start-0000 {
  left: 0%;
}

.br-event.start-0030 {
  left: 2.0833333333%;
}

.br-event.start-0100 {
  left: 4.1666666667%;
}

.br-event.start-0130 {
  left: 6.25%;
}

.br-event.start-0200 {
  left: 8.3333333333%;
}

.br-event.start-0230 {
  left: 10.4166666667%;
}

.br-event.start-0300 {
  left: 12.5%;
}

.br-event.start-0330 {
  left: 14.5833333333%;
}

.br-event.start-0400 {
  left: 16.6666666667%;
}

.br-event.start-0430 {
  left: 18.75%;
}

.br-event.start-0500 {
  left: 20.8333333333%;
}

.br-event.start-0530 {
  left: 22.9166666667%;
}

.br-event.start-0600 {
  left: 25%;
}

.br-event.start-0630 {
  left: 27.0833333333%;
}

.br-event.start-0700 {
  left: 29.1666666667%;
}

.br-event.start-0730 {
  left: 31.25%;
}

.br-event.start-0800 {
  left: 33.3333333333%;
}

.br-event.start-0830 {
  left: 35.4166666667%;
}

.br-event.start-0900 {
  left: 37.5%;
}

.br-event.start-0930 {
  left: 39.5833333333%;
}

.br-event.start-1000 {
  left: 41.6666666667%;
}

.br-event.start-1030 {
  left: 43.75%;
}

.br-event.start-1100 {
  left: 45.8333333333%;
}

.br-event.start-1130 {
  left: 47.9166666667%;
}

.br-event.start-1200 {
  left: 50%;
}

.br-event.start-1230 {
  left: 52.0833333333%;
}

.br-event.start-1300 {
  left: 54.1666666667%;
}

.br-event.start-1330 {
  left: 56.25%;
}

.br-event.start-1400 {
  left: 58.3333333333%;
}

.br-event.start-1430 {
  left: 60.4166666667%;
}

.br-event.start-1500 {
  left: 62.5%;
}

.br-event.start-1530 {
  left: 64.5833333333%;
}

.br-event.start-1600 {
  left: 66.6666666667%;
}

.br-event.start-1630 {
  left: 68.75%;
}

.br-event.start-1700 {
  left: 70.8333333333%;
}

.br-event.start-1730 {
  left: 72.9166666667%;
}

.br-event.start-1800 {
  left: 75%;
}

.br-event.start-1830 {
  left: 77.0833333333%;
}

.br-event.start-1900 {
  left: 79.1666666667%;
}

.br-event.start-1930 {
  left: 81.25%;
}

.br-event.start-2000 {
  left: 83.3333333333%;
}

.br-event.start-2030 {
  left: 85.4166666667%;
}

.br-event.start-2100 {
  left: 87.5%;
}

.br-event.start-2130 {
  left: 89.5833333333%;
}

.br-event.start-2200 {
  left: 91.6666666667%;
}

.br-event.start-2230 {
  left: 93.75%;
}

.br-event.start-2300 {
  left: 95.8333333333%;
}

.br-event.start-2330 {
  left: 97.9166666667%;
}

.br-event.start-2400 {
  left: 100%;
}

/* 事件结束 */
.br-event.percent-0 {
  width: 0;
}

.br-event.percent-1u {
  width: 2.0833333333%;
}

.br-event.percent-2u {
  width: 4.1666666667%;
}

.br-event.percent-3u {
  width: 6.25%;
}

.br-event.percent-4u {
  width: 8.3333333333%;
}

.br-event.percent-5u {
  width: 10.4166666667%;
}

.br-event.percent-6u {
  width: 12.5%;
}

.br-event.percent-7u {
  width: 14.5833333333%;
}

.br-event.percent-8u {
  width: 16.6666666667%;
}

.br-event.percent-9u {
  width: 18.75%;
}

.br-event.percent-10u {
  width: 20.8333333333%;
}

.br-event.percent-11u {
  width: 22.9166666667%;
}

.br-event.percent-12u {
  width: 25%;
}

.br-event.percent-13u {
  width: 27.0833333333%;
}

.br-event.percent-14u {
  width: 29.1666666667%;
}

.br-event.percent-15u {
  width: 31.25%;
}

.br-event.percent-16u {
  width: 33.3333333333%;
}

.br-event.percent-17u {
  width: 35.4166666667%;
}

.br-event.percent-18u {
  width: 37.5%;
}

.br-event.percent-19u {
  width: 39.5833333333%;
}

.br-event.percent-20u {
  width: 41.6666666667%;
}

.br-event.percent-21u {
  width: 43.75%;
}

.br-event.percent-22u {
  width: 45.8333333333%;
}

.br-event.percent-23u {
  width: 47.9166666667%;
}

.br-event.percent-24u {
  width: 50%;
}

/*审批优化页面*/
.check-inline {
  display: inline;
}

.check-inline .checkbox, .check-inline .radio {
  margin: -7px 0 0 0;
}

.approval-fixed {
  width: 150px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  right: 60px;
  top: 220px;
}

.approval-fixed .nav {
  border-left: 1px #DCDFE3 solid;
  padding-left: 10px;
  margin-top: 10px;
}

.approval-fixed .nav:before, .approval-fixed .nav:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #fff;
  float: left;
  margin: 0 0 0 -11px;
}

.approval-fixed .nav:after {
  margin: -10px 0 0 -11px;
}

.approval-fixed .nav li {
  margin: 0 0 15px 0;
  display: block;
}

.approval-fixed .nav li:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #DCDFE3;
  border-radius: 50%;
  float: left;
  margin: 6px 0 0 -14px;
  border: 1px #fff solid;
}

.approval-fixed .nav li.active:before {
  background: #1890FF;
}

.approval-fixed .nav li:last-child {
  margin-bottom: 0;
}

.approval-fixed .nav li > a {
  padding: 0;
  color: #444;
}

.approval-fixed .nav li > a > i {
  color: #bbb;
  margin: 0 10px 0 0;
}

.approval-fixed .nav li.active > a, .approval-fixed .nav li.active > a > i {
  color: #1890FF;
}

.approval-fixed .bottom-tools {
  position: relative;
  bottom: auto;
  right: auto;
  left: 10px;
}

.approval-fixed #scrollUp {
  background: none;
  width: 100%;
  height: auto;
  line-height: normal;
  transform: none;
  text-align: left;
  opacity: 1;
  padding: 10px 0;
}

.approval-fixed #scrollUp i {
  color: #bbb;
  margin: 0 5px 0 0;
  font-size: 16px;
}

.approval-fixed .approval-fixed-right {
  width: 40px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  right: -42px;
  top: 0;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.approval-fixed .approval-fixed-right .approval-fixed-icon {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.approval-fixed .approval-fixed-right .approval-fixed-icon i {
  font-size: 18px;
  color: #bbb;
}

.approval-fixed .approval-fixed-right .approval-fixed-icon.active {
  transform: rotate(180deg);
}

.approval-fixed.in {
  right: -190px;
  transition: all 0.5s ease-in-out;
}

.approval-fixed.in .approval-fixed-right {
  right: 210px;
  transition: all 0.5s ease-in-out;
}

/* 左右滑动-待选元素 */
.slidecontainer.ele-all {
  margin: 0 0 15px 0;
}

.slidecontainer.ele-all:after {
  display: none;
}

/* 待选元素样式 */
.slidecontainer.ele-all ul:after {
  content: "";
  display: table;
  clear: both;
}

.slidecontainer.ele-all ul h4 {
  margin-bottom: 20px;
  line-height: 16px;
  font-size: 16px;
}

.slidecontainer.ele-all ul li {
  float: left;
  position: relative;
  margin: 0 10px 0 0;
  padding: 10px 10px 0 10px;
  border: 1px solid #EAEEF5;
  background: #fff;
  cursor: pointer;
}

.slidecontainer.ele-all ul li a.item-title {
  display: block;
  width: 120px;
  margin-bottom: 7px;
  line-height: 12px;
  font-size: 12px;
  color: #333;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slidecontainer.ele-all ul li p {
  margin-bottom: 7px;
  line-height: 12px;
  font-size: 12px;
}

.slidecontainer.ele-all ul li span {
  color: #777;
}

.slidecontainer.ele-all ul li.select {
  border-color: #1890FF;
  z-index: 99;
  transition: all 0.15s linear;
}

.slidecontainer.ele-all ul li.select a.item-title {
  color: #1890FF;
}

/* 右树左内容的收缩控制 */
#right-recover {
  float: right;
  margin-top: 300px;
}

#right-recover a {
  display: block;
  width: 20px;
  height: 50px;
  padding-top: 2px;
  line-height: 14px;
  background: #1890FF;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

#right-recover a i {
  font-size: 12px;
}

#right-recover a.control2 {
  display: none;
}

.collapsed-side .layout-r-side {
  display: none;
}

.collapsed-side #right-recover a.control1 {
  display: none;
}

.collapsed-side #right-recover a.control2 {
  display: block;
}

/* 左树右内容的收缩控制 */
#left-recover {
  float: left;
  margin-top: 300px;
}

#left-recover a {
  display: block;
  width: 20px;
  height: 50px;
  padding-top: 2px;
  line-height: 14px;
  background: #1890FF;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

#left-recover a i {
  font-size: 12px;
}

#left-recover a.control2 {
  display: none;
}

.collapsed-side .layout-side {
  display: none;
}

.collapsed-side #left-recover a.control1 {
  display: none;
}

.collapsed-side #left-recover a.control2 {
  display: block;
}

/* 提交审批意见 */
.approval-comments {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.approval-comments-button {
  margin: 0 0 0 20px;
}

.drop-opinion {
  width: 250px;
  padding: 15px;
}

.drop-opinion textarea.form-control {
  height: 70px;
}

.drop-opinion-list {
  margin: 15px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px #f0f0f0 solid;
  overflow: auto;
}

.drop-opinion-list .drop-list {
  max-height: 300px;
  border: none;
  box-shadow: none;
}

.drop-opinion-list .drop-list li .drop-content .d-text {
  font-size: 12px;
  padding-right: 30px;
  line-height: 22px;
}

/* 审批流程 */
.approval-function {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -ms-flex-align: start;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.approval-function ul li {
  display: inline-block;
}

.approval-function .dropdown ul li {
  padding: 5px 10px;
}

.approval-function .dropdown ul li i {
  margin-right: 5px;
}

.approval-function ul li a {
  padding: 3px 8px;
}

.approval-function ul li a.active {
  background: #E6F7FF;
  color: #1890FF;
  border-radius: 10px;
}

.approval-function ul li.line {
  width: 1px;
  height: 16px;
  background: #EAEEF5;
  display: inline-block;
  margin: 0 10px;
  position: relative;
  top: 5px;
}

.approval-function .function-right {
  display: inline-block;
}

.approval-layout {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -ms-flex-align: start;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.approval-layout .layout-left {
  width: 120px;
  margin-right: 20px;
  padding: 20px 20px 0 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.approval-layout .layout-mid {
  flex: 1;
  padding: 20px 20px 0 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.approval-layout .layout-right {
  width: 380px;
  margin-left: 20px;
  padding: 20px 20px 0 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.approval-form .chosen-choices .search-choice .checkbox {
  min-height: inherit;
}

.approval-form .chosen-choices .search-choice .checkbox label::before {
  top: 0;
}

.approval-form .chosen-container-diy .chosen-choices {
  background: #fff;
}

/* 文档树型结构 */
.treefile {
  overflow: hidden;
}

.treefile dl {
  padding-bottom: 10px;
  padding-left: 20px;
}

.treefile dl dt {
  position: relative;
  margin: 0 15px 15px 0;
  line-height: 14px;
  font-weight: 400;
}

.treefile dl dt:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: -20px;
  color: #1890FF;
  font-family: "iconfont" !important;
}

.treefile dl dt.sbjd:before {
  content: "\e675";
}

.treefile dl dt.kbjd:before {
  content: "\e7f3";
}

.treefile dl dt.pbjd:before {
  content: "\e791";
}

.treefile dl dt.normal:before {
  content: "";
  width: 6px;
  height: 6px;
  top: 3px;
  left: -15px;
  background: #1890FF;
  border-radius: 50% !important;
}

.treefile dl dd {
  line-height: 1;
}

.treefile dl dd span {
  display: inline-block;
  margin: 0 2px 15px 0;
  line-height: 12px;
  font-size: 12px;
}

.treefile dl dd a {
  display: inline-block;
  margin: 0 20px 15px 0;
  line-height: 12px;
  font-size: 12px;
}

/* 支付页面 */
.pay-method img {
  max-width: 120px;
}

.pay-main {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  position: relative;
}

.pay-main::before {
  content: "";
  background: #1890FF;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.pay-totalamount {
  border-bottom: 1px #DCDFE3 dashed;
  padding: 20px;
  text-align: center;
  color: #aaa;
  margin: 0 0 20px 0;
}

.pay-totalamount .amount {
  font-size: 28px;
  margin: 0 5px;
  color: #1890FF;
}

.pay-layout {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.pay-layout .pay-left {
  flex: 1;
}

.pay-layout .pay-right {
  margin: 0 20px 0 0;
}

.pay-main .pay-codetit {
  text-align: center;
}

.pay-main .pay-codeimg {
  margin: 10px 0;
  text-align: center;
}

.pay-main .pay-codeimg img {
  width: 120px;
  height: 120px;
}

.pay-main .pay-codeinfo {
  font-size: 12px;
  text-align: center;
}

.pay-main .pay-neck::before, .pay-main .pay-neck::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #F5F9FB;
}

.pay-main .pay-neck::after {
  right: -10px;
  left: inherit;
}

/*手机端app下载页面*/
.appdown-info {
  background: url(../img/app/app_info.png) #1890FF bottom center no-repeat;
  background-size: 100%;
  height: 470px;
}

.appdown-info .app-txt1 {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
  padding: 50px 20px 0 20px;
}

.appdown-info .app-txt2 {
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  padding: 0 20px;
  opacity: 0.8;
}

.appdown-info .line {
  height: 3px;
  width: 30px;
  background: #fff;
  margin: 10px 0 0 20px;
}

.appdown-btn {
  margin: -80px 20px 0 20px;
  border-radius: 8px;
  background: #fff;
  padding: 30px 20px;
}

.appdown-btn .btn {
  width: 100%;
  padding: 10px 0;
  margin: 30px 0 0 0;
}

.appdown-btn .btn:first-child {
  margin-top: 0;
}

/* 手机签名页面 */
.lock-wrp {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.lock-wrp .tip-img {
  display: inline-block;
  width: 67px;
  height: 109px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC");
  transform: rotate(90deg);
  animation: lock-wrp-rotation infinite 1.5s ease-in-out;
  background-size: 67px 109px;
  margin-bottom: 2em;
}

.lock-wrp p {
  color: white;
  font-size: 2em;
}

@keyframes lock-wrp-rotation {
  10% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(0);
  }
  60% {
    transform: rotate(0);
  }
  90% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
/* 商品库查询 */
.productlib-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.productlib-info {
  text-align: center;
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #EAEEF5;
  padding: 0 0 15px 0;
}

.productlib-info span {
  margin-right: 20px;
}

.productlib-info span em {
  color: #444;
  font-style: normal;
  margin-right: 10px;
}

.productlib-item {
  padding: 0 0 0 50px;
  display: flex;
  justify-content: space-around;
}

.productlib-item .data-icon,
.productlib-item dl:nth-child(6) .data-icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 10px 0 0;
  text-align: center;
  float: left;
  background: linear-gradient(45deg, #A84CF2 0%, #6E63F1 100%);
  border-radius: 50%;
}

.productlib-item dl:nth-child(2) .data-icon,
.productlib-item dl:nth-child(7) .data-icon {
  background: linear-gradient(50deg, #02D5BD 0%, #00C7F7 99%);
}

.productlib-item dl:nth-child(3) .data-icon,
.productlib-item dl:nth-child(8) .data-icon {
  background: linear-gradient(225deg, #0572ED 0%, #00C6FC 100%);
}

.productlib-item dl:nth-child(4) .data-icon,
.productlib-item dl:nth-child(9) .data-icon {
  background: linear-gradient(45deg, #FFAB7D 0%, #FF677F 100%);
}

.productlib-item dl:nth-child(5) .data-icon,
.productlib-item dl:nth-child(10) .data-icon {
  background: linear-gradient(45deg, #429321 0%, #B4EC51 100%);
}

.productlib-item .data-icon > i {
  font-size: 26px;
  color: #fff;
}

.productlib-item dl {
  flex: 1;
}

.productlib-item dl dt {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: 500;
  margin: 5px 0 5px 0;
}

.productlib-item dl dd {
  font-size: 22px;
  line-height: 30px;
}

.productlib-item dl dd em {
  font-size: 12px;
  color: #666;
  margin-left: 10px;
  font-style: normal;
}

/* 供应商全局画像 */
.statis-main {
  background: rgba(46, 178, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  padding: 10px 0;
  margin: 0 0 20px 0;
}

.statis-main .form-group > [class^=col-] {
  background: transparent;
}

/* 供应商全局画像-标题 */
.statis-title {
  height: 40px;
}

.statis-title .title-left {
  float: left;
}

.statis-title .title-left h4 {
  color: #79EEFF;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0 0 0;
}

.statis-title .title-left h4::before {
  content: "";
  width: 3px;
  height: 20px;
  background: #24D8F2;
  float: left;
  margin: 1px 10px 0 0;
}

.statis-title .title-center {
  color: #B3F5FF;
  margin: 10px 0 0 10px;
  float: left;
}

.statis-title .title-right {
  float: right;
  position: relative;
  margin: 10px 10px 0 10px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.statis-title .title-right .btn-manual {
  background-color: #79EEFF;
  border-color: transparent;
  color: #232F54;
}

.statis-title .title-right .btn-manual:hover {
  background-color: #B3F5FF;
}

/* 供应商全局画像-小标题 */
.statis-form-title {
  margin-bottom: 4px;
  line-height: 20px;
  min-height: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #79EEFF;
}

.statis-form-title .dot {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background: #4283A8;
  border-radius: 50% !important;
  margin-top: -3px;
}

/* 供应商全局画像-子标题 */
.statis-subtitle {
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.statis-subtitle::before {
  content: "";
  background: linear-gradient(to right, transparent 30%, #79EEFF 100%);
  width: 50%;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: -60px;
}

.statis-subtitle::after {
  content: "";
  background: linear-gradient(to right, #79EEFF 0%, transparent 70%);
  width: 50%;
  height: 1px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: calc(50% + 60px);
}

.statis-subtitle h5 {
  font-size: 16px;
  color: #79EEFF;
  padding: 0 15px;
  display: inline-block;
  position: relative;
}

/* 供应商全局画像-内容内标题 */
.content-tit {
  font-size: 20px;
  color: #79EEFF;
  margin-bottom: 10px;
}

/* 供应商全局画像-企业概况 */
.portrait-score {
  text-align: center;
  color: #79EEFF;
  margin: 15px 0;
}

.portrait-score em {
  font-size: 24px;
  font-style: normal;
  margin: 0 5px;
}

/* 供应商全局画像-评估详情 */
.supplier-eval-layout {
  display: flex;
  align-items: center;
  padding: 30px;
}

.supplier-eval-layout .layout-right {
  flex: 1;
}

.supplier-eval-layout .layout-left {
  margin-right: 50px;
}

.total-score {
  width: 100px;
  height: 100px;
  text-align: center;
  background: #DDB7FF;
  border-radius: 50%;
  color: #232F54;
  border: 1px solid #9E5AFC;
}

.total-score .score {
  font-size: 28px;
  padding: 18px 0 0 0;
}

.child-score {
  width: 100px;
  height: 80px;
  text-align: center;
  border-radius: 4px;
  color: #232F54;
  position: relative;
}

.child-score .score {
  font-size: 28px;
  padding: 7px 0 0 0;
}

.child-score:first-child, .child-score:nth-child(5), .child-score:nth-child(9),
.child-score.num1, .child-score.num5, .child-score.num9 {
  background: #96E994;
  border: 1px solid #52C41A;
}

.child-score:nth-child(2), .child-score:nth-child(6), .child-score:nth-child(10),
.child-score.num2, .child-score.num6, .child-score.num10 {
  background: #FAE4C1;
  border: 1px solid #EE9918;
}

.child-score:nth-child(3), .child-score:nth-child(7), .child-score:nth-child(11),
.child-score.num3, .child-score.num7, .child-score.num11 {
  background: #99E8E7;
  border: 1px solid #13C2C2;
}

.child-score:nth-child(4), .child-score:nth-child(8), .child-score:nth-child(12),
.child-score.num4, .child-score.num8, .child-score.num12 {
  background: #FFA3CC;
  border: 1px solid #FD407F;
}

.supplier-eval-layout .child-score {
  margin: 50px 0;
}

.supplier-eval-layout .child-score:first-child {
  margin-top: 0;
}

.supplier-eval-layout .child-score:last-child {
  margin-bottom: 0;
}

/* 供应商全局画像-评价 */
.gys-appraise {
  margin-bottom: 15px;
  display: flex;
}

.appraise-list {
  background: rgba(46, 178, 255, 0.1);
  border-radius: 10px;
  width: 300px;
  margin: 0 20px 0 0;
  cursor: pointer;
}

.appraise-list .appraise-title {
  background: #255B9B;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  color: #79EEFF;
}

.appraise-list .appraise-info {
  font-size: 16px;
  color: #B3F5FF;
  margin: 10px 25px;
  height: 50px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.appraise-list .appraise-time {
  font-size: 12px;
  color: #79EEFF;
  text-align: right;
  padding: 10px 20px;
}

.gys-appraise-slidecontainer {
  background: transparent;
  box-shadow: none;
  height: 160px;
}

.gys-appraise-slidecontainer .slidestep .cons {
  height: 160px;
}

.gys-appraise-slidecontainer .slidestep {
  margin: 0 !important;
}

.gys-appraise-slidecontainer .slidestep .btns {
  margin-top: -90px;
}

.gys-appraise-slidecontainer .slidestep .btns > a {
  background: rgba(121, 238, 255, 0.2);
}

.appraise-list:hover, .appraise-list.active {
  background: #255B9B;
}

.appraise-list:hover .appraise-title, .appraise-list.active .appraise-title {
  background: #79EEFF;
  color: #232F54;
}

/* 供应商全局画像-更多维度 */
.dimension-list {
  display: flex;
  margin: 0 0 15px 0;
}

.dimension-list .dimension-tit {
  width: 150px;
  color: #79EEFF;
}

.dimension-list .dimension-tit::before {
  float: left;
  content: "";
  width: 6px;
  height: 6px;
  margin: 8px 7px 0 0;
  background: #79EEFF;
  border-radius: 50%;
}

.dimension-list .dimension-content {
  flex: 1;
  border-bottom: 1px #42A5BC dashed;
}

.dimension-list:last-child .dimension-content {
  border-bottom: none;
}

.dimension-list .dimension-content ul {
  display: flex;
  flex-wrap: wrap;
}

.dimension-list .dimension-content ul li {
  width: 150px;
  margin-bottom: 15px;
}

.dimension-list .dimension-content ul li a {
  color: #79EEFF;
  font-size: 12px;
}

.dimension-list .dimension-content ul li a:hover {
  color: #EE9918;
}

.dimension-list .dimension-content ul li a.disable {
  color: #4C92B0;
  cursor: not-allowed;
}

/* 供应商全局画像-投标流程 */
.supplier-timeline {
  color: #79EEFF;
  padding-left: 20px;
}

.supplier-timeline .supplier-timeline-year {
  font-size: 18px;
  padding: 10px 0 10px 25px;
  position: relative;
}

.supplier-timeline .supplier-timeline-year::before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  background: #79EEFF;
  position: absolute;
  left: 0;
}

.supplier-timeline .supplier-timeline-year::after {
  content: "\e7e2";
  font-family: "iconfont" !important;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  background: #79EEFF;
  color: #232F54;
  border-radius: 50%;
  position: absolute;
  left: -10px;
}

.supplier-timeline .supplier-timeline-item {
  position: relative;
  padding: 10px 0 10px 25px;
}

.supplier-timeline .supplier-timeline-item::before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  background: #79EEFF;
  position: absolute;
  left: 0;
}

.supplier-timeline .supplier-timeline-item .info {
  color: #B3F5FF;
  margin-top: 5px;
  font-size: 12px;
  line-height: 22px;
}

.supplier-timeline .supplier-timeline-item .date::before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  background: #79EEFF;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 14px;
  border: 2px solid #234483;
}

.supplier-timeline .supplier-timeline-item:last-child::before {
  display: none;
}

/* 供应商全局画像-合作情况 */
.statis-cooperation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.statis-cooperation .cooperation-item {
  display: flex;
  align-items: center;
  flex: 1;
  background: rgba(46, 178, 255, 0.1);
  margin: 0 15px 0 0;
  border-radius: 10px;
  padding: 10px 15px;
  cursor: pointer;
}

.statis-cooperation .cooperation-item:hover {
  transform: scale(1.1, 1.1);
  transition: all 0.3s ease-in-out;
}

.statis-cooperation .cooperation-item:last-child {
  margin-right: 0;
}

.statis-cooperation .cooperation-item .icon {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: rgba(46, 178, 255, 0.3);
  color: #79EEFF;
  font-size: 32px;
  border-radius: 50%;
  margin-right: 15px;
}

.statis-cooperation .cooperation-item dl {
  text-align: center;
  flex: 1;
}

.statis-cooperation .cooperation-item dl dt {
  font-size: 28px;
  color: #B3F5FF;
  font-family: DINPro-CondensedBold;
}

.statis-cooperation .cooperation-item dl dd {
  color: #79EEFF;
}

.statis-cooperation .cooperation-item.active {
  background: #2F74C6;
}

.statis-cooperation .cooperation-item.active .icon {
  background: #79EEFF;
  color: #232F54;
}

@media screen and (max-width: 1600px) {
  .statis-cooperation {
    justify-content: start;
  }
  .statis-cooperation .cooperation-item {
    width: calc(25% - 15px);
    flex: none;
    margin: 0 15px 15px 0;
  }
  .statis-cooperation .cooperation-item:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* 供应商全局画像-合作情况 */
.risk-layout {
  display: flex;
}

.risk-layout .risk-layout-content {
  flex: 1;
}

/* 供应商全局画像-风险项 */
.abnormal-item {
  margin: 15px 0;
}

.abnormal-item .abnormal-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.abnormal-item .abnormal-item-tit {
  color: #B3F5FF;
  flex: 1;
  line-height: 28px;
  margin-right: 20px;
}

.abnormal-item .abnormal-item-more {
  font-size: 18px;
  color: #B3F5FF;
  cursor: pointer;
  width: 30px;
  text-align: center;
}

.abnormal-item .abnormal-item-content {
  display: none;
}

.abnormal-item.active .abnormal-item-content {
  display: block;
}

.abnormal-item.active .abnormal-item-more {
  transform: rotate(180deg);
}

.risk-rating {
  display: flex;
  align-items: center;
  color: #222;
  margin: 0 20px 0 0;
}

.risk-rating.dark-mode {
  color: #79EEFF;
}

.risk-rating .star-score {
  margin-left: 10px;
}

/* 深色模式form-horizontal */
.dark-mode .control-label, .dark-mode .form-control-static {
  color: #B3F5FF;
  background: transparent;
  border: 0;
}

.dark-mode .form-group {
  margin-bottom: 0;
  padding: 8px 0;
  border: 0;
}

.dark-mode .form-group:nth-of-type(odd) {
  background: rgba(46, 178, 255, 0.2);
}

.dark-mode .form-group:nth-of-type(even) {
  background: rgba(46, 178, 255, 0.1);
}

.dark-mode .form-group.nobg {
  background: transparent;
}

/* 深色模式-小标题 */
.dark-mode .form-title {
  margin: 10px 0;
  line-height: 20px;
  min-height: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #79EEFF;
}

.dark-mode .form-title .dot {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background: #24D8F2;
  border-radius: 50% !important;
  margin-top: -3px;
}

/* 大屏中转页 */
.datatransfer {
  background-image: url("../img/datatransfer-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: relative;
}

.toshop {
  background: url("../img/toshop-bg.png") no-repeat 100% 100%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
}

.datatransfer-btn {
  position: absolute;
  top: 60%;
  left: 13%;
}

.datatransfer-btn .btn {
  background: linear-gradient(270deg, #F9AB3D 0%, #F48232 100%);
  border-radius: 30px;
  font-size: 20px;
  border-color: transparent;
  padding: 10px 30px;
}

.datatransfer-btn .btn:hover {
  transition: all 0.5s ease-in;
  transform: scale(1.1, 1.1);
}

/* 表头字段信息 */
.field-head {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  align-content: stretch;
}

.field-head li {
  font-size: 14px;
  margin-bottom: 10px;
  padding-right: 20px;
  word-break: keep-all;
  white-space: nowrap;
  display: flex;
  display: -ms-flexbox;
}

.field-head li .info-label {
  min-width: 110px;
  margin-right: 10px;
  color: #666;
  text-align: right;
}

.field-head li .info-input {
  min-width: 240px;
  position: relative;
}

/* 全文检索 */
.fulltext-search {
  background: url("../img/jiansuo-bg.jpg") bottom center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.fulltext-title h2 {
  font-size: 36px;
  color: #1890FF;
  margin: 0 0 10px 0;
}

.fulltext-title > .text {
  color: #222;
}

.fulltext-title {
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  padding-top: 5%;
}

.fulltext-title .fulltext-title-icon {
  color: #1890FF;
  font-size: 50px;
  margin: 0 20px 0 0;
}

.fulltext-searchcontent {
  width: 900px;
  margin: 40px auto auto auto;
  position: relative;
}

.fulltext-searchcontent.icon::before {
  content: "\e88a";
  font-family: "iconfont" !important;
  color: #1890FF;
  font-size: 55px;
  position: absolute;
  left: -80px;
}

.fulltext-searchinput {
  display: flex;
  align-items: center;
}

.fulltext-searchinput .control-container, .fulltext-searchinput .form-group {
  flex: 1;
  margin-bottom: 0;
}

.fulltext-searchinput .input-group.suggest > .input-group-btn > .suggest-btn {
  top: 8px;
}

.fulltext-searchinput .form-control {
  height: 40px;
  background-color: #fff;
  border: 1px solid #DCDFE3;
}

.fulltext-searchinput .form-control:focus {
  border: 1px solid #DCDFE3;
}

.fulltext-searchinput .btn {
  padding: 9px 20px;
  border-radius: 0 10px 10px 0;
}

.fulltext-searchcontent .nav-tabs {
  margin-bottom: 0;
}

.fulltext-searchcontent .nav-tabs > li {
  margin-right: 5px;
  margin-bottom: -2px;
}

.fulltext-searchcontent .nav-tabs-line > li > a {
  padding: 4px 15px;
  background-color: #dcdfe4;
  border-bottom: none;
}

.fulltext-searchcontent .nav-tabs-line > li > a:hover {
  border-color: transparent;
}

.fulltext-searchcontent .nav-tabs-line > li.active > a {
  color: #1890FF;
  background-color: #fff;
  border-color: transparent;
  border: 1px solid #DCDFE3;
  border-bottom: none;
}

.fulltext-searchcontent .result {
  font-size: 12px;
  color: #444;
  margin: 10px 0 0 0;
}

.fulltext-searchresult {
  width: 900px;
  margin: 40px auto auto auto;
}

.fulltext-searchresult .list {
  margin-bottom: 30px;
}

.fulltext-searchresult .list .result-title {
  font-size: 18px;
  color: #1890FF;
  margin: 0 0 10px 0;
}

.fulltext-searchresult .list .result-title > a {
  color: #1890FF;
}

.fulltext-searchresult .list .result-desc {
  font-size: 12px;
  margin: 0 0 10px 0;
}

.fulltext-searchresult .list .result-info {
  font-size: 12px;
}

.fulltext-searchresult .list .result-info > span > em {
  color: #777;
  font-style: normal;
  margin: 0 10px 0 0;
}

.fulltext-searchresult .list .result-info > span {
  margin: 0 10px 0 0;
}

.fulltext-searchresult .dataTables_bottom {
  width: 100%;
  position: initial;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
}

.fulltext-searchresult .dataTables_bottom .dataTables_info {
  margin: 0;
}

.fulltext-searchresult .dataTables_bottom .dataTables_paginate {
  margin-right: 0;
}

.fulltext-searchrelated {
  margin: 20px 0;
}

.fulltext-searchrelated ul {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}

.fulltext-searchrelated ul li {
  width: calc(20% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 20px 10px 0;
}

/* 公告正文 */
.article {
  margin: 50px auto 30px auto;
  width: 70%;
}

.article h2 {
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 26px;
  text-align: center;
}

.article .article-info {
  margin-bottom: 40px;
  color: #666;
  text-align: center;
}

.article .article-info span {
  margin: 0 50px 0 10px;
  color: #111;
}

.article p {
  margin-bottom: 30px;
  line-height: 22px;
}

.article p img {
  border: 0;
}

.article hr {
  margin: 20px 0 40px 0;
  border: 1px solid #EAEEF5;
}

/* 从project.css移过来的项目列表 */
/* 流程审批页面的标题 */
.return-box {
  display: none;
  position: fixed;
  top: 120px;
  right: 50px;
  background: #fff;
  border: 1px solid #ddd;
  width: 300px;
  border-radius: 5px;
}

.return-box.active {
  display: block;
}

.return-box .heading {
  background: #f5f5f5;
  padding: 8px 15px;
  font-weight: bold;
}

.return-box .content {
  margin: 0;
  padding: 15px 15px;
}

.lcsp-box {
  display: none;
  position: fixed;
  top: 120px;
  right: 25px;
  background: #fff;
  border: 1px solid #ddd;
  width: 300px;
  border-radius: 5px;
}

.lcsp-box.active {
  display: block;
}

.lcsp-box .heading {
  background: #f5f5f5;
  padding: 8px 15px;
  font-weight: bold;
}

.lcsp-box .content {
  margin: 0;
  padding: 15px 15px;
}

/* 项目列表 */
.project-list .project-item {
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #EAEEF5;
  background: #fff;
}

.project-list .project-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.project-list .project-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: none;
}

.project-list .project-item:hover,
.project-list .project-item:focus,
.project-list .project-item:active,
.project-list .project-item.active {
  background: #FAFCFD;
}

.project-list .project-item .protitle {
  margin: 0 200px 15px 0;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.project-list .project-item .protitle h5 {
  margin: 5px 5px 5px 35px;
  line-height: 20px;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-list .project-item .protitle .proauction {
  flex: 1;
  word-break: keep-all;
  white-space: nowrap;
}

.project-list .project-item .protitle .hotinfo {
  margin: 0 10px 0 0;
}

.project-list .project-item .protitle .hotinfo:before {
  content: "";
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 0 0 10px;
  background: url(../img/bbs/icon-hot.png) 0 0 no-repeat;
  background-size: 20px;
}

.project-list .project-item .protitle .hotinfo .num {
  margin-left: 4px;
  color: #FA541C;
}

.project-list .project-item .protitle .hotinfo .host {
  color: #bbb;
}

.project-list .project-item .protitle .essence {
  margin: 0 10px 0 0;
}

.project-list .project-item .protitle .essence:before {
  content: "";
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 0 0 10px;
  background: url(../img/bbs/icon-essence.png) 0 0 no-repeat;
  background-size: 20px;
}

/* 同心币排名图标 */
.icon-txb {
  display: inline-block;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  background: url(../img/icon-txb.png) 0 0 no-repeat;
  background-size: 40px;
  vertical-align: middle;
}

.icon-txb.Numberone {
  background-position: 0 0;
}

.icon-txb.Numbertwo {
  background-position: 0 -50px;
}

.icon-txb.Numberthree {
  background-position: 0 -100px;
}

/* 项目字段 */
.project-list .project-item .prodetail > ul {
  margin: 10px 120px 5px 35px;
}

.project-list .project-item .prodetail > ul:after {
  display: table;
  content: "";
  clear: both;
}

.project-list .project-item .prodetail > ul li {
  float: left;
  padding: 0;
}

.project-list .project-item .prodetail > ul li.field {
  width: auto;
}

.project-list .project-item .prodetail > ul li:first-child {
  padding-left: 0;
}

.project-list .project-item .prodetail > ul li:last-child {
  position: absolute;
  right: 0;
}

.project-list .project-item .prodetail > ul li .fieldname {
  font-size: 14px;
  margin-bottom: 5px; /*word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
}

.project-list .project-item .prodetail > ul li .fieldvalue {
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-list .project-item .prodetail > ul li .fieldname > em,
.project-list .project-item .prodetail > ul li .fieldvalue > em {
  font-style: normal;
  color: #444;
  margin-right: 10px;
}

.project-list .project-item .prodetail > ul li .fieldvalue > i {
  margin-right: 5px;
  color: #bbb;
}

.project-list .project-item .prodetail > ul li .tools-box {
  position: relative;
  width: 120px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  top: -35px;
}

.project-list .project-item .prodetail > ul li .tools-box > a,
.project-list .project-item .prodetail > ul li .tools-box > .btn {
  display: block;
  text-align: right;
}

.project-list .project-item .prodetail > ul li .tools-box > .btn-group {
  position: absolute;
  right: -25px;
  top: 28px;
  outline: 0;
}

.project-list .project-item .prodetail > ul li .tools-box > .btn-group .btn {
  margin: 0;
  padding: 0 4px;
  line-height: 20px;
  border-radius: 6px;
}

.project-list .project-item .prodetail > ul li .tools-box > .btn-group .btn i {
  margin: 0;
  font-size: 18px;
}

.project-list .project-item .prodetail > ul li .dropdown-menu li {
  display: inline-block;
  width: 100%;
  position: relative;
}

/* 项目隐藏内容 */
.project-list .project-item .procontent {
  display: none;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #EAEEF5;
}

.project-list .project-item .procontent.active {
  display: block;
}

.project-list .project-item .procontent > ul {
  margin: 0 45px 5px 35px;
}

.project-list .project-item .procontent > ul:after {
  display: table;
  content: "";
  clear: both;
}

.project-list .project-item .procontent > ul li {
  float: left;
  padding: 0;
}

.project-list .project-item .procontent > ul li:first-child {
  padding-left: 0;
}

.project-list .project-item .procontent > ul li:last-child {
  position: absolute;
  right: 0;
}

.project-list .project-item .procontent > ul li .tools-box {
  position: relative;
  width: 120px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  top: -35px;
}

.project-list .project-item .procontent > ul li .tools-box > a,
.project-list .project-item .procontent > ul li .tools-box > .btn {
  display: block;
  text-align: right;
  margin-right: 10px !important;
}

.project-list .project-item .procontent > ul li > p {
  margin-bottom: 2px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*项目进度*/
.project-info {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.project-step {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.project-step dl {
  width: 70px;
  margin: 0;
  position: relative;
}

.project-step dl:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: " ";
  width: 30px;
  height: 2px;
  background: #DCDFE3;
}

.project-step dl:after {
  position: absolute;
  top: 8px;
  right: 0;
  content: " ";
  width: 30px;
  height: 2px;
  background: #DCDFE3;
}

.project-step dl:last-child:after,
.project-step dl:first-child:before,
.project-step dl.done:first-child:before {
  background-color: transparent;
}

.project-step dl.done dt i {
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border: 2px solid #1890FF;
  top: 0;
}

.project-step dl.done:before,
.project-step dl.done:after {
  background: #1890FF;
  opacity: 0.8;
}

.project-step dl:last-child.done:after {
  background-color: transparent;
  opacity: 0.8;
}

.project-step dl dd {
  position: absolute;
  top: 20px;
  width: 100%;
  font-size: 14px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.project-step dl dt i {
  position: relative;
  top: -3px;
  text-align: center;
  width: 10px;
  height: 10px;
  border: 1px solid #bbb;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  z-index: 1;
}

.project-step dl dt {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}

/* 项目评审列表 */
.project-list .project-item .pstype {
  width: 50px;
  height: 22px;
  position: absolute;
  top: 10px;
  left: 24px;
  background: url(../img/pstype.png) no-repeat;
}

.project-list .project-item .pstitle h5 {
  margin: 5px 0 10px 0;
  padding-left: 75px;
}

.project-list .project-item .pstype.zb {
  background-position: 0 0;
}

.project-list .project-item .pstype.jsbz {
  background-position: -50px 0;
}

.project-list .project-item .psdetail > table {
  margin-bottom: 0 !important;
}

.project-list .project-item .psdetail > table > thead > tr > th {
  background: transparent;
  color: #999;
}

.project-list .project-item .psdetail > table > tbody > tr > td {
  border-top: 1px solid transparent;
}

/*分险列表样式*/
.risklist .project-item .prodetail ul li .tools-box {
  top: -18px;
  height: auto;
}

.project-list .project-item .protitle h5 .risk-icon {
  font-size: 12px;
  padding: 2px 8px 2px 0;
  color: #fff;
  border-radius: 10px;
  font-weight: 500;
  margin-left: 20px;
}

.project-list .project-item .protitle h5 .risk-icon > em {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 21px;
  border: 2px #fff solid;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  left: -5px;
}

.project-list .project-item .protitle h5 .risk-icon > em > i {
  font-size: 14px;
  opacity: 0.8;
}

.project-list .project-item .protitle h5 .risk-icon.red, .project-list .project-item .protitle h5 .risk-icon.red > em {
  background: #FF7A45;
}

.project-list .project-item .protitle h5 .risk-icon.yellow, .project-list .project-item .protitle h5 .risk-icon.yellow > em {
  background: #FFB63D;
}

.project-list .project-item .protitle h5 .risk-icon.green, .project-list .project-item .protitle h5 .risk-icon.green > em {
  background: #73D13D;
}

/*项目列表-卡片式*/
.project-card .project-item {
  padding: 15px 20px 0 20px;
  margin-bottom: 20px;
  position: relative;
  border-left: 0;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.project-card .project-item:hover,
.project-card .project-item:focus,
.project-card .project-item:active,
.project-card .project-item.active {
  border-left: 0;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.project-card .project-item .protitle {
  margin: 0 0 15px 0;
}

.project-card .project-item .protitle h5 {
  margin: 5px 0 5px 0;
  padding-left: 0;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-card .project-item .prodetail {
  border-bottom: 1px solid #EAEEF5;
}

.project-card .project-item .prodetail ul {
  margin: 10px 0;
}

.project-card .project-item .prodetail ul li:last-child {
  position: relative;
}

.project-card .project-item .prodetail ul li .fieldname {
  font-size: 14px;
  margin-bottom: 5px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-card .project-item .prodetail ul li .fieldname > em {
  font-style: normal;
  color: #8F9399;
  margin-right: 10px;
}

.project-card .project-item .prodetail .button {
  margin-bottom: 8px;
  height: 10px;
  line-height: 10px;
  text-align: center;
}

.project-card .project-item .prodetail .button > .btn {
  margin-right: 0;
  padding: 0;
  color: #D8D8D8;
  border: 0;
}

.project-card .project-item .prodetail .button > .btn:hover,
.project-card .project-item .prodetail .button > .btn.active {
  color: #1890FF;
}

.project-card .project-item .prodetail .button > .btn > .fa {
  display: block;
  margin: 0;
  font-size: 12px;
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
}

.project-card .project-item .protime {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.project-card .project-item .protime .left {
  flex: auto;
  color: #333;
  font-size: 14px;
}

.project-card .project-item .protime .right {
  color: #8F9399;
  font-size: 12px;
}

.project-card .project-item .protime .right i {
  margin: 0 5px 0 0;
}

.project-card .project-item .probutton {
  padding: 10px 0;
}

.project-card .project-item .probutton .tools-box {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.project-card .project-item .probutton .tools-box .btn-action {
  flex: 1;
}

/*竞价项目*/
.project-card .project-item .proauction {
  margin-bottom: 10px;
}

.project-card .project-item .proauction .auctiontype {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: normal;
  margin: 0 0 0 8px;
  white-space: nowrap;
}

.project-card .project-item .proauction .auctiontype:first-child {
  margin: 0;
}

.project-card .project-item .proauction .auctiontype.blue {
  background: #fff;
  border: 1px solid #2DA1F8;
  color: #2DA1F8;
}

.project-card .project-item .proauction .auctiontype.red {
  background: #fff;
  border: 1px solid #DE6843;
  color: #DE6843;
}

.project-card .project-item .proauction .auctiontype.green {
  background: #fff;
  border: 1px solid #52C41A;
  color: #52C41A;
}

.project-card .project-item .proremain {
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid #EAEEF5;
  overflow: hidden;
}

.project-card .project-item .proremain .left {
  float: left;
  color: #444;
}

.project-card .project-item .proremain .right {
  float: right;
}

.remaintime {
  display: inline-block;
  line-height: 12px;
  padding: 3px 6px;
  font-weight: 700;
  font-size: 12px;
  background: #E6F7FF;
  color: #1890FF;
  border-radius: 10px;
}

/* 从desktop.css和gysgl.css移过来的项目列表 */
.remind-todos {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.remind-todos > li {
  margin-bottom: 16px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.remind-todos > li:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  transition: all 0.15s linear;
}

.remind-todos > li:before,
.remind-todos > li:after {
  display: table;
  line-height: 0;
  content: "";
}

.remind-todos > li:after {
  clear: both;
}

.remind-todos > li:last-child {
  margin-bottom: 0px;
}

.remind-todos > li > .col1 {
  float: left;
  width: 100%;
}

.remind-todos > li > .col1 > .cont {
  margin-right: 120px;
  overflow: hidden;
}

.remind-todos > li > .col1 > .cont > .cont-col1 {
  float: left;
  margin-right: -100%;
}

.remind-todos > li > .col1 > .cont > .cont-col1 > .zblb {
  display: none;
  width: 45px;
  line-height: 45px;
  margin: 18px 10px 17px 20px;
  padding: 0;
  border-radius: 50%;
  font-size: 24px;
  text-align: center;
}

.remind-todos > li > .col1 > .cont > .cont-col2 {
  float: left;
  width: 100%;
}

.remind-todos > li > .col1 > .cont > .cont-col2 > .desc {
  margin: 18px 0 15px 20px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 700;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.remind-todos > li > .col1 > .cont > .cont-col2 > .subdesc {
  margin: 0 0 17px 20px;
  line-height: 14px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.remind-todos > li > .col1 > .cont > .cont-col2 > .subdesc > div {
  margin-right: 12px;
}

.remind-todos > li > .col1 > .cont > .cont-col2 > .subdesc > div > span {
  padding-right: 8px;
  color: #444;
}

.remind-todos > li > .col2 {
  float: left;
  width: 120px;
  margin-left: -120px;
}

.remind-todos > li > .col2 > .tool {
  position: relative;
  width: 120px;
  height: 80px;
  padding: 10px 20px 10px 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.remind-todos > li > .col2 > .tool > a {
  line-height: 26px;
}

.remind-todos > li > .col2 > .tool > .btn-group {
  position: absolute;
  right: 0;
  top: 28px;
}

.remind-todos > li > .col2 > .tool > .btn-group > .btn-action i {
  font-size: 18px;
  color: #bbb;
}

.remind-todos > li > .col2 > .tool > .btn-group > .btn-action:hover i {
  color: #1890FF;
}

/* 项目类型 */
.protype {
  display: inline-block;
  font-size: 12px;
  padding: 1px 8px;
  border-radius: 10px;
  font-weight: normal;
  margin: 0 0 0 8px;
  white-space: nowrap;
}

.protype.type00380002,
.protype.type00380010,
.protype.type00380026 {
  background: #fff;
  border: 1px solid #D3ADF7;
  color: #722ED1;
}

.protype.type00380003,
.protype.type00380007,
.protype.type00380019,
.protype.type00380023,
.protype.type00380020 {
  background: #fff;
  border: 1px solid #B7EB8F;
  color: #52C41A;
}

.protype.type00380004,
.protype.type00380008,
.protype.type00380020,
.protype.type00380024,
.protype.type00380030 {
  background: #fff;
  border: 1px solid #FFE58F;
  color: #EE9918;
}

.protype.type00380005,
.protype.type00380009,
.protype.type00380021,
.protype.type00380025,
.protype.type00380034 {
  background: #fff;
  border: 1px solid #13C2C2;
  color: #13C2C2;
}

.protype.type00380006,
.protype.type00380014,
.protype.type00380022,
.protype.type00380032,
.protype.type00380035 {
  background: #fff;
  border: 1px solid #DE6843;
  color: #DE6843;
}

.protype.type00380007,
.protype.type00380012,
.protype.type00380015,
.protype.type00380050 {
  background: #fff;
  border: 1px solid #46B083;
  color: #46B083;
}

.protype.type00380008,
.protype.type00380011,
.protype.type00380016,
.protype.type00380031 {
  background: #fff;
  border: 1px solid #C277CF;
  color: #C277CF;
}

.protype.type00380009,
.protype.type00380013,
.protype.type00380017,
.protype.type00380018,
.protype.type00380033 {
  background: #fff;
  border: 1px solid #D99026;
  color: #D99026;
}

.protype > i {
  font-size: 14px;
}

.protype.blue {
  background: #fff;
  border: 1px solid #2DA1F8;
  color: #2DA1F8;
}

.protype.red {
  background: #fff;
  border: 1px solid #DE6843;
  color: #DE6843;
}

.protype.green {
  background: #fff;
  border: 1px solid #52C41A;
  color: #52C41A;
}

/* 项目类型-卡片式 */
.project-card .protype {
  display: inline;
  font-size: 12px;
  padding: 2px 8px 2px 0;
  border-radius: 10px;
  font-weight: normal;
  margin: 0 10px 0 4px;
  white-space: nowrap;
  color: #fff;
}

.project-card .protype:before {
  content: "\e657";
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 21px;
  border: 2px #fff solid;
  border-radius: 20px;
  font-family: iconfont;
  display: inline-block;
  position: relative;
  left: -5px;
  top: -1px;
}

.project-card .protype.type00380002,
.project-card .protype.type00380010,
.project-card .protype.type00380026 {
  border: 0;
  background: linear-gradient(to right, rgba(114, 46, 209, 0.6), rgb(114, 46, 209));
  color: #fff;
}

.project-card .protype.type00380002:before,
.project-card .protype.type00380010:before,
.project-card .protype.type00380026:before {
  background: #722ED1;
}

.project-card .protype.type00380003,
.project-card .protype.type00380007,
.project-card .protype.type00380019,
.project-card .protype.type00380023,
.project-card .protype.type00380020 {
  border: 0;
  background: linear-gradient(to right, rgba(82, 196, 26, 0.6), rgb(82, 196, 26));
  color: #fff;
}

.project-card .protype.type00380003:before,
.project-card .protype.type00380007:before,
.project-card .protype.type00380019:before,
.project-card .protype.type00380023:before,
.project-card .protype.type00380020:before {
  background: #52C41A;
}

.project-card .protype.type00380004,
.project-card .protype.type00380008,
.project-card .protype.type00380020,
.project-card .protype.type00380024,
.project-card .protype.type00380030 {
  border: 0;
  background: linear-gradient(to right, rgba(238, 153, 24, 0.6), rgb(238, 153, 24));
  color: #fff;
}

.project-card .protype.type00380004:before,
.project-card .protype.type00380008:before,
.project-card .protype.type00380020:before,
.project-card .protype.type00380024:before,
.project-card .protype.type00380030:before {
  background: #EE9918;
}

.project-card .protype.type00380005,
.project-card .protype.type00380009,
.project-card .protype.type00380021,
.project-card .protype.type00380025,
.project-card .protype.type00380034 {
  border: 0;
  background: linear-gradient(to right, rgba(19, 194, 194, 0.6), rgb(19, 194, 194));
  color: #fff;
}

.project-card .protype.type00380005:before,
.project-card .protype.type00380009:before,
.project-card .protype.type00380021:before,
.project-card .protype.type00380025:before,
.project-card .protype.type00380034:before {
  background: #13C2C2;
}

.project-card .protype.type00380006,
.project-card .protype.type00380014,
.project-card .protype.type00380022,
.project-card .protype.type00380032,
.project-card .protype.type00380035 {
  border: 0;
  background: linear-gradient(to right, rgba(222, 104, 67, 0.6), rgb(222, 104, 67));
  color: #fff;
}

.project-card .protype.type00380006:before,
.project-card .protype.type00380014:before,
.project-card .protype.type00380022:before,
.project-card .protype.type00380032:before,
.project-card .protype.type00380035:before {
  background: #DE6843;
}

.project-card .protype.type00380007,
.project-card .protype.type00380012,
.project-card .protype.type00380015,
.project-card .protype.type00380050 {
  border: 0;
  background: linear-gradient(to right, rgba(70, 176, 131, 0.6), rgb(70, 176, 131));
  color: #fff;
}

.project-card .protype.type00380007:before,
.project-card .protype.type00380012:before,
.project-card .protype.type00380015:before,
.project-card .protype.type00380050:before {
  background: #46B083;
}

.project-card .protype.type00380008,
.project-card .protype.type00380011,
.project-card .protype.type00380016,
.project-card .protype.type00380031 {
  border: 0;
  background: linear-gradient(to right, rgba(194, 119, 207, 0.6), rgb(194, 119, 207));
  color: #fff;
}

.project-card .protype.type00380008:before,
.project-card .protype.type00380011:before,
.project-card .protype.type00380016:before,
.project-card .protype.type00380031:before {
  background: #C277CF;
}

.project-card .protype.type00380009,
.project-card .protype.type00380013,
.project-card .protype.type00380017,
.project-card .protype.type00380018,
.project-card .protype.type00380033 {
  border: 0;
  background: linear-gradient(to right, rgba(217, 144, 38, 0.6), rgb(217, 144, 38));
  color: #fff;
}

.project-card .protype.type00380009:before,
.project-card .protype.type00380013:before,
.project-card .protype.type00380017:before,
.project-card .protype.type00380018:before,
.project-card .protype.type00380033:before {
  background: #D99026;
}

.project-card ~ .nodata {
  display: none;
}

.project-card .protype.blue {
  background: #2DA1F8;
  border: 0;
  color: #2DA1F8;
  color: #fff;
}

.project-card .protype.red {
  background: #DE6843;
  border: 0;
  color: #DE6843;
  color: #fff;
}

.project-card .protype.green {
  background: #52C41A;
  border: 0;
  color: #52C41A;
  color: #fff;
}

/* 专家打分偏离度 */
.zjdeviation-head {
  background: url(../img/ai/head-bg.png) top center no-repeat;
  width: 100%;
  height: 245px;
  color: #fff;
  margin-bottom: 20px;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
}

.zjdeviation-head-content {
  margin: 0 0 0 10%;
}

.zjdeviation-head .head-h1 {
  font-size: 28px;
}

.zjdeviation-analysishead {
  background: url(../img/ai/analysishead-bg.png) top center no-repeat;
  width: 100%;
  height: 150px;
  color: #fff;
  margin-bottom: 20px;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
}

.zjdeviation-analysishead .head-h1 {
  font-size: 28px;
}

.deviation-label-warning {
  padding: 3px 15px;
  background: #ffcb5b;
  color: #fff;
  border-radius: 10px;
}

.deviation-label-danger {
  padding: 3px 15px;
  background: #FA541C;
  color: #fff;
  border-radius: 10px;
}

.deviation-tips {
  margin: 5px 0 0 0;
}

.deviation-tips > span {
  margin: 0 10px 0 0;
}

.deviation-tips > span:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #aaa;
  margin-right: 5px;
}

.deviation-tips > span.danger:before {
  background: #FA541C;
}

.deviation-tips > span.warning:before {
  background: #ffcb5b;
}

.recommend-bg {
  width: 100%;
  height: 980px;
  background: url("../img/pb/znqb-guide.png") top center no-repeat;
  background-size: cover;
}

.recommend-animate {
  width: 100%;
  height: 980px;
  background: url("../img/pb/znqb-guide.gif") top center no-repeat;
  background-size: cover;
}

/* 选择时间-左右箭头 */
.select-time {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.select-time .time {
  margin: 0 15px;
}

.select-time > .time-btn > a {
  padding: 3px 7px;
  background: #F5F9FB;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
}

.select-time > .time-btn > a:hover {
  background: #1890FF;
  color: #fff;
  border-color: #1890FF;
}

.select-time > .time-btn:last-child > a > i {
  transform: rotate(180deg);
  display: inline-block;
}

/* 专家画像-证照信息 */
.license-list {
  width: 300px;
  margin: auto auto 20px auto;
}

.license-list .license-img {
  width: 100%;
  height: 190px;
  margin-bottom: 15px;
}

.license-list .license-img img {
  width: 100%;
  height: 100%;
}

.license-list .license-info {
  color: #B3F5FF;
  display: flex;
  margin-bottom: 5px;
}

.license-list .license-info .license-label {
  width: 70px;
  margin-right: 10px;
}

/* 摄像头控制按钮 */
.screenrow {
  overflow: hidden;
}

.screen-content {
  float: left;
  width: 50%;
  padding: 20px 0;
  background: #000;
}

.controlrow {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.video-icon {
  display: block;
  margin: 0 40px;
}

.video-icon .iconbox:before {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  line-height: 42px;
  border: 4px solid #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  font-family: FontAwesome;
}

.video-icon:hover .iconbox {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.video-icon .iconbox.icon-pause:before {
  content: "\f04b";
  border-color: #aae28e;
  color: #73b94e;
}

.video-icon .iconbox.icon-stop:before {
  content: "\f04d";
  border-color: #f4a994;
  color: #e95429;
}

.video-icon .iconbox.icon-upload:before {
  content: "\e60d";
  border-color: #91D5FF;
  color: #1890FF;
}

.video-icon span {
  display: block;
  margin: 5px 0;
  text-align: center;
}

/* 摄像头列表 */
.videolistall {
  overflow: hidden;
}

.videolistall .video {
  float: left;
  position: relative;
  width: 300px;
  height: 120px;
  padding: 25px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 4px 6px 0 #F0F5F7;
  border-radius: 10px;
}

.videolistall .video:hover,
.videolistall .video:focus,
.videolistall .video:active,
.videolistall .video.active {
  background: url("../img/td-corner.png") #fff no-repeat right top;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.06);
}

.videolistall .video .text-container .body-text {
  line-height: 14px;
}

.vinfo {
  margin-bottom: 15px;
  color: #666;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vinfo:last-child {
  margin-bottom: 0;
}

.vinfo a:not(:first-child) {
  margin-left: 20px;
}

.vinfo .value {
  margin-left: 10px;
  display: inline;
  color: #333;
}

/* 语义规则 */
.syntax-rule {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
}

.syntax-rule .rule-info {
  position: relative;
  margin: 0 10px 30px 0;
  background: #F5F9FB;
}

.syntax-rule .rule-info .ruleinput {
  width: 200px;
}

.syntax-rule .rule-info .ruleinput .form-control {
  height: 30px;
  padding: 4px 12px;
  background: #fff;
}

.syntax-rule .rule-info .ruleinfo {
  height: 26px;
  line-height: 26px;
  text-align: center;
}

.syntax-rule .rule-info .ruleinfo a {
  color: #1890FF;
}

.syntax-rule .rule-info .ruledel {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background: url("../img/cornerdel.jpg") 0 0 no-repeat;
}

.syntax-rule .rule-info:hover .ruledel,
.syntax-rule .rule-info.select .ruledel {
  background-position: 0 -14px;
}

.syntax-rule-btn {
  background: #FAFCFD;
  border: 1px solid #EAEEF5;
  padding: 10px;
  margin: 10px 0 0 0;
}

/* 风险监控平台 */
.riskhead {
  background-image: url(../img/risk/riskhead-bg.png);
  background-position: top center;
  background-size: 100% 100%;
  width: 100%;
  height: 120px;
  color: #fff;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.riskhead-content {
  margin: 0 0 0 10%;
}

.riskhead .head-h1 {
  font-size: 24px;
}

.riskhead .head-h2 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
}

.riskmodel {
  display: flex;
}

.riskmodel .riskmodel-list {
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin: 0 10px;
  width: 350px;
}

.riskmodel .riskmodel-list:first-child {
  margin-left: 0;
}

.riskmodel .riskmodel-list:last-child {
  margin-right: 0;
}

.riskmodel .riskmodel-list .riskmodel-tit {
  font-size: 18px;
  color: #333;
  padding: 15px;
}

.riskmodel .riskmodel-list .riskmodel-tit::before {
  content: "\e7a7";
  font-family: "iconfont" !important;
  font-size: 18px;
  color: #1890FF;
  display: inline-block;
  margin: 2px 10px 0 0;
}

.riskmodel .riskmodel-list .riskmodel-content {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
}

.riskmodel .riskmodel-list .riskmodel-content dl dt {
  margin-bottom: 5px;
  color: #bbb;
  font-size: 14px;
  font-weight: 400;
}

.riskmodel .riskmodel-list .riskmodel-content dl dd a {
  font-size: 28px;
  color: #1890FF;
  font-family: STXihei;
}

.riskmodel .riskmodel-list .riskmodel-level {
  border-top: 1px solid #EAEEF5;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}

.riskmodel .riskmodel-list .riskmodel-level > span {
  width: 33.3%;
  text-align: center;
}

.riskmodel .riskmodel-list .riskmodel-level > span > a {
  font-size: 12px;
  color: #666;
}

.riskmodel .riskmodel-list .riskmodel-level > span > a > em {
  font-style: normal;
  margin-left: 5px;
}

.riskmodel .riskmodel-list .riskmodel-level > span::after {
  content: "";
  width: 1px;
  height: 16px;
  background: #EAEEF5;
  float: right;
  margin: 3px 0 0 0;
}

.riskmodel .riskmodel-list .riskmodel-level > span:last-child::after {
  display: none;
}

.risk-slidecontainer {
  background: transparent;
  box-shadow: none;
  height: 200px;
}

.risk-slidecontainer .slidestep .cons {
  height: 200px;
}

.risk-slidecontainer .slidestep {
  margin: 0 !important;
}

.risk-slidecontainer .slidestep .btns {
  margin-top: -125px;
}

/* 智能辅助评标工具-供应商应答材料 */
.reply-material {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 15px;
}

.reply-material .material-img {
  margin: 0 30px 0 0;
  border: 1px solid #EAEEF5;
}

.reply-material .material-img:last-child {
  margin-right: 0;
}

/* 智能辅助评标工具 */
.assistbid-head {
  background-image: url(../img/ai/assistbidhead-bg.png);
  height: 80px;
  margin-bottom: 0;
}

.assistbid-tabs {
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  padding: 0 40px;
  margin: 0 0 20px 0;
}

.assistbid-tabs .nav-tabs {
  margin-bottom: 0;
}

.assistbid-tabs .nav-tabs > li {
  margin-right: 40px;
}

.assistbid-tabs .nav-tabs-line > li > a {
  padding: 15px 0;
}

.assistbid-tabs .nav-tabs-line > li > a > i {
  color: #1890FF;
}

/* NLP自动语义分析结果 */
.semantic-flex {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}

.semantic-flex .semantic-text {
  padding: 8px 10px;
  background: #F5F9FB;
  margin: 0 20px 0 0;
}

/* 智能辅助评标-项目信息管理 */
.item-information h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
  line-height: 20px;
}

.item-information .item-information-label {
  margin: 10px 0 10px 0;
}

.item-information ul {
  border-bottom: 1px dashed #EAEEF5;
}

.item-information ul li .fieldname {
  font-size: 14px;
  margin-bottom: 5px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-information ul li .fieldname > em {
  font-style: normal;
  color: #444;
  margin-right: 10px;
}

.item-caption {
  margin: 10px 0;
}

.item-caption > a {
  display: inline-block;
  margin-right: 20px;
  color: #1890FF;
}

.item-caption > a:hover {
  color: #096DD9;
}

.item-caption > a > i {
  color: #bbb;
  margin-right: 3px;
}

/* 智能辅助评标-项目信息管理2 */
.projectinfo-list .projectinfo-item {
  margin-bottom: 15px;
  position: relative;
  border-left: 3px solid #fff;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.projectinfo-list .projectinfo-item .projectinfo-item-flex {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-btn {
  display: flex;
  margin: 0 20px 0 0;
}

.projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-btn .expand-btn {
  border: 1px solid #DCDFE3;
  margin: 0 0 0 20px;
  padding: 0 5px;
  transform: rotate(-180deg);
  border-radius: 10px;
  cursor: pointer;
}

.projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-btn .expand-btn.active {
  transform: inherit;
}

.projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-left {
  flex: 1;
}

.projectinfo-list .projectinfo-item .protitle {
  display: flex;
  align-items: center;
}

.projectinfo-list .projectinfo-item .protitle h5 {
  margin: 5px 5px 5px 20px;
  line-height: 20px;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.projectinfo-list .projectinfo-item .protitle .proauction {
  flex: 1;
  word-break: keep-all;
  white-space: nowrap;
}

.projectinfo-list .projectinfo-item .prodetail > ul {
  margin: 10px 120px 5px 20px;
}

.projectinfo-list .projectinfo-item .prodetail > ul li {
  float: left;
}

.projectinfo-list .projectinfo-item .prodetail > ul li .fieldname {
  font-size: 14px;
  margin-bottom: 5px;
}

.projectinfo-list .projectinfo-item .prodetail > ul li .fieldvalue {
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.projectinfo-list .projectinfo-item .prodetail > ul li .fieldname > em,
.projectinfo-list .projectinfo-item .prodetail > ul li .fieldvalue > em {
  font-style: normal;
  color: #444;
  margin-right: 10px;
}

.projectinfo-list .projectinfo-item .projectinfo-package {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  border-top: 1px #EAEEF5 solid;
}

.projectinfo-list .projectinfo-item .projectinfo-package-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 15px;
}

.projectinfo-list .projectinfo-item .projectinfo-package-list .package-name {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  flex: 1;
}

.projectinfo-list .projectinfo-item .projectinfo-package.active {
  display: none;
}

/* 设置供应商标签 */
.identity-tag dl {
  display: flex;
}

.identity-tag dl dt {
  width: 200px;
  padding: 8px 0;
}

.identity-tag dl dd {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.identity-tag dl dd .tag-item {
  padding: 8px 10px;
  width: 200px;
  border: 1px solid #EAEEF5;
  border-radius: 10px;
  cursor: pointer;
  margin: 0 15px 15px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.identity-tag dl dd .tag-item.active {
  border-color: #91D5FF;
  color: #1890FF;
}

.identity-tag dl dd .tag-item.active::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background: url(../img/hide-brandcheckmark.png) 0 -14px no-repeat;
}

/* 流程审批-左右结构 */
.layout-lcsp .layout-r-content {
  margin-right: 460px;
}

.layout-lcsp .layout-r-side {
  width: 450px;
  min-height: 300px;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  position: fixed;
  top: 160px;
  right: 20px;
  left: auto;
}

.layout-lcsp #right-recover {
  margin-top: 200px;
}

.layout-lcsp #right-recover a {
  padding: 0;
  width: 15px;
  line-height: 46px;
  background: #fff;
  color: #444;
}

/* 流程审批-左右结构-重载审批日志 */
.lcsp-side .title-simple .title-left h4 {
  font-size: 14px;
}

.lcsp-side .lcsp-selectnext {
  margin-bottom: 10px;
}

.lcsp-side .lcsp-selectnext:after {
  content: "";
  display: table;
  clear: both;
}

.lcsp-side .lcsp-selectnext li {
  margin-bottom: 5px;
  float: left;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-block:before {
  left: 9px;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-icon {
  width: 18px;
  height: 18px;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-icon i {
  font-size: 10px;
  line-height: 18px;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-content {
  font-size: 12px;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-content h4 {
  font-size: 14px;
  font-weight: 400;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-content p {
  flex-wrap: wrap;
}

.lcsp-side .vertical-container-sprz .vertical-timeline-content p > .sprz-stay {
  position: static;
}

/* 采购总览数据 */
.real-data {
  display: flex;
}

.real-data .real-list {
  margin: 0 15px;
  border-radius: 4px;
  padding: 15px;
  position: relative;
  flex: 1;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  overflow: hidden;
}

.real-data .real-list:first-child,
.real-data .real-list:nth-child(7) {
  background: #426ab3;
  background: linear-gradient(to right, #426ab3, #0853dd);
  animation: fadeInUp 0.3s ease;
  margin-left: 0;
}

.real-data .real-list:nth-child(2),
.real-data .real-list:nth-child(8) {
  background: #ea080a;
  background: linear-gradient(to right, #ea080a, #ff4547);
  animation: fadeInDown 1s ease;
}

.real-data .real-list:nth-child(3),
.real-data .real-list:nth-child(9) {
  background: #45b97c;
  background: linear-gradient(to right, #45b97c, #06cc64);
  animation: fadeInUp 1.7s ease;
}

.real-data .real-list:nth-child(4),
.real-data .real-list:nth-child(10) {
  background: #f47920;
  background: linear-gradient(to right, #f47920, #ef6d0e);
  animation: fadeInDown 2.4s ease;
}

.real-data .real-list:nth-child(5),
.real-data .real-list:nth-child(11) {
  background: #ffc20e;
  background: linear-gradient(to right, #ffc20e, #eeb304);
  animation: fadeInUp 3.1s ease;
}

.real-data .real-list:nth-child(6),
.real-data .real-list:nth-child(12) {
  background: #8552a1;
  background: linear-gradient(to right, #8552a1, #9f21e4);
  animation: fadeInUp 3.1s ease;
}

.real-data .real-list:last-child {
  margin-right: 0;
}

.real-data .real-list .real-tit {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 10px 0;
}

.real-data .real-list .real-content {
  display: flex;
  justify-content: space-between;
}

.real-data .real-list .real-content dl > dt {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  margin: 0 0 10px 0;
}

.real-data .real-list .real-content dl > dd {
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  font-family: DINPro;
  color: #fff;
}

.real-data .real-list .real-content .icon {
  font-size: 46px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.small_txt {
  font-size: 12px;
  margin-left: 5px;
  color: #fff;
  font-style: normal;
}

/* 个人桌面自定义 */
.workspace-flex {
  display: flex;
  flex-wrap: wrap;
}

.workspace-flex .workspace-col {
  padding: 0 10px;
}

.workspace-flex .workspace-col::after {
  display: table;
  content: "";
  clear: both;
}

.workspace-set {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAEEF5;
  padding: 10px 0;
  margin: 0 0 10px 0;
}

.workspace-set .set-item,
.workspace-set .set-item .item {
  display: flex;
  align-items: center;
  margin: 0 20px 0 0;
}

.workspace-set .set-item .title {
  margin-bottom: 0;
}

.workspace-set .set-item .item .control-label {
  text-align: left;
  color: #444;
  margin: 0 10px 0 0;
}

.workspace-set .set-item .item .form-control {
  width: 50px;
}

.workspace-set .set-icon > a {
  color: #1890FF;
  margin-left: 10px;
}

.workspace-show {
  display: flex;
  flex-flow: row wrap;
}

.workspace-item {
  position: relative;
  border: 1px transparent dashed;
}

.workspace-item:hover {
  border-color: #DCDFE3;
  background-color: #F5F9FB;
}

.workspace-item.nobg:hover {
  background-color: transparent;
}

.workspace-item.noborder:hover {
  border-color: transparent;
}

.workspace-item .workspace-edit {
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  right: 10px;
  top: 5px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 10px;
  display: none;
}

.workspace-item:hover .workspace-edit {
  display: flex;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.workspace-item .workspace-edit .set-item,
.workspace-item .workspace-edit .set-item .item {
  display: flex;
  align-items: center;
}

.workspace-item .workspace-edit .set-item .item {
  margin: 0 10px 0 0;
}

.workspace-item .workspace-edit .set-item .item .control-label {
  text-align: left;
  color: #444;
  margin: 0 10px 0 0;
}

.workspace-item .workspace-edit .set-item .item .form-control {
  width: 50px;
}

.workspace-item .workspace-edit .edit-delete {
  display: flex;
  align-items: center;
}

.workspace-item .workspace-edit .edit-delete > a {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #1890FF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  color: #fff;
  display: inline-block;
  border-radius: 50%;
}

/* 自定义表单 */
.components-head {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  margin: 0 0 20px 0;
}

.components-head::after {
  display: table;
  content: "";
  clear: both;
}

.components-head-step {
  padding: 15px;
  border-bottom: 1px #EAEEF5 solid;
}

.components-head-step ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.components-head-step ul li {
  margin: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.components-head-step ul li:first-child {
  margin-left: 0;
}

.components-head-step ul li:last-child {
  margin-right: 0;
}

.components-head-step ul li > a {
  font-size: 16px;
  color: #bbb;
}

.components-head-step ul li > a > i {
  color: #1890FF;
  opacity: 0.6;
  margin: 0 5px 0 0;
}

.components-head-step ul li.active > a, .components-head-step ul li.active::after {
  color: #1890FF;
}

.components-head-step ul li.active > a > i {
  opacity: 1;
}

.components-head-step ul li::after {
  content: "\e685";
  font-family: "iconfont" !important;
  font-size: 24px;
  color: #bbb;
  margin: 0 0 0 50px;
  transform: rotate(180deg);
}

.components-head-step ul li:last-child::after {
  display: none;
}

.components-head-step ul li.done > a::after {
  content: "\e795";
  font-family: "iconfont" !important;
  color: #52C41A;
  position: absolute;
  left: 8px;
  top: 0;
  font-size: 10px;
  background: #fff;
  border-radius: 50%;
}

.components-item {
  margin: 15px 15px 10px 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.components-item .item-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 150px;
  background: #F5F9FB;
  border: 1px solid #EAEEF5;
  border-radius: 10px;
  padding: 4px 10px;
  margin: 0 20px 10px 0;
}

.components-item .item-flex .item-btn {
  width: 35px;
  text-align: right;
}

.components-item .item-flex .item-btn > a {
  color: #1890FF;
  font-size: 12px;
}

.components-item .item-flex .item-tit {
  width: calc(100% - 35px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.components-item .item-flex-btn {
  margin: 0 20px 10px 0;
}

.components-item .item-flex-btn > a {
  background: #F5F9FB;
  border: 1px solid #EAEEF5;
  border-radius: 10px;
  padding: 4px 10px;
  color: #1890FF;
}

.components-item .item-flex.active {
  border-color: #1890FF;
}

.components-layout {
  display: flex;
  justify-content: space-between;
}

.components-layout .components-layout-left {
  flex: 1;
}

.components-layout .components-layout-right {
  width: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  margin-left: 20px;
}

.components-layout .components-layout-right .nav-tabs {
  border-bottom: 1px #EAEEF5 solid;
  margin: 10px 0 0 0;
  display: flex;
  justify-content: space-between;
}

.drawing-item {
  padding: 10px;
  border: 1px #DCDFE3 dashed;
  margin: 15px 0;
  position: relative;
  width: 100%;
}

.drawing-item.active {
  border-color: #1890FF;
  background-color: #F5F9FB;
}

.drawing-item .drawing-item-btn {
  position: absolute;
  right: 5px;
  top: -15px;
  z-index: 1;
  display: none;
}

.drawing-item .drawing-item-btn > a {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px #1890FF solid;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1890FF;
}

.drawing-item .drawing-item-btn > a:hover {
  background: #1890FF;
  color: #fff;
}

.drawing-item.active .drawing-item-btn {
  display: inline-block;
}

.drawing-flex {
  display: flex;
  flex-wrap: wrap;
}

.search-quick {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

/* 开标控制台 */
.bidconsole {
  margin: 0 40px;
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.bidconsole:before {
  content: "";
  width: 1px;
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 10%;
  background: #EAEEF5;
}

.bidconsole h3 {
  margin: 0 0 15px 0;
  padding: 0 0 0 15px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}

.bidconsole h3:before {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  content: "\e77d";
  font-family: iconfont;
  font-size: 18px;
}

.bidconsole .bj-time h3:before {
  color: #1890FF;
}

.bidconsole .kb-time h3:before {
  color: #1890FF;
}

.bidconsole p {
  font-size: 20px;
  color: #444;
}

.bidconsole p .time {
  display: inline-block;
  margin: 0 8px;
  padding: 0 5px;
  height: 36px;
  line-height: 36px;
  font-size: 30px;
  font-family: simHei;
  font-weight: 700;
  letter-spacing: -1px;
  color: #222;
  background: #ebebeb;
  border-radius: 4px;
}

.bidconsole .kb-time p .time {
  color: #1890FF;
  background: none;
}

.btn-bidconsole {
  padding: 8px 25px;
  font-size: 18px;
  border-radius: 4px;
}

/* 无同步数据 */
.no-synchronization {
  background: url(../img/nosynchronization.png) top center no-repeat;
  padding: 240px 0 0 0;
}

.no-synchronization .synchronization-tit {
  text-align: center;
  font-size: 16px;
}

/* 文档模版管理 */
.doctemplate-head {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.doctemplate-head h4 {
  text-align: center;
  font-size: 18px;
}

.doctemplate-head .doctemplate-head-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.doctemplate-head .doctemplate-head-progress {
  display: flex;
  align-items: center;
  position: relative;
}

.doctemplate-head .doctemplate-head-info .doctemplate-state {
  padding: 15px;
}

.doctemplate-head .doctemplate-head-info .doctemplate-state .item {
  margin: 10px 0;
}

.doctemplate-head .doctemplate-head-info .doctemplate-state .item::before {
  content: "\e714";
  font-family: "iconfont" !important;
  color: #aaa;
  margin: 0 10px 0 0;
}

.doctemplate-head .doctemplate-head-info .doctemplate-state .item.done::before {
  content: "\e799";
  color: #52C41A;
}

.doctemplate-head .doctemplate-head-btn {
  text-align: right;
}

.documentedit {
  width: 720px;
  height: 300px;
  padding: 30px;
  background: url(../img/documentedit.png) #FAFCFD right center no-repeat;
  margin: 10% auto;
  border-radius: 10px;
}

.documentedit .documentedit-btn {
  text-align: right;
}

.documentedit .documentedit-h {
  font-size: 30px;
  margin: 0 0 10px 0;
  max-width: 400px;
}

.documentedit .documentedit-date span {
  color: #888;
  margin: 0 5px 0 0;
}

.documentedit .documentedit-editbtn .btn {
  height: 40px;
  font-size: 16px;
  margin: 40px 0 0 0;
}

/* 文档模版管理-书签列表 */
.docbookmark-search {
  display: flex;
  margin: 0 0 10px 0;
}

.docbookmark-search .form-control {
  height: 30px;
  border-radius: 15px 0 0 15px;
}

.docbookmark-search .btn.btn-info {
  border-radius: 0 15px 15px 0;
}

.docbookmarklist .mark-arrow {
  margin: 5px 0 0 0;
  color: #1890FF;
  background-color: #FAFCFD;
  padding: 0 5px;
  border: 1px #1890FF solid;
  border-radius: 4px;
}

.docbookmarklist .mark-arrow.active > i {
  display: inline-block;
  transform: rotate(180deg);
}

.docbookmark-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
}

.docbookmark-list a {
  width: 50%;
  margin: 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.docbookmark-list a.active {
  color: #1890FF;
}

/* 文档模版管理-HTMl模版编辑 */
.file-page {
  border: 3px solid #EAEEF5;
  padding: 20px 40px;
  margin: 0 auto 15px auto;
  max-width: 1000px;
}

.file-page .file-pagecontent {
  margin: 15px 0;
}

.file-page .filepage-h {
  text-align: left;
  border-bottom: 1px #DCDFE3 solid;
  padding: 0 0 15px 0;
}

.file-page .filepage-page {
  text-align: center;
  border-top: 1px #DCDFE3 solid;
  padding: 15px 0 0 0;
  color: #aaa;
}

.textlibrary-mark {
  position: relative;
  border: 1px #fff dashed;
  padding: 8px;
  border-radius: 0 0 6px 6px;
}

.textlibrary-mark:hover {
  background: #FAFCFD;
  border-color: #DCDFE3;
}

.textlibrary-mark.edit {
  background: #FAFCFD;
  border-color: #1890FF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.text-operation {
  display: none;
}

.text-operation a {
  font-size: 14px;
  margin: 0 8px;
  color: #1890FF;
}

.text-operation .number {
  color: #1890FF;
  margin: 0 15px 0 0;
}

.textlibrary-mark:hover .text-operation {
  display: block;
  position: absolute;
  top: -30px;
  left: -1px;
  right: -1px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #fff;
  border: 1px #DCDFE3 dashed;
  border-radius: 6px 6px 0 0;
}

.textlibrary-mark.edit .text-operation {
  border-color: #1890FF;
}

.textlibrary-mark .mark-icon {
  position: absolute;
  right: -22px;
  top: 5px;
  color: #1890FF;
}

.textlibrary-mark .text-operation .number {
  color: #1890FF;
  margin: 0 15px 0 0;
}

.textlibrary-mark .mark-tagging {
  position: absolute;
  right: 0;
  top: 5px;
}

.textlibrary-mark .mark-icon {
  color: #1890FF;
}

.textlibrary-mark .mark-info {
  padding: 10px;
  width: 330px;
}

.textlibrary-mark .mark-list {
  border-bottom: 1px #DCDFE3 solid;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

.textlibrary-mark .mark-list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.textlibrary-mark .mark-list .mark-name span {
  margin-right: 10px;
  font-size: 12px;
  color: #aaa;
}

.textlibrary-mark .text-wrong {
  position: relative;
  color: #FA541C;
}

.textlibrary-mark .text-wrong::after {
  content: "\e7d6";
  font-family: "iconfont" !important;
  position: absolute;
  left: calc(100% - 5px);
  top: -15px;
  text-indent: 0;
  font-size: 12px;
}

/* 文档模版管理-文档推荐度 */
.similarity-tag-flex {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  height: 30px;
  overflow: hidden;
}

.similarity-tag-flex.active {
  height: auto;
}

.similarity-tag-flex .similarity-tag .tag {
  margin: 5px;
  padding: 0 5px;
  font-size: 12px;
  color: #1890FF;
  border-radius: 10px;
  border: 1px #1890FF solid;
  display: inline-block;
}

.similarity-tag-flex .similarity-tag-btn {
  margin-top: 4px;
  cursor: pointer;
  color: #8F9399;
}

.similarity-tag-flex .similarity-tag-btn:hover, .similarity-list .simi-con-arrow:hover {
  color: #1890FF;
}

.similarity-list {
  border-bottom: 1px #DCDFE3 solid;
  padding: 10px 0;
}

.similarity-list:first-child {
  padding-top: 0;
}

.similarity-list:last-child {
  border-bottom: 0;
}

.similarity-list .simi-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px 0;
}

.similarity-list .simi-info h3 {
  font-weight: 500;
  font-size: 14px;
}

.similarity-list .simi-info p {
  color: #606266;
}

.similarity-list .simi-tit {
  margin: 10px 0;
  font-weight: 600;
  font-size: 16px;
}

.similarity-list .simi-con {
  line-height: 22px;
  margin: 10px 0;
}

.similarity-list .simi-con.flex {
  display: flex;
  justify-content: space-between;
}

.similarity-list .simi-con .simi-text {
  color: #606266;
  height: 44px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.similarity-list .simi-con .simi-text.active {
  height: auto;
  overflow: auto;
  -webkit-line-clamp: inherit;
}

.similarity-list .simi-con p {
  color: #606266;
}

.similarity-list .simi-con-arrow {
  color: #8F9399;
  font-size: 12px;
  margin: 0 0 0 10px;
  cursor: pointer;
}

.similarity-tag-flex.active .similarity-tag-btn > i,
.similarity-list .simi-con-arrow.active > i {
  display: inline-block;
  transform: rotate(180deg);
}

/*经办人-数据展示*/
.project-data {
  margin: 0 0 20px 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.project-data:hover {
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.06);
  transition: box-shadow, transform 0.5s ease;
  transform: translate3d(0, -2px, 0);
  background: url("../img/td-corner.png") #fff no-repeat right top;
}

.project-data .project-data-content {
  position: relative;
  height: 140px;
  padding: 20px;
}

.project-data .project-data-content:after {
  content: "";
  display: table;
  clear: both;
}

.project-data .project-data-content h1 {
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-data .project-data-content dl {
  width: 50%;
  float: left;
  text-align: center;
}

.project-data .project-data-content dt {
  color: rgba(105, 110, 141, 0.9);
  font-weight: 400;
}

.project-data .project-data-content dd, .project-data .project-data-content dd a {
  font-size: 40px;
  color: #1890FF;
}

.project-data .project-data-content dd a:hover {
  color: #0078ec;
}

.project-data .project-data-btn {
  background: #FAFCFD;
  border-top: 1px solid #DCDFE3;
  text-align: center;
}

.project-data .project-data-btn > a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #666;
}

.project-data .project-data-btn > a > i {
  color: #bbb;
  margin: 0 5px 0 0;
}

.project-data .project-data-btn > a:hover,
.project-data .project-data-btn > a:hover > i,
.project-data:hover .project-data-btn > a,
.project-data:hover .project-data-btn > a > i {
  color: #1890FF;
}

/*经办人-数据展示-small*/
.project-data-small {
  margin: 0 0 20px 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.project-data-small:hover {
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.06);
  transition: box-shadow, transform 0.5s ease;
  transform: translate3d(0, -2px, 0);
  background: url("../img/td-corner.png") #fff no-repeat right top;
}

.project-data-small.active {
  background: url("../img/td-corner.png") #fff no-repeat right top;
}

.project-data-small .project-data-content {
  position: relative;
  padding: 22px 36px 22px 50px;
}

.project-data-small .project-data-content:after {
  content: "";
  display: table;
  clear: both;
}

.project-data-small .project-data-content dl {
  text-align: center;
}

.project-data-small .project-data-content dt {
  margin: 0 0 10px 0;
  line-height: 40px;
  font-size: 40px;
  font-weight: 400;
}

.project-data-small .project-data-content dd {
  line-height: 16px;
  font-size: 16px;
  color: #444;
}

.project-data-small .project-data-content dd a {
  display: block;
  color: #444;
}

.project-data-small .project-data-content dd a:hover {
  color: #1890FF;
}

.project-data-small .project-data-content .imgbox {
  float: left;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  margin: 0 36px 0 0;
  background: url(../img/project-data-small.png) no-repeat 0 0;
}

.project-data-small .project-data-content .imgbox.icon1 {
  background-position: 0 -66px;
}

.project-data-small .project-data-content .imgbox.icon2 {
  background-position: 0 -132px;
}

.project-data-small .project-data-content .imgbox.icon3 {
  background-position: 0 -198px;
}

.project-data-small .project-data-content .imgbox.icon4 {
  background-position: 0 -264px;
}

.project-data-small .project-data-content .infobox {
  overflow: hidden;
}

/*开标控制台*/
.project-data.bidcontrol .project-data-content {
  position: relative;
  height: 140px;
  padding: 30px;
}

.project-data.bidcontrol .project-data-content h1 {
  font-size: 24px;
  color: #333;
  font-weight: 400;
}

.project-data.bidcontrol .project-data-content .imgbox {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 40px;
  top: 40px;
  background: url(../img/bidcontrol.png) no-repeat 0 0;
}

.project-data.bidcontrol .project-data-content .imgbox.kbzc {
  background-position: 0 -80px;
}

.project-data.bidcontrol .project-data-content .imgbox.xndt {
  background-position: 0 -160px;
}

.project-data.bidcontrol .project-data-content .imgbox.ysjs {
  background-position: 0 -240px;
}

.project-data.bidcontrol .project-data-content .imgbox.dtkb {
  background-position: 0 -320px;
}

/*开标控制台*/
.project-data.bidcontrol-new:hover {
  transition: none;
  transform: none;
  background: #fff;
}

.project-data.bidcontrol-new .project-data-content {
  height: 120px;
  padding: 30px;
  overflow: hidden;
}

.project-data.bidcontrol-new .project-data-content .imgbox {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 30px;
  background: url(../img/bidcontrol-new.png) no-repeat 0 0;
}

.project-data.bidcontrol-new .project-data-content .imgbox.kbzc {
  background-color: #F3F4FA;
  background-position: 0 -60px;
}

.project-data.bidcontrol-new .project-data-content .imgbox.xndt {
  background-color: #ECF8FB;
  background-position: 0 -120px;
}

.project-data.bidcontrol-new .project-data-content .imgbox.ysjs {
  background-color: #FDEEF1;
  background-position: 0 -180px;
}

.project-data.bidcontrol-new .project-data-content .imgbox.dtkb {
  background-color: #EEF9F3;
  background-position: 0 -240px;
}

.project-data.bidcontrol-new .project-data-content h1 {
  margin: 0 0 15px 0;
  font-size: 24px;
  color: #333;
  font-weight: 400;
}

.project-data.bidcontrol-new .project-data-content .enterbtn > a {
  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #444;
}

.project-data.bidcontrol-new .project-data-content .enterbtn > a > i {
  color: #bbb;
  margin: 0 5px 0 0;
}

.project-data.bidcontrol-new .project-data-content .enterbtn > a:hover,
.project-data.bidcontrol-new .project-data-content .enterbtn > a:hover > i,
.project-data.bidcontrol-new:hover .project-data-content .enterbtn > a,
.project-data.bidcontrol-new:hover .project-data-content .enterbtn > a > i {
  color: #1890FF;
}

/*新版桌面统计*/
.desktop-dashboard {
  margin-bottom: 20px;
  height: 140px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.desktop-dashboard:hover {
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.06);
  transition: box-shadow, transform 0.5s ease;
  transform: translate3d(0, -2px, 0);
  background: url("../img/td-corner.png") #fff no-repeat right top;
}

.desktop-dashboard .dashboard-content {
  position: relative;
  padding: 20px;
}

.desktop-dashboard .dashboard-content:after {
  content: "";
  display: table;
  clear: both;
}

.desktop-dashboard .dashboard-content .titlebox {
  overflow: hidden;
}

.desktop-dashboard .dashboard-content .titlebox h1 {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding-right: 20px;
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.desktop-dashboard .dashboard-content .titlebox .titlebtn {
  float: left;
  width: 20px;
  margin-left: -20px;
}

.desktop-dashboard .dashboard-content .titlebox .titlebtn a {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  text-align: right;
  color: #bbb;
}

.desktop-dashboard .dashboard-content .titlebox .titlebtn a:hover {
  color: #40A9FF;
}

.desktop-dashboard .dashboard-content dl {
  width: 33%;
  float: left;
  text-align: center;
}

.desktop-dashboard .dashboard-content dt {
  color: #303133;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}

.desktop-dashboard .dashboard-content dd a {
  margin-bottom: 5px;
  font-size: 28px;
  color: #1890FF;
  font-family: STXihei;
  letter-spacing: -1px;
  font-weight: 700;
}

.desktop-dashboard .dashboard-content dd a:hover {
  color: #40A9FF;
}

.desktop-dashboard .dashboard-content .imgbox {
  float: right;
  width: 33%;
  height: 60px;
}

.desktop-dashboard .dashboard-content .imgbox:before {
  display: block;
  margin: 0 auto;
  width: 60px;
  line-height: 60px;
  border-radius: 30px;
  text-align: center;
  font-size: 30px;
  font-family: iconfont;
}

.desktop-dashboard .dashboard-content .imgbox.icon1:before {
  content: "\e869";
  color: #fe745e;
  background: #fef1ef;
}

.desktop-dashboard .dashboard-content .imgbox.icon2:before {
  content: "\e86a";
  color: #44bbe0;
  background: #ecf8fb;
}

.desktop-dashboard .dashboard-content .imgbox.icon3:before {
  content: "\e86b";
  color: #70b701;
  background: #f0f7e5;
}

.desktop-dashboard .dashboard-content .imgbox.icon4:before {
  content: "\e868";
  color: #9067cf;
  background: #f3effa;
}

.desktop-dashboard.single .dashboard-content dl {
  width: 50%;
}

.desktop-dashboard.single .dashboard-content .imgbox {
  width: 50%;
}

/* 交易情况 */
.tradedata {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
}

.tradedata li {
  padding: 10px;
  margin: 0 20px 20px 0;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.tradedata li:hover,
.tradedata li.active {
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
}

.tradedata li a {
  display: block;
  width: 100px;
  text-align: center;
  cursor: pointer;
}

.tradedata li a i {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  margin: 0 auto 15px auto;
  background: #E6F7FF;
  color: #1890FF;
  font-size: 28px;
  font-style: normal;
}

.tradedata li.lb1 a i {
  background: #fcf5eb;
  color: #e6a23c;
}

.tradedata li.lb2 a i {
  background: #e5f9f5;
  color: #00c7a0;
}

.tradedata li a .titlename {
  margin: 0 0 5px 0;
  line-height: 20px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tradedata li:hover a i, .tradedata li.active a i {
  background: #1890FF;
  color: #fff;
}

.tradedata li:hover a .titlename, .tradedata li.active a .titlename {
  color: #1890FF;
}

.tradedata li.lb1:hover a i, .tradedata li.lb1.active a i {
  background: #e6a23c;
  color: #fff;
}

.tradedata li.lb1:hover a .titlename, .tradedata li.lb1.active a .titlename {
  color: #e6a23c;
}

.tradedata li.lb2:hover a i, .tradedata li.lb2.active a i {
  background: #00c7a0;
  color: #fff;
}

.tradedata li.lb2:hover a .titlename, .tradedata li.lb2.active a .titlename {
  color: #00c7a0;
}

/* datatables 样式 */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td, div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: 0 !important;
}

/* for < 1920px */
@media screen and (max-width: 1920px) {
  .container {
    padding: 0 15px 55px 15px;
  }
  .note {
    padding: 5px 15px 5px 10px;
  }
  .main {
    margin-bottom: 15px;
    padding: 15px;
  }
  .head {
    margin: 0 0 15px 0;
  }
  .head-popup {
    margin: -15px -15px 15px -15px;
  }
  .search {
    padding: 15px 90px 0 15px;
  }
  .head-popup .search,
  .search.noborder {
    padding: 15px 100px 0 15px;
  }
  .search .control-label {
    margin-bottom: 15px;
    height: 24px;
    padding: 2px 10px;
  }
  .search .control-input {
    margin-bottom: 15px;
  }
  .search .search-submit {
    top: 15px;
    right: 15px;
  }
  .search .search-term {
    bottom: 15px;
    right: 15px;
  }
  .title .title-left h4 {
    font-size: 16px;
  }
  .title .title-left h4:before {
    height: 16px;
    margin: 2px 10px 0 0;
  }
  .title-simple .title-left h4 {
    font-size: 16px;
  }
  .title-sm .title-left h4 {
    font-size: 16px;
  }
  .title-lcsp {
    padding: 10px;
    margin: 0 0 15px 0;
  }
  .title-lcsp.affix, .title-lcsp.fixed {
    top: 50px;
    left: 200px;
  }
  .title-lcsp.affix, .title-lcsp.fixed {
    right: 15px;
  }
  .collapsed-menu .title-lcsp.affix, .collapsed-menu .title-lcsp.fixed {
    left: 85px;
  }
  .dataTables_bottom {
    left: 15px;
    right: 15px;
  }
  .listindex dt {
    margin-bottom: 15px;
  }
  .listindex dd {
    margin-bottom: 15px;
  }
  .sl-mainpanel .dataTables_bottom {
    left: 215px;
  }
  .collapsed-menu .sl-mainpanel .dataTables_bottom {
    left: 85px;
  }
  .sl-mainpanel .bt-group.fixed {
    left: 215px;
  }
  .collapsed-menu .sl-mainpanel .bt-group.fixed {
    left: 85px;
  }
  .bt-group-container {
    height: 40px;
  }
  .bt-group {
    height: 40px;
    line-height: 40px;
  }
  .tips {
    margin-bottom: 15px;
  }
  .tips.nobg {
    margin-bottom: 10px;
  }
  .form-title {
    font-size: 16px;
  }
  .form-title .dot {
    width: 6px;
    height: 6px;
    margin-right: 6px;
    margin-top: -3px;
  }
  .control-endtext .endtext {
    margin-top: 2px;
  }
  .gyssh-container .gyssh-tabs.affix {
    top: 50px;
    width: calc(100% - 200px);
    left: 200px;
  }
  .package-main {
    margin-bottom: 15px;
  }
  .package-main .package-all {
    max-height: 400px;
  }
  .project-list .project-item {
    padding: 10px;
  }
  .project-list .project-item .protitle {
    margin-bottom: 10px;
  }
  .project-list .project-item .protitle h5 {
    margin: 5px 5px 5px 15px;
    font-size: 16px;
  }
  .project-list .project-item .prodetail > ul {
    margin: 10px 120px 0 15px;
  }
  .project-list .project-item .procontent > ul {
    margin: 0 45px 0 15px;
  }
  .project-card .project-item {
    padding: 10px 15px 0 15px;
    margin-bottom: 15px;
  }
  .project-card .project-item .protitle {
    margin-bottom: 10px;
  }
  .project-card .project-item .protitle h5 {
    margin: 5px 0 0 0;
    font-size: 16px;
  }
  .project-card .project-item .prodetail > ul {
    margin: 8px 0;
  }
  .project-card .project-item .probutton {
    padding: 5px 0;
  }
  .desktop-dashboard {
    margin-bottom: 15px;
  }
  .desktop-dashboard .dashboard-content {
    padding: 15px;
  }
}