@import url("http://www.ynzbw.cn/zmImages/info/bootstrap.css");

/*政企产品部-jypt专用样式*/

/* 去除chrome下按钮点击有蓝色框 */
.btn:focus{outline: 0;}

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

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

/*skin-line样式的文本框动画效果，默认样式隐藏*/
.form-control-bar{display: none;}

/* 页面头部 */
.head { position: relative; padding: 0; margin: 0 0 21px 0; /* background-color: #fff; border: 0; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); border-radius: 5px; */ }
.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: #AE77E7; 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 200px 0 20px; background: #fff; border-radius: 2px; box-shadow: 0 2px 8px 0 #E2EBEF; }
.head-popup .search,
.search.noborder { background: transparent!important; border-radius: 0!important; box-shadow: none!important; }
/*.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; }
.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 #E2EBEF; border-radius: 0 0 2px 2px; font-size: 12px; color: #4B5A6D; cursor: pointer; }
.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 20px 0 20px; margin: 0 auto; }
.container-popup { width: 100%; padding: 20px; margin: 0; }
.container-embed { width: 100%; padding: 0; margin: 0; }
.content { min-height: 300px; position: relative; padding: 0; margin: 0 0 20px 0; border: 0; }
.content-embed { min-height: 300px; position: relative; padding: 0; margin: 0; }
.note { padding: 5px 20px 5px 15px; }

/*标题下方-包裹主体内容*/
.main { margin-bottom: 20px; padding: 20px 20px 0 20px; border-radius: 2px; background: #fff; box-shadow: 0 2px 8px 0 #E2EBEF; }
.main.nobg { padding: 0!important; border-radius: 0!important; background: transparent!important; box-shadow: none!important ; }
.main:after { display: table; content: ''; clear: both; }

/* 下拉查询条件 */
.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; color: #1F3149; font-size: 18px; }
.title .title-left h4:before { float: left; content: ''; width: 3px; height: 18px; margin: 1px 10px 0 0; background: #AE77E7; }
.title .title-center { float: left; margin: 0 0 0 30px; }
.title .title-right { float: right; padding-top: 0; position: relative; }

/* 列表展示的标题-无装饰 */
.title-simple { height: 30px; margin: 0 0 15px 0; }
.title-simple .title-left { float: left; padding-top: 5px; }
.title-simple .title-left h4 { height: 20px; line-height: 20px; padding: 0; color: #1F3149; 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: 16px; margin: 0 0 15px 0; }
.title-sm .title-left { float: left; }
.title-sm .title-left h4 { position: relative; line-height: 16px; padding-left: 20px; color: #1F3149; font-size: 16px; }
.title-sm .title-right { float: right; position: relative; }

/* 编辑表单的标题 */
.title-edit { height: 30px; margin: 0 0 20px 0; border-bottom: 1px solid #fe9700; }
.title-edit .title-left { float: left; padding-top: 5px; }
.title-edit .title-left h4 { height: 30px; line-height: 30px; padding: 0 20px; background-color: #fe9700; font-size: 16px; color: #fff; }
.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; position: relative; }

/* 项目向导的标题 */
.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; color: #1F3149; font-size: 18px; }
.title-xmxd .title-left h4:before { float: left; content: ''; width: 3px; height: 18px; margin: 1px 10px 0 0; background: #AE77E7; }
.title-xmxd .title-center { float: left; margin: 0 0 0 30px; }
.title-xmxd .title-right { float: right; padding-top: 0; position: relative; }

/* 多区块展示的标题（三级标题） */
.title-split { height: 30px; margin: 0; }
.title-split .title-left { float: left; }
.title-split .title-left h4 { height: 30px; line-height: 30px; padding: 0 10px; font-size: 15px; font-weight: 700; }
.title-split .title-center { float: left; margin: 0 0 0 30px; }
.title-split .title-right { float: right; position: relative; }
.title-split .title-right .btn { padding: 3px 6px; font-size: 12px; }

/* 多区块展示的标题（二级标题） */
.splitline { height: 30px; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; }
.splitline .title-left { float: left; }
.splitline .title-left h4 { height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px; }
.splitline .title-center { float: left; margin: 0 0 0 30px; }
.splitline .title-right { float: right; position: relative; }
.splitline .title-right .btn { padding: 3px 6px; font-size: 12px; }

/* 多区块展示的区块容器（二级标题） */
.splitcontent { margin: 40px 0 60px 0; padding: 40px 30px 30px 30px; border: 1px solid #ddd; background-color: #fff; border-radius: 8px!important; }
.splitcontent .splittitle { position: relative; }
.splitcontent .splittitle .name { height: 32px; padding: 0 10px; background-color: #fff; position: absolute; top: -56px; left: 0; }
.splitcontent .splittitle .name h4 { margin: 0; line-height: 32px; font-size: 15px; }
.splitcontent .splittitle .tools { position: absolute; top: -56px; 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 #E2EBEF; }
.title-lcsp .title-left { float: left; width: 100%; }
.title-lcsp .title-left h4 { margin-right: 600px; line-height: 35px; font-size: 18px; color: #1F3149; font-weight: 700; }
.title-lcsp .title-left h4 .protype{font-size: 12px;padding: 2px 8px;border-radius: 2px;font-weight: normal;margin: 0 0 0 5px;}
.title-lcsp .title-left h4 .protype.blue{background: #E6F7FF;border: 1px solid #91D5FF;color: #1890FF;}
.title-lcsp .title-left h4 .protype.red{background: #FFF2E8;border: 1px solid #FFBB96;color:#FA541C;}
.title-lcsp .title-left h4 .protype.green{background: #F6FFED;border: 1px solid #B7EB8F;color: #52C41A;}
.title-lcsp .title-left h4 .protype.purple{background: #F9F0FF;border: 1px solid #D3ADF7;color: #722ED1;}
.title-lcsp .title-left p { margin-right: 600px; line-height: 25px; font-size: 14px; color: #1F3149; }
.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:70px; }
.title-lcsp .title-right dl a{ display: block; text-align: center;cursor: pointer; }
.title-lcsp .title-right dl:first-child{ margin-left: 0; }
.title-lcsp .title-right dl dt{ width: 40px; height:40px; margin: 0 auto; background: url(../img/icon-lcsp.png) no-repeat 0 0; }
.title-lcsp .title-right dl dt.icon-return{ background-position: 0 0;}
.title-lcsp .title-right dl dt.icon-log{ background-position: 0 -60px;}
.title-lcsp .title-right dl dt.icon-process{ background-position: 0 -120px;}
.title-lcsp .title-right dl dt.icon-save{ background-position: 0 -180px;}
.title-lcsp .title-right dl dt.icon-back{ background-position: 0 -240px;}
.title-lcsp .title-right dl dt.icon-next{ background-position: 0 -300px;}
.title-lcsp .title-right dl dt.icon-submit{ background-position: 0 -360px;}
.title-lcsp .title-right dl dt.icon-countersign{ background-position: 0 -420px;}
.title-lcsp .title-right dl dd{ margin-top: 10px; color: #2B3642; }
.title-lcsp .title-right dl:hover dd{ color: #AE77E7; 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-xbj { margin: -15px -15px 15px -15px; height: 70px; background: url("../img/icon-xm.png") #fff left top no-repeat; border-bottom: 1px solid #ddd; }
.title-xbj .title-left { float: left; padding-left: 60px; }
.title-xbj .title-left h4 { margin-top: 20px; margin-bottom: 5px; }
.title-xbj .title-right { float: right; position: relative; margin-top: 20px; margin-right: 20px; }

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

/* 清除浮动 */
.head:after,
.title:after,
.title-edit:after,
.title-darkbg:after,
.title-xmxd:after,
.title-split: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; height: 100%; background: #fff; padding: 20px; box-shadow: 0 2px 8px 0 #E2EBEF; border-radius: 2px; }
.layout .layout-content { display: table-cell; width: 9999px; height: 100%; background: #fff; padding: 20px; box-shadow: 0 2px 8px 0 #E2EBEF; border-radius: 2px; }
.layout:after { content: ''; display: table; clear: both; }

/* 字段双列结构 */
.two-column { width: 100%; margin: 0 auto; }
.two-column .two-column-left { width: 49%; display: inline-block; vertical-align: top; }
.two-column .two-column-right { width: 49%; display: inline-block; vertical-align: top; }
.two-column:after { content: ''; display: table; clear: both; }

/* 左侧区域标题 */
.sidebar { height: 32px; margin: 0 0 15px 0; background-color: #F5F9FB; overflow: hidden; }
.sidebar .sidebar-left { float: left; }
.sidebar .sidebar-left h4 { height: 32px; line-height: 32px; padding: 0 20px; font-size: 16px; }
.sidebar .sidebar-right { float: right; }

/* 左侧通用列表 */
.sidelist { margin-bottom: 30px; border: 1px solid #ddd; }
.sidelist li { margin: 0;  border-bottom: 1px solid #ddd; }
.sidelist li:last-child { border-bottom: 0; }
.sidelist li a.textlink { display:block; padding: 5px 15px; cursor:pointer; }
.sidelist li a.textlink .s-info { line-height:20px; color: #999; }
.sidelist li a.textlink .s-title { margin-top:0; line-height:1.5; font-weight: 400; }
.sidelist li:hover,
.sidelist li.active { background-color: #f5f5f5; }

/* 顶部通用列表 */
.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: #AE77E7; background-color: #AE77E7; 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: #AE77E7; background-color: #AE77E7; 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 #E2EBEF; 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 .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 { height: 30px; padding: 0; margin: 2px 0; border-radius: 2px; color: #696E8D; font-size: 14px; }
.dataTables_bottom .dataTables_number select:focus{ outline: none; }
.form-inline .dataTables_bottom .dataTables_number select.form-control{ display: inherit; }
.dataTables_bottom .pagination > li > a, .dataTables_bottom  .pagination > li > span{ 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 { color: #999; background: #f9f9f9; }
.dataTables_bottom .pagination > li:hover > a, .dataTables_bottom  .pagination > li:hover > span{ background: #AE77E7; 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: #AE77E7; color: #fff; }
.dataTables_bottom .dataTables_input{ float: right; color: #696E8D; margin: 0 20px 0 10px; }
.dataTables_bottom .dataTables_input input.paginate_text{ background: #F5F9FB; width: 50px; margin: 0 10px; text-align: center; border: 1px solid #EFF3F8; border-radius: 2px; color: #696E8D; height: 30px; line-height: 30px; }
.dataTables_bottom .dataTables_input input.paginate_text:focus{ outline: none; border: 1px solid #AE77E7; }
.dataTables_bottom .paginate_submit{ width: 50px; height: 30px; margin-left: 10px; line-height: 30px; text-align: center; ;color: #fff; background: #AE77E7; 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: 30px 0 30px 0; text-align: center; }

/* 放置文字的表格 */
.table-new { width: 100%; max-width: 100%; margin-bottom: 20px; border: none;border-collapse:separate;padding:5px 15px 15px 15px;background: #fff;box-shadow: 0 2px 8px 0 #E2EBEF; }
.table-new > thead > tr > th { padding: 8px 8px; height:45px; vertical-align: middle; border: none; color: #657282; font-size: 14px; font-weight: 400!important; background-color: #fff; word-break: keep-all; white-space: nowrap;border-bottom: 1px #CEDBE9 solid;}
.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:45px; vertical-align: middle; border: none; border-bottom: 1px solid #E2ECF7; color: #1F3149; 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%; margin-bottom: 0;padding:5px 15px 15px 15px;background: #fff;box-shadow: 0 2px 8px 0 #E2EBEF; }
.grid > .thead {  }
.grid > .thead > ul { display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #CEDBE9;}
.grid > .thead > ul > li { padding: 12px 8px; min-height: 45px; color: #657282; font-size: 14px; 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: #fff; border-left: 3px solid #fff; cursor: pointer;border-bottom: 1px solid #E2ECF7; }
.grid >.tbody > ul > li { padding: 10px 8px; min-height: 40px; color: #1F3149; word-break: break-all; word-wrap: break-word; }
.grid >.tbody > ul:after { content: ''; display: table; clear: both; position: absolute; width: 20px; height: 20px; top: 0; right: 0; }

.grid >.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; }
.grid >.tbody > ul:hover {background: #FAFCFD; }
.grid >.tbody > ul:hover:after { overflow: visible; }

/* 仿table布局 */
.grid-edit { width: 100%; margin-bottom: 20px; padding: 0; }
.grid-edit > .thead {  }
.grid-edit > .thead > ul { display: flex; align-items: center; justify-content: space-between; background: transparent; }
.grid-edit > .thead > ul > li { padding: 15px 8px; min-height: 55px; color: #2B2D3B; 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; margin-bottom: 10px; background: #fff; border-left: 3px solid #fff; box-shadow: 0 2px 8px 0 #E2EBEF; cursor: pointer; }
.grid-edit > .tbody > ul > li { padding: 10px 8px; min-height: 40px; color: #1F3149; word-break: break-all; word-wrap: break-word;position: inherit;}
.grid-edit > .tbody > ul:after { content: ''; display: table; clear: both; position: absolute; width: 20px; height: 20px; top: 0; right: 0; }

.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-edit >.tbody > ul:hover { border-color: #AE77E7; box-shadow: 0 0 10px 5px rgba(213,220,223,0.5); transition: all 0.15s linear; }
.grid-edit >.tbody > ul:hover:after { background: url("../img/td-corner.png") no-repeat right top; 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%; margin-bottom: 20px; padding: 0; }
.grid-sm > .thead {  }
.grid-sm > .thead > ul { display: flex; align-items: center; justify-content: space-between; background: transparent; border-bottom: 1px solid #CEDBE9; }
.grid-sm > .thead > ul > li { padding: 10px 5px; min-height: 40px; color: #657282; font-size: 14px; 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:after { content: ''; display: table; clear: both; }
.grid-sm > .tbody > ul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; background: #fff; border-bottom: 1px solid #E2ECF7; cursor: pointer; }
.grid-sm > .tbody > ul:hover { background: #FAFCFD; }
.grid-sm > .tbody > ul > li { padding: 12px 5px; min-height: 45px; color: #1F3149; word-break: break-all; word-wrap: break-word; }

.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-overflow { table-layout: fixed; }
.table-overflow th, .table-overflow td { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.grid-overflow {  }
.grid-overflow li { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

/* 提示页面-无权限 */
.sys-info { width:500px; margin: 200px auto; overflow: hidden; }
.sys-info .pic { float:left; width:160px; margin-right: 20px; height:160px; }
.sys-info .pic.img404 { background: url("../img/404.png") no-repeat left top; }
.sys-info .pic.imgexception { background: url("../img/exception.png") no-repeat left top; }
.sys-info .pic.imgnoauthority { background: url("../img/noauthority.png") no-repeat left top; }
.sys-info .details { display: table-cell; width:9999px; height:160px; }
.sys-info .details h3 { margin: 40px 0 20px 0; }

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

/* 自定义表格字段-下拉菜单 */
.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") #F5F9FB  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: #657282; border-radius: 2px; box-shadow: 0 2px 8px 0 #E2EBEF; }
.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: 6px; border: 1px solid #ADB3BC; background: #F5F9FB; border-radius: 2px; font-size: 14px; }
.dynamicadd:hover .btn.btn-xs { border-color: #AE77E7; color: #AE77E7; }

.dynamicadd-dashed { text-align: center; }
.dynamicadd-dashed .btn.btn-xs { display: block; width: 100%; padding: 4px; border: 1px dashed #ADB3BC; background: transparent; border-radius: 2px; font-size: 14px; }
.dynamicadd-dashed:hover .btn.btn-xs { border-color: #AE77E7; color: #AE77E7; }

/* 排序按钮组 */
.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:#AE77E7; background: #E6F7FF; border: 1px solid #91D5FF; border-radius:2px; padding:1px 5px 1px 5px; margin-right:10px; }
.select-tools ul li a i { display:inline-block; margin-left:5px; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); }
.select-tools ul li a i:hover { background-color: #AE77E7; 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; }
.vertical-container-sprz:before { content: ''; position: absolute; top: 0; left: 11px; height: 100%; 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 #EFF3F8; background: #F5F9FB; 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: #9960d5; }
.vertical-container-sprz .vertical-timeline-content p>.sprz-date1 { margin-right: 40px; }
.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  #EFF3F8; 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: #AE77E7; }
.vertical-timeline-block.lcsp-done .vertical-timeline-icon { background: #AE77E7; 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 #EFF3F8; background: #F5F9FB; }
.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; }

/* 询比价主布局 */
.xbjcontainer {  }
.xbjcontainer .left { float:left; height: 1000px; width:115px; margin-right:-115px; }
.xbjcontainer .right { float:left; width: 100%; }
.xbjcontainer .right .tab-content { margin-left:130px;}
.xbjcontainer .right iframe { }

.nav li.btn-xbj { position:relative; width:80px; height:80px; background-color:#f0f0f0; margin-bottom:20px; }
.nav li.btn-xbj a { display:block; color:#868e96; text-align:center; }
.nav li.btn-xbj a i { display:block; margin:0 auto 5px auto; font-size:36px; }
.nav li.btn-xbj .triangle { position:absolute; left:100%; overflow:hidden; width:0; height:0; border-width:8px; border-style: dashed dashed dashed solid; top:30px; border-color: transparent;}

.nav li.btn-xbj.active { background-color:#32639c; }
.nav li.btn-xbj.active a { color: #fff; }
.nav li.btn-xbj.active .triangle { border-color: transparent transparent transparent #32639c;}

/* 被选择的供应商 */
.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: #AE77E7; 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: 30px; margin-bottom: 20px; }
.packagelist > li > .package-thumb { position: relative; width: 200px; height: 30px; padding: 0; border: 1px solid #EFF3F8; background: #F5F9FB; 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 { position: relative; width: 180px; height: 24px; padding: 0; overflow:hidden; }
.packagelist > li > .package-thumb .package-thumb-body .subtitle { display: block; position:absolute; right:40px; top:4px; font-size: 14px; font-weight: 400; overflow:hidden; }
.packagelist > li > .package-thumb .package-thumb-body .statbody { display: block; position:absolute; left:10px; top:4px; font-size: 14px; font-weight: 400; overflow:hidden; }
.packagelist > li > .package-thumb .package-thumb-body i.checkmark  { display:none; width:16px; height:16px; position:absolute; right:0; bottom:-32px; background:url("../img/checkmark-info.png") no-repeat; }

.packagelist > li > .package-thumb .package-thumb-icon { float: right; width: 20px; height: 28px; padding: 0; }
.packagelist > li > .package-thumb .package-thumb-icon i.state { display:block; width: 32px; height: 32px; background:url("../img/pb/icon-packagestate.png") no-repeat 0 0; }

.packagelist > li > .package-thumb .package-thumb-tool { position: absolute; right: 0; top: 0; width: 20px; }
.packagelist > li > .package-thumb .package-thumb-tool > .btn-group { margin-top: 6px; }
.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 i.state { background-position: 0 -96px; }
.packagelist > li > .package-thumb.done .package-thumb-icon i.state { background-position: 0 -128px; }
.packagelist > li > .package-thumb.wbz .package-thumb-icon i.state { background-position: 0 -160px; }
.packagelist > li > .package-thumb.ybz .package-thumb-icon i.state { background-position: 0 -192px; }

.packagelist > li > .package-thumb.select { border-color: #AE77E7; background: #f6eeff; }
.packagelist > li > .package-thumb.select .package-thumb-body .subtitle { color: #AE77E7; }
.packagelist > li > .package-thumb.select .package-thumb-body .statbody { color: #AE77E7; }
.packagelist > li > .package-thumb.select .package-thumb-body i.checkmark { display:block; }
.packagelist > li > .package-thumb.select .package-thumb-tool > .btn-group i { color: #AE77E7; }

.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: #AE77E7; border-radius: 3px; border: 1px solid #AE77E7; background-color: #fff; }

/* 通知类别 */
.txlb0, .txlb1, .txlb2, .txlb3, .txlb4, .txlb5, .txlb6 { width: 58px; }
.txlb0 { background-color: #1277c7; }
.txlb1 { background-color: #AE77E7; }
.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: 220px; }
.helpframe .helpframe-content  { margin-left: 235px; overflow: hidden; }
.helptitle { height: 45px; line-height: 45px; padding-left: 20px; font-size: 16px; color: #fff; background-color: #AE77E7; border-top-left-radius: 6px; border-top-right-radius: 6px; }

/* 供应商信息展示-筛选条件 */
.searchbox { position: relative; z-index: 1; clear: both; width: 50%; margin-bottom: 20px; background: #F5F9FB; border-radius: 2px; border: 1px solid #EFF3F8; }
.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{ color: #ADB3BC; }
.searchbox .btn-search { position: absolute; right: 0; width: 80px; height: 38px; line-height: 38px; margin-top: -1px; color: #fff; background-color: #AE77E7; 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 #F5F9FB; box-shadow: 0 10px 20px 0 rgba(44,48,49,0.12); 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: #AE77E7; }
.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 { float: left; }
.listindex dt { float: left; width: 140px; margin-bottom: 20px; height: 24px; padding: 1px 10px; text-align: right; color: #4B5A6D; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listindex dd { display: table-cell; width:9999px; margin-bottom: 20px; padding: 0; }
.listindex dd .item { display: inline-block; position: relative; margin: 0 16px 20px 0; padding: 0 20px 0 10px; line-height: 22px; color: #1F3149; 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 #AE77E7; color: #AE77E7; background: #f6eeff; transition: all 0.15s linear; }
.listindex dd .item.select a.item-title,.listindex dd .item.select a { color: #AE77E7; }
.listindex dd .item.select a.btn-del { color: #AE77E7; }
.listindex dd .item.select a.btn-del i { display:block; }
.listindex dd .checkbox, .listindex dd .radio { padding-top:0!important; }

/* 标题位置-排序功能 */
.sort { display: inline-block; margin: 4px 0 0 0; }
.sort > ul > li { display: inline-block; }

/* 标题位置-切换查看方式 */
.sort-btn { display: inline-block; background: #fff; border-radius: 2px; box-shadow: 0 2px 8px 0 #E2EBEF; vertical-align: middle; overflow: hidden; }
.sort-btn a{ padding: 4px 10px; font-size: 14px; display: inline-block; color: #AE77E7; }
.sort-btn a.active{ background: #AE77E7; color: #fff; }

/* 供应商列表展示 */
.gys-content{padding-bottom: 30px;}
.gys-content .gys-list{ padding: 15px 0 15px 0; background: #fff; box-shadow: 0 2px 8px 0 #E2EBEF; 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(213,220,223,0.5); 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:#AE77E7;}
.gys-content .gys-list 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; }
.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 .field .gys-more{ margin-left: 230px; margin-top: -60px; position: relative; }
.gys-content .gys-list .field .gys-more .gys-more-con{ transform: rotate(90deg); z-index: 999; }
.gys-content .gys-list .field .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 .field .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 #E2EBEF; }
.gyssh-head-system .headcontainer { width: 100%; height: 60px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px 0 #E2EBEF; }
.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-group .form-title { line-height: 30px; color: #1F3149; font-size: 16px; font-weight: 700; }
.form-group .form-title .dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin-right: 6px; background: #AE77E7; 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; }

.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.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: #AE77E7; background: rgba(24,144,255,0.10); border: 1px solid #AE77E7; 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: #AE77E7; 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 20px 0 20px; border-radius: 2px; background: #fff; box-shadow: 0 2px 8px 0 #E2EBEF; margin: 0 0 20px 0; }
.gyssh-intro .gys-main{ float: left; }
.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 .gys-main{ float: left; }
.gyssh-intro{ width: 100%; display: inline-flex; }
.gyssh-intro .gys-main .gys-info{ float: left; 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:#AE77E7;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-container .gyssh-tabs { width: auto; margin: 30px 0 0 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 #E2EBEF;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 #E2EBEF; 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: #F5F9FB; 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.red:hover{background:#FA541C;color: #fff;border:1px #FA541C solid;}
.btn-little.red:hover i{background: #fff;color: #FA541C;}*/
.btn-little.green{background: #F6FFED;border: 1px solid #B7EB8F;color: #52C41A;}
/*.btn-little.green:hover{background:#52C41A;color: #fff;border:1px #52C41A solid;}
.btn-little.green:hover i{background: #fff;color: #52C41A;}*/
.btn-little.yellow{background: #FFFBE6;border: 1px solid #FFE58F;color: #EE9918;}
/*.btn-little.yellow:hover{background:#EE9918;color: #fff;border: 1px solid #EE9918;}
.btn-little.yellow:hover i{background:#fff;color: #EE9918;}*/
.btn-little.blue{background: #e6f7ff;border: 1px solid #AE77E7;color: #AE77E7;}
.btn-little:focus{outline: 0;}
.btn-little i{font-size:12px;width: 16px; height: 16px;line-height: 16px; background: #FA541C;color: #fff;border-radius: 50%;font-weight:lighter;margin:2px 3px 0 0;float: left;}
.btn-little.red i{background:#FA541C;}
.btn-little.green i{background:#52C41A;}
.btn-little.yellow i{background:#EE9918;line-height: 15px;}
.btn-little.blue i{background: #e6f7ff; color:#AE77E7;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 #EFF3F8; border-radius: 2px; background: #F5F9FB; }
.bt-upload a { display: block; height: 188px; padding-top: 110px; background: url("../img/bt-upload.png") no-repeat center 55px; }
.bt-upload a p { text-align: center; color: #7d8896; }
.bt-uploadimg { width: 250px; height: 188px; text-align: center; border: 1px solid #EFF3F8; border-radius: 2px; background: #F5F9FB; }
.bt-uploadimg img,.bt-uploadimg .uploadregion .imglist li img { display: block; width: 248px; height: 186px; }
.bt-uploadimg.little { width: 40px; height: 40px; text-align: center; border: 1px solid #EFF3F8; border-radius: 2px; background: #F5F9FB; }
.bt-uploadimg.little img { display: block; width: 40px; height: 40px; }
.bt-uploadimg .uploadregion .imglist li{width:100%;height: 100%;}

/* disabled readonly样式 */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background: #F3F4F5; color: #ADB3BC; border: 1px solid #EFF3F8; border-radius: 2px; }

/* 行尾按钮组图标 */
.btn-group .btn:focus{outline: 0;}
.btn-group .btn-action { transform: rotate(90deg); }
.btn-group .btn-action i { font-size: 14px; color: #adb3bc; }
.btn-group .btn-action:hover i { color: #AE77E7; }

/*control-input一些定义*/
.control-input .form-control,.form-group .form-control{display: inline-block;}

/* 行尾提示文字 */
.control-endtext{display:flex;}
.form-group .control-endtext .endtext{display:inline-block;vertical-align: middle;margin: 4px 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 #EFF3F8;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:#AE77E7;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: #AE77E7; background-color: #fff; border: 1px solid #AE77E7; border-radius: 3px; }
.type-switch .type.active { color: #fff; background-color: #AE77E7; }

/* 项目开标 */
.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:380px;}
.wizard-content .wizard-search{ width: 100%; }
.wizard-content .wizard-search .search-input{ width: 100%; background: #F5F9FB; border: 1px solid #EFF3F8; 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{ color: #ADB3BC; }

.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: #AE77E7; }
.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: #AE77E7; }
.wizard-content.scroll-wrapper > .scroll-content{overflow: hidden!important;}

.layui-layer-btn .layui-layer-btn0{background: #AE77E7!important;border: #AE77E7!important;}
.WdateDiv .Wselday{background: #AE77E7!important;}
.WdateDiv .WdayOn{background-color:#f6eeff!important; }