@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("layui.css"); @import url("global.css"); @import url("bootstrap-table.css"); input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:focus:-webkit-autofill, textarea:focus:-webkit-autofill, select:focus:-webkit-autofill { background-color: #fff!important; background-image: none; -webkit-box-shadow: 0 0 0 1000px white inset; } canvas,canvas:focus{border: 0;outline: 0;} /* 重置iconfont字号 */ .iconfont{ font-size: inherit; } /* 页面默认背景 */ .bg-body { background: #F5F9FB; } /* 页面头部 */ .head { position: relative; padding: 0; margin: 0 0 21px 0; } .head .head-left { float: left; } .head .head-left h4 { font-size: 18px; margin: 5px 0 6px 0; } .head .head-left h4:before{ content: ''; width: 3px; height: 18px; background: #1890FF; float: left; margin: 0 10px 0 0; } .head .head-left small { font-size: 14px; display: none; } .head .head-right { float: right; margin-top: 10px; } .head .head-right .form-control { width: 170px; } .head-popup { margin: -20px -20px 21px -20px; background-color: #fff; } /* head区查询布局 */ .search { position: relative; margin-bottom: 0; padding: 20px 90px 0 20px; background: #fff; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } .head-popup .search, .search.noborder { background: transparent!important; border-radius: 0!important; box-shadow: none!important; padding: 20px 100px 0 20px; } /*.head .search .field { float: left; width: 300px; margin-bottom: 10px; }*/ .search .search-top:after, .search .search-bottom:after { content: ''; display: table; clear: both; } .search .control-container { float: left; width: 360px; } .search .control-container:after { content: ''; display: table; clear: both; } .search .control-label { float: left; width: 140px; margin-bottom: 20px; height: 30px; padding: 5px 10px; text-align: right; color: #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; } .search-diy .search { background: transparent!important; border-radius: 0!important; box-shadow: none!important; padding: 0;} .search-diy .search .search-submit{ top: 0; } .search-diy .search .control-label{ width: auto; } .search-diy .search .search-diy-right{float: right;display: flex;align-items: center;} .search-diy-tabs{border-bottom: none;text-indent: 0;border-radius: 2px;overflow: hidden; margin-bottom: 0;display: inline-block;border: 1px solid #DCDFE3;} .search-diy .nav-tabs > li{margin-right: 0;} .search-diy .nav-tabs > li > a{padding: 4px 10px;border:none;margin-right: 0px;font-weight: 500;border-radius: 2px;font-size: 14px;} .search-diy .nav-tabs{padding:0; background:#F5F9FB;} .search-diy .nav-tabs > li > a:hover,.search-diy .nav-tabs > li > a:focus{border:none;background: none;} .search-diy .nav-tabs > li.active > a{background: #1890FF;font-weight: normal;color: #fff;} .search-switch-label{border-radius: 2px; overflow: hidden;background:#F5F9FB;border: 1px solid #DCDFE3;margin-left: 20px;} .search-switch-label label{padding: 4px 10px;margin-bottom: 0;cursor: pointer;border-radius: 2px;} .search-switch-label label.active{background: #1890FF;color: #fff;} .search-switch-label label a{color: #fff;} /* 页面容器 */ .container { width: 100%; padding: 20px; 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; 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%; 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%; } /* 多列结构下面混杂通栏型字段 */ .form-group-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: #1890FF; } .title.notext .title-left { display:none; } .title .title-center { float: left; height: 30px; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title .title-right { float: right; position: relative; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title .title-lefticon{display: inline-block;margin:5px 10px 0 5px;padding:0 3px;border-radius: 2px;} .title .title-lefticon.view{background: #EE9918;} .title .title-lefticon.edit{background: #4ABC1A;} .title .title-lefticon > i{color: #fff;font-size: 12px;} .title .nav-tabs { margin: 0; } /* 列表标题-右侧为纯文本 */ .title .title-right .btn-text{color: #657282;margin: 5px 0 0 0;} .title .title-right .btn-text:hover{color: #1890FF;} /* 列表标题-无装饰 */ .title-simple { margin: 0 0 9px 0; display: flex; display: -ms-flexbox; } .title-simple .title-left { padding-top: 5px; flex: 1; } .title-simple .title-left h4 { padding: 0; font-size: 18px; line-height: 1.2; } .title-simple .title-center { margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title-simple .title-right { position: relative; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } /* 列表标题-2级 */ .title-sm { height: 30px; margin: 0 0 4px 0; } .title-sm .title-left { float: left; padding-top: 5px; } .title-sm .title-left h4 { height: 20px; line-height: 20px; padding: 0; font-size: 16px; } .title-sm .title-left h4:before { float: left; content: ''; width: 6px; height: 6px; margin: 8px 10px 0 0; background: #1890FF; border-radius: 50%; } .title-sm .title-center { float: left; height: 20px; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title-sm .title-right { float: right; position: relative; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } /* 列表标题-3级 */ .title-xs { height: 30px; margin: 0 0 4px 0; } .title-xs .title-left { float: left; padding-top: 2px; } .title-xs .title-left h4 { height: 20px; line-height: 20px; padding: 0; font-size: 14px; color: #4B5A6D; } .title-xs .title-center { float: left; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title-xs .title-right { float: right; position: relative; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title-xs .title-right .btn { margin-right: 5px; padding: 0 6px; font-size: 12px; } /* 编辑表单的标题 */ .title-edit { height: 30px; margin: 0 0 9px 0; } .title-edit .title-left { float: left; padding-top: 5px; } .title-edit .title-left h4 { height: 20px; line-height: 20px; padding: 0; font-size: 18px; } .title-edit .title-left h4:before { float: left; content: ''; width: 6px; height: 6px; border-radius: 50%; margin: 7px 10px 0 0; background: #fe9700; } .title-edit .title-right { float: right; position: relative; } /* 深色背景的标题 */ .title-darkbg { height: 30px; margin: 0 0 20px 0; background-color: #096DD9; } .title-darkbg .title-left { float: left; } .title-darkbg .title-left h4 { height: 30px; line-height: 30px; padding: 0 20px; font-size: 16px; color: #fff; } .title-darkbg .title-right { float: right; padding-top: 4px; padding-right: 10px; position: relative; } .title-darkbg .title-right .btn { padding: 0 8px; box-shadow: none; } /* 项目向导的标题 */ .title-xmxd { height: 30px; margin: 0 0 9px 0; } .title-xmxd .title-left { float: left; padding-top: 5px; } .title-xmxd .title-left h4 { height: 20px; line-height: 20px; padding: 0; font-size: 18px; } .title-xmxd .title-left h4:before { float: left; content: ''; width: 3px; height: 18px; margin: 1px 10px 0 0; background: #1890FF; } .title-xmxd .title-center { float: left; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .title-xmxd .title-right { float: right; position: relative; margin: 0 0 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } /* 多区块的标题（二级标题） */ .splitline { height: 30px; margin: 0 0 15px 0; border-bottom: 1px solid #E2ECF7; } .splitline .title-left { float: left; padding-top: 2px; } .splitline .title-left h4 { height: 20px; line-height: 20px; padding: 0; font-size: 16px; } .splitline .title-center { float: left; margin: 0 0 0 30px; } .splitline .title-right { float: right; position: relative; } .splitline .title-right .btn { padding: 0 8px; font-size: 12px; } /* 多区块展示的区块容器（二级标题） */ .splitcontent { margin: 35px 0 20px 0; padding: 35px 20px 20px 20px; border: 1px solid #E2ECF7; background-color: #fff; border-radius: 4px!important; } .splitcontent .splittitle { position: relative; } .splitcontent .splittitle .name { height: 30px; padding: 0 10px; border: 1px solid #E2ECF7; background-color: #fff; position: absolute; top: -50px; left: 0; } .splitcontent .splittitle .name h4 { margin: 0; line-height: 28px; font-size: 16px; } .splitcontent .splittitle .tools { position: absolute; top: -50px; right: -10px; padding: 0 10px; background-color: #fff; } .splitcontent .form-group { margin-left: 0; margin-right: 0; padding-bottom: 10px; margin-bottom: 10px; } .splitcontent .table { margin-bottom: 10px; } .splitcontent.success .splittitle .name { background-color: #35aa47; border-color: #35aa47; color: #fff; } /* 流程审批页面的大标题 */ .title-lcsp { position: relative; height: 85px; margin: 0 0 20px 0; padding:20px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } .title-lcsp .title-left { flex: 1; -ms-flex: 1; } .title-lcsp .title-left h4 { margin-bottom: 10px; font-size: 18px; font-weight: 700; } .title-lcsp .title-left h4 .protype{font-size: 12px;padding: 2px 8px;border-radius: 2px;font-weight: normal;margin: 0 0 0 5px;} .title-lcsp .title-left h4 .protype.blue{background: #E6F7FF;border: 1px solid #91D5FF;color: #1890FF;} .title-lcsp .title-left h4 .protype.red{background: #FFF2E8;border: 1px solid #FFBB96;color:#FA541C;} .title-lcsp .title-left h4 .protype.green{background: #F6FFED;border: 1px solid #B7EB8F;color: #52C41A;} .title-lcsp .title-left h4 .protype.purple{background: #F9F0FF;border: 1px solid #D3ADF7;color: #722ED1;} .title-lcsp .title-left p { margin: 0; font-size: 14px; } .title-lcsp .title-left p > span{margin-right: 20px;} .title-lcsp .title-left p > span > em{color:#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 { } .title-lcsp .title-right dl{ display: inline-block; width:70px; } .title-lcsp .title-right dl a{ display: block; text-align: center;cursor: pointer; } .title-lcsp .title-right dl:first-child{ margin-left: 0; } .title-lcsp .title-right dl dt{ width: 40px; height:40px; margin: 0 auto; background: url(../img/icon-lcsp.png) no-repeat 0 0; } .title-lcsp .title-right dl dt.icon-return{ background-position: 0 0;} .title-lcsp .title-right dl dt.icon-log{ background-position: 0 -60px;} .title-lcsp .title-right dl dt.icon-process{ background-position: 0 -120px;} .title-lcsp .title-right dl dt.icon-save{ background-position: 0 -180px;} .title-lcsp .title-right dl dt.icon-back{ background-position: 0 -240px;} .title-lcsp .title-right dl dt.icon-next{ background-position: 0 -300px;} .title-lcsp .title-right dl dt.icon-submit{ background-position: 0 -360px;} .title-lcsp .title-right dl dt.icon-countersign{ background-position: 0 -420px;} .title-lcsp .title-right dl dt.icon-opinion{ background-position: 0 -480px;} .title-lcsp .title-right dl dd{ margin-top: 5px; color: #2B3642; } .title-lcsp .title-right dl:hover dd{ color: #1890FF; transition: all 0.15s ease-in; } .title-lcsp .title-right dl:hover dt{ transform: scale(1.1,1.1); transition: all 0.15s ease-in; } /* 流程审批页面的大标题-默认固定 */ .title-lcsp.affix, .title-lcsp.fixed { position: fixed; top: 60px; left: 220px; right: 0; z-index: 991; } .collapsed-menu .title-lcsp.affix, .collapsed-menu .title-lcsp.fixed { left: 60px; } .title-right > .btn:last-child { margin-right:0!important; } /* 清除浮动 */ .head:after, .title:after, .title-simple:after, .title-sm:after, .title-xs:after, .title-edit:after, .title-darkbg:after, .title-xmxd:after, .splitline:after, .title-lcsp:after, .title-xbj:after, .tablesearch:after, .content:after { content: ''; display: table; clear: both; } /* 标准左树右内容布局 */ .layout { display: flex; display: -ms-flexbox; } .layout .layout-side { width: 260px; margin-right: 20px; background: #fff; padding: 15px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .layout .layout-content { flex: 1; -ms-flex: 1; background: #fff; padding: 15px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .layout .layout-side.nobg, .layout .layout-content.nobg { padding: 0!important; border-radius: 0!important; background: transparent!important; box-shadow: none!important; } .layout .layout-side.hasline { border-right: 1px solid #E2ECF7; padding: 0 15px; } .layout:after { content: ''; display: table; clear: both; } /* 标准右树左内容布局 */ .layout-r { display: flex; display: -ms-flexbox; } .layout-r .layout-r-content { flex: 1; -ms-flex: 1; margin-right: 20px; background: #fff; padding: 15px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .layout-r .layout-r-side { width: 260px; background: #fff; padding: 15px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .layout-r .layout-r-side.nobg, .layout-r .layout-r-content.nobg { padding: 0; border-radius: 0; background: transparent; box-shadow: none; } .layout-r .layout-r-side.hasline { border-left: 1px solid #E2ECF7; padding: 0 15px; } .layout-r:after { content: ''; display: table; clear: both; } /* 左侧区域标题 */ .sidebar { height: 32px; margin: 0 0 15px 0; background-color: #F5F9FB; overflow: hidden; } .sidebar .sidebar-left { float: left; } .sidebar .sidebar-left h4 { height: 32px; line-height: 32px; padding: 0 20px; font-size: 16px; } .sidebar .sidebar-right { float: right; } /* 左侧通用列表 */ .sidelist { margin-bottom: 20px; } .sidelist li { margin-bottom: 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; } .sidelist li .s-title { width: 170px; color: #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: #1890FF; } /* 顶部通用列表 */ .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 { } /* 不定高度通用列表 */ .flexlist { } .flexlist li { margin-bottom: 15px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; } .flexlist li:last-child { margin-bottom: 0; } .flexlist li > div:last-child { flex: 1; margin-left: 10px; } /* 左右两侧等分 */ .halflist { margin-bottom: 15px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; } /* 数据表格上方的查询（同head区查询布局） */ .tablesearch { width:100%; margin-bottom:10px; padding: 10px 0 0 0; } .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; left: 0; right: 0; bottom: 0; background: #fff; 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{ left: 200px; } .collapsed-menu .sl-mainpanel .dataTables_bottom{ left: 60px; } /* 非固定在底部 */ .dataTables_bottom.nofix { position: relative; left: auto; right: auto; 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: 5px 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") #F5F9FB no-repeat right center; } .dataTables_bottom .dataTables_number select.form-control:focus { outline: 0; background-image: url("../img/select-up.png"); border-color: #1890FF; } .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: #1890FF; 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: #1890FF; 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: #F5F9FB; border: 1px solid #DCDFE3; border-radius: 2px; } .dataTables_bottom .dataTables_input input.paginate_text:focus{ outline: 0; border: 1px solid #1890FF; } .dataTables_bottom .paginate_submit{ width: 50px; height: 30px; line-height: 30px; margin-left: 10px; text-align: center; color: #fff; background: #1890FF; border: none; border-radius: 2px; } .dataTables_bottom .next a,.dataTables_bottom .last a{ transform: rotate(180deg); } /* 固定式分页条-深色模式，适用于供应商画像、大屏 */ .dark-mode .dataTables_bottom{background-color: transparent;} .dark-mode .dataTables_bottom .dataTables_info,.dark-mode .dataTables_bottom .pagination > li > a,.dark-mode .dataTables_bottom .pagination > li > span{color: #79EEFF;} .dark-mode .dataTables_bottom .pagination > .active > a, .dark-mode .dataTables_bottom .pagination > .active > span, .pagination > .active > a:hover, .dark-mode .dataTables_bottom .pagination > .active > span:hover,.dark-mode .dataTables_bottom .pagination > .active > a:focus, .dark-mode .dataTables_bottom .pagination > .active > span:focus, .dark-mode .dataTables_bottom .pagination > li:hover > a,.dark-mode .dataTables_bottom .pagination > li:hover > span{ background: #79EEFF; color: #232F54; } /* 表单底部的按钮组 */ .bt-group-container { height: 50px; z-index: 999; } .bt-group { height: 50px; line-height: 50px; text-align: center; z-index: 999; transition: all 0.05s ease-out; } .fixtop { margin: 0; position: fixed; left: 20px; right: 20px; bottom: 70px; top: 20px; overflow-x:hidden; overflow-y:auto; } .fixbottom { margin: 0; position: fixed; left: 0; right: 0; bottom: 0; } /* 非固定在底部 */ .bt-group.fixed { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.06); } .sl-mainpanel .bt-group.fixed { left: 200px; } .collapsed-menu .sl-mainpanel .bt-group.fixed { left: 60px; } /* 放置文字的表格 */ .table-new { width: 100%; table-layout: fixed; border: none; } .table-new > thead > tr > th { padding: 8px 8px; height: 45px; vertical-align: middle; border: none; color: #657282; font-size: 16px; font-weight: 400!important; background-color: transparent; word-break: break-all; word-wrap: break-word; } .table-new > thead > tr > th > a { display: inline-block; margin-left: 8px; line-height: 9px; } .table-new > thead > tr > th > a > i { display: block; color: #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: 55px; vertical-align: middle; border: none; border-top: 10px solid #f5f9fb; word-break: break-all; word-wrap: break-word; } .table-new > tbody > tr:first-child > td { border: none; } .table-new > thead > tr > th:first-child,.table-new > tbody > tr > td:first-child { padding-left: 30px; } .table-new > thead > tr > th:last-child,.table-new > tbody > tr > td:last-child { padding-right: 30px; } .table-new > tbody > tr > td:first-child { border-left: 3px solid #fff; } .table-new > tbody > tr:hover > td:first-child { border-left: 3px solid #1890FF; } .table-new > tbody > tr:hover > td:last-child { background: url("../img/td-corner.png") no-repeat right top; } /* 标题栏内的工具图标 */ table > thead > tr > th > a.thtools { display: inline-block; margin-left: 8px; line-height: 9px; } table > thead > tr > th > a.thtools > i { display: block; color: #ADB3BC; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); } /* grid */ .grid { width: 100%; padding: 0; } .grid .thead { } .grid .thead > ul { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; background: transparent; } .grid .thead > ul > li { padding: 10px 8px; min-height: 45px; color: #657282; font-size: 16px; font-weight: 400!important; word-break: break-all; word-wrap: break-word; } .grid .thead > ul:after { content: ''; display: table; clear: both; } .grid .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; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; margin-bottom: 10px; background: #fff; border-left: 3px solid #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } .grid .tbody > ul > li { padding: 15px 8px; min-height: 55px; word-break: break-all; word-wrap: break-word; } .grid .tbody > ul:after { content: ''; display: table; clear: both; position: absolute; width: 20px; height: 20px; top: 0; right: 0; } .grid .tbody > ul:hover { border-color: #1890FF; box-shadow: 0 0 10px 5px rgba(0,0,0,0.06); transition: all 0.15s linear; } .grid .tbody > ul:hover:after { background: url("../img/td-corner.png") no-repeat right top; } .grid .thead > ul > li:first-child, .grid .tbody > ul > li:first-child { padding-left: 20px; } .grid .thead > ul > li:last-child, .grid .tbody > ul > li:last-child { padding-right: 10px; } /* grid-edit */ .grid-edit { width: 100%; padding: 0; margin-bottom: 10px; } .grid-edit > .thead { } .grid-edit > .thead > ul { display: table; table-layout: fixed; width: 100%; background: #F5F9FB; } .grid-edit > .thead > ul > li { display: table-cell; padding: 10px 8px; height: 45px; vertical-align: middle; color: #657282; font-size: 16px; font-weight: 400!important; word-break: break-all; word-wrap: break-word; } .grid-edit > .thead > ul:after { content: ''; display: table; clear: both; } .grid-edit > .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: table; table-layout: fixed; width: 100%; background: #fff; border-top: 1px solid #E2ECF7; } .grid-edit > .tbody > ul > li { display: table-cell; padding: 10px 8px; height: 45px; vertical-align: middle; word-break: break-all; word-wrap: break-word; } .grid-edit > .tbody > ul: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: 20px; } .grid-edit > .thead > ul > li:last-child, .grid-edit > .tbody > ul > li:last-child { padding-right: 10px; } /* 下拉菜单向上伸展 */ .btn-group .dropdown-menu.dropdown-up { bottom: 100%; top: auto; } .btn-group .dropdown-menu.dropdown-down { top: 100%; bottom: auto; } /* grid-sm */ .grid-sm { width: 100%; padding: 0; } .grid-sm > .thead { } .grid-sm > .thead > ul { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; background: transparent; border-bottom: 1px solid #E2ECF7; } .grid-sm > .thead > ul > li { padding: 9px 5px; min-height: 40px; color: #657282; font-size: 16px; font-weight: 400!important; word-break: break-all; word-wrap: break-word; } .grid-sm > .thead > ul:after { content: ''; display: table; clear: both; } .grid-sm > .tbody { } .grid-sm > .tbody > ul { position: relative; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; margin-bottom: 0; background: #fff; border-bottom: 1px solid #E2ECF7; } .grid-sm > .tbody > ul > li { padding: 9px 5px; min-height: 40px; word-break: break-all; word-wrap: break-word; } .grid-sm > .tbody > ul > li > i { color: #ADB3BC;} .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: 10px; } /* table溢出控制 */ .table-overflow { table-layout: fixed; } .table-overflow>thead>tr>th, .table-overflow>tbody>tr>td { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* table固定高度 */ .table-fixed { width: 100%; max-height: 700px; overflow-y: auto; } .table-fixed table thead{position: sticky;z-index: 1;} .table-fixed table thead tr th{background-clip: padding-box; } @media screen and (max-height:900px) { .table-fixed { max-height: 600px; } } @media screen and (max-height:800px) { .table-fixed { max-height: 500px; } } @media screen and (max-height:700px) { .table-fixed { max-height: 400px; } } @media screen and (max-height:600px) { .table-fixed { max-height: 300px; } } @media screen and (max-height:500px) { .table-fixed { max-height: 200px; } } /* 内部嵌套表格 */ .table-inner>thead>tr>th { font-size: 12px; padding: 4px; } .table-inner>tbody>tr>td { font-size: 12px; padding: 4px; word-break: normal; white-space: normal; } /* grid及grid-edit溢出控制 */ .grid-overflow { } .grid-overflow li { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* grid边框 */ .grid-bordered { border: 1px solid #E2ECF7; } .grid-bordered > .thead > ul > li { border-right: 1px solid #E2ECF7; } .grid-bordered > .tbody > ul > li { border-right: 1px solid #E2ECF7; } .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:#F5F9FB; } /* grid悬浮变色 */ .grid-hover > .tbody> ul:hover { background-color:#F5F9FB; } /* 元素溢出控制 */ .element-overflow { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 扩展字段展示式表格 */ .expand-icon { cursor: pointer;} .expand-icon i { padding: 0 8px; font-size: 16px; color: #657282; } .expand-content { padding: 15px 15px 10px 12px; border-bottom: 1px solid #E2ECF7; display: none; } .expand-content:after{display: table; content: ''; clear: both;} .expand-content.active { display: block; } /* 表格无数据时的提示图 */ .nodata { width: 100%; height: 140px; margin: 0 auto; background: url("../img/nocontent.png") #fff no-repeat center center; border-radius: 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: 100px; 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; } .grid-edit + .nodata { margin-top: -10px; } /* 无数据时的提示图-深色模式 */ .nodata.dark { height: 200px;background: url("../img/nocontent-dark.png") no-repeat center center; } /*无阴影*/ .noshadow{box-shadow: none!important;} /*单元格背景*/ .tdbg{background: #F5F9FB;} /* 提示页面-无权限 */ .sys-info { width:500px; margin: 20px auto; display: table; } .sys-info .pic { display: table-cell; width:200px; height:120px; vertical-align: middle; } .sys-info .pic.img400 { background: url("../img/400.png") no-repeat center center; } .sys-info .pic.img403 { background: url("../img/403.png") no-repeat center center; } .sys-info .pic.img404 { background: url("../img/404.png") no-repeat center center; } .sys-info .pic.img500 { background: url("../img/500.png") no-repeat center center; } .sys-info .pic.imgexception { background: url("../img/exception.png") no-repeat center center; } .sys-info .pic.imgnoauthority { background: url("../img/noauthority.png") no-repeat center center; } .sys-info .pic.imgunauthorized { width: 500px; height: 302px; background: url("../img/unauthorized.png") no-repeat center center; } .sys-info .details { display: table-cell; width:300px; height:120px; padding-left: 40px; border-left: 1px solid #EFF3F8; vertical-align: middle; } .sys-info .details h3 { margin: 20px 0 10px 0; line-height: 30px; word-break: break-all; } /* 行排列 */ .control-inline { display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: start; position: relative; } /* 自定义表格字段-下拉菜单 */ .diycols { } .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: #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 ; } .tips.text-muted { color: #4B5A6D; } /* 通过、未通过、已完成的图标展示 */ .icon-tg,.icon-wtg,.icon-ycw { width:80px; height:45px; } .icon-tg{ background:url(../img/icon-tg.png) 0 0 no-repeat;} .icon-wtg{ background:url(../img/icon-wtg.png) 0 0 no-repeat;} .icon-ycw{ background:url(../img/icon-ycw.png) 0 0 no-repeat;} /* block块级的增加按钮 */ .dynamicadd { text-align: center; margin-top: 10px; margin-bottom: 10px; } .dynamicadd .btn.btn-xs { display: block; width: 100%; padding: 4px; border: 1px dashed #CEDBE9; background: #F5F9FB; border-radius: 2px; } .dynamicadd:hover .btn.btn-xs { border-color: #1890FF; color: #1890FF; } .dynamicadd-dashed { text-align: center; margin-top: 10px; margin-bottom: 10px; } .dynamicadd-dashed .btn.btn-xs { display: block; width: 100%; padding: 4px; border: 1px dashed #CEDBE9; background: transparent; border-radius: 2px; } .dynamicadd-dashed:hover .btn.btn-xs { border-color: #1890FF; color: #1890FF; } /* 排序按钮组 */ .sort-button { display: inline-block; vertical-align: top; } .sort-button ul { overflow:hidden; } .sort-button ul li { float:left; } .sort-button ul li a { display:block; border-left: 0; color:#777; border-radius: 0 !important; } .sort-button ul li:first-child a { border-left: 1px solid #ccc; } .select-tools { margin-top: 5px; overflow:hidden; } .select-tools h5 { float:left; margin-top: 5px; } .select-tools ul { float:left; overflow:hidden; } .select-tools ul li { float:left; } .select-tools ul li a { display:block; color:#1890FF; background: #E6F7FF; border: 1px solid #91D5FF; border-radius:2px; padding:1px 5px 1px 5px; margin-right:10px; } .select-tools ul li a i { display:inline-block; margin-left:5px; font-size: 8px; -webkit-transform: scale(0.66); -o-transform: scale(1); } .select-tools ul li a i:hover { background-color: #1890FF; 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: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 .doublerow { margin: 10px 0 0 0; padding: 6px 20px 6px 12px; border: 1px solid #DCDFE3; background: #F5F9FB; color: #4B5A6D; border-radius: 2px 2px 0 0; } .vertical-container-sprz .vertical-timeline-content p { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; margin: 10px 0 0 0; padding: 8px 20px 8px 12px; border: 1px solid #DCDFE3; background: #F5F9FB; color: #4B5A6D; border-radius: 2px 2px 0 0; } .vertical-container-sprz .vertical-timeline-content span > .iconfont { font-size: 12px; color: #ADB3BC; } .vertical-container-sprz .vertical-timeline-content .sprz-name { margin-right: 10px; } .vertical-container-sprz .vertical-timeline-content .sprz-info { margin-right: 40px; color: #1890FF; } .vertical-container-sprz .vertical-timeline-content .sprz-date1 { margin-right: 10px; } .vertical-container-sprz .vertical-timeline-content .sprz-date2 { margin-right: 10px; } .vertical-container-sprz .vertical-timeline-content .sprz-stay { position: absolute; right: 20px; font-size: 12px; color: #1F3149; } .vertical-container-sprz .vertical-timeline-content .sprz-stay.warning { color: #FA541C; } .vertical-container-sprz .vertical-timeline-content .sprz-stay.warning>.iconfont { color: #FA541C; } .vertical-container-sprz .vertical-timeline-content .text-detail { margin: 0; padding: 7px 10px; border: 1px solid #DCDFE3; border-top: 0; background-color: #fff; color: #1F3149; } .vertical-container-sprz .vertical-timeline-content .text-detail>.sprz-title { color: #4B5A6D; } .vertical-container-sprz textarea { width: calc( 100% - 35px); margin-left: 35px; } /* 审批日志环节状态 */ .vertical-timeline-block.lcsp-done:before { background: #1890FF; } .vertical-timeline-block.lcsp-done .vertical-timeline-icon { background: #1890FF; color: #fff; } .vertical-timeline-block.lcsp-current .vertical-timeline-icon { background: #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; } /* 审批日志-无时间线 */ .vertical-container-sprz.noleft { padding-bottom: 10px; } .vertical-container-sprz.noleft .vertical-timeline-block:before { background: none; } .vertical-container-sprz.noleft .vertical-timeline-content { margin-left: 0; } .vertical-container-sprz.noleft .vertical-timeline-content span > .iconfont { color: #1890FF; } .vertical-container-sprz.noleft .vertical-timeline-content .sprz-name { color: #1F3149; } .vertical-container-sprz.noleft .vertical-timeline-content .sprz-info { color: #657282; } /* 信息提示 */ .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 #DCDFE3; background: #F5F9FB; } .info-box ul li { color: #2B2D3B; line-height: 32px; } .info-box ul li i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 10px; background: url("../img/icon-error-xs.png") no-repeat 0 0; } .info-box ul li i.error { background: url("../img/icon-error-xs.png") no-repeat 0 0; } .info-box ul li i.success { background: url("../img/icon-success-xs.png") no-repeat 0 0; } .info-box ul li i.warning { background: url("../img/icon-warning-xs.png") no-repeat 0 0; } .info-box ul li a { display: inline-block; vertical-align: middle; margin-left: 15px; } /* 可以单独使用的状态图标 */ .icon-error-sm,.icon-success-sm,.icon-warning-sm { display:inline-block; vertical-align: middle; width: 16px; height: 16px; background:url(../img/icon-error-sm.png) center middle no-repeat; } .icon-error-sm { background:url(../img/icon-error-sm.png) 0 0 no-repeat; } .icon-success-sm { background:url(../img/icon-success-sm.png) 0 0 no-repeat; } .icon-warning-sm { background:url(../img/icon-warning-sm.png) 0 0 no-repeat; } /* 可以单独使用的状态图标 */ .icon-error-xs,.icon-success-xs,.icon-warning-xs { display:inline-block; vertical-align: middle; width: 12px; height: 12px; background:url(../img/icon-error-xs.png) center middle no-repeat; } .icon-error-xs { background:url(../img/icon-error-xs.png) 0 0 no-repeat; } .icon-success-xs { background:url(../img/icon-success-xs.png) 0 0 no-repeat; } .icon-warning-xs { background:url(../img/icon-warning-xs.png) 0 0 no-repeat; } /* 个人资料 */ .grzl { overflow: hidden; } .grzl .grzl-side { float: left; width:260px; margin-right: 10px; height:600px; } .grzl .grzl-content { display: table-cell; width:9999px; height:600px; } .grzl .grzl-header { padding: 40px 15px; background-color: #fff; } .grzl .grzl-footer{ padding: 10px; background-color: #f5f5f5; } .grzl .account-stat-count { display: block; margin-bottom: 3px; font-size: 20px; font-weight: 300; color: #333; } .float-right{ width: 100px; background: #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; }*/ /* 分包收缩展示 */ .package-main { position: relative; height: 55px; margin-bottom: 20px; padding: 15px 15px 0 15px; border-radius: 2px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } .package-main .package-few { display: flex; display: -ms-flexbox; } .package-main .package-few .packagelist { flex: 1; -ms-flex: 1; } .package-main .package-few .packagecollapse { } .package-main .package-all { padding: 15px; position: absolute; background: #fff; border-top: 1px solid #DCDFE3; box-shadow: 0 10px 20px 0 rgba(44,48,49,0.12); max-height: 600px; overflow-y: scroll; z-index: 9999; } /* 分包列表 */ .packagelist { position: absolute; left: 0; top: 15px; padding-left: 15px; max-height: 40px; width: calc(100% - 120px); overflow: hidden; z-index: 1000; } .packagelist:before { content: ''; display: table; } .packagelist:after { content: ''; display: table; clear: both; } .packagelist.expanded { max-height: 500px; background: #fff; box-shadow: 0 10px 20px 0 rgba(44,48,49,0.12); border-radius: 2px; transition: all 0.15s linear; overflow-y: auto; } .packagelist > li { float: left; margin-right: 12px; margin-bottom: 12px; } .packagelist > li > .package-thumb { position: relative; height: 30px; padding: 0; border: 1px solid #DCDFE3; background: #F5F9FB; border-radius: 2px; cursor: pointer; } .packagelist > li > a.btn { padding: 4px 7px; } .packagelist > li > a.btn > i { margin-right: 0; color: #aeb5be; } .packagelist > li > .package-thumb .package-thumb-select { position: absolute; top: -1px; left: -1px; border: 1px solid #DCDFE3; background: #F5F9FB; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .packagelist > li > .package-thumb .package-thumb-select.select { border-color: #91D5FF; background: #E6F7FF; } .packagelist > li > .package-thumb .package-thumb-select > label { margin: 0; width: 28px; height: 28px; } .packagelist > li > .package-thumb .package-thumb-select .checkbox label::before { top: 3px; margin-left: -8px; border-radius: 50%; } .packagelist > li > .package-thumb .package-thumb-select .checkbox label::after { top: 3px; margin-left: -8px; } .packagelist > li > .package-thumb .package-thumb-select+.package-thumb-icon { margin-left: 40px; } .packagelist > li > .package-thumb .package-thumb-body { display: inline-block; width: 160px; height: 28px; line-height: 28px; padding: 0 10px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .packagelist > li > .package-thumb .package-thumb-body .subtitle { display: block; overflow:hidden; } .packagelist > li > .package-thumb .package-thumb-body i.checkmark { display:none; width:16px; height:16px; position:absolute; right:0; bottom:-32px; background:url("../img/checkmark-info.png") no-repeat; } .packagelist > li > .package-thumb .package-thumb-icon { display: inline-block; vertical-align: top; height: 16px; margin-top: 6px; padding: 0 8px 0 5px; background: #1890FF; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .packagelist > li > .package-thumb .package-thumb-icon i.state { display: block; line-height: 16px; font-size: 12px; font-style: normal; color: #fff; } .packagelist > li > .package-thumb .package-thumb-btn { display: inline-block; vertical-align: top; margin: 4px 10px 0 0; } .packagelist > li > .package-thumb .package-thumb-btn a { color: #1890FF; } .packagelist > li > .package-thumb .package-thumb-btn a:hover { color: #096DD9; } .packagelist > li > .package-thumb .package-thumb-tool { display: inline-block; vertical-align: top; width: 20px; } .packagelist > li > .package-thumb .package-thumb-tool > .btn-group { margin-top: 3px; } .packagelist > li > .package-thumb .package-thumb-tool > .btn-group i { font-size: 12px; } .packagelist > li > .package-thumb .package-thumb-tool > .btn-group .dropdown-menu { min-width: 96px; } .packagelist > li > .package-thumb.undone .package-thumb-icon { background: #40A9FF; } .packagelist > li > .package-thumb.done .package-thumb-icon { background: #4ABC1A; } .packagelist > li > .package-thumb.doing .package-thumb-icon { background: #EE9918; } .packagelist > li > .package-thumb.invalid { background: #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: #91D5FF; background: #E6F7FF; } .packagelist > li > .package-thumb.select .package-thumb-select { border-right: 1px solid #91D5FF; } .packagelist > li > .package-thumb.select .package-thumb-body .subtitle { color: #1890FF; } .packagelist > li > .package-thumb.select .package-thumb-body .statbody { color: #1890FF; } .packagelist > li > .package-thumb.select .package-thumb-body i.checkmark { display:block; } .packagelist > li > .package-thumb.select .package-thumb-tool > .btn-group i { color: #1890FF; } .packagelist > li > .package-thumb.select:after { position: absolute; content: ''; top: 29px; left: 50%; display: inline-block !important; border-right: 8px solid transparent; border-top: 8px solid #1890FF; border-left: 8px solid transparent;transform: translateX(-8px); } .packagetools { position: absolute; right: 15px; top: 15px; display: none; } .packagetools .pt-btn { display: inline-block; position: relative; } .packagetools .pt-btn .dropdown-menu { width: 260px; padding: 15px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border: none; border-radius: 0!important; z-index: 9999; } .packagelist-tools { position:absolute; top:0; right:0; } .packagelist-tools .switch { display: inline-block; width:20px; height:50px; line-height:50px; font-size: 14px; color: #777; text-align:center; border-radius: 4px; border: 1px solid #ddd; background-color: #fff; } .packagelist-tools .switch:hover { background-color: #f5f5f5; } .expand-swith { position:absolute; bottom:-18px; left:48%; } .expand-swith a { border-top: none; padding:0 30px; border-top-left-radius:0; border-top-right-radius:0;} .expand-swith a:hover { background-color: #f5f5f5; } .expand-swith a i { width: 10px; } /* 图片查看控制 */ .photo-control { margin: 5px 10px; } .photo-control input[type=button] { display: inline-block; margin-left: 10px; padding: 2px 6px; font-size: 13px; color: #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: #F5F9FB; border-radius: 2px; border: 1px solid #DCDFE3; } .searchbox .import { width: calc(100% - 200px); height: 36px; line-height: 36px; color: #666; font-size: 14px; margin-left: 100px; padding-left: 20px; border: none; outline: none; background: none; } .searchbox input::-webkit-input-placeholder{ font-size: 12px; color: #A7B9CC; } .searchbox .btn-search { position: absolute; right: 0; width: 80px; height: 38px; line-height: 38px; margin-top: -1px; color: #fff; background-color: #1890FF; border: 0; border-radius: 0 2px 2px 0; } .searchbox .btn-search:focus{ outline: none; } .searchbox .mod_select { position: absolute; left: 0; top: 0; width: auto; } .searchbox .mod_select .select_box { position: relative; width: auto; height: 36px; line-height: 36px; } .searchbox .mod_select .select_box .select_txt { display: inline-block; width: 80px; height: 36px; padding-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 36px; font-size: 14px; cursor: pointer; color: #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(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: #1890FF; } .searchbox .mod_select .select_box:after{ content: ""; position: relative; ;width: 1px; background: #DCDFE3; height: 18px; float: right; margin-top: 10px; } .selectbox { overflow: hidden; } .selectbox .listcontent { display: none; } .listindex { clear: both; position: relative; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; } .listindex dt { width: 140px; margin-bottom: 20px; height: 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: 2px; 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-color: #1890FF; color: #1890FF; transition: all 0.15s linear; } .listindex dd .item.select a.item-title { color: #1890FF; } .listindex dd .item.select a.btn-del { color: #1890FF; } .listindex dd .item.select a.btn-del i { display:block; } .listindex dd .checkbox, .listindex dd .radio { padding-top:0!important; } .listindex .listindextools { display: none; } .listindex .listindextools a .tit2 { display: none; } .listindex .listindextools a > em { display: inline-block; font-style: normal; color: #1890FF; } .listindex .listindextools a > i { display: inline-block; color: #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 { height: auto; } .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: #1890ff; } .listindex.gys-select dd a.btn { margin-top: -4px; padding: 0 7px; } .listindex.product-select dd { margin-bottom: 0; } .listindex.product-select dd .item { margin: 0 10px 10px 0; padding: 2px 10px; border-color: #E2ECF7; } .listindex.product-select dd .item input[type=checkbox], .listindex.product-select dd .item input[type=radio] { position: absolute; left: 2px; top: 0; opacity: 0; } .listindex.product-select dd .item.select { border-color: #1890FF; } .listindex.product-select dd .item.select .item-title { color: #1890FF; } .listindex.product-select dd .item.select:after { content: ''; width: 10px; height: 10px; position: absolute; right: 0; top: 0; background: url(../img/hide-brandcheckmark.png) 0 -10px no-repeat; background-size: 10px auto; } .listindex.search-result dd .item { border: 1px solid #91D5FF; color: #1890FF; background: #E6F7FF; } .listindex.search-result dd .item a.item-title { color: #1890ff; } .listindex.search-result dd .item a.btn-del { color: #1890ff; } .listindex.search-result dd .item a.btn-del i { display:block; } /* 新供应商选择 */ .select-ry { width: 220px; margin-bottom: 15px; } .select-ry li { position: relative; margin-top: -1px; padding: 15px 15px 7px 15px; border: 1px solid #E2ECF7; 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: #1890FF; z-index: 99; transition: all 0.15s linear; } .select-ry li.select a.item-title { color: #1890ff; } /* 标题位置-排序功能 */ .sort-tit { display: inline-block; margin: 0 0 0 20px; } .sort-tit ul li .desc,.sort-tit ul li .active .asc{ display: none; } .sort-tit ul li{ display: inline-block;margin: 0 0 0 -5px; } .sort-tit ul li .active .desc{display: inline;} .sort-tit ul li .btn-info{border-color: #DCDFE3;color: #1F3149;background: #fff;} .sort-tit ul li .btn-info > em{color: #ADB3BC;} .sort-tit ul li .btn-info:hover > em{color: #fff;} .sort-tit ul li .btn-info.active,.sort-tit ul li .btn-info.current{background: #1890ff;border-color: #1890ff;color: #fff;} .sort-tit ul li .btn-info.active > em,.sort-tit ul li .btn-info.current > em{color: #fff;} /* 标题位置-排序功能-第二种 */ .sort-diy { display: inline-block; margin: 0 0 0 20px; } .sort-diy ul li{ display: inline-block;margin: 0 0 0 -5px; } .sort-diy ul li > a{border: 1px #DCDFE3 solid;color: #1F3149;padding: 3px 10px;border-radius: 2px;font-size: 12px;} .sort-diy ul li > a > em{color: #ADB3BC;} .sort-diy ul li > a:hover > em,.sort-diy ul li > a.active > em{color: #fff;} .sort-diy ul li > a.active,.sort-diy ul li > a:hover{background: #1890ff;border-color: #1890ff;color: #fff;} /* 标题位置-切换查看方式 */ .sort-btn { display: inline-block; background: #fff; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); vertical-align: middle; overflow: hidden; } .sort-btn a{ padding: 4px 10px; display: inline-block; color: #1890FF; } .sort-btn a.active{ background: #1890FF; color: #fff; } /*行内排序*/ .sort-inline{display: inline;cursor: pointer;} .sort-inline > em > i{font-size: 12px;color: #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 0 0; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; margin: 10px 0 15px 0; } .gys-content .gys-list > ul{padding-bottom: 15px;} .gys-content .gys-list > ul > li{ display: inline-block; vertical-align: top; } .gys-content .gys-list > ul > li.field-first{ width: 120px; } .gys-content .gys-list > ul > li.field-last{ width: 150px;float: right;} .gys-content .gys-list .default-pic{ width: 80px; height: 80px; margin: 8px 10px 0 30px; float: left; border-radius: 2px; overflow: hidden; background: url("../img/gys-default-pic.png") #fff left top no-repeat; background-size: 80px; } .gys-content .gys-list:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.06); transition: all 0.15s linear; } .gys-content .gys-list .default-pic > img{ width: 80px; height: 80px; } .gys-content .gys-list .default-pic .uploadregion .imglist li{margin: 0;} .gys-content .gys-list:hover .default-pic > img,.gys-content .gys-list:hover .default-pic{ transform: scale(1.1,1.1); transition: all 0.15s linear; } .gys-content .gys-list .default-text{ width: 80px; height: 80px;padding:0 12px; margin: 8px 10px 0 30px; border-radius: 2px; overflow: hidden; background: #40A9FF; font-size: 26px; color: #fff; display: flex;justify-content: center; align-items: center; } .gys-content .gys-list h2.h2_tit{ margin: 5px 0; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .gys-content .gys-list h2.h2_tit a{ font-size: 18px; color: #1F3149; } .gys-content .gys-list h2.h2_tit a:hover{color:#1890FF;} .gys-content .gys-list h2.h2_tit a.xycx { display: inline-block; margin-left: 10px; width: 18px; height: 18px; border-radius: 2px; } .gys-content .gys-list h2.h2_tit a.xycx.tyc { background: url(../img/gys/icon-link-tyc.png) no-repeat; background-size: cover; } .gys-content .gys-list h2.h2_tit a.xycx.qcc { background: url(../img/gys/icon-link-qcc.png) no-repeat; background-size: cover; } .gys-content .gys-list h2.h2_tit a.xycx.qxb { background: url(../img/gys/icon-link-qxb.png) no-repeat; background-size: cover; } .gys-content .gys-list h2.h2_tit span.color-yellow{ display: inline-block; padding: 3px 4px; color: #FAAD14; border: 1px #FAAD14 solid; border-radius: 2px; font-weight: 500; background: rgba(250,173,20,0.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 h2.h2_tit .label{background: transparent;margin-left: 10px;} .gys-content .gys-list .gys-info{ color: #666; line-height: 30px; } .gys-content .gys-list .gys-info span{ margin-right: 20px; color: #1F3149;display: inline-block; } .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.flex{display: flex;position: relative;} .gys-content .gys-list .gys-info .gys-info-label-more{display: none;max-width: calc(100% - 90px);} .gys-content .gys-list .gys-info .gys-info-label label{margin:0 5px 0 0;} .gys-content .gys-list .gys-info .gys-info-label-more.active{display: inline-block;position: absolute;top: 30px;padding: 10px;background: #fff;box-shadow: 0 0 10px 5px rgba(0,0,0,0.06);z-index: 10;} .gys-content .gys-list .gys-info .gys-info-more{flex: none;} .gys-content .gys-list .gys-info .gys-info-more > a{margin-left: 20px;color: #1890FF;font-size: 14px;} .gys-content .gys-list .gys-info .gys-info-more > a > em,.gys-content .gys-list .gys-info .gys-info-more > a.active > em.tit1{font-style: normal;display: none;} .gys-content .gys-list .gys-info .gys-info-more > a > em.tit1{display: inline-block;} .gys-content .gys-list .gys-info .gys-info-more > a.active > em.tit2{display: inline-block;} .gys-content .gys-list .gys-info .gys-info-more a > i,.gys-info .dropdown > a > i{color:#ADB3BC;font-size: 16px;display: inline-block;} .gys-content .gys-list .gys-info .gys-info-more a.active > i,.gys-info .dropdown > a:hover > i{transform: rotate(180deg);} .gys-content .gys-list .gys-info .dropdown-menu{ padding: 10px;} .gys-content .gys-list .gys-add,.gys-content .gys-list .gys-contact{ color: #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: 9; } .gys-content .gys-list li .gys-more .gys-more-con i{ font-size: 18px; color: #adb3bc; } .gys-content .gys-list:hover li .gys-more.open .dropdown-menu{ z-index: 9999; position: absolute;} .gys-content .gys-list .gys-info .dropdown > a{ color: #1890FF; } .gys-more.dropdown{ position: inherit; } .gys-more .dropdown-menu{ padding: 15px; } .gys-con{ margin-bottom: 10px;border-bottom: 1px #e5e5e5 solid;padding:0 0 10px 0; } .gys-con:last-child{ margin-bottom: 0;padding-bottom: 0; border-bottom: none; } .gys-con .gys-lxxx{ color: #1F3149;font-size: 12px; line-height: 22px; word-wrap: break-word;} .gys-con .gys-lxxx > i{ margin-right: 5px; display: inline; } .gys-con .gys-lxxx:first-child{ font-size: 14px; } .gys-content .gys-list > ul > li.field-last .btn-group{position: relative;left: 70px;top: -50px;float: left;} .gys-content .gys-list > ul > li.field-last .btn-group .btn-action i{font-size: 18px;} /* 供应商列表展示-几项数据展示 */ .gys-content .gys-list .gys-data{background: #FAFCFD;padding:10px 0 10px 120px;line-height: 22px;border-top: 1px solid #DCDFE3;} .gys-content .gys-list .gys-data > span{margin: 0 5px;} /* 供应商列表展示-浏览过企业 */ .gys-browse dl{display: flex;align-items: center;margin: 0 0 15px 0;} .gys-browse dl dt{width: 40px;height: 40px;margin: 0 10px 0 0;} .gys-browse dl dt img{width: 100%;height: 100%;} .gys-browse dl dd .browse-time{color: #657282;margin: 5px 0 0 0;} .button-tab{text-align: center;} .button-tab > .btn { margin-right: 0; padding: 0; color: #D8D8D8; border: 0; } .button-tab > .btn:hover,.button-tab > .btn.active { color: #1890FF; } /* 供应商列表展示-违规公示 */ .violation-list{border-bottom: 1px #E2ECF7 dashed;padding: 15px 0;} .violation-list:first-child{padding-top: 0;} .violation-list:last-child{border-bottom: none;} .violation-list .violation-info{font-size: 12px;color: #2B2D3B;margin: 5px 0 0 0;line-height: 20px;} .violation-list .violation-time{text-align: right;font-size: 12px;color: #696E8D;margin: 5px 0 0 0;} /* 竖直摆放按钮 */ .btn-vertical{ display: inline-block; } .btn-vertical .btn{ display: inline-block; width: 100%; font-size: 14px; text-align: left; padding: 0; line-height: 25px; } .btn-vertical .btn:hover,.btn-vertical .btn:focus{ background: none; color: #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; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } .gyssh-head-system .headcontainer .left .logo { display: inline-block; vertical-align: middle; width: 34px; height: 34px; margin: 0 10px 0 20px; background: url("../img/logo-system.png") no-repeat; } .gyssh-head-system .headcontainer .left .name { display: inline-block; vertical-align: middle; font-size: 20px; color: #1F3149; } .gyssh-head-system .headcontainer .right { } /* 小标题 */ .form-title { margin-bottom: 4px; line-height: 20px; min-height: 20px; font-size: 16px; font-weight: 700; } .form-title .dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin-right: 6px; background: #1890FF; border-radius: 50%!important; margin-top: -3px; } /* 输入框尾部浮动提示 */ .form-group .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 { line-height: 1; } .form-group > .control-label+[class^="col-"] > .help-block { position: absolute; top: 100%; } .form-group > .control-label+[class^="col-"]+[class^="col-"] > .help-block { position: absolute; left: 0; top: 5px; } .help-block .remind-block { display: inline; color: #7D8896; font-size: 12px; } .help-block .verify-block { display: inline; color: #FA541C; font-size: 12px; } .uploadregion~.help-block { position: relative; top: 5px; } /* 操作小图标 */ .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: #1890FF; } /* 密码校验字段提示信息 */ .form-group.password-danger .form-control { border-color: #FA541C; } .form-group.password-danger .remind-block { color: #FA541C; } .form-group.password-warning .form-control { border-color: #FAAD14; } .form-group.password-warning .remind-block { color: #FAAD14; } .form-group.password-success .form-control { border-color: #52C41A; } .form-group.password-success .remind-block { color: #52C41A; } /* 供应商注册审核 */ .gyssh-head h2 span.color-blue{ padding: 1px 4px; color: #1890FF; background: rgba(24,144,255,0.10); border: 1px solid #1890FF; border-radius: 2px; font-weight: 500; margin-left: 15px; font-size: 12px; } .gyssh-head{ width: 100%; display: inline-block; margin: 10px 0; } .gyssh-head .left{ float: left; } .gyssh-head .right{ float: right; } .gyssh-head h2{ font-size: 16px; color: #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: #1890FF; transition: all 0.15s ease-in; } .gyssh-head dl:hover dt{ transform: scale(1.1,1.1); transition: all 0.15s ease-in; } .gyssh-container{ padding: 20px; border-radius: 2px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); margin: 0 0 20px 0; } .gyssh-intro .gys-main{ flex: 1;} .gyssh-intro .gyssh-img{ margin: 15px 20px 0 0; } .gyssh-intro .gyssh-img .default-pic > img,.gyssh-intro .gyssh-img .default-pic{ width: 80px; height: 80px; } .gyssh-intro .gyssh-img .default-pic{ border-radius: 2px; overflow: hidden; float: left;background: url("../img/gys-default-pic.png") #fff left top no-repeat; background-size: 80px; } .gyssh-intro .gyssh-img:hover .default-pic > img,.gys-content .gys-list:hover .default-pic{ transform: scale(1.1,1.1); transition: all 0.5s ease-in; } .gyssh-intro .gyssh-img .default-text{ width: 80px; height: 80px;padding:0 12px; margin: 8px 10px 0 30px; border-radius: 2px; overflow: hidden; background: #40A9FF; font-size: 26px; color: #fff; display: flex;justify-content: center; align-items: center; } .gyssh-intro .gys-main h2.h2_tit{ margin-bottom: 10px; display: flex;align-items: center;flex-wrap: wrap;} .gyssh-intro .gys-main h2.h2_tit a{ font-size: 18px;} .gyssh-intro .gys-main h2.h2_tit span.color-yellow{ display: inline-block; padding: 1px 4px; color: #FAAD14; border: 1px #FAAD14 solid; border-radius: 2px; font-weight: 500; background: rgba(250,173,20,0.10); margin-left: 15px; font-size: 12px; } .gyssh-intro .gys-main h2.h2_tit span.address{ display: inline-block; font-size: 14px;font-weight: 500; margin-left: 15px; } .gyssh-intro .gys-main h2.h2_tit span.address i{ color: #ADB3BC; margin-right: 5px; top: 0; font-size: 14px; } .gyssh-intro .gys-main h2.h2_tit .label{background: transparent;margin-left: 10px;} .gyssh-intro{ width: 100%; display: flex; } .gyssh-intro .gys-main .gys-info{display: inline-block; width: 100%;line-height: 30px; } .gyssh-intro .gys-main .gys-info span{ margin-right: 20px; margin-left: 10px; font-size: 14px; } .gyssh-intro .gys-main .gys-info span > em,.gyssh-intro .gys-main .gys-add span >em { color: #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{ max-height: 50px; line-height: 25px; display: inline-block;} .gyssh-intro .gys-main .gys-add .gys-add-more{display: none;} .gyssh-intro .gys-main .gys-add.active .gys-add-more{display: inline;animation:fadeIn 0.5s ease;} .gyssh-intro .gys-main .gys-add .more{cursor: pointer;} .gyssh-intro .gys-main .gys-add .more > em,.gyssh-intro .gys-main .gys-add .more >i{color:#1890FF;margin-right: 0;} .gyssh-intro .gys-main .gys-add .more .tit2,.gyssh-intro .gys-main .gys-add.active .more .tit1{display: none;} .gyssh-intro .gys-main .gys-add.active .more .tit2{display: inline;} .gyssh-intro .gys-main .gys-add.active .more >i{transform: rotate(180deg);} .gyssh-intro .gys-main .gys-label{margin:10px 0;display: inline-block;} .gyssh-intro .gys-main .gys-label .label{margin:0 20px 0 0;font-size: 14px;} .gyssh-intro .gys-main .gys-label .label:last-child{margin: 0;} .gyssh-intro .gys-main .intro-content{width: 250px;white-space: normal;line-height: 22px;color: #4B5A6D;padding: 10px;} /* 供应商等级和中标、违规展示 */ .gyssh-intro .gys-data{margin-left: 50px;} .gyssh-intro .gys-data .gys-data-list .item{margin-right: 10px;} .gyssh-intro .gys-data .gys-data-list .item:last-child{margin-right: 0;} .gyssh-intro .gys-data .gys-data-list .item i{color: #1890FF;margin-right: 5px;} .gyssh-intro .gys-data .gys-data-grade{width: 100%;display: inline-block;} .gyssh-intro .gys-data .gys-data-grade > a{width:84px;height: 80px;background: url(../img/icon-grade.png) 0 0 no-repeat;float: right;background-size: 84px;text-align: center;line-height: 80px;font-size: 20px;color: #1890FF;margin: 20px 0 0 0;} /* 供应商信息-选项卡 */ .gyssh-container .gyssh-tabs { width: auto; margin: 30px 0 -20px 0; } .gyssh-container .gyssh-tabs .nav-tabs { width: inherit; display: table; margin: 0 auto; } .gyssh-container .gyssh-tabs .nav-tabs { border-bottom: none!important; } .gyssh-container .gyssh-tabs .nav-tabs-line { margin: 0 auto; } .gyssh-container .gyssh-tabs.affix{background: #fff;width: calc(100% - 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; } .common-container{ padding: 10px 0 10px 0; border-radius: 2px; background: #fff; overflow: hidden; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); margin: 0 0 20px 0; } .common-container.single .form-group,.gyssh-box.single .form-group{ margin: 0; padding: 0; } /* 供应商画像-深色模式 */ .dark-mode .gyssh-container{ background:rgba(46, 178, 255, 0.1);color: #B3F5FF;padding: 0;} .dark-mode .gyssh-intro .gys-main h2.h2_tit a{font-size: 24px;} .dark-mode .gyssh-intro .gys-main h2.h2_tit a, .dark-mode .gyssh-intro .gys-main h2.h2_tit span.address i, .dark-mode .gyssh-intro .gys-data .gys-data-list .item i, .dark-mode .gyssh-intro .gys-data .gys-data-list .item a, .dark-mode .gyssh-intro .gys-main h2.h2_tit span.address{ color: #79EEFF;} .dark-mode .label-primary.label-outline{ color: #79EEFF; border: 1px solid #79EEFF;} .dark-mode .gyssh-intro .gys-main .gys-info span > em, .dark-mode .gyssh-intro .gys-main .gys-add span > em, .dark-mode .gyssh-intro .gys-main .gys-add .more > em, .dark-mode .gyssh-intro .gys-main .gys-add .more > i{ color: #B3F5FF;} .dark-mode .gyssh-intro .gys-data .gys-data-grade > a{background: url(../img/icon-grade-yellow.png) 0 0 no-repeat;background-size: 84px;color:#FCDB00;} .dark-mode .gyssh-intro .gyssh-img{ background:rgba(46, 178, 255, 0.3);margin: 0 20px 0 0;padding: 15px;} .dark-mode .gyssh-intro .gyssh-img .default-pic{ position: relative; top:50%; transform:translateY(-50%);} .dark-mode .gyssh-intro .gyssh-img .default-text{ position: relative; top:50%; transform:translateY(-50%);margin: 0;background: rgba(46, 178, 255, 0.6);} .dark-mode .gyssh-intro .gys-main{ padding: 20px 0 50px 0; } .dark-mode .gyssh-intro .gys-data{ padding: 20px 20px 0 0;} .dark-mode .gyssh-intro .gys-data .gys-data-refresh{text-align: right;} .dark-mode .gyssh-intro .gys-data .gys-data-refresh,.dark-mode .gyssh-intro .gys-data .gys-data-refresh > a{color: #79EEFF;} .dark-mode .gyssh-container .gyssh-tabs{ margin: -32px 0 0 0; } .dark-mode .gyssh-container .gyssh-tabs .nav-tabs{ display: inline-block;margin: 0 0 0 130px;} .dark-mode .gyssh-intro .gys-main .gys-info.flex{display: flex;position: relative;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-label-more{display: none;max-width: calc(100% - 90px);} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-label label{ color: #79EEFF; border: 0; background: #295C9F;margin: 0 5px 0 0;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-label-more.active{display: inline-block;position: absolute;top: 30px;padding: 10px;background:#295C9F;box-shadow: 0 0 10px 5px rgba(0,0,0,0.06);z-index: 10;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more{flex: none;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a{margin-left: 20px;color: #79EEFF;font-size: 14px;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a > em,.dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a.active > em.tit1{font-style: normal;display: none;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a > em.tit1{display: inline-block;} .dark-mode .gyssh-intro .gys-main .gys-info .gys-info-more > a.active > em.tit2{display: inline-block;} .dark-mode .gyssh-intro .gys-main .intro-content{color: #79EEFF;} .dark-mode .gyssh-container .dropdown-menu{background:#295C9F;border: 0;} .dark-mode .gyssh-container .dropdown > .dropdown-arrow::before{border-color: #295C9F;background-color: #295C9F;} /* 暂无消息 */ .no-info{ width: 100%; text-align: center; color: #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;} .gyssh-change .table > tbody > tr > td .p-info{font-size: 12px;color: #4B5A6D;margin: 5px 10px 0 10px;} .gyssh-change .table > tbody > tr > td .form-control-static{text-align: left;} .gyssh-change .table > tbody > tr > td .main-sub-container .main-sub{display: flex;justify-content: flex-end;flex-wrap: wrap;} .gyssh-change .table > tbody > tr > td .main-sub-container .main-sub .form-group{width: 50%;float: left;} @media screen and (max-width:1366px) { .gyssh-change .table > tbody > tr > td .main-sub-container .main-sub .form-group{width: 100%;float: left;} } /* 供应商信息表更页面-特殊小按钮 */ .btn-little{background: #FFF2E8;border: 1px solid #FFBB96;border-radius:20px;color: #FA541C;font-size: 14px;padding:0 8px 0 2px; margin: -4px 0 0 5px;font-weight:500;line-height:normal;} .btn-little.red{background: #FFF2E8;border: 1px solid #FFBB96;color: #FA541C;} .btn-little.green{background: #F6FFED;border: 1px solid #B7EB8F;color: #52C41A;} .btn-little.yellow{background: #FFFBE6;border: 1px solid #FFE58F;color: #EE9918!important;} .btn-little.blue{background: #e6f7ff;border: 1px solid #1890ff;color: #1890ff;} .btn-little:focus{outline: 0;} .btn-little i{font-size:12px;width: 16px; height: 16px;line-height: 16px; background: #FA541C;color: #fff;border-radius: 50%;font-weight:lighter;margin:2px 3px 0 0;float: left;} .btn-little.red i{background:#FA541C;} .btn-little.green i{background:#52C41A;} .btn-little.yellow i{background:#EE9918;line-height: 15px;} .btn-little.blue i{background: #e6f7ff; color:#1890ff;font-size: 16px;} .btn-little:hover,.btn-little:hover i{transition: all 0.4s ease-in;} /* 商城证件图片 */ .bt-upload { width: 250px; height: 188px; text-align: center; border: 1px solid #DCDFE3; border-radius: 2px; background: #F5F9FB; } .bt-upload a { display: block; height: 188px; padding-top: 110px; background: url("../img/bt-upload.png") no-repeat center 55px; } .bt-upload a p { text-align: center; color: #7d8896; } .bt-uploadimg { width: 250px; height: 188px; text-align: center; border: 1px solid #DCDFE3; border-radius: 2px; background: #F5F9FB; } .bt-uploadimg img,.bt-uploadimg .uploadregion .imglist li img { display: block; width: 248px; height: 186px; } .bt-uploadimg.little { width: 40px; height: 40px; text-align: center; border: 1px solid #DCDFE3; border-radius: 2px; background: #F5F9FB; } .bt-uploadimg.little img { display: block; width: 40px; height: 40px; } .bt-uploadimg .uploadregion .imglist li{width:100%;height: 100%;} /* 行尾按钮组图标 */ .btn-group>.btn:focus{outline: 0;} .btn-group>.btn-action { transform: rotate(90deg); } .btn-group>.btn-action i { font-size: 14px; color: #adb3bc;margin: 5px 0 0 0; } .btn-group>.btn-action:hover i { color: #1890FF; } .btn-group ul.dropdown-menu li button { display: block; padding: 5px 20px; clear: both; font-weight: 400; color: #1890FF; white-space: nowrap; } /*control-input一些定义*/ /*.control-container .control-input{position: relative;} .control-input .form-control,.form-group .form-control{display: inline-block;}*/ /* 行尾提示文字 */ .control-endtext{display:flex;position: relative;} .control-endtext .endtext{display:inline-block;vertical-align: middle;margin: 5px 0 0 -60px;text-align: right;width: 50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .form-group > div[class|=col] > .endtext{float: right;margin: -25px 10px 0 0;position: inherit;} /* 权限配置 */ .tree-list .zTreeDemoBackground{border: 1px solid #DCDFE3;padding:10px 15px;height: calc(100vh - 180px);overflow-y: auto;} .tree-list .sidebar .sidebar-left h4{padding: 0;} .tree-list .sidebar{background: none;} .tree-list .sidebar .btn{margin-right: 5px;padding:4px 5px;} /* 返回顶部 */ .bottom-tools{ position:fixed;right:20px;bottom:20px;} #scrollUp{width:45px;height:45px;display:none;background:#1890FF;opacity: 0.8; border-radius: 45px;text-align: center;line-height: 45px; transform: rotate(180deg);} #scrollUp i{color: #fff;font-size: 20px;} #scrollUp:hover{opacity:1.0;} /* 默认桌面 */ .panelbg { height: 600px; overflow: hidden; } .panelbg .panelcontainer { width: 875px; margin: 0 auto; overflow: hidden; position: relative; } .panelbg .panelcontainer .left { float: left; width: 425px; height: 600px; padding-top: 150px; } .panelbg .panelcontainer .left h1 { margin-bottom: 30px; font-weight: 400;} .panelbg .panelcontainer .left p { margin-bottom: 50px; font-size: 16px; line-height: 200%; } .panelbg .panelcontainer .right { float: right; width: 400px; height: 600px; background: url("../img/welcome.png") no-repeat left center; } /* 切换按钮组 */ .type-switch { overflow: hidden; } .type-switch .type { margin: 0; padding: 0 12px; font-size: 12px; color: #1890FF; background-color: #fff; border: 1px solid #1890FF; border-radius: 3px; } .type-switch .type.active { color: #fff; background-color: #1890FF; } /* 项目开标 */ .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: #F5F9FB; border: 1px solid #DCDFE3; 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: #1890FF; } .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: #1890FF; } .wizard-content.scroll-wrapper > .scroll-content{overflow-x: hidden!important;} /*for ie9-11 浏览器*/ @media screen and (min-width:0\0) { .wizard-content.scroll-wrapper .scroll-element.scroll-y{display:none;} } /* 解密状态图标 */ .icon-jm-undone,.icon-jm-done,.icon-jm-doing,.icon-jm-fail { display:inline-block; line-height: 16px; padding-left: 22px; } .icon-jm-undone { background:url(../img/icon-jm-undone.png) 0 0 no-repeat;} .icon-jm-done { background:url(../img/icon-jm-done.png) 0 0 no-repeat;} .icon-jm-doing { background:url(../img/icon-jm-doing.png) 0 0 no-repeat;} .icon-jm-fail { background:url(../img/icon-jm-fail.png) 0 0 no-repeat;} .state-zb { display: inline-block; margin: 0 5px; width: 50px; height: 34px; background:url(../img/state-zb.png) 0 0 no-repeat; vertical-align: middle;} .state-zb-overlap { position: absolute; left: 30px; top: 7px; width: 50px; height: 34px; background:url(../img/state-zb.png) 0 0 no-repeat; vertical-align: middle;} .colordot { display: inline-block; margin: 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #CDCFD2; } .icon-dot-info { background: #1890FF; } .icon-dot-primary { background: #1890FF; } .icon-dot-danger + .icon-dot-danger { margin-left: 0; } .icon-dot-undone { background: #CDCFD2; } .icon-dot-warning { background: #EE9918; } .icon-dot-success { background: #4ABC1A; } .icon-dot-danger { background: #FB441B; } .icon-dot-pass,.icon-dot-notpass { display:inline-block; margin: 0 4px; width: 12px; height: 12px; background:url(../img/icon-dot-chekmark.png) 100px 100px no-repeat; } .icon-dot-pass { background-position: 0 0; } .icon-dot-notpass { background-position: 0 -12px; } /*供应商画像*/ .gys-portrait{width:100%;height:130px; background: url(../img/gys/head-bg.png) 0% 66% repeat-x;padding-top: 50px;} .gys-portrait .gyssh-container{margin:0 auto;margin-left:160px;margin-right:160px;} .gys-portrait .gyssh-container .gyssh-intro .gyssh-img{ margin:0 80px 0 10px;} .gys-portrait .gyssh-container .gyssh-intro .gyssh-img .default-pic > img, .gys-portrait .gyssh-container .gyssh-intro .gyssh-img .default-pic{ width: 100px; height: 100px;border-radius: 15px; } .gys-portrait .gyssh-container .gyssh-intro .gyssh-img .default-pic{background-size: 100px;} .portrait-box{height: 370px;} /*供应商风险查看*/ .gysrisk_tit{text-align: center;display: inline-block;width: 100%;height: 35px; line-height: 35px; font-size: 20px;color: #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 .risk-data{float: left;text-align: left;width: 140px;font-size: 12px;} .gysrisk-data-content .risk-data .risk-fxx{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .gysrisk-data-content .risk-data a{display: flex;} .gysrisk-data-content .risk-data em{font-style: normal;color: #FA541C;margin:0 0 0 5px;} .gysrisk-data-content .risk-data1, .gysrisk-data-content .risk-data5{ width: 104px;height: 31px; background: url(../img/risk/risk_l1.png) 0 0 no-repeat; position: relative;left: 195px;top: 0;} .gysrisk-data-content .risk-data2{ width: 105px;height: 12px; background: url(../img/risk/risk_l2.png) 0 0 no-repeat; position: relative;left: 235px;top: 110px;} .gysrisk-data-content .risk-data3{ width: 105px;height: 12px; background: url(../img/risk/risk_l5.png) 0 0 no-repeat; position: relative;right: 86px;top: 135px;} .gysrisk-data-content .risk-data4, .gysrisk-data-content .risk-data8, .gysrisk-data-content .risk-data9{ width: 133px;height: 31px; background: url(../img/risk/risk_l6.png) 0 0 no-repeat; position: relative;left: -93px;top: -50px;} .gysrisk-data-content .risk-data5{ left: 234px;top: -25px} .gysrisk-data-content .risk-data6, .gysrisk-data-content .risk-data10{ width: 104px;height: 31px; background: url(../img/risk/risk_l3.png) 0 0 no-repeat; position: relative;left: 153px;top: 115px;} .gysrisk-data-content .risk-data7{ width: 105px;height: 32px; background: url(../img/risk/risk_l4.png) 0 0 no-repeat; position: relative;left: -15px;top: 85px;} .gysrisk-data-content .risk-data8{ left: 0;top: -208px;} .gysrisk-data-content .risk-data9{ left: -130px;top: -135px;} .gysrisk-data-content .risk-data10{ left: 218px;top: -60px;} .gysrisk-data-content .risk-data1 .risk-data, .gysrisk-data-content .risk-data5 .risk-data{margin-top: -20px;margin-left: 30px;} .gysrisk-data-content .risk-data2 .risk-data{margin-top: -10px;margin-left: 30px;} .gysrisk-data-content .risk-data3 .risk-data{margin-top: -10px;margin-left: 0;} .gysrisk-data-content .risk-data4 .risk-data, .gysrisk-data-content .risk-data8 .risk-data, .gysrisk-data-content .risk-data9 .risk-data{margin-top: -20px;margin-left: 0;} .gysrisk-data-content .risk-data6 .risk-data, .gysrisk-data-content .risk-data10 .risk-data{margin-top: 10px;margin-left: 30px;} .gysrisk-data-content .risk-data7 .risk-data{margin-top: 10px;margin-left: 0;} .gysrisk-list{margin:0 0 20px 0;} .gysrisk-list ul li{display: inline-block;width:90px;height: auto;padding:10px 0 0 0;background: #F5F9FB;border: 1px solid #DCDFE3;border-radius: 2px;margin:15px 20px 0 0;position: relative;} .gysrisk-list ul li i{font-size: 26px;line-height: 40px;text-align: center;width: 100%;display: inline-block;color: #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: #FFF2E8;border-radius: 25px;color: #FA541C;position: absolute;font-style: normal;right: 10px;top:6px;} .gysrisk-list ul li:hover{border-color: #1890FF;} .gysrisk-list ul li:hover .tit,.gysrisk-list ul li:hover i{color: #1890FF;} /* 供应商风险查看-深色模式 */ .dark-mode .gysrisk-data-content span.risk-data a, .dark-mode .gysrisk-data-content span.risk-data em{color: #79EEFF;} .dark-mode .risk-data-img .circle-big{background: url(../img/risk/dark/risk_c1.png) center center no-repeat;} .dark-mode .risk-data-img .circle-small{background: url(../img/risk/dark/risk_c2.png) center center no-repeat;} .dark-mode .gysrisk-data-content .risk-data1, .dark-mode .gysrisk-data-content .risk-data5{ background: url(../img/risk/dark/risk_l1.png) 0 0 no-repeat;} .dark-mode .gysrisk-data-content .risk-data2{ background: url(../img/risk/dark/risk_l2.png) 0 0 no-repeat;} .dark-mode .gysrisk-data-content .risk-data3{ background: url(../img/risk/dark/risk_l5.png) 0 0 no-repeat;} .dark-mode .gysrisk-data-content .risk-data4, .dark-mode .gysrisk-data-content .risk-data8, .dark-mode .gysrisk-data-content .risk-data9{ background: url(../img/risk/dark/risk_l6.png) 0 0 no-repeat; } .dark-mode .gysrisk-data-content .risk-data6, .dark-mode .gysrisk-data-content .risk-data10{ background: url(../img/risk/dark/risk_l3.png) 0 0 no-repeat;} .dark-mode .gysrisk-data-content .risk-data7{ background: url(../img/risk/dark/risk_l4.png) 0 0 no-repeat;} .dark-mode .gysrisk-list{padding:0 20px;} .dark-mode .gysrisk-list ul li{background: rgba(46, 178, 255, 0.2);border: 1px solid transparent;} .dark-mode .gysrisk-list ul li:hover{border-color: #79EEFF;} .dark-mode .gysrisk-list ul li i,.dark-mode .gysrisk-list ul li .tit{color: #79EEFF;} .dark-mode .gysrisk-list ul li.disable > a{cursor: not-allowed;} .dark-mode .gysrisk-list ul li.disable:hover{border: 1px solid transparent;} .dark-mode .gysrisk-list ul li.disable i,.dark-mode .gysrisk-list ul li.disable .tit{color: #4C92B0;} /*供应商风险查看-动效*/ @keyframes circleBig { 0% {transform:rotate(0)} 100% {transform:rotate(360deg)} } @keyframes circleSmall { 0% {transform:rotate(0)} 100% {transform:rotate(-360deg)} } /*dropdown下拉子项两列展示*/ .dropdown-menu.multiple{width:320px;max-height: 500px;overflow: auto;} .dropdown-menu.multiple li{width:150px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .dropdown-menu.multiple .divider,.dropdown-menu.multiple .divider ~ li{width:100%;display: block;text-align: center;} /*常用操作记录*/ .title .record{margin-top:4px} .record{margin:0 0 0 10px;} .record{display: inline-block;} .record .title-simple{margin-bottom:5px;} .record .record-icon{color: #EE9918;font-size:18px;} .record .record-content{min-width:300px;width:600px;max-height: 385px;padding:15px;} .record .list{display:flex; display:-ms-flexbox; flex-wrap: wrap;} .record .item-data{background: #F5F9FB;border: 1px solid #DCDFE3;padding:15px;width: calc(50% - 20px);margin: 0 20px 20px 0;} .record .item-data:nth-child(even){margin: 0 0 20px 0;} .item-data .protitle a{font-size: 12px;color: #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:#1890FF;} .item-data ul li.red,.item-data ul li.red em{color:#FA541C;} .item-data:hover,.record .list .item-data.current{border-color: #1890FF;} .item-data:hover .protitle a,.record .list .item-data.current .protitle a{color: #1890FF;} /*项目进度概述*/ .overviews-tips{margin:6px 0 0 0;} .overviews-tips > span{margin:0 10px 0 0;} .overviews-tips > span:before{content:'';width:12px; height: 12px;border-radius: 50%; display: inline-block;background: #A7B9CC;margin-right: 5px;} .overviews-tips > span.done:before{background: #1890FF;} .overviews-tips > span.current:before{background: #EE9918;} .progress-overviews{display: inline-flex;counter-reset: flag;} .progress-overviews .overviews-item{width:320px;margin:0 20px 0 0;} .xy-bar .progress-overviews .overviews-item{width:230px;margin:0;} .overviews-box{padding:15px;background: #fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);margin:0 0 20px 0;} .overviews-box .item-data{position: relative;} .overviews-box .item-data .protitle{height: 22px;overflow: hidden;display:block;text-overflow: ellipsis; white-space: nowrap;color: #2B2D3B;font-weight: 600;} .overviews-box .closebtn{float:right;font-size: 12px;position: absolute;right: 0;bottom:0;cursor: pointer;color: #1890FF;} .overviews-box .closebtn .tit2 { display: none; } .overviews-box .closebtn > em { font-style: normal; float: left; } .overviews-box .closebtn > i { font-size: 16px; margin-left: 5px; color: #A7B9CC;} .overviews-box .closebtn.active > i { transform: rotate(180deg); color: #1890FF;} .overviews-box .closebtn.active .tit1 { display: none; } .overviews-box .closebtn.active .tit2 { display: block; } .overviews-box .state{float:right;font-size: 12px;position: absolute;right: -15px;top:0;color: #fff;background: #A7B9CC;padding:2px 8px;border-radius: 15px 0 0 15px;} .overviews-box .state.current{background: #EE9918;} .overviews-box .state.done{background: #1890FF;} .overviews-box-h{width:100%;font-size: 16px;color: #1F3149;border-bottom: 1px solid #DCDFE3;padding:10px 0;margin-bottom: 10px;} /*项目进度概述-节点状态*/ .overviews-box.prenode{background: #F6FFED;border: 1px solid #52C41A;} .overviews-box.currentnode{background: #FDF6E7;border: 1px solid #EE9918;} .overviews-box.nextnode{background: #E6FFFB;border: 1px solid #13C2C2;} /*项目进度概述-时效*/ .overviews-aging{color: #4B5A6D;margin: 10px 0;position: relative;padding: 15px 0 0 0;} .overviews-aging::before{ content: ''; width: 9px; height: 9px; background: #fff; border: 1px solid #ADB3BC; display: inline-block; border-radius: 50%;position: absolute;top: 0;left: 5px;z-index: 1;} .overviews-aging::after{content: ''; width: calc(100% + 20px); height: 1px;background: #A7B9CC;display: inline-block;position: absolute;top: 4px;left: 5px;} .overviews-aging.done::before{width: 13px; height: 13px; border: 2px solid #1890FF;top: -2px;} .overviews-aging.done::after{background: #1890FF;} .overviews-aging.current::before{width: 13px; height: 13px; border: 2px solid #EE9918;top: -2px;} .progress-overviews .overviews-item:last-child .overviews-aging{top: 2px;} .progress-overviews .overviews-item:last-child .overviews-aging::after{width: calc(100% - 10px);} .overviews-aging .num{ color: #A7B9CC;margin-left:calc(100% / 2);} .progress-overviews .overviews-item:last-child .overviews-aging .num::after{content: "\e632";font-family: "iconfont" !important;position: absolute;right: 0;top: -5px;z-index: 1;} /*项目进度概述-横版*/ .overviews-item-row{width:100%;counter-reset: flag;} .overviews-item-row .overviews-box .item-data .protitle{font-size:16px;} .overviews-item-row .overviews-box .item-data .protitle::before{ width: 20px;height: 20px;border-radius: 50%;background: #1890FF;color: #fff;float: left;margin:0 10px 0 0;content: counter(flag);counter-increment: flag;font-weight: 500;text-align: center;} /*项目进度概述-步骤*/ .overviews-step{width:100%;height:auto;display: inline-block;margin:15px 0;font-size: 20px;color: #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: #F5F9FB;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: #1890FF;} .overviews-step.done .num:after{border-top-color: #1890FF; } .overviews-step.done .num,.overviews-step.done .tit:before{background: #1890FF;} .overviews-step.done .tit > span{color: #1890FF} .overviews-step.done .tit:after{border-right-color: #1890FF;border-top-color: #1890FF;} .overviews-step.current .num:before{border-bottom-color: #EE9918;} .overviews-step.current .num:after{border-top-color: #EE9918; } .overviews-step.current .num{background: #EE9918;} .overviews-step.current .tit > span{color: #EE9918} /*项目进度概述-时间轴*/ .overviews-box .overviews-timeline{border-left:1px solid #DCDFE3;border-top:1px solid #DCDFE3; margin:10px 0 0 5px;padding:10px 0 0 0;display: none;} .overviews-box .overviews-timeline.in{display: block;} .overviews-box .overviews-timeline:before{content: '';width:1px;height:15px;background: #fff;position: absolute;margin: -10px 0 0 -1px;} .overviews-box .overviews-timeline:after{content: '';width:1px;height:10px;background: #fff;position: absolute;margin: -17px 0 0 -1px;} .overviews-box .overviews-timeline .node{margin:0 0 10px 0;color: #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: #1890FF;} .overviews-box .overviews-timeline .node.done:after, .overviews-box .overviews-timeline dl.done:before{content: ''; width:1px; height: calc(100% + 2px);background: #1890FF;position: absolute;left: -1px;top: 13px;bottom: 0;right: 0;} .overviews-box .overviews-timeline .node.end.done:after{display: none;} .overviews-box .overviews-timeline dl.current dt:before{width: 15px;height: 15px;background: #EE9918;border: 4px #FFE58F solid;left:-8px;bottom: -2px} .overviews-box .overviews-timeline dl.current dt{color:#EE9918;} .overviews-box .overviews-timeline dl{margin:0 0 10px 0;position: relative;} .overviews-box .overviews-timeline dl dt{margin:0 0 5px 0;color: #2B2D3B;font-weight: normal;} .overviews-box .overviews-timeline dl dt a{color: #1890FF;} .overviews-box .overviews-timeline dl dt a:after{content: "\e6e9";font-family: "iconfont" !important;margin-left: 5px;} .overviews-box .overviews-timeline dl dd{margin:0 0 0 15px;} .overviews-box .overviews-timeline .item-data ul li.name em {color: #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: #1890FF;} /*侧边栏*/ .xy-bar{position: fixed;z-index: 99;top: 0;height: 100%;background: #fff;box-shadow: -2px 2px 8px 0 rgba(0,0,0,0.06);opacity: 0; right:-260px;transition: all 0.3s ease-in-out;} .xy-bar.in{opacity: 1; right:0;} .xy-bar .progress-overviews{padding:0 15px;} /* 供应商评价*/ .common-side { float: left; height: 100%; width: 300px;background: #fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);} .gys-evaluate{display: flex;} .gys-evaluate .common-side{margin-right:15px;} .gys-evaluate-right {overflow: hidden;padding:0 5px;flex: 1; } .gys-evaluate-right .nav-tabs{margin:0 auto;display: table;} .common-side .main-menu { padding:15px 0 20px 0; } .common-side .main-menu li { display: block; margin: 0; padding: 0; border: 0;} .common-side .main-menu li a { display: block; position: relative; margin: 0; border-left: 4px solid transparent; padding: 10px 15px; text-decoration: none; } .common-side .main-menu li a i { top:0; margin-left: 1px; margin-right:5px; font-size: 14px!important; color: #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: #1890FF;} .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: #1890FF; background: #F6F7F8; } .common-side .main-menu .sub-menu li a.current.active{border-color: #EE9918;background: rgba(238,153,24,0.1); } .common-side .main-menu .sub-menu li a.current.active .title-t, .common-side .main-menu .sub-menu li a.current .title-t{color: #EE9918; } .common-side .main-menu .sub-menu li a.done.active{border-color: #1890FF;background: rgba(24,144,255,0.1); } .common-side .main-menu .sub-menu li a.done .title-t, .common-side .main-menu .sub-menu li a.done.active .title-t{color: #1890FF;} .common-side .main-menu li>a:hover>.title-t, .common-side .main-menu .sub-menu li a.active >.title-t { color: #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; display: -ms-flexbox;} .common-side .overviews-tips > span{font-size: 12px;flex: 1;} .common-side .overviews-tips > span:before{width:8px; height: 8px;} .gys-evaluate-content{counter-reset: flag;} .gys-evaluate-content .evaluate-list{margin-bottom: 20px;} .gys-evaluate-content .evaluate-title{color: #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: #1890FF;margin:0 0 0 10px;font-weight: 500;} .gys-evaluate-content .evaluate-title .more > i{font-size: 12px;} .gys-evaluate-content .evaluate-description{line-height: 25px;color: #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; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; padding-bottom: 25px; } .gys-evaluate-content .evaluate-result dl{text-align: center;margin:0 50px;} .gys-evaluate-content .evaluate-result dl dt{color: #696E8D;line-height: 40px;font-weight: 500;} .gys-evaluate-content .evaluate-result dl dd{color: #1890FF;font-size: 30px;} /*经办人桌面-工作事项*/ .vertical-container.project-work::before{display: none;} .vertical-container.project-work { position: relative; width: 100%; margin: 0 auto; padding: 0;height:330px;} .vertical-container.project-work::after { content: ''; display: table; clear: both; } .vertical-container.project-work .vertical-timeline-block { position: relative;margin: 0; padding:5px 0; } .vertical-container.project-work .vertical-timeline-block.done:before { content: ""; float: left; width:1px;position: absolute;left: 5px; height: 100%; background: #1890FF; } .vertical-container.project-work .vertical-timeline-block::before { content: ''; position: absolute; top: 0; left: 5px; height: 100%; width: 1px; background: #DCDFE3; } .vertical-container.project-work .vertical-timeline-block:after { content: ""; display: table; clear: both;} .vertical-container.project-work .vertical-timeline-block:first-child { margin-top: 0; } .vertical-container.project-work .vertical-timeline-block:last-child {margin-bottom: 0;padding-bottom: 0; } .vertical-container.project-work .vertical-timeline-block:last-child:before{ content: "";float: left;left: 5px; width:1px;height: auto;position: absolute;background:#fff;} .vertical-container.project-work .vertical-timeline-block:last-child:after{content:'';width: 2px;height:100%;} .vertical-container.project-work .vertical-timeline-icon { position: absolute; top: 0; left: 0; width: 11px; height: 11px; border: 2px solid #ADB3BC; border-radius: 50%; background: #fff; } .vertical-container.project-work .vertical-timeline-block.done .vertical-timeline-icon {border: 2px solid #1890FF;} .vertical-container.project-work .vertical-timeline-content { position: relative; margin-left: 15px;padding:0 0 0 10px; } .vertical-container.project-work .vertical-timeline-content:after { content: ""; display: table; clear: both; } .vertical-container.project-work .vertical-timeline-content h5 { line-height: 12px; font-size: 12px; color: #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: 5px; padding-left: 12px;max-height:40px;line-height: 20px;overflow: hidden; /* background: url(../img/list-type-disc.png) no-repeat 0 6px;*/ font-size: 14px; color: #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:#1890FF;} /* 开标室预定月历-页面容器 */ .br-head .layout-side { padding: 10px!important; position: relative; } .br-head .layout-content { padding: 0 30px!important; position: relative; overflow: hidden; } .br-content .layout-side { padding: 0!important; } .br-content .layout-content { padding: 0!important; } /* 下拉日期选择框 */ .br-head .selectlist { height: 30px; padding-left: 30px; background: url("../img/date-sprite.png") no-repeat 5px 5px; } .br-head .selectlist > select { height: 30px; padding: 0 30px 0 0; border: none; background: url("../img/select-down.png") #fff no-repeat right 7px; } .br-head .selectlist > select:focus { outline: 0; } /* 当月天数列表 */ .day-step{ width: 100%; height: 50px; } .dayslide{ margin: 0 auto; } .dayslide .cons{ overflow: hidden; position: relative; height: 50px; margin: 0 auto; } .dayslide .con{ float: left; width: 9999px; position: absolute; left: 0; top: 0; } .dayslide .btns{ margin-top: -40px; display: none; } .dayslide .btns > a{ width: 30px; height: 30px; display: block; line-height: 30px; background: rgba(0,0,0,0.3); } .dayslide .btns > a > i{ font-size: 12px; color: #fff; float: right; margin: 0 2px 0 0; font-weight: 600; } .dayslide .btns > a:hover{ background: #1890FF; transition: all 0.5s ease; } .dayslide .btns .left{ position: absolute; left: -15px; border-radius: 50%; } .dayslide .btns .right{ position: absolute; right: -15px; border-radius: 50%; } .dayslide .btns .right > i{ float: left; margin: 0 0 0 2px; } .dayslide .btns .uN,.dayslide .btns a:hover.uN{ background-color: transparent; } .dayslide .btns .dN,.dayslide .btns a:hover.dN{ background-color: transparent; } .table-br-dayslist { width: auto; } .table-br-dayslist > thead > tr > th { height: 22px; width:80px; padding: 0; text-align: center; border: none; color: #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: #1890FF; } /* 开标室列表 */ .br-title { line-height: 45px; padding: 0 20px; color: #657084; font-weight: 400; background: #fafcfd; border-bottom: 1px solid #E2ECF7; } .br-list { } .br-list li { border-bottom: 1px solid #E2ECF7; } .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 #E2ECF7; } .br-grid > .thead > ul > li { float: left; line-height: 45px; color: #657084; text-align: center; border-right: 1px solid #E2ECF7; } .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 #E2ECF7; } .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 #E2ECF7; } .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: #1890FF; font-size: 16px; background: #E6F7FF; border: 1px solid #91D5FF; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: clip; } /* 24小时制 */ .br-grid.fulltime li { width: calc(100%/24); } .br-grid.fulltime .btn-add-br-event { font-size: 12px; } /* 事件开始 */ .br-event.start-0000 { left: calc((100%/48)*0); } .br-event.start-0030 { left: calc((100%/48)*1); } .br-event.start-0100 { left: calc((100%/48)*2); } .br-event.start-0130 { left: calc((100%/48)*3); } .br-event.start-0200 { left: calc((100%/48)*4); } .br-event.start-0230 { left: calc((100%/48)*5); } .br-event.start-0300 { left: calc((100%/48)*6); } .br-event.start-0330 { left: calc((100%/48)*7); } .br-event.start-0400 { left: calc((100%/48)*8); } .br-event.start-0430 { left: calc((100%/48)*9); } .br-event.start-0500 { left: calc((100%/48)*10); } .br-event.start-0530 { left: calc((100%/48)*11); } .br-event.start-0600 { left: calc((100%/48)*12); } .br-event.start-0630 { left: calc((100%/48)*13); } .br-event.start-0700 { left: calc((100%/48)*14); } .br-event.start-0730 { left: calc((100%/48)*15); } .br-event.start-0800 { left: calc((100%/48)*16); } .br-event.start-0830 { left: calc((100%/48)*17); } .br-event.start-0900 { left: calc((100%/48)*18); } .br-event.start-0930 { left: calc((100%/48)*19); } .br-event.start-1000 { left: calc((100%/48)*20); } .br-event.start-1030 { left: calc((100%/48)*21); } .br-event.start-1100 { left: calc((100%/48)*22); } .br-event.start-1130 { left: calc((100%/48)*23); } .br-event.start-1200 { left: calc((100%/48)*24); } .br-event.start-1230 { left: calc((100%/48)*25); } .br-event.start-1300 { left: calc((100%/48)*26); } .br-event.start-1330 { left: calc((100%/48)*27); } .br-event.start-1400 { left: calc((100%/48)*28); } .br-event.start-1430 { left: calc((100%/48)*29); } .br-event.start-1500 { left: calc((100%/48)*30); } .br-event.start-1530 { left: calc((100%/48)*31); } .br-event.start-1600 { left: calc((100%/48)*32); } .br-event.start-1630 { left: calc((100%/48)*33); } .br-event.start-1700 { left: calc((100%/48)*34); } .br-event.start-1730 { left: calc((100%/48)*35); } .br-event.start-1800 { left: calc((100%/48)*36); } .br-event.start-1830 { left: calc((100%/48)*37); } .br-event.start-1900 { left: calc((100%/48)*38); } .br-event.start-1930 { left: calc((100%/48)*39); } .br-event.start-2000 { left: calc((100%/48)*40); } .br-event.start-2030 { left: calc((100%/48)*41); } .br-event.start-2100 { left: calc((100%/48)*42); } .br-event.start-2130 { left: calc((100%/48)*43); } .br-event.start-2200 { left: calc((100%/48)*44); } .br-event.start-2230 { left: calc((100%/48)*45); } .br-event.start-2300 { left: calc((100%/48)*46); } .br-event.start-2330 { left: calc((100%/48)*47); } .br-event.start-2400 { left: calc((100%/48)*48); } /* 事件结束 */ .br-event.percent-0 { width: 0; } .br-event.percent-1u { width: calc((100%/48)*1); } .br-event.percent-2u { width: calc((100%/48)*2); } .br-event.percent-3u { width: calc((100%/48)*3); } .br-event.percent-4u { width: calc((100%/48)*4); } .br-event.percent-5u { width: calc((100%/48)*5); } .br-event.percent-6u { width: calc((100%/48)*6); } .br-event.percent-7u { width: calc((100%/48)*7); } .br-event.percent-8u { width: calc((100%/48)*8); } .br-event.percent-9u { width: calc((100%/48)*9); } .br-event.percent-10u { width: calc((100%/48)*10); } .br-event.percent-11u { width: calc((100%/48)*11); } .br-event.percent-12u { width: calc((100%/48)*12); } .br-event.percent-13u { width: calc((100%/48)*13); } .br-event.percent-14u { width: calc((100%/48)*14); } .br-event.percent-15u { width: calc((100%/48)*15); } .br-event.percent-16u { width: calc((100%/48)*16); } .br-event.percent-17u { width: calc((100%/48)*17); } .br-event.percent-18u { width: calc((100%/48)*18); } .br-event.percent-19u { width: calc((100%/48)*19); } .br-event.percent-20u { width: calc((100%/48)*20); } .br-event.percent-21u { width: calc((100%/48)*21); } .br-event.percent-22u { width: calc((100%/48)*22); } .br-event.percent-23u { width: calc((100%/48)*23); } .br-event.percent-24u { width: calc((100%/48)*24); } /*审批优化页面*/ .check-inline{display: inline;} .check-inline .checkbox,.check-inline .radio{margin:-7px 0 0 0;} .approval-fixed{width:150px;padding: 15px;background: #fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);position: fixed;right: 60px;top:220px;} .approval-fixed .nav{border-left: 1px #DCDFE3 solid;padding-left: 10px;margin-top:10px;} .approval-fixed .nav:before,.approval-fixed .nav:after{content: '';width:1px; height: 10px; background: #fff;float: left;margin: 0 0 0 -11px;} .approval-fixed .nav:after{margin: -10px 0 0 -11px;} .approval-fixed .nav li{margin:0 0 15px 0;display: block;} .approval-fixed .nav li:before{content: ''; width: 7px;height: 7px;background: #DCDFE3;border-radius: 50%; float: left;margin: 6px 0 0 -14px;border:1px #fff solid;} .approval-fixed .nav li.active:before{background: #1890FF;} .approval-fixed .nav li:last-child{margin-bottom: 0;} .approval-fixed .nav li > a{padding: 0;color: #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: #1890FF;} .approval-fixed .bottom-tools{position: relative;bottom: auto;right: auto;left: 10px;} .approval-fixed #scrollUp{background: none;width: 100%;height: auto;line-height: normal;transform: none;text-align: left;opacity: 1;padding:10px 0;} .approval-fixed #scrollUp i{color: #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 #E2ECF7; 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: #1890FF; z-index: 99; transition: all 0.15s linear; } .slidecontainer.ele-all ul li.select a.item-title { color: #1890FF; } /* 右树左内容的收缩控制 */ #right-recover { float:right; margin-top: 300px; } #right-recover a { display: block; width: 20px; height: 50px; padding-top: 2px; line-height: 14px; background: #1890FF; text-align: center; font-size: 12px; color: #fff; border-radius: 2px 0 0 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } #right-recover a i { font-size: 12px; } #right-recover a.control2 { display: none; } .collapsed-side .layout-r-side { display: none; } .collapsed-side #right-recover a.control1 { display: none; } .collapsed-side #right-recover a.control2 { display: block; } /* 左树右内容的收缩控制 */ #left-recover { float:left; margin-top: 300px; } #left-recover a { display: block; width: 20px; height: 50px; padding-top: 2px; line-height: 14px; background: #1890FF; text-align: center; font-size: 12px; color: #fff; border-radius: 2px 0 0 2px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } #left-recover a i { font-size: 12px; } #left-recover a.control2 { display: none; } .collapsed-side .layout-side { display: none; } .collapsed-side #left-recover a.control1 { display: none; } .collapsed-side #left-recover a.control2 { display: block; } /* 提交审批意见 */ .approval-comments{display:flex;align-items: flex-start;justify-content: space-between;} .approval-comments-button{margin: 0 0 0 20px;} .drop-opinion{width: 250px;padding: 15px;} .drop-opinion textarea.form-control{height: 70px;} .drop-opinion-list{margin:15px 0 0 0;padding:10px 0 0 0;border-top: 1px #f3f4f5 solid;overflow: auto;} .drop-opinion-list .drop-list{max-height: 300px; border: none; box-shadow: none;} .drop-opinion-list .drop-list li .drop-content .d-text{font-size: 12px;padding-right: 30px;line-height: 22px;} /* 审批流程 */ .approval-function{display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: start; justify-content: space-between; -ms-flex-pack: justify;} .approval-function ul li{display: inline-block;} .approval-function .dropdown ul li{padding: 5px 10px;} .approval-function .dropdown ul li i{margin-right:5px;} .approval-function ul li a{padding:3px 8px;} .approval-function ul li a.active{background: #E7F3FF;color: #1890FF;border-radius: 2px; } .approval-function ul li.line{width: 1px;height: 16px;background: #E2ECF7;display: inline-block;margin:0 10px; position: relative;top: 5px;} .approval-function .function-right{display: inline-block;} .approval-layout{display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: start; justify-content: space-between; -ms-flex-pack: justify;} .approval-layout .layout-left{width:120px;margin-right: 20px;padding: 20px 20px 0 20px;border-radius: 2px;background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);} .approval-layout .layout-mid{flex: 1;padding: 20px 20px 0 20px;border-radius: 2px;background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);} .approval-layout .layout-right{width:380px;margin-left: 20px;;padding: 20px 20px 0 20px;border-radius: 2px;background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);} .approval-form .chosen-choices .search-choice .checkbox{min-height:inherit;} .approval-form .chosen-choices .search-choice .checkbox label::before{top: 0;} .approval-form .chosen-container-diy .chosen-choices{background: #fff;} /* 文档树型结构 */ .treefile { overflow: hidden; } .treefile dl { padding-bottom: 10px; padding-left: 20px; } .treefile dl dt { position: relative; margin: 0 15px 15px 0; line-height: 14px; font-weight: 400;} .treefile dl dt:before { content: ''; width: 14px; height: 14px; position: absolute; top: 0; left: -20px; color: #1890FF; font-family: "iconfont" !important; } .treefile dl dt.sbjd:before { content: "\e675"; } .treefile dl dt.kbjd:before { content: "\e7f3"; } .treefile dl dt.pbjd:before { content: "\e791"; } .treefile dl dt.normal:before { content: ""; width: 6px; height: 6px; top: 3px; left: -15px; background: #1890FF; border-radius: 50%!important; } .treefile dl dd { line-height: 1; } .treefile dl dd span { display: inline-block; margin: 0 2px 15px 0; line-height: 12px; font-size: 12px; } .treefile dl dd a { display: inline-block; margin: 0 20px 15px 0; line-height: 12px; font-size: 12px; } /* 支付页面 */ .pay-method img{max-width: 120px;} .pay-main{margin-bottom: 20px; padding:20px; border-radius: 2px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);position: relative;} .pay-main::before{ content: ''; background: #1890FF; width: 100%; height: 4px; border-radius: 4px; display: inline-block; position: absolute; top: 0; left: 0; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); } .pay-totalamount{border-bottom: 1px #DCDFE3 dashed;padding: 20px;text-align: center;color: #A7B9CC;margin:0 0 20px 0;} .pay-totalamount .amount{font-size: 28px;margin:0 5px;color: #1890FF;} .pay-layout{display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;} .pay-layout .pay-left{flex: 1;} .pay-layout .pay-right{margin:0 20px 0 0;} .pay-main .pay-codetit{text-align: center;} .pay-main .pay-codeimg{margin:10px 0;text-align: center;} .pay-main .pay-codeimg img{width: 120px; height: 120px;} .pay-main .pay-codeinfo{font-size: 12px;text-align: center;} .pay-main .pay-neck::before,.pay-main .pay-neck::after{ content: ""; position: absolute; top: 50%; left: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #F5F9FB; } .pay-main .pay-neck::after{right: -10px;left: inherit;} /*手机端app下载页面*/ .appdown-info{background: url(../img/app/app_info.png) #1890FF bottom center no-repeat;background-size: 100%;height:470px;} .appdown-info .app-txt1{font-size: 22px;font-weight: 600;color: #fff;line-height: 40px;margin:0 auto;padding: 50px 20px 0 20px;} .appdown-info .app-txt2{font-size: 14px;color: #fff;margin:0 auto;padding:0 20px;opacity: 0.8;} .appdown-info .line{height:3px;width:30px;background: #fff;margin:10px 0 0 20px;} .appdown-btn{ margin: -80px 20px 0 20px; border-radius: 8px; background: #fff; padding:30px 20px; } .appdown-btn .btn{width: 100%;padding: 10px 0;margin: 30px 0 0 0;} .appdown-btn .btn:first-child{margin-top: 0;} /* 手机签名页面 */ .lock-wrp { position: absolute; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); } .lock-wrp .tip-img { display: inline-block; width: 67px; height: 109px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC"); transform: rotate(90deg); animation: lock-wrp-rotation infinite 1.5s ease-in-out; background-size: 67px 109px; margin-bottom: 2em; } .lock-wrp p { color: white; font-size: 2em; } @keyframes lock-wrp-rotation { 10% { transform: rotate(90deg); } 50% { transform: rotate(0); } 60% { transform: rotate(0); } 90% { transform: rotate(90deg); } 100% { transform: rotate(90deg); } } /* 商品库查询 */ .productlib-title{ text-align: center;font-size: 20px;font-weight: 600;} .productlib-info{ text-align: center;margin: 10px 0 20px 0;border-bottom: 1px solid #E2ECF7;padding:0 0 15px 0;} .productlib-info span { margin-right: 20px;} .productlib-info span em { color: #4B5A6D; font-style: normal; margin-right: 10px;} .productlib-item{padding:0 0 0 50px;display: flex;justify-content: space-around;} .productlib-item .data-icon, .productlib-item dl:nth-child(6) .data-icon{ width: 60px; height: 60px; line-height:60px; margin:0 10px 0 0; text-align:center; float: left; background: linear-gradient(45deg, #A84CF2 0%, #6E63F1 100%); border-radius: 50%;} .productlib-item dl:nth-child(2) .data-icon, .productlib-item dl:nth-child(7) .data-icon{background: linear-gradient(50deg, #02D5BD 0%, #00C7F7 99%);} .productlib-item dl:nth-child(3) .data-icon, .productlib-item dl:nth-child(8) .data-icon{background: linear-gradient(225deg, #0572ED 0%, #00C6FC 100%);} .productlib-item dl:nth-child(4) .data-icon, .productlib-item dl:nth-child(9) .data-icon{background: linear-gradient(45deg, #FFAB7D 0%, #FF677F 100%);} .productlib-item dl:nth-child(5) .data-icon, .productlib-item dl:nth-child(10) .data-icon{background: linear-gradient(45deg, #429321 0%, #B4EC51 100%);} .productlib-item .data-icon > i{font-size: 26px;color:#fff;} .productlib-item dl {flex: 1;} .productlib-item dl dt{font-size: 12px;color: #657282; line-height: 20px;font-weight: 500;margin:5px 0 5px 0;} .productlib-item dl dd{font-size:22px;line-height:30px;} .productlib-item dl dd em{font-size: 12px;color: #657282;margin-left:10px;font-style: normal;} /* 供应商全局画像 */ .statis-main{background:rgba(46, 178, 255, 0.1);border-radius: 2px;overflow: hidden;padding:10px 0;margin: 0 0 20px 0;} /* 供应商全局画像-标题 */ .statis-title{height: 40px;} .statis-title .title-left{float: left;} .statis-title .title-left h4{color: #79EEFF;font-size: 20px;height: 20px;line-height: 20px;margin: 8px 0 0 0;} .statis-title .title-left h4::before{content: '';width: 3px;height: 20px;background: #24D8F2;float: left;margin: 1px 10px 0 0;} .statis-title .title-center{color: #B3F5FF;margin: 10px 0 0 10px;float: left;} .statis-title .title-right { float: right; position: relative; margin: 10px 10px 0 10px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .statis-title .title-right .btn-manual{background-color: #79EEFF;border-color: transparent;color: #232F54;} .statis-title .title-right .btn-manual:hover{background-color: #B3F5FF;} /* 供应商全局画像-小标题 */ .statis-form-title { margin-bottom: 4px; line-height: 20px; min-height: 20px; font-size: 16px; font-weight: 700; color: #79EEFF; } .statis-form-title .dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin-right: 6px; background: #4283A8; border-radius: 50%!important; margin-top: -3px; } /* 供应商全局画像-子标题 */ .statis-subtitle{text-align: center;position: relative;margin: 0 auto;} .statis-subtitle::before{content: ''; background: linear-gradient(to right, transparent 30%,#79EEFF 100%);width: 50%;height: 1px;display: inline-block;position: absolute;top: 8px;left: -60px;} .statis-subtitle::after{content: ''; background: linear-gradient(to right, #79EEFF 0%,transparent 70%);width: 50%;height: 1px;display: inline-block;position: absolute;top: 8px;left: calc(50% + 60px);} .statis-subtitle h5{font-size: 16px;color: #79EEFF;padding:0 15px;display: inline-block;position: relative;} /* 供应商全局画像-内容内标题 */ .content-tit{font-size: 20px;color: #79EEFF;margin-bottom: 10px;} /* 供应商全局画像-企业概况 */ .portrait-score{ text-align: center;color: #79EEFF;margin: 15px 0;} .portrait-score em{font-size: 24px;font-style: normal;margin: 0 5px;} /* 供应商全局画像-评估详情 */ .supplier-eval-layout{display: flex; align-items: center;padding: 30px;} .supplier-eval-layout .layout-right{ flex: 1;} .supplier-eval-layout .layout-left{ margin-right: 50px;} .total-score{ width: 100px; height: 100px;text-align: center; background: #DDB7FF; border-radius: 50%;color: #232F54;border: 1px solid #9E5AFC;} .total-score .score{ font-size: 28px;padding: 18px 0 0 0;} .child-score{ width: 100px; height: 80px; text-align: center; border-radius: 4px; color: #232F54;position: relative;} .child-score .score{ font-size: 28px;padding: 7px 0 0 0;} .child-score:first-child,.child-score:nth-child(5),.child-score:nth-child(9), .child-score.num1,.child-score.num5,.child-score.num9{ background: #96E994;border: 1px solid #52C41A;} .child-score:nth-child(2),.child-score:nth-child(6),.child-score:nth-child(10), .child-score.num2,.child-score.num6,.child-score.num10{ background: #FAE4C1;border: 1px solid #EE9918;} .child-score:nth-child(3),.child-score:nth-child(7),.child-score:nth-child(11), .child-score.num3,.child-score.num7,.child-score.num11{ background: #99E8E7;border: 1px solid #13C2C2;} .child-score:nth-child(4),.child-score:nth-child(8),.child-score:nth-child(12), .child-score.num4,.child-score.num8,.child-score.num12{ background: #FFA3CC;border: 1px solid #FD407F;} .supplier-eval-layout .child-score{ margin: 50px 0;} .supplier-eval-layout .child-score:first-child{ margin-top: 0;} .supplier-eval-layout .child-score:last-child{ margin-bottom: 0;} /* 供应商全局画像-评价 */ .gys-appraise{margin-bottom: 15px;display: flex;} .appraise-list{background:rgba(46, 178, 255, 0.1);border-radius: 2px;width: 300px;margin: 0 20px 0 0;cursor: pointer;} .appraise-list .appraise-title{background: #255B9B;border-radius: 2px;padding: 10px;text-align: center;font-size: 20px;color: #79EEFF;} .appraise-list .appraise-info{font-size: 16px;color: #B3F5FF;margin: 10px 25px;height: 50px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp: 2;} .appraise-list .appraise-time{font-size: 12px;color: #79EEFF;text-align: right;padding: 10px 20px;} .gys-appraise-slidecontainer{background: transparent;box-shadow: none;height: 160px;} .gys-appraise-slidecontainer .slidestep .cons{height: 160px;} .gys-appraise-slidecontainer .slidestep{margin: 0!important;} .gys-appraise-slidecontainer .slidestep .btns{margin-top: -90px;} .gys-appraise-slidecontainer .slidestep .btns > a{background: rgba(121, 238, 255, 0.2);} .appraise-list:hover,.appraise-list.active{background: #255B9B;} .appraise-list:hover .appraise-title,.appraise-list.active .appraise-title{background: #79EEFF;color: #232F54;} /* 供应商全局画像-更多维度 */ .dimension-list{display: flex;margin: 0 0 15px 0;} .dimension-list .dimension-tit{width: 150px;color: #79EEFF;} .dimension-list .dimension-tit::before{float: left; content: ''; width: 6px; height: 6px; margin: 8px 7px 0 0; background: #79EEFF; border-radius: 50%;} .dimension-list .dimension-content{flex: 1;border-bottom: 1px #42A5BC dashed;} .dimension-list:last-child .dimension-content{border-bottom: none;} .dimension-list .dimension-content ul{display: flex;flex-wrap: wrap;} .dimension-list .dimension-content ul li{width: 150px;margin-bottom: 15px;} .dimension-list .dimension-content ul li a{color: #79EEFF;font-size: 12px;} .dimension-list .dimension-content ul li a:hover{color: #EE9918;} .dimension-list .dimension-content ul li a.disable{color: #4C92B0;cursor: not-allowed;} /* 供应商全局画像-投标流程 */ .supplier-timeline{color: #79EEFF;padding-left: 20px;} .supplier-timeline .supplier-timeline-year{font-size: 18px;padding:10px 0 10px 25px;position: relative;} .supplier-timeline .supplier-timeline-year::before{content: '';width: 1px; height: 100%;display: inline-block;background: #79EEFF;position: absolute;left: 0;} .supplier-timeline .supplier-timeline-year::after{ content: "\e7e2";font-family: "iconfont" !important;width: 22px; height: 22px;line-height: 22px;text-align: center;font-size: 14px; display: inline-block;background: #79EEFF;color: #232F54;border-radius:50%;position: absolute;left: -10px;} .supplier-timeline .supplier-timeline-item{position: relative;padding:10px 0 10px 25px;} .supplier-timeline .supplier-timeline-item::before{ content: ''; width: 1px; height: 100%;display: inline-block;background: #79EEFF;position: absolute;left: 0;} .supplier-timeline .supplier-timeline-item .info{color: #B3F5FF;margin-top: 5px;font-size: 12px;line-height: 22px;} .supplier-timeline .supplier-timeline-item .date::before{ content: ''; width: 11px; height: 11px; display: inline-block; background: #79EEFF; border-radius:50%;position: absolute;left: -5px;top: 14px;border: 2px solid #234483;;} .supplier-timeline .supplier-timeline-item:last-child::before{display: none;} /* 供应商全局画像-合作情况 */ .statis-cooperation{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;} .statis-cooperation .cooperation-item{display: flex; align-items: center;flex: 1;background: rgba(46, 178, 255, 0.1);margin: 0 15px 0 0;border-radius: 2px;padding: 10px 15px;cursor: pointer;} .statis-cooperation .cooperation-item:hover{transform: scale(1.1,1.1);transition: all 0.3s ease-in-out;} .statis-cooperation .cooperation-item:last-child{margin-right: 0;} .statis-cooperation .cooperation-item .icon{width: 60px; height: 60px; text-align: center;line-height: 60px;background: rgba(46, 178, 255, 0.3);color: #79EEFF;font-size: 32px;border-radius:50%;margin-right: 15px;} .statis-cooperation .cooperation-item dl{text-align: center;flex: 1;} .statis-cooperation .cooperation-item dl dt{font-size: 28px;color: #B3F5FF;font-family: DINPro-CondensedBold;} .statis-cooperation .cooperation-item dl dd{color: #79EEFF;} .statis-cooperation .cooperation-item.active{background: #2F74C6;} .statis-cooperation .cooperation-item.active .icon{background: #79EEFF;color: #232F54;} @media screen and (max-width:1600px) { .statis-cooperation{justify-content: start;} .statis-cooperation .cooperation-item{width: calc(25% - 15px);flex: none;margin: 0 15px 15px 0;} .statis-cooperation .cooperation-item:last-child{margin-right: 0;margin-bottom: 0;} } /* 供应商全局画像-合作情况 */ .risk-layout{display: flex;} .risk-layout .risk-layout-content{flex: 1;} /* 供应商全局画像-风险项 */ .abnormal-item{margin: 15px 0;} .abnormal-item .abnormal-flex{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 10px;} .abnormal-item .abnormal-item-tit{color: #B3F5FF;flex: 1;line-height: 28px;margin-right: 20px;} .abnormal-item .abnormal-item-more{font-size: 18px;color: #B3F5FF;cursor: pointer;width: 30px;text-align: center;} .abnormal-item .abnormal-item-content{display: none;} .abnormal-item.active .abnormal-item-content{display: block;} .abnormal-item.active .abnormal-item-more{transform: rotate(180deg);} .risk-rating{display: flex;align-items: center;color: #1F3149;margin: 0 20px 0 0;} .risk-rating.dark-mode{color: #79EEFF;} .risk-rating .star-score{margin-left: 10px;} /* 深色模式form-horizontal */ .dark-mode .control-label,.dark-mode .form-control-static {color: #B3F5FF;} .dark-mode .form-group{margin-bottom: 0;padding: 8px 0;} .dark-mode .form-group:nth-of-type(odd) {background:rgba(46, 178, 255, 0.2);} .dark-mode .form-group:nth-of-type(even) {background:rgba(46, 178, 255, 0.1);} .dark-mode .form-group.nobg{background: transparent;} /* 深色模式-小标题 */ .dark-mode .form-title { margin: 10px 0; line-height: 20px; min-height: 20px; font-size: 16px; font-weight: 700; color: #79EEFF;} .dark-mode .form-title .dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin-right: 6px; background: #24D8F2; border-radius: 50%!important; margin-top: -3px; } /* 大屏中转页 */ .datatransfer{background-image: url("../img/datatransfer-bg.png");background-size: 100% 100%;background-repeat: no-repeat; width: 100%;height: 100vh;position: relative;} .toshop{background: url("../img/toshop-bg.png") no-repeat 100% 100%;background-size: cover; width: 100%;height: 100vh;position: relative;} .datatransfer-btn{position: absolute;top: 60%;left: 13%;} .datatransfer-btn .btn{background: linear-gradient(270deg, #F9AB3D 0%, #F48232 100%);border-radius: 30px;font-size: 20px;border-color: transparent;padding: 10px 30px;} .datatransfer-btn .btn:hover{transition: all 0.5s ease-in;transform: scale(1.1,1.1);} /* 表头字段信息 */ .field-head { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; flex-wrap: wrap; align-content: stretch; } .field-head li { font-size: 14px; margin-bottom: 10px; padding-right: 20px; word-break: keep-all; white-space: nowrap; display: flex; display: -ms-flexbox; } .field-head li .info-label { min-width: 110px; margin-right: 10px; color: #657282; text-align: right; } .field-head li .info-input { min-width: 240px; position: relative; } /* 全文检索 */ .fulltext-search{background: url("../img/jiansuo-bg.jpg") bottom center no-repeat;background-size: cover; width:100%;height: 100vh;} .fulltext-title h2{font-size: 36px; color: #1890FF;margin: 0 0 10px 0;} .fulltext-title > .text{color: #1F3149;} .fulltext-title{display: flex;align-items: center;margin: 0 auto;justify-content: center;padding-top: 5%;} .fulltext-title .fulltext-title-icon{color: #1890FF;font-size: 50px;margin: 0 20px 0 0;} .fulltext-searchcontent{width: 900px;margin: 40px auto auto auto;position: relative;} .fulltext-searchcontent.icon::before{content: "\e88a";font-family: "iconfont" !important;color: #1890FF;font-size: 55px;position: absolute;left: -80px;} .fulltext-searchinput{display: flex;align-items: center;} .fulltext-searchinput .control-container,.fulltext-searchinput .form-group{flex: 1;margin-bottom: 0;} .fulltext-searchinput .input-group.suggest > .input-group-btn > .suggest-btn{top: 8px;} .fulltext-searchinput .form-control{height: 40px;background-color: #fff;border: 1px solid #DCDFE3;} .fulltext-searchinput .form-control:focus{border: 1px solid #DCDFE3;} .fulltext-searchinput .btn{padding: 9px 20px;border-radius: 0 2px 2px 0;} .fulltext-searchcontent .nav-tabs{margin-bottom: 0;} .fulltext-searchcontent .nav-tabs > li{margin-right: 5px;margin-bottom: -2px;} .fulltext-searchcontent .nav-tabs-line>li>a{ padding: 4px 15px; background-color: #dcdfe4;border-bottom: none;} .fulltext-searchcontent .nav-tabs-line>li>a:hover{border-color: transparent;} .fulltext-searchcontent .nav-tabs-line>li.active>a{color: #1890FF;background-color: #fff;border-color: transparent;border: 1px solid #DCDFE3;border-bottom: none;} .fulltext-searchcontent .result{font-size: 12px;color: #4B5A6D;margin: 10px 0 0 0;} .fulltext-searchresult{width: 900px;margin: 40px auto auto auto;} .fulltext-searchresult .list{margin-bottom: 30px;} .fulltext-searchresult .list .result-title{font-size: 18px;color: #1890FF;margin: 0 0 10px 0;} .fulltext-searchresult .list .result-title > a{color: #1890FF;} .fulltext-searchresult .list .result-desc{font-size: 12px;margin: 0 0 10px 0;} .fulltext-searchresult .list .result-info{font-size: 12px;} .fulltext-searchresult .list .result-info > span > em{color: #6F7B8A; font-style: normal;margin: 0 10px 0 0;} .fulltext-searchresult .list .result-info > span{margin: 0 10px 0 0;} .fulltext-searchresult .dataTables_bottom{width: 100%;position: initial;margin: 0;background-color: transparent;box-shadow: none;} .fulltext-searchresult .dataTables_bottom .dataTables_info{margin: 0;} .fulltext-searchresult .dataTables_bottom .dataTables_paginate{margin-right: 0;} .fulltext-searchrelated{margin: 20px 0;} .fulltext-searchrelated ul{display: flex;flex-wrap: wrap;margin:10px 0 0 0;} .fulltext-searchrelated ul li{width: calc(20% - 20px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 20px 10px 0;} /* 公告正文 */ .article { margin: 50px auto 30px auto; width: 70%; } .article h2 { margin-bottom: 20px; line-height: 1.2; font-size: 26px; text-align: center; } .article .article-info { margin-bottom: 40px; color: #696E8D; text-align: center; } .article .article-info span { margin: 0 50px 0 10px; color: #1F3149; } .article p { margin-bottom: 30px; line-height: 22px; } .article p img { border: 0; } .article hr { margin: 20px 0 40px 0; border: 1px solid #E2ECF7; } /* 从project.css移过来的项目列表 */ /* 流程审批页面的标题 */ .return-box { display: none; position: fixed; top: 120px; right: 50px; background: #fff; border: 1px solid #ddd; width: 300px; border-radius: 5px; } .return-box.active { display: block; } .return-box .heading { background: #f5f5f5; padding: 8px 15px; font-weight: bold; } .return-box .content { margin: 0; padding: 15px 15px; } .lcsp-box { display: none; position: fixed; top: 120px; right: 25px; background: #fff; border: 1px solid #ddd; width: 300px; border-radius: 5px; } .lcsp-box.active { display: block; } .lcsp-box .heading { background: #f5f5f5; padding: 8px 15px; font-weight: bold; } .lcsp-box .content { margin: 0; padding: 15px 15px; } /* 项目列表 */ .project-list { } .project-list .project-item { padding: 15px; margin-bottom: 15px; position: relative; border-left: 3px solid #fff; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .project-list .project-item:hover, .project-list .project-item:focus, .project-list .project-item:active, .project-list .project-item.active { border-left: 3px solid #1890FF; background: url("../img/td-corner.png") #fff no-repeat right top; box-shadow: 0 8px 30px 0 rgba(0,0,0,0.06); } .project-list .project-item .protitle { margin: 0 200px 15px 0; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .project-list .project-item .protitle h5 { margin: 5px 5px 5px 35px; line-height: 20px; font-size: 16px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project-list .project-item .protitle .proauction { flex: 1; word-break: keep-all; white-space: nowrap; } /* 项目字段 */ .project-list .project-item .prodetail>ul { margin: 10px 120px 5px 35px; } .project-list .project-item .prodetail>ul:after { display: table; content: ''; clear: both; } .project-list .project-item .prodetail>ul li { float: left; padding: 0; } .project-list .project-item .prodetail>ul li.field { width: auto; } .project-list .project-item .prodetail>ul li:first-child { padding-left: 0; } .project-list .project-item .prodetail>ul li:last-child { position: absolute; right: 0; } .project-list .project-item .prodetail>ul li .fieldname { font-size: 14px; margin-bottom: 5px; /*word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .project-list .project-item .prodetail>ul li .fieldvalue { font-size: 14px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project-list .project-item .prodetail>ul li .fieldname > em, .project-list .project-item .prodetail>ul li .fieldvalue > em{ font-style: normal; color: #4B5A6D; margin-right: 10px; } .project-list .project-item .prodetail>ul li .fieldvalue > i{ margin-right: 5px; color: #ADB3BC; } .project-list .project-item .prodetail>ul li .tools-box { position: relative; width: 120px; height: 80px; display: table-cell; vertical-align: middle; text-align: right; top: -35px; } .project-list .project-item .prodetail>ul li .tools-box > a, .project-list .project-item .prodetail>ul li .tools-box > .btn { display: block; text-align: right; } .project-list .project-item .prodetail>ul li .tools-box > .btn-group{ position: absolute; right: -25px; top: 28px; outline: 0; } .project-list .project-item .prodetail>ul li .tools-box > .btn-group .btn-action i { font-size: 18px; } .project-list .project-item .prodetail>ul li .dropdown-menu li{ display: inline-block; width: 100%; position: relative; } /*项目进度*/ .project-list .project-item .prodetail .project-step{ width: 100%; margin: 0 auto; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .project-list .project-item .prodetail .project-step dl{ width: 70px; margin: 0; position: relative; } .project-list .project-item .prodetail .project-step dl:before{ position: absolute; top: 6px; left: 0; content: " "; width: 30px; height: 2px; background: #DCDFE3; } .project-list .project-item .prodetail .project-step dl:after{ position: absolute; top: 6px; right: 0; content: " "; width: 30px; height: 2px; background: #DCDFE3; } .project-list .project-item .prodetail .project-step dl:last-child:after, .project-list .project-item .prodetail .project-step dl:first-child:before, .project-list .project-item .prodetail .project-step dl.done:first-child:before{ background-color: transparent; } .project-list .project-item .prodetail .project-step dl.done dt i{ width: 14px; height: 14px; background: #FFFFFF; border: 2px solid #1890FF; top: 0; } .project-list .project-item .prodetail .project-step dl.done:before,.project-list .project-item .prodetail .project-step dl.done:after{ background: #1890FF; opacity: 0.8; } .project-list .project-item .prodetail .project-step dl:last-child.done:after{ background-color: transparent; opacity: 0.8; } .project-list .project-item .prodetail .project-step dl dd{ position: absolute; top: 20px; width: 100%; font-size: 14px; color: #4B5A6D; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .project-list .project-item .prodetail .project-step dl dt i{ position: relative; top: -3px; text-align: center; width: 10px; height: 10px; border: 1px solid #ADB3BC; background: #fff; display: inline-block; border-radius: 50%; } .project-list .project-item .prodetail .project-step dl dt{ position: absolute; top: 0; width: 100%; text-align: center; } /* 项目评审列表 */ .project-list .project-item .pstype { width: 50px; height: 22px; position: absolute; top: 10px; left: 24px; background: url(../img/pstype.png) no-repeat; } .project-list .project-item .pstitle h5 { margin: 5px 0 10px 0; padding-left: 75px; } .project-list .project-item .pstype.zb { background-position: 0 0; } .project-list .project-item .pstype.jsbz { background-position: -50px 0; } .project-list .project-item .psdetail > table { margin-bottom: 0!important; } .project-list .project-item .psdetail > table > thead > tr > th { background: transparent; color: #999; } .project-list .project-item .psdetail > table > tbody > tr > td { border-top: 1px solid transparent; } /*分险列表样式*/ .risklist .project-item .prodetail ul li .tools-box{ top: -18px; height: auto; } .project-list .project-item .protitle h5 .risk-icon{ font-size: 12px; padding: 2px 8px 2px 0; color: #fff; border-radius: 2px; font-weight: 500; margin-left: 20px; } .project-list .project-item .protitle h5 .risk-icon > em{ width: 24px; height: 24px; text-align: center; line-height: 21px; border: 2px #fff solid; border-radius: 20px; display: inline-block; position: relative; left: -5px; } .project-list .project-item .protitle h5 .risk-icon > em >i{ font-size: 14px; opacity: 0.8; } .project-list .project-item .protitle h5 .risk-icon.red,.project-list .project-item .protitle h5 .risk-icon.red > em{ background: #FF7A45; } .project-list .project-item .protitle h5 .risk-icon.yellow,.project-list .project-item .protitle h5 .risk-icon.yellow > em{ background: #FFB63D; } .project-list .project-item .protitle h5 .risk-icon.green,.project-list .project-item .protitle h5 .risk-icon.green > em{ background: #73D13D; } /*项目列表-卡片式*/ .project-card .project-item { padding: 15px 20px 0 20px; margin-bottom: 20px; position: relative; border-left: 0; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .project-card .project-item:hover, .project-card .project-item:focus, .project-card .project-item:active, .project-card .project-item.active { border-left: 0; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .project-card .project-item .protitle { margin: 0 0 15px 0; } .project-card .project-item .protitle h5 { margin: 5px 0 5px 0; padding-left: 0; font-size: 16px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project-card .project-item .prodetail { border-bottom: 1px solid #E2ECF7; } .project-card .project-item .prodetail ul { margin: 10px 0; } .project-card .project-item .prodetail ul li:last-child { position: relative; } .project-card .project-item .prodetail ul li .fieldname { font-size: 14px; margin-bottom: 5px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project-card .project-item .prodetail ul li .fieldname > em { font-style: normal; color: #4B5A6D; margin-right: 10px; } .project-card .project-item .prodetail .button { margin-bottom: 8px; height: 10px; line-height: 10px; text-align: center; } .project-card .project-item .prodetail .button > .btn { margin-right: 0; padding: 0; color: #D8D8D8; border: 0; } .project-card .project-item .prodetail .button > .btn:hover, .project-card .project-item .prodetail .button > .btn.active { color: #1890FF; } .project-card .project-item .prodetail .button > .btn > .fa { display:block; margin: 0; font-size: 12px; -webkit-transform: scale(0.6); -o-transform: scale(0.6); } .project-card .project-item .protime{ width: 100%; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .project-card .project-item .protime .left{ flex: auto; color: #2B2D3B; font-size: 14px; } .project-card .project-item .protime .right{ color: #696E8D; font-size: 12px; } .project-card .project-item .protime .right i{ margin: 0 5px 0 0; } .project-card .project-item .probutton{ padding: 10px 0; } .project-card .project-item .probutton .tools-box{ display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; } .project-card .project-item .probutton .tools-box .btn-action{ flex: 1; } .project-card .project-item .probutton .tools-box .btn-group{ top: 3px; } /*竞价项目*/ .project-card .project-item .proauction { margin-bottom: 10px; } .project-card .project-item .proauction .auctiontype { font-size: 12px; padding: 2px 8px; border-radius: 2px; font-weight: normal; margin: 0 0 0 8px; white-space: nowrap; } .project-card .project-item .proauction .auctiontype:first-child { margin: 0; } .project-card .project-item .proauction .auctiontype.blue { background: #fff; border: 1px solid #2DA1F8; color: #2DA1F8; } .project-card .project-item .proauction .auctiontype.red { background: #fff; border: 1px solid #DE6843; color: #DE6843; } .project-card .project-item .proauction .auctiontype.green { background: #fff; border: 1px solid #52C41A; color: #52C41A; } .project-card .project-item .proremain { margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #E2ECF7; overflow: hidden; } .project-card .project-item .proremain .left { float: left; color: #4B5A6D; } .project-card .project-item .proremain .right { float: right; } .remaintime { display: inline-block; line-height: 12px; padding: 3px 6px; font-weight: 700; font-size: 12px; background: #E7F3FF; color: #1890FF; border-radius: 2px; } /* 从desktop.css和gysgl.css移过来的项目列表 */ .remind-todos { margin: 0px; padding: 0px; list-style: none; } .remind-todos > li { margin-bottom: 16px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .remind-todos > li:hover { box-shadow: 0 0 10px 5px rgba(0,0,0,0.08); transition: all 0.15s linear; } .remind-todos > li:before, .remind-todos > li:after { display: table; line-height: 0; content: ""; } .remind-todos > li:after { clear: both; } .remind-todos > li:last-child { margin-bottom: 0px; } .remind-todos > li > .col1 { float: left; width: 100%; } .remind-todos > li > .col1 > .cont { margin-right: 120px; overflow: hidden; } .remind-todos > li > .col1 > .cont > .cont-col1 { float: left; margin-right: -100%; } .remind-todos > li > .col1 > .cont > .cont-col1 > .zblb { display: none; width: 45px; line-height: 45px; margin: 18px 10px 17px 20px; padding: 0; border-radius: 50%; font-size: 24px; text-align: center; } .remind-todos > li > .col1 > .cont > .cont-col2 { float: left; width: 100%; } .remind-todos > li > .col1 > .cont > .cont-col2 > .desc { margin: 18px 0 15px 20px; line-height:16px; font-size: 16px; font-weight: 700; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .remind-todos > li > .col1 > .cont > .cont-col2 > .subdesc { margin: 0 0 17px 20px; line-height:14px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } .remind-todos > li > .col1 > .cont > .cont-col2 > .subdesc > div { margin-right: 12px; } .remind-todos > li > .col1 > .cont > .cont-col2 > .subdesc > div > span { padding-right: 8px; color: #4B5A6D; } .remind-todos > li > .col2 { float: left; width: 120px; margin-left: -120px; } .remind-todos > li > .col2 > .tool { position: relative; width: 120px; height: 80px; padding: 10px 20px 10px 10px; display: table-cell; vertical-align: middle; text-align: right; } .remind-todos > li > .col2 > .tool > a { line-height: 26px; } .remind-todos > li > .col2 > .tool > .btn-group { position: absolute; right: 0; top: 28px; } .remind-todos > li > .col2 > .tool > .btn-group > .btn-action i { font-size: 18px; color: #adb3bc; } .remind-todos > li > .col2 > .tool > .btn-group > .btn-action:hover i { color: #1890FF; } /* 项目类型 */ .protype { display: inline-block; font-size: 12px; padding: 1px 8px; border-radius: 2px; font-weight: normal; margin: 0 0 0 8px; white-space: nowrap; } .protype.type00380002, .protype.type00380010, .protype.type00380026 { background: #fff; border: 1px solid #D3ADF7; color: #722ED1; } .protype.type00380003, .protype.type00380007, .protype.type00380019, .protype.type00380023, .protype.type00380020 { background: #fff; border: 1px solid #B7EB8F; color: #52C41A; } .protype.type00380004, .protype.type00380008, .protype.type00380020, .protype.type00380024, .protype.type00380030 { background: #fff; border: 1px solid #FFE58F; color: #EE9918; } .protype.type00380005, .protype.type00380009, .protype.type00380021, .protype.type00380025, .protype.type00380034 { background: #fff; border: 1px solid #13C2C2; color: #13C2C2; } .protype.type00380006, .protype.type00380014, .protype.type00380022, .protype.type00380032, .protype.type00380035 { background: #fff; border: 1px solid #DE6843; color: #DE6843; } .protype.type00380007, .protype.type00380012, .protype.type00380015, .protype.type00380050 { background: #fff; border: 1px solid #46B083; color: #46B083; } .protype.type00380008, .protype.type00380011, .protype.type00380016, .protype.type00380031 { background: #fff; border: 1px solid #C277CF; color: #C277CF; } .protype.type00380009, .protype.type00380013, .protype.type00380017, .protype.type00380018, .protype.type00380033 { background: #fff; border: 1px solid #D99026; color: #D99026; } .protype> i{ font-size: 14px; } .protype.blue{ background: #fff; border: 1px solid #2DA1F8; color: #2DA1F8; } .protype.red{ background: #fff; border: 1px solid #DE6843; color: #DE6843; } .protype.green{ background: #fff; border: 1px solid #52C41A; color: #52C41A; } /* 项目类型-卡片式 */ .project-card .protype { display: inline; font-size: 12px; padding: 2px 8px 2px 0; border-radius: 2px; font-weight: normal; margin: 0 10px 0 4px; white-space: nowrap; color: #fff; } .project-card .protype:before{ content: "\e657"; width: 24px; height: 24px; text-align: center; line-height: 21px; border: 2px #fff solid; border-radius: 20px; font-family: iconfont; display: inline-block; position: relative; left: -5px; top: -1px; } .project-card .protype.type00380002, .project-card .protype.type00380010, .project-card .protype.type00380026 { border: 0; background: linear-gradient(to right,rgba(114,46,209,0.6),rgba(114,46,209,1)); color: #fff; } .project-card .protype.type00380002:before, .project-card .protype.type00380010:before, .project-card .protype.type00380026:before { background: #722ED1; } .project-card .protype.type00380003, .project-card .protype.type00380007, .project-card .protype.type00380019, .project-card .protype.type00380023, .project-card .protype.type00380020 { border: 0; background: linear-gradient(to right,rgba(82,196,26,0.6),rgba(82,196,26,1)); color: #fff; } .project-card .protype.type00380003:before, .project-card .protype.type00380007:before, .project-card .protype.type00380019:before, .project-card .protype.type00380023:before, .project-card .protype.type00380020:before { background: #52C41A; } .project-card .protype.type00380004, .project-card .protype.type00380008, .project-card .protype.type00380020, .project-card .protype.type00380024, .project-card .protype.type00380030 { border: 0; background: linear-gradient(to right,rgba(238,153,24,0.6),rgba(238,153,24,1)); color: #fff; } .project-card .protype.type00380004:before, .project-card .protype.type00380008:before, .project-card .protype.type00380020:before, .project-card .protype.type00380024:before, .project-card .protype.type00380030:before { background: #EE9918; } .project-card .protype.type00380005, .project-card .protype.type00380009, .project-card .protype.type00380021, .project-card .protype.type00380025, .project-card .protype.type00380034 { border: 0; background: linear-gradient(to right,rgba(19,194,194,0.6),rgba(19,194,194,1)); color: #fff; } .project-card .protype.type00380005:before, .project-card .protype.type00380009:before, .project-card .protype.type00380021:before, .project-card .protype.type00380025:before, .project-card .protype.type00380034:before { background: #13C2C2; } .project-card .protype.type00380006, .project-card .protype.type00380014, .project-card .protype.type00380022, .project-card .protype.type00380032, .project-card .protype.type00380035 { border: 0; background: linear-gradient(to right,rgba(222,104,67,0.6),rgba(222,104,67,1)); color: #fff; } .project-card .protype.type00380006:before, .project-card .protype.type00380014:before, .project-card .protype.type00380022:before, .project-card .protype.type00380032:before, .project-card .protype.type00380035:before { background: #DE6843; } .project-card .protype.type00380007, .project-card .protype.type00380012, .project-card .protype.type00380015, .project-card .protype.type00380050 { border: 0; background: linear-gradient(to right,rgba(70,176,131,0.6),rgba(70,176,131,1)); color: #fff; } .project-card .protype.type00380007:before, .project-card .protype.type00380012:before, .project-card .protype.type00380015:before, .project-card .protype.type00380050:before { background: #46B083; } .project-card .protype.type00380008, .project-card .protype.type00380011, .project-card .protype.type00380016, .project-card .protype.type00380031 { border: 0; background: linear-gradient(to right,rgba(194,119,207,0.6),rgba(194,119,207,1)); color: #fff; } .project-card .protype.type00380008:before, .project-card .protype.type00380011:before, .project-card .protype.type00380016:before, .project-card .protype.type00380031:before { background: #C277CF; } .project-card .protype.type00380009, .project-card .protype.type00380013, .project-card .protype.type00380017, .project-card .protype.type00380018, .project-card .protype.type00380033 { border: 0; background: linear-gradient(to right,rgba(217,144,38,0.6),rgba(217,144,38,1)); color: #fff; } .project-card .protype.type00380009:before, .project-card .protype.type00380013:before, .project-card .protype.type00380017:before, .project-card .protype.type00380018:before, .project-card .protype.type00380033:before { background: #D99026; } .project-card ~ .nodata{display: none;} .project-card .protype.blue{ background: #2DA1F8; border: 0; color: #2DA1F8; color: #fff; } .project-card .protype.red{ background: #DE6843; border: 0; color: #DE6843; color: #fff; } .project-card .protype.green{ background: #52C41A; border: 0; color: #52C41A; color: #fff; } /* 专家打分偏离度 */ .zjdeviation-head{background: url(../img/ai/head-bg.png) top center no-repeat;width: 100%;height: 245px;color: #fff;margin-bottom: 20px;background-size: 100% 100%;display: flex; align-items: center;} .zjdeviation-head-content{margin: 0 0 0 10%;} .zjdeviation-head .head-h1{font-size: 28px;} .zjdeviation-analysishead{background: url(../img/ai/analysishead-bg.png) top center no-repeat;width: 100%;height: 150px;color: #fff;margin-bottom: 20px;background-size: 100% 100%;display: flex; align-items: center;} .zjdeviation-analysishead .head-h1{font-size: 28px;} .deviation-label-warning{padding: 3px 15px;background: #ffcb5b;color: #fff;border-radius: 2px;} .deviation-label-danger{padding: 3px 15px;background: #FA541C;color: #fff;border-radius: 2px;} .deviation-tips{margin: 5px 0 0 0;} .deviation-tips > span{margin:0 10px 0 0;} .deviation-tips > span:before{content:'';width:10px; height: 10px;border-radius: 50%; display: inline-block;background: #A7B9CC;margin-right: 5px;} .deviation-tips > span.danger:before{background: #FA541C;} .deviation-tips > span.warning:before{background: #ffcb5b;} .recommend-bg { width: 100%; height: 980px; background: url("../img/pb/znqb-guide.png") top center no-repeat; background-size: cover; } .recommend-animate { width: 100%; height: 980px; background: url("../img/pb/znqb-guide.gif") top center no-repeat; background-size: cover; } /* 选择时间-左右箭头 */ .select-time{display: flex;align-items: center;justify-content: center;margin: 20px 0;} .select-time .time{margin: 0 15px;} .select-time > .time-btn > a{padding: 3px 7px;background: #F5F9FB;border: 1px solid #DCDFE3;border-radius: 2px;} .select-time > .time-btn > a:hover{background: #1890FF;color: #fff;border-color: #1890FF;} .select-time > .time-btn:last-child > a > i{transform: rotate(180deg);display: inline-block;} /* 专家画像-证照信息 */ .license-list{width: 300px;margin: auto auto 20px auto;} .license-list .license-img{width: 100%;height: 190px;margin-bottom: 15px;} .license-list .license-img img{width: 100%;height: 100%;} .license-list .license-info{color: #B3F5FF;display: flex;margin-bottom: 5px;} .license-list .license-info .license-label{width: 70px;margin-right: 10px;} /* 摄像头控制按钮 */ .screenrow { overflow: hidden; } .screen-content { float: left; width: 50%; padding: 20px 0; background: #000; } .controlrow { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; } .video-icon { display: block; margin: 0 40px; } .video-icon .iconbox:before { display: block; margin: 0 auto; width: 50px; height: 50px; line-height: 42px; border: 4px solid #fff; border-radius: 50%; text-align: center; font-size: 22px; font-family: FontAwesome; } .video-icon:hover .iconbox:before { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); } .video-icon .iconbox.icon-pause:before { content: "\f04b"; border-color: #aae28e; color: #52c41a; } .video-icon .iconbox.icon-stop:before { content: "\f04d"; border-color: #f4a994; color: #e95429; } .video-icon .iconbox.icon-upload:before { content: "\e60d"; border-color: #91D5FF; color: #1890FF; } .video-icon span { display: block; margin: 5px 0; text-align: center; } /* 摄像头列表 */ .videolistall { overflow: hidden; } .videolistall .video { float: left; position: relative; width: 300px; height: 120px; padding: 25px; margin-right: 20px; margin-bottom: 20px; background: #fff; box-shadow: 0 4px 6px 0 #F0F5F7; border-radius: 2px; } .videolistall .video:hover, .videolistall .video:focus, .videolistall .video:active, .videolistall .video.active { background: url("../img/td-corner.png") #fff no-repeat right top; box-shadow: 0 8px 30px 0 rgba(0,0,0,0.06); } .videolistall .video .text-container .body-text { line-height: 14px; } .vinfo { margin-bottom: 15px; color: #696E8D; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vinfo:last-child { margin-bottom: 0; } .vinfo a:not(:first-child) { margin-left: 20px; } .vinfo .value { margin-left: 10px; display:inline; color: #2B2D3B; } /* 语义规则 */ .syntax-rule { display: flex; display: -ms-flexbox; flex-wrap: wrap; } .syntax-rule .rule-info { position: relative; margin: 0 10px 30px 0; background: #F5F9FB; } .syntax-rule .rule-info .ruleinput { width: 200px; } .syntax-rule .rule-info .ruleinput .form-control { height: 30px; padding: 4px 12px; background: #fff; } .syntax-rule .rule-info .ruleinfo { height: 26px; line-height: 26px; text-align: center; } .syntax-rule .rule-info .ruleinfo a { color: #1890FF; } .syntax-rule .rule-info .ruledel { display: block; position: absolute; right: 0; top: 0; width: 14px; height: 14px; background: url("../img/cornerdel.jpg") 0 0 no-repeat; } .syntax-rule .rule-info:hover .ruledel, .syntax-rule .rule-info.select .ruledel { background-position: 0 -14px; } .syntax-rule-btn{background: #FAFCFD;border: 1px solid #E2ECF7;padding: 10px;margin: 10px 0 0 0;} /* 风险监控平台 */ .riskhead{background-image: url(../img/risk/riskhead-bg.png);background-position: top center;background-size: 100% 100%;width: 100%;height: 120px;color: #fff;margin-bottom: 20px;display: flex; align-items: center;} .riskhead-content{margin: 0 0 0 10%;} .riskhead .head-h1{font-size: 24px;} .riskhead .head-h2{font-size: 16px;font-weight: 500;margin-top: 5px;} .riskmodel{display: flex;} .riskmodel .riskmodel-list{background: #fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);border-radius: 2px;margin: 0 10px;width: 350px;} .riskmodel .riskmodel-list:first-child{margin-left: 0;} .riskmodel .riskmodel-list:last-child{margin-right: 0;} .riskmodel .riskmodel-list .riskmodel-tit{font-size: 18px;color: #2B2D3B;padding: 15px;} .riskmodel .riskmodel-list .riskmodel-tit::before{content: "\e7a7";font-family: "iconfont" !important;font-size: 18px;color: #1890FF;display: inline-block;margin: 2px 10px 0 0;} .riskmodel .riskmodel-list .riskmodel-content{display: flex;justify-content: space-around;padding: 15px 0;} .riskmodel .riskmodel-list .riskmodel-content dl dt{margin-bottom: 5px;color: #ADB3BC;font-size: 14px;font-weight: 400;} .riskmodel .riskmodel-list .riskmodel-content dl dd a{font-size: 28px;color: #1890FF;font-family: STXihei;} .riskmodel .riskmodel-list .riskmodel-level{border-top: 1px solid #EFF3F8;display: flex;justify-content: space-between;padding: 10px 15px;} .riskmodel .riskmodel-list .riskmodel-level > span{width:33.3%;text-align: center;} .riskmodel .riskmodel-list .riskmodel-level > span > a{font-size: 12px;color: #696E8D;} .riskmodel .riskmodel-list .riskmodel-level > span > a > em{font-style: normal;margin-left: 5px;} .riskmodel .riskmodel-list .riskmodel-level > span::after{content: '';width: 1px;height: 16px;background: #E2ECF7;float: right;margin: 3px 0 0 0;} .riskmodel .riskmodel-list .riskmodel-level > span:last-child::after{display: none;} .risk-slidecontainer{background: transparent;box-shadow: none;height: 200px;} .risk-slidecontainer .slidestep .cons{height: 200px;} .risk-slidecontainer .slidestep{margin: 0!important;} .risk-slidecontainer .slidestep .btns{margin-top: -125px;} /* 智能辅助评标工具-供应商应答材料 */ .reply-material{display: flex;flex-wrap: nowrap;padding-bottom: 15px;} .reply-material .material-img{margin: 0 30px 0 0;border: 1px solid #E2ECF7;} .reply-material .material-img:last-child{margin-right: 0;} /* 智能辅助评标工具 */ .assistbid-head{background-image: url(../img/ai/assistbidhead-bg.png);height: 80px;margin-bottom: 0;} .assistbid-tabs{background: #fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);border-radius: 2px;padding: 0 40px;margin: 0 0 20px 0;} .assistbid-tabs .nav-tabs{margin-bottom: 0;} .assistbid-tabs .nav-tabs > li{margin-right: 40px;} .assistbid-tabs .nav-tabs-line>li>a{padding: 15px 0;} .assistbid-tabs .nav-tabs-line>li>a>i{color: #1890ff;} /* NLP自动语义分析结果 */ .semantic-flex{display: flex; align-items: center;margin: 0 0 20px 0;} .semantic-flex .semantic-text{padding: 8px 10px;background: #F5F9FB;margin: 0 20px 0 0;} /* 智能辅助评标-项目信息管理 */ .item-information h3{font-size: 15px;margin: 0 0 10px 0;line-height: 20px;} .item-information .item-information-label{margin: 10px 0 10px 0;} .item-information ul{border-bottom: 1px dashed #E2ECF7;} .item-information ul li .fieldname { font-size: 14px; margin-bottom: 5px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-information ul li .fieldname > em { font-style: normal; color: #4B5A6D; margin-right: 10px; } .item-caption { margin: 10px 0; } .item-caption > a { display: inline-block; margin-right: 20px; color: #1890FF; } .item-caption > a:hover { color: #40A9FF; } .item-caption > a > i { color: #ADB3BC; margin-right: 3px; } /* 智能辅助评标-项目信息管理2 */ .projectinfo-list .projectinfo-item{margin-bottom: 15px; position: relative; border-left: 3px solid #fff; background: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius: 2px; } .projectinfo-list .projectinfo-item .projectinfo-item-flex{padding:10px;display: flex;align-items: center;justify-content: space-between;} .projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-btn{display: flex;margin: 0 20px 0 0;} .projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-btn .expand-btn{border: 1px solid #DCDFE3;margin: 0 0 0 20px;padding: 0 5px;transform: rotate(-180deg);border-radius: 2px;cursor: pointer;} .projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-btn .expand-btn.active{transform:inherit;} .projectinfo-list .projectinfo-item .projectinfo-item-flex .projectinfo-item-left{flex: 1;} .projectinfo-list .projectinfo-item .protitle{display: flex;align-items: center;} .projectinfo-list .projectinfo-item .protitle h5 { margin: 5px 5px 5px 20px; line-height: 20px; font-size: 16px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .projectinfo-list .projectinfo-item .protitle .proauction { flex: 1; word-break: keep-all; white-space: nowrap; } .projectinfo-list .projectinfo-item .prodetail > ul {margin: 10px 120px 5px 20px;} .projectinfo-list .projectinfo-item .prodetail > ul li{float: left;} .projectinfo-list .projectinfo-item .prodetail > ul li .fieldname { font-size: 14px; margin-bottom: 5px;} .projectinfo-list .projectinfo-item .prodetail > ul li .fieldvalue { font-size: 14px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .projectinfo-list .projectinfo-item .prodetail > ul li .fieldname > em, .projectinfo-list .projectinfo-item .prodetail > ul li .fieldvalue > em{ font-style: normal; color: #4B5A6D; margin-right: 10px; } .projectinfo-list .projectinfo-item .projectinfo-package{display: flex;flex-wrap: wrap;padding: 10px 0;border-top: 1px #E2ECF7 solid;} .projectinfo-list .projectinfo-item .projectinfo-package-list{display: flex;align-items: center;justify-content: space-between;margin: 5px 15px;} .projectinfo-list .projectinfo-item .projectinfo-package-list .package-name{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-right: 10px;flex: 1;} .projectinfo-list .projectinfo-item .projectinfo-package.active{display: none;} /* 设置供应商标签 */ .identity-tag dl{display: flex;} .identity-tag dl dt{width: 200px;padding: 8px 0;} .identity-tag dl dd{ display: flex;flex-wrap: wrap;flex: 1;} .identity-tag dl dd .tag-item{padding: 8px 10px;width: 200px;border: 1px solid #E2ECF7;border-radius: 2px;cursor: pointer;margin: 0 15px 15px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;} .identity-tag dl dd .tag-item.active{border-color: #91D5FF;color: #1890FF;} .identity-tag dl dd .tag-item.active::after{content: '';position: absolute;right: 0;top: 0;width: 14px;height: 14px;background: url(../img/hide-brandcheckmark.png) 0 -14px no-repeat;} /* 流程审批-左右结构 */ .layout-lcsp { } .layout-lcsp .layout-r-content { margin-right: 460px; } .layout-lcsp .layout-r-side { width: 450px; min-height: 300px; max-height: calc(100vh - 180px); overflow-y: auto; position: fixed; top: 160px; right: 20px; left: auto; } .layout-lcsp #right-recover { margin-top: 200px; } .layout-lcsp #right-recover a { padding: 0; width: 15px; line-height: 46px; background: #fff; color: #4B5A6D; } /* 流程审批-左右结构-重载审批日志 */ .lcsp-side .title-simple .title-left h4 { font-size: 14px; } .lcsp-side .lcsp-selectnext { margin-bottom: 10px; } .lcsp-side .lcsp-selectnext:after { content: ""; display: table; clear: both; } .lcsp-side .lcsp-selectnext li { margin-bottom: 5px; float: left; } .lcsp-side .vertical-container-sprz .vertical-timeline-block:before { left: 9px; } .lcsp-side .vertical-container-sprz .vertical-timeline-icon { width: 18px; height: 18px; } .lcsp-side .vertical-container-sprz .vertical-timeline-icon i { font-size: 10px; line-height: 18px; } .lcsp-side .vertical-container-sprz .vertical-timeline-content { font-size: 12px; } .lcsp-side .vertical-container-sprz .vertical-timeline-content h4 { font-size: 14px; font-weight: 400; } .lcsp-side .vertical-container-sprz .vertical-timeline-content p { flex-wrap: wrap; } .lcsp-side .vertical-container-sprz .vertical-timeline-content p>.sprz-stay { position: static; } /* 采购总览数据 */ .real-data{display: flex;} .real-data .real-list{margin: 0 15px;border-radius: 4px;padding: 15px;position: relative;flex: 1;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);background: #fff;overflow: hidden;} .real-data .real-list:first-child, .real-data .real-list:nth-child(7){background:#426ab3;background: linear-gradient(to right, #426ab3, #0853dd);animation:fadeInUp 0.3s ease;margin-left: 0;} .real-data .real-list:nth-child(2), .real-data .real-list:nth-child(8){background:#ea080a;background: linear-gradient(to right, #ea080a, #ff4547);animation:fadeInDown 1.0s ease;} .real-data .real-list:nth-child(3), .real-data .real-list:nth-child(9){background:#45b97c;background: linear-gradient(to right, #45b97c, #06cc64);animation:fadeInUp 1.7s ease;} .real-data .real-list:nth-child(4), .real-data .real-list:nth-child(10){background:#f47920;background: linear-gradient(to right, #f47920, #ef6d0e);animation:fadeInDown 2.4s ease;} .real-data .real-list:nth-child(5), .real-data .real-list:nth-child(11){background:#ffc20e;background: linear-gradient(to right, #ffc20e, #eeb304);animation:fadeInUp 3.1s ease;} .real-data .real-list:nth-child(6), .real-data .real-list:nth-child(12){background:#8552a1;background: linear-gradient(to right, #8552a1, #9f21e4);animation:fadeInUp 3.1s ease;} .real-data .real-list:last-child{margin-right: 0;} .real-data .real-list .real-tit{font-size: 22px;font-weight: 600;color: #fff;margin:0 0 10px 0;} .real-data .real-list .real-content{display: flex;justify-content: space-between;} .real-data .real-list .real-content dl > dt{font-size: 16px;font-weight: normal;color: #fff;margin:0 0 10px 0;} .real-data .real-list .real-content dl > dd{font-size: 28px;line-height: 28px;font-weight: 600;font-family: DINPro;color: #fff;} .real-data .real-list .real-content .icon{font-size: 46px;color: rgba(255, 255, 255, 0.5);position: absolute;right: 20px;bottom: 10px;} .small_txt {font-size: 12px;margin-left: 5px;color: #fff;font-style: normal;} /* 个人桌面自定义 */ .workspace-flex{display: flex;flex-wrap: wrap;} .workspace-flex .workspace-col{padding: 0 10px;} .workspace-flex .workspace-col::after{display: table; content: ''; clear: both; } .workspace-set{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #EFF3F8;padding: 10px 0;margin: 0 0 10px 0;} .workspace-set .set-item, .workspace-set .set-item .item{display: flex;align-items: center;margin: 0 20px 0 0;} .workspace-set .set-item .title{margin-bottom: 0;} .workspace-set .set-item .item .control-label{text-align: left;color: #4B5A6D;margin: 0 10px 0 0;} .workspace-set .set-item .item .form-control{width: 50px;} .workspace-set .set-icon > a{color: #1890ff;margin-left: 10px;} .workspace-show{display: flex;flex-flow: row wrap;} .workspace-item{position: relative;border: 1px transparent dashed;} .workspace-item:hover{border-color: #DCDFE3;background-color: #F5F9FB;} .workspace-item.nobg:hover{background-color: transparent;} .workspace-item.noborder:hover{border-color: transparent;} .workspace-item .workspace-edit{justify-content: center;flex-wrap: wrap;position: absolute;right: 10px;top: 5px;background: #fff;padding:5px 10px;border-radius: 2px;display: none;} .workspace-item:hover .workspace-edit{display: flex;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);} .workspace-item .workspace-edit .set-item, .workspace-item .workspace-edit .set-item .item{display: flex;align-items: center;} .workspace-item .workspace-edit .set-item .item{margin: 0 10px 0 0;} .workspace-item .workspace-edit .set-item .item .control-label{text-align: left;color: #4B5A6D;margin: 0 10px 0 0;} .workspace-item .workspace-edit .set-item .item .form-control{width: 50px;} .workspace-item .workspace-edit .edit-delete{display: flex;align-items: center;} .workspace-item .workspace-edit .edit-delete > a{width: 25px;height: 25px;line-height: 25px;text-align: center;background: #1890ff;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.06);color: #fff;display: inline-block;border-radius: 50%;} /* 自定义表单 */ .components-head{background: #fff;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);margin: 0 0 20px 0;} .components-head::after{ display: table; content: ''; clear: both; } .components-head-step{padding: 15px;border-bottom: 1px #E2ECF7 solid;} .components-head-step ul{display: flex;align-items: center;justify-content: center;} .components-head-step ul li{margin: 0 20px;display: flex;align-items: center;position: relative;} .components-head-step ul li:first-child{margin-left: 0;} .components-head-step ul li:last-child{margin-right: 0;} .components-head-step ul li > a{font-size: 16px;color: #ADB3BC;} .components-head-step ul li > a > i{color: #1890FF;opacity: 0.6;margin: 0 5px 0 0;} .components-head-step ul li.active > a,.components-head-step ul li.active::after{color: #1890FF;} .components-head-step ul li.active > a > i{opacity: 1;} .components-head-step ul li::after{content: "\e685";font-family: "iconfont" !important;font-size: 24px;color: #ADB3BC;margin: 0 0 0 50px;transform: rotate(180deg);} .components-head-step ul li:last-child::after{display: none;} .components-head-step ul li.done > a::after{content: "\e795";font-family: "iconfont" !important;color: #52C41A;position: absolute;left: 8px;top: 0;font-size: 10px;background: #fff;border-radius: 50%;} .components-item{margin: 15px 15px 10px 15px;display: flex;align-items: center;flex-wrap: wrap;} .components-item .item-flex{display: flex;align-items: center;justify-content: space-between;width: 150px;background: #F5F9FB;border: 1px solid #EFF3F8;border-radius: 2px;padding: 4px 10px;margin: 0 20px 10px 0;} .components-item .item-flex .item-btn{width: 35px;text-align: right;} .components-item .item-flex .item-btn > a{color: #1890FF;font-size: 12px;} .components-item .item-flex .item-tit{width: calc(100% - 35px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .components-item .item-flex-btn{margin: 0 20px 10px 0;} .components-item .item-flex-btn > a{background: #F5F9FB;border: 1px solid #EFF3F8;border-radius: 2px;padding: 4px 10px;color: #1890FF;} .components-item .item-flex.active{border-color: #1890FF;} .components-layout{display: flex;justify-content: space-between;} .components-layout .components-layout-left{flex: 1;} .components-layout .components-layout-right{width: 300px;background: #fff;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);margin-left: 20px;} .components-layout .components-layout-right .nav-tabs{border-bottom: 1px #E2ECF7 solid;margin: 10px 0 0 0;display: flex;justify-content: space-between;} .drawing-item{padding: 10px;border: 1px #DCDFE3 dashed;margin: 15px 0;position: relative;width: 100%;} .drawing-item.active{border-color: #1890FF;background-color: #F5F9FB;} .drawing-item .drawing-item-btn{position: absolute;right: 5px;top: -15px;z-index: 1;display: none;} .drawing-item .drawing-item-btn > a{width: 25px;height: 25px;border-radius: 50%;border: 1px #1890FF solid;background: #fff;display: flex;justify-content: center; align-items: center;color: #1890FF;} .drawing-item .drawing-item-btn > a:hover{background: #1890FF;color: #fff;} .drawing-item.active .drawing-item-btn{display: inline-block;} .drawing-flex{display: flex;flex-wrap: wrap;} .search-quick { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; } /* 开标控制台 */ .bidconsole { margin: 0 40px; position: relative; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; } .bidconsole:before { content: ''; width: 1px; position: absolute; left: 50%; top: 10%; bottom: 10%; background: #E2ECF7; } .bidconsole h3 { margin: 0 0 15px 0; padding: 0 0 0 15px; height: 18px; line-height: 18px; font-size: 18px; } .bidconsole h3:before { width: 20px; height: 20px; margin-right: 10px; content: '\e77d'; font-family: iconfont; font-size: 18px; } .bidconsole .bj-time h3:before { color: #1890FF; } .bidconsole .kb-time h3:before { color: #1890FF; } .bidconsole p { font-size: 20px; color: #4B5A6D; } .bidconsole p .time { display: inline-block; margin: 0 8px; padding: 0 5px; height: 36px; line-height: 36px; font-size: 30px; font-family: simHei; font-weight: 700; letter-spacing: -1px; color: #1F3149; background: #EFEFEF; border-radius: 4px; } .bidconsole .kb-time p .time { color: #1890FF; background: none; } .btn-bidconsole { padding: 8px 25px; font-size: 18px; border-radius: 4px; } /* 无同步数据 */ .no-synchronization{background: url(../img/nosynchronization.png) top center no-repeat;padding: 240px 0 0 0;} .no-synchronization .synchronization-tit{text-align: center;font-size: 16px;} /* 文档模版管理 */ .doctemplate-head { padding: 20px; border-radius: 2px; background: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06); } .doctemplate-head h4 { text-align: center; font-size: 18px; } .doctemplate-head .doctemplate-head-info{display: flex; align-items: center;justify-content: space-between;} .doctemplate-head .doctemplate-head-progress{display: flex; align-items: center;position: relative;} .doctemplate-head .doctemplate-head-info .doctemplate-state{ padding: 15px;} .doctemplate-head .doctemplate-head-info .doctemplate-state .item{margin: 10px 0;} .doctemplate-head .doctemplate-head-info .doctemplate-state .item::before{content: "\e714";font-family: "iconfont" !important;color: #ADB3BC;margin: 0 10px 0 0;} .doctemplate-head .doctemplate-head-info .doctemplate-state .item.done::before{content: "\e799";color: #52C41A;} .doctemplate-head .doctemplate-head-btn { text-align: right; } .documentedit { width: 720px; height: 300px; padding: 30px; background: url(../../img/documentedit.png) #F5F9FB right center no-repeat; margin: 10% auto; border-radius: 12px; } .documentedit .documentedit-btn { text-align: right; } .documentedit .documentedit-h { font-size: 30px; margin: 0 0 10px 0; max-width: 400px; } .documentedit .documentedit-date span { color: #888; margin: 0 5px 0 0; } .documentedit .documentedit-editbtn .btn { height: 40px; font-size: 16px; margin: 40px 0 0 0; } /* 文档模版管理-书签列表 */ .docbookmark-search { display: flex; margin: 0 0 10px 0; } .docbookmark-search .form-control { height: 30px; border-radius: 15px 0 0 15px; } .docbookmark-search .btn.btn-info { border-radius: 0 15px 15px 0; } .docbookmarklist .mark-arrow { margin: 5px 0 0 0; color: #1890FF; background-color: #F5F9FB; padding: 0 5px; border: 1px #1890FF solid; border-radius: 4px; } .docbookmarklist .mark-arrow.active > i { display: inline-block; transform: rotate(180deg); } .docbookmark-list { display: flex; flex-wrap: wrap; margin: 0 0 10px 0; } .docbookmark-list a { width: 50%; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .docbookmark-list a.active { color: #1890FF; } /* 文档模版管理-HTMl模版编辑 */ .file-page {border: 3px solid #E2ECF7;padding: 20px 40px;margin: 0 auto 15px auto;max-width: 1000px;} .file-page .file-pagecontent {margin: 15px 0;} .file-page .filepage-h {text-align: left;border-bottom: 1px #DCDFE3 solid;padding: 0 0 15px 0;} .file-page .filepage-page {text-align: center;border-top: 1px #DCDFE3 solid;padding: 15px 0 0 0;color: #ADB3BC;} .textlibrary-mark {position: relative;border: 1px #fff dashed;padding: 8px;border-radius: 0 0 6px 6px;} .textlibrary-mark:hover {background: #F5F9FB;border-color: #DCDFE3;} .textlibrary-mark.edit {background: #F5F9FB;border-color: #1890FF;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);} .text-operation {display: none;} .text-operation a {font-size: 14px;margin: 0 8px;color: #1890FF;} .text-operation .number {color: #1890FF;margin: 0 15px 0 0;} .textlibrary-mark:hover .text-operation {display: block;position: absolute;top: -30px;left: -1px;right: -1px;height: 30px;line-height: 30px;padding: 0 10px;background: #fff;border: 1px #DCDFE3 dashed;border-radius: 6px 6px 0 0;} .textlibrary-mark.edit .text-operation {border-color: #1890FF;} .textlibrary-mark .mark-icon {position: absolute;right: -22px;top: 5px;color: #1890FF;} .textlibrary-mark .text-operation .number {color: #1890FF;margin: 0 15px 0 0;} .textlibrary-mark .mark-tagging{position: absolute;right: 0;top: 5px;} .textlibrary-mark .mark-icon {color: #1890FF;} .textlibrary-mark .mark-info{padding: 10px;width: 330px;} .textlibrary-mark .mark-list {border-bottom: 1px #DCDFE3 solid;margin: 0 0 10px 0;padding: 0 0 10px 0;} .textlibrary-mark .mark-list:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .textlibrary-mark .mark-list .mark-name span {margin-right: 10px;font-size: 12px;color: #ADB3BC;} .textlibrary-mark .text-wrong {position: relative;color: #e7505a;} .textlibrary-mark .text-wrong::after {content: "\e7d6";font-family: 'iconfont' !important;position: absolute;left: calc(100% - 5px);top: -15px;text-indent: 0;font-size: 12px;} /* for < 1920px */ @media screen and (max-width:1920px) { .container { padding: 15px; } .note { padding: 5px 15px 5px 10px; } .main { margin-bottom: 15px; padding: 15px; } .head { margin: 0 0 16px 0; } .head-popup { margin: -15px -15px 16px -15px; } .search { padding: 15px 90px 0 15px; } .head-popup .search, .search.noborder { padding: 15px 100px 0 15px; } .search .control-label { margin-bottom: 15px; height: 24px; padding: 2px 10px; } .search .control-input { margin-bottom: 15px; } .search .search-submit { top: 15px; right: 15px; } .search .close-more { padding: 2px 10px; } .search .search-term { bottom: 15px; right: 15px; } .title .title-left h4 { font-size: 16px; } .title .title-left h4:before { height: 16px; margin: 2px 10px 0 0; } .title-simple .title-left h4 { font-size: 16px; } .title-sm .title-left h4 { font-size: 15px; } .title-lcsp { padding: 10px; margin: 0 0 15px 0; } .title-lcsp.affix, .title-lcsp.fixed { top: 50px; left: 200px; } .listindex dt { height: 24px; margin-bottom: 15px; } .listindex dd { height: 24px; margin-bottom: 15px; } .listindex dd .item { margin: 2px 10px 2px 0; } .dataTables_bottom { height: 40px; line-height: 40px; } .bt-group-container { height: 40px; } .bt-group { height: 40px; line-height: 40px; } .grid > .thead > ul > li { padding: 5px 8px; min-height: 35px; } .grid > .tbody > ul > li { padding: 10px 8px; min-height: 45px; } .grid-edit > .thead > ul > li { padding: 5px 8px; height: 35px; } .grid-edit > .tbody > ul > li { padding: 8px 8px; height: 40px; } .grid-sm > .thead > ul > li { padding: 5px 5px; min-height: 35px; } .grid-sm > .tbody > ul > li { padding: 5px 5px; min-height: 35px; } .tips { margin-bottom: 15px; padding: 10px 10px 10px 35px; background-position: 15px 13px; line-height: 20px; } .tips.nobg { margin-bottom: 10px; background-position: 0 4px; } .form-title { font-size: 15px; } .form-title .dot { width: 6px; height: 6px; margin-right: 6px; margin-top: -3px; } .form-group > .control-label+[class^="col-"]+[class^="col-"] > .help-block { top: 2px; } .control-endtext .endtext { margin-top: 2px; } .gyssh-container .gyssh-tabs.affix { top: 50px; width: calc(100% - 200px); left: 200px; } .package-main { margin-bottom: 15px; } .package-main .package-all { max-height: 400px; } .project-list .project-item { padding: 10px; margin-bottom: 10px; } .project-list .project-item .protitle { margin-bottom: 10px; } .project-list .project-item .protitle h5 { margin: 5px 5px 5px 15px; font-size: 15px; } .project-list .project-item .prodetail>ul { margin: 10px 120px 0 15px; } .project-card .project-item { padding: 10px 15px 0 15px; margin-bottom: 15px; } .project-card .project-item .protitle { margin-bottom: 10px; } .project-card .project-item .protitle h5 { margin: 5px 0 0 0; font-size: 15px; } .project-card .project-item .prodetail>ul { margin: 8px 0; } .project-card .project-item .probutton { padding: 5px 0; } }