@import url("awesome-bootstrap-checkbox.css");
@import url("simple-line-icons.css");
@import url("font-awesome.css");
@import url("ionicons.css");
@import url("iconfont.css");
@import url("bootstrap.css");
@import url("animate.css");
@import url("style.css");
@import url("global.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: #834A9E; 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; min-height: 70px; 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-right: 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: #4B5A6D; 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: -21px; padding: 2px 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: 12px; color: #4B5A6D; 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; }
.search .close-more .closebtn > i { font-size: 14px; margin-left: 5px; color: #4B5A6D; }
.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; }

/* 页面容器 */
.container { width: 100%; padding: 20px; margin: 0 auto; }
.container-popup { width: 100%; padding: 20px; margin: 0; }
.container-embed { width: 100%; padding: 0; margin: 0; }
.content { position: relative; padding: 0; margin: 0 0 20px 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 {  }
.main-sub-container:after { display: table; content: ''; clear: both; }
.main-sub { width: 100%; margin-bottom: 20px; padding: 0; float: left; vertical-align: top; }
/*只有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.5%; }
/*有3个子元素的样式*/
/*第一个元素宽度为1/3*/
.main-sub:nth-last-child(3):first-child{ width: 33%; }
/*第一个元素之后的第一个元素（即有3个子元素的第2个元素）*/
.main-sub:nth-last-child(3):first-child ~ .main-sub:nth-last-child(2){ width: 33%; }
/*第一个元素之后的第一个元素（即有3个子元素的第3个元素）*/
.main-sub:nth-last-child(3):first-child ~ .main-sub:nth-last-child(1){ width: 33%; }

/* 多列结构下面混杂通栏型字段 */
.main-sub-container {  }
/* 双列下方 */
.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: #834A9E; }
.title.notext .title-left { display:none; }
.title .title-center { float: left; height: 30px; margin: 0 0 0 30px; display: flex; align-items: center; }
.title .title-right { float: right; padding-top: 0; position: relative; }
.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-simple { height: 30px; margin: 0 0 9px 0; }
.title-simple .title-left { float: left; padding-top: 5px; }
.title-simple .title-left h4 { height: 20px; line-height: 20px; padding: 0; font-size: 18px; }
.title-simple .title-center { float: left; margin: 0 0 0 10px; padding-top: 5px; }
.title-simple .title-right { float: right; padding-top: 0; position: relative; }

/* 列表标题-2级 */
.title-sm { height: 30px; margin: 0 0 5px 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: #834A9E; border-radius: 50%; }
.title-sm .title-center { float: left; }
.title-sm .title-right { float: right; padding-top: 0; position: relative; }

/* 列表标题-3级 */
.title-xs { height: 30px; margin: 0 0 5px 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: #4B5A6D; }
.title-xs .title-center { float: left; }
.title-xs .title-right { float: right; padding-top: 0; position: relative; }
.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: #1277c7; }
.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: #834A9E; }
.title-xmxd .title-center { float: left; margin: 0 0 0 30px; }
.title-xmxd .title-right { float: right; padding-top: 0; position: relative; }

/* 多区块的标题（二级标题） */
.splitline { height: 30px; margin: 0 0 15px 0; border-bottom: 1px solid #D8C8E1; }
.splitline .title-left { float: left; }
.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; padding-top: 0; 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 #D8C8E1; background-color: #fff; border-radius: 4px!important; }
.splitcontent .splittitle { position: relative; }
.splitcontent .splittitle .name { height: 30px; padding: 0 10px; border: 1px solid #D8C8E1; 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 { margin: 0 0 20px 0; padding:20px; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); }
.title-lcsp .title-left { float: left; width: 100%; }
.title-lcsp .title-left h4 { margin-right: 600px; line-height: 35px; 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: #fff;border: 1px solid #834A9E;color: #834A9E;}
.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-right: 600px; line-height: 25px; font-size: 14px; }
.title-lcsp .title-left p > span{margin-right: 20px;}
.title-lcsp .title-left p > span > em{color:#4B5A6D;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: 15px; font-weight: 700; color: #d84a38; text-align: center; transform: rotate(-18deg); }

.title-lcsp .title-right { float: right; margin-left: -600px; position: relative; }
.title-lcsp .title-right dl{ display: inline-block; width:60px; }
.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: 28px; height:28px; margin: 0 auto; background: url(../img/icon-lcsp.png) no-repeat 0 0;background-size: 25px; }
.title-lcsp .title-right dl dt.icon-return{ background-position: 2px 3px;}
.title-lcsp .title-right dl dt.icon-log{ background-position: 2px -33px;}
.title-lcsp .title-right dl dt.icon-process{ background-position: 2px -70px;}
.title-lcsp .title-right dl dt.icon-save{ background-position: 2px -109px;}
.title-lcsp .title-right dl dt.icon-back{ background-position: 2px -144px;}
.title-lcsp .title-right dl dt.icon-next{ background-position: 2px -184px;}
.title-lcsp .title-right dl dt.icon-submit{ background-position: 2px -219px;}
.title-lcsp .title-right dl dt.icon-countersign{ background-position: 2px -257px;}
.title-lcsp .title-right dl dt.icon-opinion{ background-position: 0 -297px;}
.title-lcsp .title-right dl dd{ margin-top: 10px; color: #2B3642; }
.title-lcsp .title-right dl:hover dd{ color: #834A9E; 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{width: calc(100% - 220px); top: 60px; left: 220px; z-index: 991;}
.collapsed-menu .title-lcsp.affix {width: calc(100% - 60px);left: 60px;}

/* 流程审批页面的大标题-默认固定 */
.title-lcsp.fixed{width: calc(100% - 220px); top: 60px; left: 220px; z-index: 991;position: fixed;}
.collapsed-menu .title-lcsp.fixed {width: calc(100% - 60px);left: 60px;position: fixed;}

.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 { width: 100%; margin: 0 auto; }
.layout .layout-side { float: left; width:260px; margin-right: 20px; background: #fff; padding: 20px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; }
.layout .layout-content { display: table-cell; width: 9999px; background: #fff; padding: 20px; 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:after { content: ''; display: table; clear: both; }

/* 标准左右布局 */
.layout-r { width: 100%; margin: 0 auto; display: flex; }
.layout-r .layout-r-content { flex: 1; margin-right: 20px; background: #fff; padding: 20px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; }
.layout-r .layout-r-side { float: right; width: 260px; background: #fff; padding: 20px; 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!important; border-radius: 0!important; background: transparent!important; box-shadow: none!important; }
.layout-r .layout-r-side.hasline { border-left: 1px solid #D8C8E1; padding: 0 15px!important; }
.layout-r:after { content: ''; display: table; clear: both; }

/* 左侧区域标题 */
.sidebar { height: 32px; margin: 0 0 15px 0; background-color: #F8F4F9; 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; align-items: center; justify-content: space-between; }
.sidelist li .s-title { width: 170px; color: #4B5A6D; cursor:pointer; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidelist li .s-tools a { margin-right: 5px; color: #B5BBC4; font-size: 12px; }
.sidelist li .s-tools a:last-child { margin-right: 0; }
.sidelist li:hover .s-title,
.sidelist li.active .s-title { color: #834A9E; }

/* 顶部通用列表 */
.toplist { margin-bottom: 20px; background-color: #f9f9f9; 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; }
.toplist li:hover,
.toplist li.active { }

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

/* 数据表格上方的选择查询 */
.selectsearch { width:100%; padding: 10px 0 0 0; }
.selectsearch .selectlist {  }
.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: 2px 10px; border-radius:4px; background-color: #fff; color:#777; cursor: pointer; }
.selectsearch .selectlist .left .fieldselall a.select { border-color: #2da1f8; background-color: #2da1f8; 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: 2px 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: #2da1f8; background-color: #2da1f8; color:#fff; transition: all 0.3s linear; }

/* 固定式分页条 */  
.dataTables_bottom { position: fixed; bottom: 0; background: #fff; width: 100%; margin: 0 0 0 -20px; height: 50px; line-height: 50px; 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{ width: calc(100% - 220px); margin-left: -20px; }
.collapsed-menu .sl-mainpanel .dataTables_bottom{ width: calc(100% - 60px); }
/* 非固定在底部 */  
.dataTables_bottom.nofix { position: relative; bottom: auto; margin: 10px 0 0 0; width: 100%; }
/* 非边框和阴影 */  
.dataTables_bottom.nobg { background: transparent; box-shadow: none; }

.dataTables_bottom .dataTables_info { float: left; padding-top: 0; margin: 0 0 0 20px; color: #696E8D; }
.dataTables_bottom .dataTables_paginate { float: right; margin: 10px 20px 0 0; }
.dataTables_bottom .dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; }
.dataTables_bottom .dataTables_number { float: right; margin: 10px 10px 0 0; }
.dataTables_bottom .dataTables_number select.form-control { padding-right: 24px; background: url("../img/select-down.png") transparent no-repeat right center; }
.dataTables_bottom .dataTables_number select.form-control:focus { outline: 0; background-image: url("../img/select-up.png"); border-color: #834A9E; }
.form-inline .dataTables_bottom .dataTables_number select.form-control{ display: inherit; }
.dataTables_bottom .pagination > li > a, .dataTables_bottom  .pagination > li > span{ background: none; border: none; border-radius: 2px; color: #696E8D; }
.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: #ADB3BC; }
.dataTables_bottom .pagination > li:hover > a, .dataTables_bottom  .pagination > li:hover > span{ background: #834A9E; color: #fff; }
.dataTables_bottom .pagination > li > a:focus,.dataTables_bottom  .pagination > li > span:focus{ background: none; color: #696E8D; }
.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: #834A9E; color: #fff; }
.dataTables_bottom .dataTables_input{ float: right; color: #696E8D; 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: #696E8D; background: transparent; border-color: transparent; border-bottom: 1px solid #DCDFE3; }
.dataTables_bottom .dataTables_input input.paginate_text:focus{ outline: 0; border-bottom: 1px solid #834A9E; }
.dataTables_bottom .paginate_submit{ width: 50px; height: 30px; line-height: 30px; margin-left: 10px; text-align: center; color: #fff; background: #834A9E; border: none; border-radius: 2px; }
.dataTables_bottom .next a,.dataTables_bottom .last a{ transform: rotate(180deg); }

/* 重载form-group */
.form-group { padding-bottom: 10px; border-bottom: none!important; width: 100%; }

/* 表单底部的按钮组 */
.bt-group { margin: 10px 0 30px 0; text-align: center; }

/* 放置文字的表格 */
.table-new { width: 100%; border: none; border-collapse: separate; padding: 5px 15px 15px 15px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); }
.table-new > thead > tr > th { padding: 8px 8px; height:45px; vertical-align: middle; border: none; color: #657282; font-size: 16px; font-weight: 400!important; background-color: #fff; word-break: keep-all; white-space: nowrap; border-bottom: 1px solid #D8C8E1; }
.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: #ADB3BC; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); }
.table-new > tbody > tr { background: #fff; }
.table-new > tbody > tr > td { padding: 8px 8px; height: 40px; vertical-align: middle; border: none; border-bottom: 1px solid #D8C8E1; word-break: break-all; word-wrap: break-word; }
.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 { background: #FAFCFD; }
.table-new > tbody > tr:hover > td:last-child { overflow: visible; }

/* 仿table布局 */
.grid { width: 100%; padding: 5px 15px 15px 15px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); }
.grid > .thead {  }
.grid > .thead > ul { display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #D8C8E1; }
.grid > .thead > ul > li { padding: 12px 8px; min-height: 45px; color: #657282; font-size: 16px; font-weight: 400!important; word-break: keep-all; white-space: nowrap; }
.grid > .thead > ul:after { content: ''; display: table; clear: both; }

.grid > .thead > ul > li > a { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; margin-left: 8px; border-radius: 50%; }
.grid > .thead > ul > li > a > i { display: block; color: #ADB3BC; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); }
.grid > .thead > ul > li > a:hover { background: #c4c9d0; }
.grid > .thead > ul > li > a:hover > i { color: #fff; }

.grid > .tbody {  }
.grid > .tbody > ul { position: relative; display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #D8C8E1; cursor: pointer; }
.grid > .tbody > ul > li { padding: 10px 8px; min-height: 40px; word-break: break-all; word-wrap: break-word; }
.grid > .tbody > ul:after { content: ''; display: table; clear: both; }
.grid > .tbody > ul.active { background: #FAFCFD; }

.grid > .thead > ul > li:first-child,
.grid > .tbody > ul > li:first-child { padding-left: 30px; }
.grid > .thead > ul > li:last-child,
.grid > .tbody > ul > li:last-child { padding-right: 30px; overflow: visible; }

/* 仿table布局 */
.grid-edit { width: 100%; padding: 5px 15px 15px 15px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); }
.grid-edit > .thead {  }
.grid-edit > .thead > ul { display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #D8C8E1; }
.grid-edit > .thead > ul > li { padding: 12px 8px; min-height: 45px; color: #657282; font-size: 16px; font-weight: 400!important; word-break: keep-all; white-space: nowrap; }
.grid-edit > .thead > ul:after { content: ''; display: table; clear: both; }

.grid-edit > .thead > ul > li > a { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; margin-left: 8px; border-radius: 50%; }
.grid-edit > .thead > ul > li > a > i { display: block; color: #ADB3BC; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); }
.grid-edit > .thead > ul > li > a:hover { background: #c4c9d0; }
.grid-edit > .thead > ul > li > a:hover > i { color: #fff; }

.grid-edit > .tbody {  }
.grid-edit > .tbody > ul { position: relative; display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #D8C8E1; cursor: pointer; }
.grid-edit > .tbody > ul > li { padding: 10px 8px; min-height: 40px; word-break: break-all; word-wrap: break-word; }
.grid-edit > .tbody > ul:after { content: ''; display: table; clear: both; }
.grid-edit > .tbody > ul.active { background: #FAFCFD; }

.grid-edit > .thead > ul > li:first-child,
.grid-edit > .tbody > ul > li:first-child { padding-left: 30px; }
.grid-edit > .thead > ul > li:last-child,
.grid-edit > .tbody > ul > li:last-child { padding-right: 30px; overflow: visible; }

/* 下拉菜单向上伸展 */
/*.grid>.tbody>ul:nth-last-child(-n+5)>li .btn-group .dropdown-menu { bottom: 100%; top: auto; }*/
.btn-group .dropdown-menu.dropdown-up { bottom: 100%; top: auto; }
.btn-group .dropdown-menu.dropdown-down { top: 100%; bottom: auto; }

/* 仿table布局 */
.grid-sm { width: 100%; padding: 0; }
.grid-sm > .thead {  }
.grid-sm > .thead > ul { display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #D8C8E1; }
.grid-sm > .thead > ul > li { padding: 9px 5px; min-height: 40px; color: #657282; font-size: 16px; font-weight: 400!important; word-break: keep-all; white-space: nowrap; }
.grid-sm > .thead > ul:after { content: ''; display: table; clear: both; }

.grid-sm > .tbody {  }
.grid-sm > .tbody > ul { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; background: #fff; border-bottom: 1px solid #D8C8E1; cursor: pointer; }
.grid-sm > .tbody > ul > li { padding: 9px 5px; min-height: 40px; word-break: break-all; word-wrap: break-word; }
.grid-sm > .tbody > ul:after { content: ''; display: table; clear: both; }
.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: 20px; overflow: visible; }

/* table溢出控制 */
.table-overflow { table-layout: fixed; }
.table-overflow th, .table-overflow td { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* table固定高度 */
.table-fixed { width: 100%; max-height: 700px; overflow-y: auto; }

/* grid溢出控制 */
.grid-overflow {  }
.grid-overflow li { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* grid边框 */
.grid-bordered { border: 1px solid #D8C8E1; }
.grid-bordered > .thead > ul { background-color: #F8F4F9; }
.grid-bordered > .thead > ul > li { border-right: 1px solid #D8C8E1; }
.grid-bordered > .tbody > ul > li { border-right: 1px solid #D8C8E1; }
.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-striped ul:nth-of-type(even) { background-color:#F8F4F9; }
/* grid悬浮变色 */
.grid-hover > .tbody> ul:hover { background-color:#F8F4F9; }

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

/* 扩展字段展示式表格 */
.expand-icon { }
.expand-icon i { padding: 0 8px; font-size: 16px; color: #657282; }
.expand-content { padding: 15px 15px 10px 12px; border-bottom: 1px solid #D8C8E1; overflow: hidden; display: none; }
.expand-content.active { display: block; }
.expand-content > div { float: left; margin: 0 40px 5px 0; }
.expand-content > div > span { display: inline-block; margin-right: 10px; color: #657282; }

/* 表格无数据时的提示图 */
.nodata { width: 100%; height: 140px; margin: 0 auto; background: url("../img/nocontent.png") #fff no-repeat center center; border-radius: 2px; }
.notallow { width: 100%; height: 140px; margin: 0 auto; background: url("../img/notallow.png") #fff no-repeat center center; border-radius: 2px; }
.opentext { width: 100%; height: 80px; margin: 0 auto; background: url("../img/opentext.png") #fff no-repeat center center; border-radius: 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; }

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

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

/* 提示页面-无权限 */
.sys-info { width:500px; margin: 200px auto; overflow: hidden; }
.sys-info .pic { float:left; width:160px; height:160px; margin-right: 20px; }
.sys-info .pic.img404 { background: url("../img/404.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 .details { display: table-cell; width:9999px; height:160px; }
.sys-info .details h3 { margin: 20px 0 10px 0; line-height: 30px; word-break: break-all; }

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

/* 自定义表格字段-下拉菜单 */
.diycols { }
.diycols ul.dropdown-menu { }
.diycols ul.dropdown-menu li { }
.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: #696E8D; font-size: 14px; 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: #696E8D; 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); }

/*select.form-control{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../img/select-arrow.png") #F8F4F9  right center no-repeat; }*/

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

/* 温馨提示样式 */
.tips { margin-bottom: 20px; padding: 20px 20px 20px 40px; background: url(../img/icon-tips.png) #fff no-repeat 20px 24px; line-height: 24px; color: #EE9918; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); }
.tips.nobg { padding: 0 0 0 20px!important; background: url(../img/icon-tips.png) #fff no-repeat 0 4px; border-radius: 0!important; background-color: transparent!important; box-shadow: none!important ; }

/* 通过、未通过、已完成的图标展示 */
.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 solid #C5ACD2; background: #F8F4F9; border-radius: 2px; }
.dynamicadd:hover .btn.btn-xs { border-color: #834A9E; color: #834A9E; }

.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 #C5ACD2; background: transparent; border-radius: 2px; }
.dynamicadd-dashed:hover .btn.btn-xs { border-color: #834A9E; color: #834A9E; }

/* 排序按钮组 */
.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:#834A9E; background: #F2ECF5; border: 1px solid #AE88C0; 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); -o-transform: scale(1); }
.select-tools ul li a i:hover { background-color: #834A9E; color:#fff; }
.select-tools .nextbt { float:left; padding:1px 12px; }

/* 选择区域 */
.selectsortregion { }
.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:before { content: ''; position: absolute; top: 0; left: 11px; height: calc(100% - 20px); width: 1px; background: #DCDFE3; }
.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: #DCDFE3; }
.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: 16px; color: #1F3149; }
.vertical-container-sprz .vertical-timeline-content p { display: flex; align-items: center;  height: 38px; margin: 10px 0 0 0; padding: 8px 20px 8px 12px; border: 1px solid #EBE3F0; background: #F8F4F9; color: #4B5A6D; border-radius: 2px 2px 0 0; }
.vertical-container-sprz .vertical-timeline-content p>span>.iconfont { font-size: 12px; color: #ADB3BC; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-name { margin-right: 10px; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-info { margin-right: 40px; color: #2da1f8; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-date1 { margin-right: 10px; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-date2 { margin-right: 10px; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-stay { position: absolute; right: 20px; font-size: 12px; color: #1F3149; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-stay.warning { color: #FA541C; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-stay.warning>.iconfont { color: #FA541C; }
.vertical-container-sprz .vertical-timeline-content .text-detail { margin: 0; padding: 7px 10px; border: 1px solid  #EBE3F0; border-top: 0; background-color: #fff; color: #1F3149; }
.vertical-container-sprz .vertical-timeline-content .text-detail>.sprz-title { color: #4B5A6D; }

/* 审批日志环节状态 */
.vertical-timeline-block.lcsp-done:before { background: #834A9E; }
.vertical-timeline-block.lcsp-done .vertical-timeline-icon { background: #834A9E; color: #fff; }
.vertical-timeline-block.lcsp-current .vertical-timeline-icon { background: #ffe590; color: #ee9a19; }
.vertical-timeline-block.lcsp-undone .vertical-timeline-icon { background: #ADB3BC; color: #fff; }

.select-content { width: 100%; min-height: 160px; display: inline-block; border: 1px solid #1277c7; padding: 5px; position: relative; background-color: #fff; }
.select-content span { color: #1277c7; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #1277c7; cursor: pointer; }
.select-title { width: 100%; border-bottom: 1px solid #1277c7; margin-bottom: 15px; }
.select-title .biaoti { display: inline-block; line-height: 34px; font-size: 14px; padding: 0 20px; text-align: center; background-color: #1277c7; color: #fff !important; }

/* 信息提示 */
.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: #4B5A6D; }
.info-box ul { padding: 10px 21px; border: 1px solid #EBE3F0; background: #F8F4F9; }
.info-box ul li { color: #2B2D3B; line-height: 32px; }
.info-box ul li i.error { 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 a { display: inline-block; vertical-align: middle; margin-left: 15px; }

/* 个人资料 */
.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: #1277c7; 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:#1277c7; 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: #1277c7; 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 #ddd; 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: 14px; font-weight: 400; color: #999; }
.package-thumb .package-thumb-body .statbody { display: block; font-size: 14px; font-weight: 400; color: #333; }
.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: #2da1f8; background-color: #f5fbff; }
.package-thumb.select .package-thumb-body i.checkmark { display:block; }*/


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

.packagelist > li { float: left; margin-right: 20px; margin-bottom: 20px; }
.packagelist > li > .package-thumb { position: relative; height: 30px; padding: 0; border: 1px solid #EBE3F0; background: #F8F4F9; color: #1F3149; 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-body { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; overflow:hidden; }
.packagelist > li > .package-thumb .package-thumb-body .subtitle { display: block; overflow:hidden; }
.packagelist > li > .package-thumb .package-thumb-body .statbody { display: block; }
.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: #834A9E; 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: #834A9E; }
.packagelist > li > .package-thumb .package-thumb-btn a:hover { color: #703F87; }

.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: #9463AC; }
.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: #F3F4F5; color: #ADB3BC; border: 1px solid #EEE; cursor: not-allowed; }
.packagelist > li > .package-thumb.invalid .package-thumb-icon { background: #c4c9d0; }

.packagelist > li > .package-thumb.select { border-color: #AE88C0; background: #F2ECF5; }
.packagelist > li > .package-thumb.select .package-thumb-body .subtitle { color: #834A9E; }
.packagelist > li > .package-thumb.select .package-thumb-body .statbody { color: #834A9E; }
.packagelist > li > .package-thumb.select .package-thumb-body i.checkmark { display:block; }
.packagelist > li > .package-thumb.select .package-thumb-tool > .btn-group i { color: #834A9E; }
.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 #834A9E; border-left: 8px solid transparent; }

.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: #2da1f8; border-radius: 3px; border: 1px solid #2da1f8; 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 .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: #1F3149;font-weight: 600; }

/* 供应商信息展示-筛选条件 */
.searchbox { position: relative; z-index: 1; clear: both; width: 50%; margin-bottom: 20px; background: #F8F4F9; border-radius: 2px; border: 1px solid #EBE3F0; }
.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: #A7B9CC; }
.searchbox .btn-search { position: absolute; right: 0; width: 80px; height: 38px; line-height: 38px; margin-top: -1px; color: #fff; background-color: #834A9E; 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: #1F3149; 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 #F8F4F9; 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: #4B5A6D; }
.searchbox .mod_select .select_box .option li:hover{ color: #834A9E; }
.searchbox .mod_select .select_box:after{ content: ""; position: relative; ;width: 1px; background: #DCDFE3; height: 18px; float: right; margin-top: -40px; }

.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: 30px; padding: 1px 10px; text-align: right; color: #4B5A6D; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listindex dd { flex: 1; margin-bottom: 20px; height: 30px; padding: 0; overflow: hidden; }
.listindex dd .item { display: inline-block; position: relative; margin: 5px 10px 5px 0; padding: 0 15px 0 10px; line-height: 18px; border: 1px solid #fff; background: #fff; border-radius: 2px; cursor: pointer; }
.listindex dd .item a.item-title { }
.listindex dd .item a.btn-del { position: absolute; right: 5px; top: 0; }
.listindex dd .item a.btn-del i { display:none; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); }
.listindex dd .item.select { border: 1px solid #834A9E; color: #834A9E; background: #fff; transition: all 0.15s linear; }
.listindex dd .item.select a.item-title { color: #834A9E; }
.listindex dd .item.select a.btn-del { color: #834A9E; }
.listindex dd .item.select a.btn-del i { display:block; }
.listindex dd .checkbox, .listindex dd .radio { padding-top:0!important; }
.listindex .listindextools { display: none; margin-top: 5px; }
.listindex .listindextools a .tit2 { display: none; }
.listindex .listindextools a > em { display: inline-block; font-style: normal; color: #834A9E; }
.listindex .listindextools a > i { display: inline-block; color: #ADB3BC; }
.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 .item { padding: 0 20px 0 0; }
.listindex.gys-select dd .item a.btn-del { right: 3px; }
.listindex.gys-select dd .item.select { border: 1px solid #fff; background: #fff; color: #834A9E; }
.listindex.gys-select dd a.btn { margin-top: -4px; padding: 0 7px; }

.listindex.product-select dt { width: auto; height: 30px; padding: 5px 10px; }
.listindex.product-select dd .item { margin: 3px 16px 0 0; padding: 0; border-color: #DCDFE3; }
.listindex.product-select dd .item input[type=checkbox],
.listindex.product-select dd .item input[type=radio] { opacity: 0; }
.listindex.product-select dd .item .item-title { margin: 0; padding-right: 15px; cursor: pointer; }
.listindex.product-select dd .item.select { border-color: #834A9E; }
.listindex.product-select dd .item.select .item-title  { color: #834A9E; }

/* 新供应商选择 */
.select-ry { width: 220px; margin-bottom: 15px; }
.select-ry li { position: relative; margin-top: -1px; padding: 15px 15px 7px 15px; border: 1px solid #D8C8E1; background: #fff; cursor: pointer; }
.select-ry li a.item-title { display: block; margin-bottom: 10px; line-height: 12px; font-size: 12px; color: #2B2D3B; }
.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: #6F7B8A; }
.select-ry li a.btn-del { position: absolute; right: 15px; top: 15px; color: #ADB3BC; }
.select-ry li a.btn-del i { display:block; line-height: 12px; font-size: 10px; -webkit-transform: scale(0.8); -o-transform: scale(1); }
.select-ry li.select { border-color: #834A9E; z-index: 99; transition: all 0.15s linear; }
.select-ry li.select a.item-title { color: #834A9E; }

/* 标题位置-排序功能 */
.sort-tit { display: inline-block; margin: 3px 0 0 20px; }
.sort-tit ul li .desc,.sort-tit ul li .active .asc{ display: none; }
.sort-tit ul li{ display: inline;margin:0 5px; }
.sort-tit ul li .active .desc{display: inline;}
.sort-tit ul li .btn-info{padding:2px 8px 2px 4px;}
.sort-tit ul li .btn-info.active,.sort-tit ul li .btn-info.current{background: #834A9E;border-color: #834A9E;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; font-size: 14px; display: inline-block; color: #834A9E; }
.sort-btn a.active{ background: #834A9E; color: #fff; }

/*行内排序*/
.sort-inline{display: inline;cursor: pointer;}
.sort-inline > em > i{font-size: 12px;color: #adb3bc;}
.sort-inline .desc{margin-left:-8px;}
.sort-inline.asc .asc > i{color:#657282;}
.sort-inline.desc .desc > i{color:#657282;}

/* 供应商列表展示 */
.gys-content{padding-bottom: 30px;}
.gys-content .gys-list{ padding: 15px 0 15px 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 > 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 h2.h2_tit{ margin-bottom: 5px; }
.gys-content .gys-list h2.h2_tit a{ font-size: 18px; color: #1F3149; }
.gys-content .gys-list h2.h2_tit a:hover{color:#834A9E;}
.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.10); margin-left: 15px; font-size: 12px; }
.gys-content .gys-list h2.h2_tit span.address{ display: inline-block; font-size: 14px; color: #1F3149; font-weight: 500; margin-left: 15px; }
.gys-content .gys-list h2.h2_tit span.address i{ color: #ADB3BC; margin-right: 5px; top: 0; font-size: 14px; }
.gys-content .gys-list .gys-main{ float: left; }
.gys-content .gys-list .gys-info{ float: left; width: 100%; color: #666; line-height: 30px; }
.gys-content .gys-list .gys-info span{ margin-right: 10px; margin-left: 10px; color: #1F3149; font-size: 14px; }
.gys-content .gys-list .gys-info span > em,.gys-content .gys-list .gys-contact > em{ color: #4B5A6D; font-style: normal; margin-right: 10px; }
.gys-content .gys-list .gys-info span:first-child{ margin-left: 0; }
.gys-content .gys-list .gys-add,.gys-content .gys-list .gys-contact{ color: #1F3149; line-height: 30px; }
.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{ transform: rotate(90deg); z-index: 999; }
.gys-content .gys-list li .gys-more .gys-more-con i{ font-size: 18px; color: #adb3bc; }
.gys-content .gys-list:nth-last-child(3) .gys-more.open .dropdown-menu,
.gys-content .gys-list:nth-last-child(2) .gys-more.open .dropdown-menu,.gys-content 
.gys-list:nth-last-child(1) .gys-more.open .dropdown-menu{ bottom: 100%; top: auto; }
.gys-content .gys-list:hover li .gys-more.open .dropdown-menu{ z-index: 9999; position: absolute; }

.gys-more.dropdown{ position: inherit; }
.gys-more .dropdown-menu{ padding: 15px; }
.gys-more .dropdown-menu .gys-con{ margin-bottom: 10px;border-bottom: 1px #e5e5e5 solid;padding:0 0 10px 0; }
.gys-more .dropdown-menu .gys-con:last-child{ margin-bottom: 0;padding-bottom: 0; border-bottom: none; }
.gys-more .dropdown-menu .gys-con .gys-lxxx{ color: #1F3149; font-size: 12px; line-height: 22px; word-wrap: break-word;}
.gys-more .dropdown-menu .gys-con .gys-lxxx > i{ margin-right: 5px; display: inline; }
.gys-more .dropdown-menu .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;}

/* 竖直摆放按钮 */
.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: #0578e2; }
.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; align-items: center; justify-content: space-between; 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: #1F3149; }
.gyssh-head-system .headcontainer .right { }

/* 小标题 */
.form-title { margin-bottom: 5px; 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: #834A9E; border-radius: 50%!important; margin-top: -3px; }

/* 输入框尾部浮动提示 */
.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: #1F3149; margin-bottom: 10px; }

/* 字段填写提示及校验信息 */
.form-group .help-block { }
.form-group > div:last-child > .help-block { position: absolute; top: 5px; }
.form-group .help-block .remind-block { display: inline; color: #7D8896; font-size: 12px; }
.form-group .help-block .verify-block { display: inline; color: #FA541C; font-size: 12px; }
.form-group .uploadregion~.help-block { position: relative; top: 5px; }


.table-new td .help-block { }
.table-new td .help-block .remind-block { color: #7D8896; font-size: 12px; }
.table-new td .help-block .verify-block { color: #FA541C; font-size: 12px; }

.grid-edit li .help-block { }
.grid-edit li .help-block .remind-block { color: #7D8896; font-size: 12px; }
.grid-edit li .help-block .verify-block { color: #FA541C; font-size: 12px; }

/* 操作小图标 */
.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: #ADB3BC; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); }
.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: #834A9E; }

/* 密码校验字段提示信息 */
.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: #834A9E; background: rgba(24,144,255,0.10); border: 1px solid #834A9E; border-radius: 2px; font-weight: 500; margin-left: 15px; font-size: 12px; }
.gyssh-head{ width: 100%; display: inline-block; margin: 20px 0; }
.gyssh-head .left{ float: left; }
.gyssh-head .right{ float: right; }
.gyssh-head h2{ font-size: 16px; color: #1F3149; margin: 5px 0 15px 0; }
.gyssh-head .gyssh-head-info{ color: #4B5A6D; font-size: 14px; }
.gyssh-head .gyssh-head-info span{ margin-right: 50px; }
.gyssh-head .gyssh-head-info em{ font-style: normal; color: #1F3149; }
.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: #2B3642; }
.gyssh-head dl:hover dd{ color: #834A9E; 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{ display: block;}
.gyssh-intro .gyssh-img{ display: inline; 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 .gys-main h2.h2_tit{ margin-bottom: 5px; }
.gyssh-intro .gys-main h2.h2_tit a{ font-size: 18px; color: #1F3149; }
.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.10); margin-left: 15px; font-size: 12px; }
.gyssh-intro .gys-main h2.h2_tit span.address{ display: inline-block; font-size: 14px; color: #1F3149; font-weight: 500; margin-left: 15px; }
.gyssh-intro .gys-main h2.h2_tit span.address i{ color: #ADB3BC; margin-right: 5px; top: 0; font-size: 14px; }
.gyssh-intro{ width: 100%; display: inline-flex; }
.gyssh-intro .gys-main .gys-info{display: inline-block; width: 100%; color: #666; line-height: 30px; }
.gyssh-intro .gys-main .gys-info span{ margin-right: 20px; margin-left: 10px; color: #1F3149; font-size: 14px; }
.gyssh-intro .gys-main .gys-info span > em,.gyssh-intro .gys-main .gys-add span >em { color: #4B5A6D; font-style: normal; margin-right: 10px; }
.gyssh-intro .gys-main .gys-info span:first-child{ margin-left: 0; }
.gyssh-intro .gys-main .gys-add{ color: #1F3149; 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:#834A9E;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-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% - 220px); top: 60px; left: 220px;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; }
.gyssh-main .form-group{ margin-bottom: 0; }
.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; }

/* 暂无消息 */
.no-info{ width: 100%; text-align: center; color: #4B5A6D;margin-bottom: 15px; }
.no-info > i{ color: #4B5A6D; font-size: 16px; margin-right: 10px; }

/* 供应商信息变更-对比页面 */
.gyssh-change{ width: 80%; margin: 0 auto; margin-bottom: 40px; }
.gyssh-change h2.h2-tit{ color: #1F3149; 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: #F8F4F9; font-size: 14px; color: #1F3149; 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: #4B5A6D; }
.gyssh-change .table > tbody > tr > td.field-first{ border-right: 1px #DCDFE3 solid; color: #1F3149; }
.gyssh-change .table > tbody > tr > td.field-last{ border-left: 1px #DCDFE3 solid; color: #1F3149; }
.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;}

/* 供应商信息表更页面-特殊小按钮 */
.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;}
.btn-little.blue{background: #F2ECF5;border: 1px solid #834A9E;color: #834A9E;}
.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: #F2ECF5; color:#834A9E;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 #EBE3F0; border-radius: 2px; background: #F8F4F9; }
.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 #EBE3F0; border-radius: 2px; background: #F8F4F9; }
.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 #EBE3F0; border-radius: 2px; background: #F8F4F9; }
.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: #adb3bc;margin: 5px 0 0 0; }
.btn-group .btn-action:hover i { color: #834A9E; }

/*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 #EBE3F0;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:50px;}
#scrollUp{width:45px;height:45px;display:none;background:#834A9E;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: #834A9E; background-color: #fff; border: 1px solid #834A9E; border-radius: 3px; }
.type-switch .type.active { color: #fff; background-color: #834A9E; }

/* 项目开标 */
.project-bid{width:1200px; margin: 0 auto;}
.project-bid .project-tit{width:100%;color:#1F3149;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:#1F3149;}
.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:#ADB3BC;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: #F8F4F9; border: 1px solid #EBE3F0; border-radius: 2px; height: 30px; padding-left: 10px; color: #ADB3BC; 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: #ADB3BC; }
.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: #A7B9CC; }

.wizard-content ul{ margin: 20px 0 0 0; }
.wizard-content ul li{ border-bottom: 1px solid #F3F4F5; 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: #696E8D; 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: #2B2D3B; 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: #696E8D; 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: #834A9E; }
.wizard-total{ text-align: center; margin: 0; height: auto; line-height: 30px; color: #666; padding-bottom: 5px; }
.wizard-total > a{ color: #2B2D3B; font-size: 12px; }
.wizard-total > a:hover{ color: #834A9E; }
.wizard-content.scroll-wrapper > .scroll-content{overflow: hidden!important;}

/* 解密状态图标 */
.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;}

/*供应商画像*/
.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: #1F3149;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: #4B5A6D;}
.gysrisk_tit .right i{color: #ADB3BC;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-content{}
.gysrisk-data-frame{display: inline-block;min-height: 270px;}
.gysrisk-data-content span.risk-data{float: left;text-align: left;width: 140px;font-size: 12px;}
.gysrisk-data-content span.risk-data a{font-size: 12px;}
.gysrisk-data-content span.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 span.risk-data,
.gysrisk-data-content .risk-data5 span.risk-data{margin-top: -20px;margin-left: 30px;}
.gysrisk-data-content .risk-data2 span.risk-data{margin-top: -10px;margin-left: 30px;}
.gysrisk-data-content .risk-data3 span.risk-data{margin-top: -10px;margin-left: 0;}
.gysrisk-data-content .risk-data4 span.risk-data,
.gysrisk-data-content .risk-data8 span.risk-data,
.gysrisk-data-content .risk-data9 span.risk-data{margin-top: -20px;margin-left: 0;}
.gysrisk-data-content .risk-data6 span.risk-data,
.gysrisk-data-content .risk-data10 span.risk-data{margin-top: 10px;margin-left: 30px;}
.gysrisk-data-content .risk-data7 span.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: #F8F4F9;border: 1px solid #EBE3F0;border-radius: 2px;margin:0 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: #989A9C;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: #2B3642;margin: 0 0 5px 0;}
.gysrisk-list ul li .num{padding: 0.1em 0.445em;font-size: 12px;text-align: center;background: #FB441B;border-radius: 25px;color: #fff;position: absolute;font-style: normal;right: 10px;top:6px;}
.gysrisk-list ul li:hover{border-color: #834A9E;}
.gysrisk-list ul li:hover .tit,.gysrisk-list ul li:hover i{color: #834A9E;}

/*供应商风险查看-动效*/
@keyframes circleBig {
  0% {transform:rotate(0)}
  100% {transform:rotate(360deg)}
}
@keyframes circleSmall {
 0% {transform:rotate(0)}
 100% {transform:rotate(-360deg)}
}

.form-control.error{border:0;border-bottom:1px solid #ff0000; }

/*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;}
.title .title-center .record{margin-left:-20px;}
.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;flex-wrap: wrap;}
.record .item-data{background: #F8F4F9;border: 1px solid #EBE3F0;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: #2B2D3B;}
.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: #1F3149;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: #6F7B8A;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:#834A9E;}
.item-data ul li.red,.item-data ul li.red em{color:#FA541C;}
.item-data:hover,.record .list .item-data.current{border-color: #834A9E;}
.item-data:hover .protitle a,.record .list .item-data.current .protitle a{color: #834A9E;}

/*项目进度概述*/
.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: #A7B9CC;margin-right: 5px;}
.overviews-tips > span.done:before{background: #834A9E;}
.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: #2B2D3B;font-weight: 600;}
.overviews-box .closebtn{float:right;font-size: 12px;position: absolute;right: 0;bottom:0;cursor: pointer;color: #834A9E;}
.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: #A7B9CC;}
.overviews-box .closebtn.active > i { transform: rotate(180deg); color: #834A9E;}
.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: #A7B9CC;padding:2px 8px;border-radius: 15px 0 0 15px;}
.overviews-box .state.current{background: #EE9918;}
.overviews-box .state.done{background: #834A9E;}
.overviews-box-h{width:100%;font-size: 16px;color: #1F3149;border-bottom: 1px solid #DCDFE3;padding:10px 0;margin-bottom: 10px;}

/*项目进度概述-横版*/
.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: #834A9E;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: #A7B9CC;}
.overviews-step .num { width: 32px; height: 18px;line-height: 18px;text-align: center; background: #A7B9CC; 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 #A7B9CC;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 #A7B9CC;border-radius: 2px;} 
.overviews-step .tit{display: inline-block;width: calc(100% - 40px);}
.overviews-step .tit > span{background: #F8F4F9;padding:0 10px 0 0;}
.overviews-step .tit:before{content:'';width: 100%;height: 2px;background: #A7B9CC;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 #A7B9CC;border-top: 2px solid #A7B9CC;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: #834A9E;}
.overviews-step.done .num:after{border-top-color: #834A9E; } 
.overviews-step.done .num,.overviews-step.done .tit:before{background: #834A9E;}
.overviews-step.done .tit > span{color: #834A9E}
.overviews-step.done .tit:after{border-right-color: #834A9E;border-top-color: #834A9E;}

.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: #2B2D3B;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: #834A9E;}
.overviews-box .overviews-timeline .node.done:after,
.overviews-box .overviews-timeline dl.done:before{content: ''; width:1px; height: calc(100% + 2px);background: #834A9E;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: #2B2D3B;font-weight: normal;}
.overviews-box .overviews-timeline dl dt a{color: #834A9E;}
.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: #1F3149;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: #A7B9CC;font-size: 18px;}
.overviews-box.plus a.zj:hover{color: #834A9E;}

/*侧边栏*/
.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-right { margin-left: 315px; overflow: hidden;padding:0 5px; }
.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: #1F3149;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: #834A9E;}
.common-side .main-menu li a.undone .title-t:before{background: #ADB3BC;}
.common-side .main-menu li .menu-item-arrow{float: right;color: #ADB3BC;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: #4B5A6D;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: #D8DBDF; color: #834A9E; 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: #834A9E;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: #834A9E;}
.common-side .main-menu li>a:hover>.title-t,
.common-side .main-menu .sub-menu li a.active >.title-t { color: #4B5A6D; }
.common-side .main-menu .sub-menu li .score{color: #657282;float: right;}
.common-side .overviews-tips{margin:0 15px 20px 15px;border-top: 1px solid #DCDFE3;padding-top: 20px;display: flex;}
.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: #1F3149;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: #834A9E;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: #657282;margin:0 0 10px 0;}
.gys-evaluate-content .form-horizontal .form-group .col-sm-1{width:auto;padding-left: 0;}
.gys-evaluate-content .evaluate-result{display: flex;padding-bottom: 25px; justify-content: center;}
.gys-evaluate-content .evaluate-result dl{text-align: center;margin:0 50px;}
.gys-evaluate-content .evaluate-result dl dt{color: #696E8D;line-height: 40px;font-weight: 500;}
.gys-evaluate-content .evaluate-result dl dd{color: #834A9E;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: #834A9E; }
.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 #ADB3BC; border-radius: 50%; background: #fff; }
.vertical-container.project-work .vertical-timeline-block.done .vertical-timeline-icon {border: 2px solid #834A9E;}
.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: #4B5A6D; 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: 10px; 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: #1F3149; }
.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:#834A9E;}

/*form-control-bar begin*/
.form-control-bar:after, .form-control-bar:before {content: '';position: absolute;height: 1px;width: 0;bottom: 0;transition: all 350ms;transition-timing-function: ease;background-color: #834A9E;}
.form-control-bar {position: absolute;left: 0;bottom: 0;z-index: 3;width: 100%;}
.form-control-bar:before {left: 50%;}
.form-control-bar:after {right: 50%;}
.form-control:focus {/*border-color:#834A9E;transition: border 0.5 ease-in-out;*/outline:0;-webkit-box-shadow:none;box-shadow:none;}
.form-control:not(:disabled):focus~.form-control-bar:after,
.form-control:not(:disabled):focus~.form-control-bar:before,
.input-group.btgroup:not(:disabled):focus~.form-control-bar:after,
.input-group.btgroup:not(:disabled):focus~.form-control-bar:before
{width:50%}

.form-control[disabled]~.form-control-bar, fieldset[disabled] .form-control~.form-control-bar,
.form-control[type="hidden"],.form-control.error~.form-control-bar {display: none;}
textarea.form-control ~ .form-control-bar{bottom:0;}
.grid-edit > .tbody > ul > li .control-container .control-input .textarea-container  textarea.form-control ~ .form-control-bar{bottom:0;}
.grid-edit#dataTable > .tbody > ul > li .control-container .control-input .textarea-container  textarea.form-control ~ .form-control-bar{bottom:5px;}
.grid-edit > .tbody > ul > li > .textarea-container > textarea.form-control ~ .form-control-bar{bottom:0;}
.grid-edit > .tbody > ul > li > .form-control ~ .form-control-bar{width: calc(100% - 16px);left:8px;bottom:10px;}

.form-group > div[class|=col] > .form-control-bar{width: calc(100% - 20px);left:10px;}

/*双日期组件*/
.control-container .control-input .daterange .form-control:first-child:focus ~ .form-control-bar{width:calc(50% - 30px);left:0;}
.control-container .control-input .daterange .input-group-addon  ~ .form-control ~ .form-control-bar{width:0;}
.control-container .control-input .daterange .input-group-addon  ~ .form-control:focus ~ .form-control-bar{width:calc(50% - 30px);left:calc(50% + 29px);}

/*for ie9-11 浏览器*/	
@media screen and (min-width:0\0) {   
	.control-container .control-input .daterange .input-group-addon  ~ .form-control ~ .form-control-bar{display: none;}
	.control-container .control-input .daterange .form-control:focus{border-bottom: 1px #834A9E solid;}
}

/*for webkit内核 浏览器*/	
@media screen and (-webkit-min-device-pixel-ratio:0) { 
   textarea.form-control ~ .form-control-bar{bottom:5px;}
}

/*CSS-Hack for Microsoft Edge Browser 13+*/
_:-ms-lang(x), 
_::-webkit-meter-bar,
textarea.form-control ~ .form-control-bar{bottom:0;}

/*form-control-bar end*/

.table-new > tbody > tr > td > .form-control:focus{border-bottom: 1px #834A9E solid; }

/* 开标室预定月历-页面容器 */
.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: #834A9E; 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: #b0b6bf; 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: #834A9E; }


/* 开标室列表 */
.br-title { line-height: 45px; padding: 0 20px; color: #657084; font-weight: 400; background: #fafcfd; border-bottom: 1px solid #D8C8E1; }
.br-list {  }
.br-list li { border-bottom: 1px solid #D8C8E1; }
.br-list li .r-left { display:block; line-height: 45px; padding: 0 20px; color: #1F3149; }

/* 时间段开标室容器 */
.br-grid { width: 100%; padding: 0; }
.br-grid > .thead {  }
.br-grid > .thead > ul { position: relative; background: #fafcfd; border-bottom: 1px solid #D8C8E1; }
.br-grid > .thead > ul > li { float: left; line-height: 45px; color: #657084; text-align: center; border-right: 1px solid #D8C8E1; }
.br-grid > .thead > ul:after { content: ''; display: table; clear: both; }
.br-grid > .tbody {  }
.br-grid > .tbody > ul { position: relative; background: #fff; border-bottom: 1px solid #D8C8E1; }
.br-grid > .tbody > ul:last-child { border-bottom: none; }
.br-grid > .tbody > ul > li {float: left; min-height: 45px; color: #1F3149; border-right: 1px solid #D8C8E1; }
.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); -o-transform: scale(1); }
/* 添加事件按钮 */
.btn-add-br-event { display: block; margin: 0; padding: 0; line-height: 42px; color: #834A9E; font-size: 16px; background: #F2ECF5; border: 1px solid #AE88C0; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: clip; }

/*审批优化页面*/
.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: #834A9E;}
.approval-fixed .nav li:last-child{margin-bottom: 0;}
.approval-fixed .nav li > a{padding: 0;color: #4B5A6D;}
.approval-fixed .nav li > a > i{color: #ADB3BC;margin:0 10px 0 0;}
.approval-fixed .nav li.active > a,.approval-fixed .nav li.active > a > i{color: #834A9E;}
.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: #ADB3BC;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: #ADB3BC;}
.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 #D8C8E1; 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: #2B2D3B; 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: #6F7B8A; }
.slidecontainer.ele-all ul li.select { border-color: #834A9E; z-index: 99; transition: all 0.15s linear; }
.slidecontainer.ele-all ul li.select a.item-title { color: #834A9E; }

/* 弹窗选择页-收缩分割条 */
#right-recover { float:right; padding-top: 300px; }
#right-recover a { display: block; width: 20px; height: 50px; padding-top: 2px; line-height: 14px; background: #834A9E; 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; }

/* 提交审批意见 */
.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 #f3f4f5 solid;overflow: auto;}
.drop-opinion-list .drop-list{padding: 0;max-height: 300px;}
.drop-opinion-list .drop-list li .drop-content .d-text{font-size: 12px;padding-right: 30px;line-height: 22px;}

/* 审批流程 */
.approval-function{display: flex;align-items: flex-start;justify-content: space-between;}
.approval-function ul li{display: inline;}
.approval-function ul li a{padding:3px 8px;}
.approval-function ul li a.active{background: #D8C8E1;color: #834A9E;border-radius: 2px; }
.approval-function ul li.line{width: 1px;height: 16px;background: #D8C8E1;display: inline-block;margin:0 10px; position: relative;top: 5px;}
.approval-function .function-right{display: inline-block;}
.approval-layout{display: flex;align-items: flex-start;justify-content: space-between;}
.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: #834A9E; 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: #834A9E; 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: #834A9E; 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: #A7B9CC;margin:0 0 20px 0;}
.pay-totalamount .amount{font-size: 28px;margin:0 5px;color: #834A9E;}
.pay-layout{display: flex;justify-content: space-between;}
.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;}