/** * 公共样式 */ .export-btn { top: 6px; right: 20px; position: absolute; padding: 0 0 0 20px; width: 80px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #2093fe; border-radius: 2px; cursor: pointer; color: #fff; font-size: 14px; font-weight: 400; outline: none; background: #2093fe url(../img/export-icon.png) no-repeat 10px center; } .export-btn:hover, .export-btn:active { background: #588bcb url(../img/export-icon.png) no-repeat 10px center; } .location { padding: 10px 0 10px 32px; width: 100%; height: 45px; background: url(/open-data-web/resources/img/icon/location-icon.png) no-repeat left center; } .location span { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #8a8b8c; } .location span:last-child { color: #505152; } /** 申博sunbet官网,申博信用网数据为空的样式 */ .div-empty { background: url(/open-data-web/resources/img/empty-bg.png) no-repeat center center; } .list-empty { width: 100%; height: 200px; } .dialog-body { padding: 0; } .alert-container .alert { max-width: 100%; } .form-control .label { font-size: 14px; line-height: 14px; color: #333; } .fly-address { margin: 0 -10px; position: relative; } .state-disabled, .state-disabled input { background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0, rgba(249, 249, 249, 1) 100%); } input { border: none; } /** 当前位置 */ .location-wrap { padding: 0 29px; width: 100%; height: 45px; background-color: #fff; } /** 当前位置文本 */ .location-text { padding-left: 20px; display: inline-block; height: 45px; line-height: 45px; font-size: 12px; color: #666; background: url(/open-data-web/resources/img/index/location-icon.png) no-repeat left center; } /** 回到申博sunbet官网,申博信用网 */ .to-index { padding: 0 2px 0 23px; display: inline-block; height: 45px; background: url(/open-data-web/resources/img/toIndex.png) no-repeat left center; line-height: 45px; font-size: 12px; color: #0060ca; cursor: pointer; } /*-------- 遮罩样式 begin--------- */ .fly-mask { width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999999; display: table; } .fly-mask-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.65; filter: alpha(opacity=65); } .fly-mask iframe { display: none; } .fly-mask-content { display: table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 2; } .fly-mask-content>div { display: inline-block; width: 200px; background: #fff; border-radius: 5px; } .fly-mask-content>div>em { padding: 15px; background: url(/open-data-web/resources/img/loading.gif) no-repeat left center; padding-left: 30px; display: inline-block; } /*-------- 遮罩样式 end--------- */ /*-------- 局部样式 begin--------*/ textarea { padding: 4px 6px; width: 100%; height: 80px; border: 1px solid #ddd; border-radius: 3px; line-height: 20px; resize: none; outline: none; font-size: 14px; word-break: break-all; } /** * 提示样式修改 */ .alert-container { text-align: center; } .alert-container .alert { display: inline-block; width: auto; height: 40px; min-width: 0; } .alert-container .alert i, .alert-container .alert a { margin-left: 16px; float: left; width: 16px; height: 16px; min-width: 0; } .alert-container .alert-success i, .alert-container .alert-success a { background: url(/open-data-web/resources/img/tip-suc.png) no-repeat center center; } .alert-container .alert-danger i, .alert-container .alert-warning i, .alert-container .alert-danger a, .alert-container .alert-warning a { background: url(/open-data-web/resources/img/tip-danger.png) no-repeat center center; } .alert-container .alert span { padding: 0 16px 0 8px; margin-left: 32px; display: inline-block; height: 40px; line-height: 38px; } .alert-container .alert-success { color: #6dbe57; border-color: #daefdd; background-color: #daefdd; } .alert-container .alert-danger, .alert-container .alert-warning { color: #ff9a40; border-color: #fff1ed; background-color: #fff1ed; } .alert-container .alert { padding-right: 10px; line-height: 23px; text-indent: -12px; } .alert-container .alert .close { float: left; top: 4px; left: -20px; } .confirm-fail, .confirm-error, .confirm-success, .confirm-verify { padding-left: 120px; padding-top: 35px; width: 100%; height: 100%; } .confirm-fail { background: url(/open-data-web/resources/img/dialog-fail-icon.png) no-repeat 55px center; } .confirm-error { background: url(/open-data-web/resources/img/dialog-error-icon.png) no-repeat 55px center; } .confirm-success { background: url(/open-data-web/resources/img/dialog-success-icon.png) no-repeat 55px center; } .confirm-verify { background: url(/open-data-web/resources/img/dialog-verify-icon.png) no-repeat 55px center; } .dialog-header { background: #0084e3; border-bottom: 1px solid #0084e3; border-top-right-radius: 6px; border-top-left-radius: 6px; height: 45px; } .dialog-title { padding: 7px 20px; font-size: 14px; color: #fff; font-weight: 400; } .dialog { border: none; border-radius: 6px; } .dialog-close { top: 4px; right: 15px; line-height: 20px; color: #a0a0a0; text-shadow: none; opacity: 0.8; font-size: 28px; } .dialog-close:hover { color: #a0a0a0; opacity: 0.8; } .dialog-footer { padding: 0 20px; width: 100%; height: 54px; line-height: 54px; border-top: 1px solid #e5e5e5; } .dialog-button { width: 100%; text-align: center; } .dialog-footer button { margin: 0 5px; padding: 0; width: 100px; height: 30px; } .dialog-footer button.dialog-autofocus { background-color: #0084e3; } .ques-confirm .text-wrap, .ques-confirm .tip-wrap { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #333; } .ques-confirm .tip-wrap { font-size: 12px; color: #999; } .ques-confirm .success-h50 { height: 50px; line-height: 50px; } /** * 列表页面外围包裹 */ .list-wrap { overflow: auto; width: 100%; height: auto; } .plno { padding-left: 0; } /** * 现在位置的字体样式 */ .location-now { color: #333; } /** * 表单、表格外围包裹 */ .form-wrap, .fly-form, .grid-wrap { overflow: hidden; position: relative; width: 100%; height: auto; } .form-wrap { padding-bottom: 15px; } /** * 表单的表单部分(100是留给按钮的空间) */ .fly-form { padding-right: 100px; } .form-control { padding-left: 84px; margin: 5px 0; } .form-control .label { width: 68px; } .form-control .label .warning-down { width: 100%; height: 30px; background: url(/open-data-web/resources/img/warning-drop-down.png) center no-repeat; } .widget .input { text-indent: 8px; } /* .report-body .label { width: 66px; color: #333; } .report-body .form-control { padding-left: 78px; } .report-body .form-control .required { padding: 0 5px; font-size: 14px; font-weight: bold; } */ /** * 表单模块的按钮样式 */ .fly-btn { right: 0; bottom: 20px; position: absolute; width: 100px; height: 30px; text-align: center; } /** * 搜索按钮的样式 */ .btn-query, .btn-query-w105 { margin-right: 9px; padding: 0; width: 80px; height: 30px; line-height: 28px; border-radius: 3px; background: #1e82dd; font-size: 14px; color: #fff; } .btn-query-w105 { width: 105px; } .btn-query:hover, .btn-query:active, .btn-query:focus, .btn-query-w105:hover, .btn-query-w105:active, .btn-query-w105:focus, .option-btn:hover, .option-btn:active, .option-btn:focus { background: #156dbd; color: #fff; /* outline: 0px auto -webkit-focus-ring-color; outline-offset: 0; */ } /** * 表格标题部分 */ .grid-title { padding-left: 30px; position: relative; width: 100%; height: 62px; border-top: 10px solid #f6f6f6; border-bottom: 2px solid #f2f2f2; line-height: 50px; background: url(/open-data-web/resources/img/page/grid-title.png) no-repeat 20px center; font-size: 16px; color: #666; } .title-btn-wrap { padding: 10px 10px; right: 0; top: 0; position: absolute; height: 50px; } .title-btn { margin: 0 5px; float: left; width: 80px; height: 30px; text-align: center; line-height: 28px; border-radius: 3px; border: 1px solid #cdcdcd; font-size: 14px; color: #999; font-weight: 400; cursor: pointer; } .btn-add, .btn-edit, .btn-delete { border: 1px solid #1e82dd; color: #1e82dd; text-indent: 13px; } .btn-add { background: url(/open-data-web/resources/img/page/btn-add.png) no-repeat 17px center; } .btn-edit { background: url(/open-data-web/resources/img/page/btn-edit.png) no-repeat 17px center; } .btn-delete { background: url(/open-data-web/resources/img/page/btn-delete.png) no-repeat 17px center; } /** * 表格内部样式 */ .grid-table tbody tr th, .grid-table tbody tr td, .grid-table tbody tr:nth-child(even) td, .grid-table tbody tr.even td { height: 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; font-size: 12px; } .grid-table TH { height: 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; color: #333; font-size: 12px; } .grid-table tbody tr TD { position: relative; height: 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; color: #666; font-size: 12px; } .grid-table tbody tr td:hover, .grid-table tbody tr:hover td, .grid-table tbody tr.hover td { background-color: #f8f8f8; } .child-table tbody tr TD { border: none; } .grid-table tbody tr TD.child-table { padding: 0; } .grid-table .child-table tbody tr th, .grid-table .child-table tbody tr td, .grid-table .child-table tbody tr:nth-child(even) td, .grid-table .child-table tbody tr.even td { border-top: none; border-bottom: none; } .grid-table .child-table tbody .child-tr, .grid-table .child-table tbody .child-tr tr th, .grid-table .child-table tbody .child-tr tr td, .grid-table .child-table tbody .child-tr tr:nth-child(even) td, .grid-table .child-table tbody .child-tr tr.even td { border-top: 1px solid #e5e5e5; } .all-wrap { display: block; width: 100%; height: 60px; } /** * 分页样式 */ .pagination { padding: 0 20px; margin: 20px 0; } .pagination .number { margin: 0; } /** * 表格中的操作按钮 样式 */ .grid-table .opt-btn { padding: 0 12px; display: inline-block; /*width: 86px;*/ height: 22px; border: 1px solid #cdcdcd; border-radius: 3px; line-height: 20px; cursor: pointer; } .grid-table .opt-btn-down { padding: 0 12px; display: inline-block; width: 86px; height: 22px; line-height: 20px; cursor: pointer; } .grid-table .opt-btn-down:hover { color: #fff; background-color: #1e82dd; } .grid-table .opt-btn-top { padding: 0px; padding-right: 17px; display: inline-block; width: 86px; height: 22px; border: 1px solid #cdcdcd; border-radius: 3px; line-height: 20px; cursor: pointer; background: url(/open-data-web/resources/img/page/dropdown-icon.png) no-repeat 63px center; } .name-wrap { /* width: 100%; */ color: #1e82dd; cursor: pointer; } .grid-table .btn-down { top: 8px; left: 50%; margin-left: -40px; position: absolute; z-index: 111; display: none; width: 80px; height: auto; border: 1px solid #cdcdcd; border-bottom: none; background: #fff; } .grid-table .btn-down .opt-btn { display: inline-block; width: 100%; border: none; border-bottom: 1px solid #cdcdcd; } .grid-table .btn-down .opt-btn:hover { background-color: #227bcc; border: none; border-bottom: 1px solid #cdcdcd; border-radius: 0; color: #fff; } /** * 复选框样式 */ .checkbox-false { background: url(/open-data-web/resources/img/icon/checkbox-btn-false.png) no-repeat left center; } .checkbox-true { background: url(/open-data-web/resources/img/icon/checkbox-btn-true.png) no-repeat left center; color: #d40002; } /** * 日期选择区间样式 */ .date-wrap { overflow: hidden; width: 100%; height: auto; background: url(/open-data-web/resources/img/icon/date-linkicon.png) no-repeat center center; } .textbox-wrap, .textbox-wrap:hover, .dropdown-wrap, .dropdown-wrap:hover, .datepicker-wrap, .datepicker-wrap:hover { background-color: #fff; } .widget .select { width: 30px; border-left: none; background: none; } .date-wrap .widget .select .icon { background: url(/open-data-web/resources/img/icon/date-icon.png) no-repeat center center; } .date-wrap .pdr9 { padding-left: 0; padding-right: 9px; overflow: hidden; } .date-wrap .pdl9 { padding-left: 9px; padding-right: 0; overflow: hidden; } .drop-down .select .icon { display: none; } .drop-down .widget .select, .down-tree .widget .select, .widget .icon-triangle-down { /* background: #f5f5f5 url(../img/icon/dropdown-icon.png) no-repeat center center; */ } .state-selected, .state-selected:link, .state-selected:visited { background-color: #d40002 !important; border-color: #d40002 !important; } .btn-primary { /* background-color: #667485; */ background-color: #d40002 !important; border-color: #d40002 !important; color: #fff; } .btn-primary:hover, .btn-primary:active { background-color: #6f7a87; } .empty-show { text-align: center; } table { table-layout: fixed; width: 100%; } table th,table td { text-align: center; padding: 0 5px; } .form-control .label i { color: #f00; } /** 弹框样式 */ .dialog-header { height: 54px; background: #fff; border-color: #e5e5e5; } .dialog-title { font-size: 16px; color: #4a4949; } .empty{ width: 100%; height: 100%; min-width: 210px; min-height: 150px; background:url(/open-data-web/resources/img/index/empty-bg.png) center no-repeat; } .empty-gs{ width: 100%; height: 100%; min-width: 210px; min-height: 150px; background:url(/open-data-web/resources/img/index/empty-gs.png) center no-repeat; } .page-wrap { overflow: hidden; position: relative; width: 100%; background-color: #fff4f4; height: auto; } .page-body { margin: 0 auto; width: 100%; min-width: 100%; } .down-icon { right: 0; top: 0; position: absolute; display: inline-block; width: 20px; height: 20px; background: url(/open-data-web/resources/img/down-icon.png) no-repeat center center; cursor: pointer; outline: none; } .item .view-list span.star-wrap { padding: 0; width: 85px; height: 20px; background: url(/open-data-web/resources/img/star-default.png) repeat-x 0 center; } .view-list span.star-wrap span { display: inline-block; height: 100%; background: url(/open-data-web/resources/img/star-light.png) repeat-x 0 center; } .popup-follow .dialog{ border:1px solid #999; } /** * 资源类型颜色 */ span.zylx-1{ background: url(/open-data-web/resources/img/newUpdate/zylx-sj.png) no-repeat center center; } span.zylx-2{ background: url(/open-data-web/resources/img/newUpdate/zylx-jk.png) no-repeat center center; } span.zylx-3{ background: url(/open-data-web/resources/img/newUpdate/zylx-yy.png) no-repeat center center; } span.zylx-4{ background: url(/open-data-web/resources/img/newUpdate/zylx-fxbg.png) no-repeat center center; } span.zylx-5{ width: 81px; background: url(/open-data-web/resources/img/newUpdate/zylx-wd.png) no-repeat center center; } .filedown-wrap .file-wrap { padding: 42px 30px 15px; overflow: hidden; width: 100%; height: auto; } .filedown-wrap .file-wrap .file-node { padding-left: 20px; /* padding-right: 110px; */ width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #666; position: relative; /* background: url(/open-data-web/resources/img/data/point.png) no-repeat left center; */ } .filedown-wrap .file-wrap .file-node .select-icon { width: 14px; height: 14px; position: absolute; left: 0; top: 13px; cursor: pointer; } .filedown-wrap .file-wrap.h280 { height: 280px; } .file-serach .widget .icon-triangle-down { display: none; } /*分页的 每页多少条下拉框*/ /*.pagination .switch .widget .input { height: 28px; }*/ .iframe-div { width: 460px; height: 425px; overflow: hidden; } .iframe-div .iframe-node { width: 660px; height: 425px; padding-top: 10px; padding-right: 210px; } .placeholder-span { position: absolute; top: 10px; left: 15px; display: inline-block; font-size: 14px; color: #0e6fdc; } .select-file { top: 10px; left: 30px; position: absolute; width: 100px; height: 30px; padding-left: 20px; line-height: 30px; font-size: 14px; color: #333; cursor: pointer; } .filedown-wrap .checkbox-true { color: #333; } .dom-hide { display: none; } .dom-show { display: block; } .popup.list-container, .popup.calendar-container, .popup.treeview-container { background-color: #fff; }