/** * @description: 清除浮动 * @Author: * @param {type} * @return: */ /** * @description: 响应式图片 * @Author: * @param {type} * @return: */ /** * @description: 横向排列,垂直居中布局 * @Author: * @param {type} * @return: */ /** * @description: 单行文本超出隐藏 * @Author: * @param {type} * @return: */ /** * @description: 多行文本超出隐藏 * @Author: * @param {Number} num 最多要显示几行 * @return: */ /** * @description: flex 垂直居中布局 * @Author: * @param {String} cposition 水平排列方式 * @return: */ /** * @description: 设置元素尺寸 * @Author: * @param {Number} w 宽度 * @param {Number} h 高度 * @return: */ /** * @description: 2x的雪碧图缩放 * @Author: * @param {Number} spriteW 雪碧图原始宽度 * @param {Number} spriteH 雪碧图原始高度 * @param {Number} bgOffsetX 背景定位原始X轴偏移量 * @param {Number} bgOffsetY 背景定位原始Y轴偏移量 * @return: */ /** * @description: 设置字体 * @Author: * @param {type} * @return: */ /** * @description: 修改滚动条样式 * @Author: * @param {String} scrollW 滚动条宽度 * @param {String} scrollC 滚动条背景色 * @param {String} trackP 滑块背景色 * @return: */ /** * @description: 设置背景图 * @Author: * @param {String} url 图片路径 * @return: */ /** * @description: 修改输入框占位符的字体颜色 * @Author: * @param {type} * @return: */ /** * @description: 禁止选中内容 * @Author: * @param {type} * @return: */ /** * @description: 鼠标移入图片放大效果 * @Author: * @param {type} * @return: */ /** * @description: 铺满整个容器的绝对定位 * @Author: * @param {type} * @return: */ /** * @description: 绝对定位水平垂直居中 * @Author: * @param {type} * @return: */ /** * @description: 统一容器,视项目不同,数值有所不同 * @Author: * @param {type} * @return: */ /** * @description: 替代flex的inline-block * @Author: * @param {type} * @return: */ /** * @description: 首页栏目标题样式 * @Author: * @param {type} * @return: */ /** * @description: 两端对齐辅助元素 * @Author: * @param {type} * @return: */ .new-list-90 { background: url(../images/bg6.png) center center no-repeat; background-size: cover; } .data-lists { background: #fff; padding: 0.1rem 0.23rem 0.4rem 0.23rem; margin-top: 0.2rem; } @media screen and (max-width: 1024px) { .data-lists { padding: 0; } } .data-lists li { line-height: 0.5rem; border-bottom: 1px dashed rgba(112, 112, 112, 0.5); padding: 0 0.2rem; } .data-lists li:last-child { border-bottom: 0 none; } @media screen and (max-width: 1024px) { .data-lists li { height: 0.8rem; line-height: 0.8rem; } } .data-lists li em { width: 0.04rem; height: 0.04rem; background: #333; border-radius: 0.02rem; display: inline-block; vertical-align: middle; margin-right: 0.05rem; } .data-lists li a { font-size: 0.14rem; color: #333; } .data-lists li a:hover { color: #0355c9; } @media screen and (max-width: 1024px) { .data-lists li a { font-size: 0.28rem; display: inline-block; max-width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } } .data-lists li span { float: right; color: #868991; font-size: 0.14rem; }