@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: #F5F9FB; }

/* 页面头部 */
.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: 2px; 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 2px 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; }

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

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

/* 页面容器 */
.container { width: 100%; padding: 20px 20px 40px 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: 2px; 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: 2px; }

.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: 2px; 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: 2px; 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 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: 2px; }

.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: 2px; }

.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: 2px; }

.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: 2px; }

.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: 2px; }

.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: 2px; }

.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: 2px; 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; 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: 2px; 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: 2px; }

.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: 2px; }

.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: 2px; 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 2px 2px; }

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

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

.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 .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: 2px; 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: 2px; }

.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: 2px; }

.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: 2px; 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: 2px 2px 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 2px 2px; }

.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: 2px 2px 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: 2px 2px 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 2px 2px; }

.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: 2px; 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: 2px; 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: 2px; 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: 2px; 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 2px 2px 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 .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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; }

.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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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; }

@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: 2px; 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: 2px; 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: 2px; 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.0; }

/* 默认桌面 */
.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: 2px; }

.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: 2px; 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: 2px; 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-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: calc(100% / 2); }

.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: 2px; }

.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: 2px; }

.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: 2px; }

.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: 2px; 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: calc(100%/24); }

.br-grid.fulltime .btn-add-br-event { font-size: 12px; }

/* 事件开始 */
.br-event.start-0000 { left: calc((100%/48)*0); }

.br-event.start-0030 { left: calc((100%/48)*1); }

.br-event.start-0100 { left: calc((100%/48)*2); }

.br-event.start-0130 { left: calc((100%/48)*3); }

.br-event.start-0200 { left: calc((100%/48)*4); }

.br-event.start-0230 { left: calc((100%/48)*5); }

.br-event.start-0300 { left: calc((100%/48)*6); }

.br-event.start-0330 { left: calc((100%/48)*7); }

.br-event.start-0400 { left: calc((100%/48)*8); }

.br-event.start-0430 { left: calc((100%/48)*9); }

.br-event.start-0500 { left: calc((100%/48)*10); }

.br-event.start-0530 { left: calc((100%/48)*11); }

.br-event.start-0600 { left: calc((100%/48)*12); }

.br-event.start-0630 { left: calc((100%/48)*13); }

.br-event.start-0700 { left: calc((100%/48)*14); }

.br-event.start-0730 { left: calc((100%/48)*15); }

.br-event.start-0800 { left: calc((100%/48)*16); }

.br-event.start-0830 { left: calc((100%/48)*17); }

.br-event.start-0900 { left: calc((100%/48)*18); }

.br-event.start-0930 { left: calc((100%/48)*19); }

.br-event.start-1000 { left: calc((100%/48)*20); }

.br-event.start-1030 { left: calc((100%/48)*21); }

.br-event.start-1100 { left: calc((100%/48)*22); }

.br-event.start-1130 { left: calc((100%/48)*23); }

.br-event.start-1200 { left: calc((100%/48)*24); }

.br-event.start-1230 { left: calc((100%/48)*25); }

.br-event.start-1300 { left: calc((100%/48)*26); }

.br-event.start-1330 { left: calc((100%/48)*27); }

.br-event.start-1400 { left: calc((100%/48)*28); }

.br-event.start-1430 { left: calc((100%/48)*29); }

.br-event.start-1500 { left: calc((100%/48)*30); }

.br-event.start-1530 { left: calc((100%/48)*31); }

.br-event.start-1600 { left: calc((100%/48)*32); }

.br-event.start-1630 { left: calc((100%/48)*33); }

.br-event.start-1700 { left: calc((100%/48)*34); }

.br-event.start-1730 { left: calc((100%/48)*35); }

.br-event.start-1800 { left: calc((100%/48)*36); }

.br-event.start-1830 { left: calc((100%/48)*37); }

.br-event.start-1900 { left: calc((100%/48)*38); }

.br-event.start-1930 { left: calc((100%/48)*39); }

.br-event.start-2000 { left: calc((100%/48)*40); }

.br-event.start-2030 { left: calc((100%/48)*41); }

.br-event.start-2100 { left: calc((100%/48)*42); }

.br-event.start-2130 { left: calc((100%/48)*43); }

.br-event.start-2200 { left: calc((100%/48)*44); }

.br-event.start-2230 { left: calc((100%/48)*45); }

.br-event.start-2300 { left: calc((100%/48)*46); }

.br-event.start-2330 { left: calc((100%/48)*47); }

.br-event.start-2400 { left: calc((100%/48)*48); }

/* 事件结束 */
.br-event.percent-0 { width: 0; }

.br-event.percent-1u { width: calc((100%/48)*1); }

.br-event.percent-2u { width: calc((100%/48)*2); }

.br-event.percent-3u { width: calc((100%/48)*3); }

.br-event.percent-4u { width: calc((100%/48)*4); }

.br-event.percent-5u { width: calc((100%/48)*5); }

.br-event.percent-6u { width: calc((100%/48)*6); }

.br-event.percent-7u { width: calc((100%/48)*7); }

.br-event.percent-8u { width: calc((100%/48)*8); }

.br-event.percent-9u { width: calc((100%/48)*9); }

.br-event.percent-10u { width: calc((100%/48)*10); }

.br-event.percent-11u { width: calc((100%/48)*11); }

.br-event.percent-12u { width: calc((100%/48)*12); }

.br-event.percent-13u { width: calc((100%/48)*13); }

.br-event.percent-14u { width: calc((100%/48)*14); }

.br-event.percent-15u { width: calc((100%/48)*15); }

.br-event.percent-16u { width: calc((100%/48)*16); }

.br-event.percent-17u { width: calc((100%/48)*17); }

.br-event.percent-18u { width: calc((100%/48)*18); }

.br-event.percent-19u { width: calc((100%/48)*19); }

.br-event.percent-20u { width: calc((100%/48)*20); }

.br-event.percent-21u { width: calc((100%/48)*21); }

.br-event.percent-22u { width: calc((100%/48)*22); }

.br-event.percent-23u { width: calc((100%/48)*23); }

.br-event.percent-24u { width: calc((100%/48)*24); }

/*审批优化页面*/
.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: 2px; 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: 2px 0 0 2px; 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: 2px 0 0 2px; 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: 2px; }

.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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; overflow: hidden; padding: 10px 0; margin: 0 0 20px 0; }

/* 供应商全局画像-标题 */
.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: 2px; width: 300px; margin: 0 20px 0 0; cursor: pointer; }

.appraise-list .appraise-title { background: #255B9B; border-radius: 2px; 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: 2px; 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 2px 2px 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: 2px; border-top-right-radius: 2px; }

.project-list .project-item:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; 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 .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: 2px; }

.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-step { width: 100%; margin: 0 auto; 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: 2px; 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: 2px; }

.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: 2px; }

.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: 2px; 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: 2px; }

/* 从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: 2px; }

.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: 2px; 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: 2px; 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), #722ed1); 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), #52c41a); 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), #ee9918); 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), #13c2c2); 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), #de6843); 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), #46b083); 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), #c277cf); 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), #d99026); 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: 2px; }

.deviation-label-danger { padding: 3px 15px; background: #FA541C; color: #fff; border-radius: 2px; }

.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: 2px; }

.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: 2px; }

.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: 2px; 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: 2px; 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: 2px; }

.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: 2px; 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: 2px; 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 1.0s 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; 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: 2px; }

.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: 2px; 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: 2px; 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: 2px; 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: 2px; }

.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; }

/* for < 1920px */
@media screen and (max-width: 1920px) { .container { padding: 15px 15px 35px 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; } }