.page-content { padding-top: 20px; width: 100%; min-height: calc(100vh - 50px); background-color: rgb(245, 245, 245); } .block { margin-left: 10px; padding: 30px; width: calc(100% - 20px); border-radius: 10px; background: #fff; } .block + .block { margin-top: 20px; } .block-title { display: flex; align-items: center; position: relative; padding-left: 15px; width: 100%; font-size: 14px; font-weight: bold; } .block-title::before { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; width: 4px; height: 18px; background-color: rgb(41, 186, 156); } .block-content { margin-top: 20px; } .el-date-editor .el-range-separator { width: 6%; } /* 页面路径 */ .page-path { padding: 0; font-size: 14px; color: #101010; background-color: transparent; } /* 业务样式 */ .search-bar .block-title span { padding-left: 10px; font-weight: normal; } .search-filter_row { display: flex; align-items: center; margin-bottom: 20px; } .search-filter_row-title { width: 80px; } .search-filter-search-condition { flex-shrink: 0; margin-right: 30px; } .search-filter-search-condition:first-of-type { margin-left: 20px; } .share-info { text-align: center; } .share-info img { width: 50px; height: 50px; border-radius: 50%; } .share-info-nickname { display:block; } /* 指数概念 */ .index-list { width: 100%; overflow: auto hidden; color: #101010; white-space: nowrap; } .index-item { display: inline-block; margin: 0 20px; padding: 10px 20px; min-width: 160px; text-align: center; font-size: 14px; } .index-item .index-value { line-height: 41px; font-size: 28px; } .data-pagination { margin-top: 20px; text-align: right; } .url-image-view { display: flex; align-items: center; } .url-thumb { width: 65px; height: 65px; } .url-thumb + .url-content { margin-left: 10px; } /* 访问的会员 */ .visit-member .member-info { display: block; width: 100px; text-align: center; } .visit-member .member-avatar { width: 30px; height: 30px; padding: 1px; border: 1px solid #ccc; } .visit-member .member-nickname { display:block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .detail-info-view { display: flex; align-items: center; } .detail-info { margin-left: 20px; } .detail-info-image { width: 65px; height: 65px; }