*{ margin: 0; padding: 0; } a{ text-decoration: none; } ::-webkit-scrollbar { width: 14px; height: 14px; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius:10px; border: 5px solid transparent; } ::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset; } ::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(238, 233, 233, 0.2) inset; } ::-webkit-scrollbar-corner { background: transparent; } .cms-search-library { font-size: 14px; padding: 20px 0; height: 100%; width: 100%; background: #fff; min-width: 1000px; } .actions { margin-bottom: 20px; } .topsearch-input { height: 40px; border: 1px solid #ddd; text-indent: 10px; width: 300px; } .topsearch { margin: 25px 0 15px; } .search-condition { display: flex; align-items: center; justify-content: space-between; margin: 5px 0; } .searchtiaojian { display: flex; justify-content: space-around; align-items: center; } .rightsearchinput{ display: flex; align-items: center; } .search-result { width: 80%; min-width: 800px; margin: 0 auto; } .dataList { display: flex; justify-content: space-between; } .rightShowes { width: 350px; border-left: 2px solid #ddd; padding: 0 15px; height: 100%; } .titleresfata { color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 350px; display: block; margin: 10px 0; } .el-menu-demo { padding: 0 10%; height: 42px; } .el-menu--horizontal > .el-menu-item { height: 42px; line-height: 42px; } a.titleresfata:hover { color: #000; font-weight: 700; background: #ddd; } .btnSearch { width: 101px; height: 42px; right: 0; top: 0; border: none; font-size: 20px; cursor: pointer; } .dataListTag{ padding: 10px 20px 0 0; font-size: 14px; } .dataListTag-pic{ display: flex; justify-content: space-between; margin-right: 15px; } .imgstyle{ width: 140px; height: 80px; border: 1px solid #eee; display: inline-block; margin-right: 15px; } .dataListTagTitle{ line-height: 22px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .search-dialog-title{ display: flex; align-items: center; justify-content: space-between; max-width: 1100px; margin: auto; } .el-from-search{ background: #eee; } .btngjsearch{ width:800px; margin: auto; text-align: center; padding: 20px 0; } .setTitleleft{ display: inline-block; width: 160px; text-align: left; } .hotwordstyle{ margin-top: 8px; width: 400px; height: 22px; overflow: hidden; display: flex; justify-content: flex-start; white-space: nowrap; } .el-radio{ color: #333; } .itemhistory{ color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 350px; display: block; margin: 10px 0; cursor: pointer; } .itemhistory:hover{ color: #000; font-weight: 700; background: #ddd; } .proptimediv{ width: 100%; margin: 8px 0; cursor: pointer; } .proptimediv:hover{ background: #ddd; } .btnSearch0{ color: #fff !important; background: #2f5397 !important; } .btnSearch1 { color: #fff !important; background: rgb(96, 125, 139) !important; } .btnSearch2 { color: #fff !important; background: rgb(25, 185, 85) !important; } .btnSearch3 { color: #fff !important; background: rgb(244, 66, 54) !important; } .dataListTag-child { margin-bottom: 20px; } .fontWeight { font-weight: 700 !important; } .redcolor { color: red !important; } .graynesscolor{ color: #999; } .cursor-pointer { cursor: pointer; margin: 0 8px; } .dialog-footer { display: flex; justify-content: flex-end; margin-bottom: -10px; } .emptydiv{ width: 100%; height: 25px; background: #ebebeb; } .footer { display: flex; justify-content: center; border-top: 2px solid #2555ad; width: 96%; background: #fff; padding: 20px 2%; margin-top: 25px; } /* ============================================= Element Plus 兼容补丁 —— 还原 Element UI 原始风格 ============================================= */ /* 全局字体与字号与原版保持一致 */ #cms-search-library, #cms-search-library * { font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; box-sizing: border-box; } /* ---- 搜索框 / 顶部区域 ---- */ #cms-search-library .searchtiaojian { padding: 20px 10%; } /* ---- 菜单导航栏 ---- */ #cms-search-library .el-menu.el-menu--horizontal { border-bottom: none; height: 42px; } #cms-search-library .el-menu--horizontal .el-menu-item { height: 42px; line-height: 42px; font-size: 14px; padding: 0 20px; border-bottom: none !important; } #cms-search-library .el-menu--horizontal .el-menu-item.is-active { border-bottom: 2px solid #ffd04b !important; } /* ---- 搜索结果列表间距 —— 还原 Element UI 原间距 ---- */ #cms-search-library .dataListTag-child { margin-bottom: 8px; line-height: 1.6; } #cms-search-library .dataListTag-child a { font-size: 16px; line-height: 1.8; } #cms-search-library .dataListTag-pic { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; } #cms-search-library .dataListTagTitle { color: #666; margin: 4px 0 6px; } #cms-search-library .dataListTag-child .backTitle { vertical-align: middle; margin-right: 6px; } /* ---- 分页组件 —— 还原中文 + 原始间距样式 ---- */ #cms-search-library .el-pagination { margin: 20px 0; padding: 0; font-size: 14px; font-weight: normal; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; } /* "共 X 条" 文字改为中文风格 */ #cms-search-library .el-pagination__total { font-size: 14px; color: #606266; margin-right: 4px; } /* 每页条数下拉 */ #cms-search-library .el-pagination__sizes { margin: 0 4px; } /* 跳转 "前往" 文字 */ #cms-search-library .el-pagination__jump { font-size: 14px; color: #606266; margin-left: 4px; } /* 页码按钮 */ #cms-search-library .el-pager li { font-size: 13px; min-width: 32px; height: 28px; line-height: 28px; border-radius: 2px; } #cms-search-library .el-pagination button { font-size: 13px; height: 28px; min-width: 50px; border-radius: 2px; } /* 上一页/下一页按钮内文字 */ #cms-search-library .el-pagination .btn-prev, #cms-search-library .el-pagination .btn-next { padding: 0 8px; } /* ---- 对话框(高级搜索)---- */ #cms-search-library .el-dialog { margin: 0 !important; top: 0; left: 0; border-radius: 0; width: 100% !important; max-width: 100% !important; box-shadow: none; } #cms-search-library .el-overlay-dialog { display: flex; align-items: flex-start; justify-content: flex-start; } #cms-search-library .el-overlay { background: rgba(0,0,0,0) !important; } #cms-search-library .el-dialog__body { padding: 0; } #cms-search-library .el-dialog__header { display: none; padding: 0; } /* ---- 表单 ---- */ #cms-search-library .el-form-item__label { font-size: 14px; font-weight: 700; color: #333; line-height: 32px; } #cms-search-library .el-form-item__content { line-height: 32px; font-size: 14px; } #cms-search-library .el-form-item { margin-bottom: 18px; } /* ---- 单选框 ---- */ #cms-search-library .el-radio { color: #333; font-size: 14px; margin-right: 20px; } #cms-search-library .el-radio__label { font-size: 14px; } /* ---- 输入框 ---- */ #cms-search-library .el-input__inner { height: 32px; line-height: 32px; font-size: 14px; border-radius: 0; } #cms-search-library .el-input__wrapper { border-radius: 0; padding: 0 8px; } /* ---- 按钮 ---- */ #cms-search-library .el-button { border-radius: 0; font-size: 14px; padding: 7px 15px; height: auto; } /* ---- tabs ---- */ #cms-search-library .el-tabs__item { font-size: 14px; height: 40px; line-height: 40px; } #cms-search-library .el-tabs__nav-wrap::after { height: 1px; } /* ---- 日期选择器 ---- */ #cms-search-library .el-date-editor.el-input { width: 130px; } /* ---- popover 内容 ---- */ .el-popover.el-popper { min-width: 100px; font-size: 14px; padding: 8px 12px; } /* ---- 高级搜索对话框顶部彩色标题栏 ---- */ /* 彩色背景区内的 tabs:文字白色,激活项底部白色线,无底部边框阴影 */ #cms-search-library .el-dialog .el-tabs__nav-wrap::after { display: none; } #cms-search-library .el-dialog .el-tabs__item { color: rgba(255, 255, 255, 0.75); font-size: 15px; height: 42px; line-height: 42px; } #cms-search-library .el-dialog .el-tabs__item.is-active, #cms-search-library .el-dialog .el-tabs__item:hover { color: #fff; } #cms-search-library .el-dialog .el-tabs__active-bar { background-color: #fff; } #cms-search-library .el-dialog .el-tabs__header { margin-bottom: 0; }