/** * @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_92 { background: url(../images/bg6.png) center center no-repeat; background-size: cover; padding-bottom: 1.3rem; } .new_list_92 .main-content { margin-top: 1rem; border-radius: 0.1rem; } .new_list_92 .main-content .content { margin-top: 0.6rem; } .new_list_92 .main-content .content ul { overflow: hidden; } .new_list_92 .main-content .content ul li { width: 50%; float: left; padding-left: 0.36rem; margin-bottom: 0.6rem; } @media screen and (max-width: 1024px) { .new_list_92 .main-content .content ul li { width: 100%; padding-left: 0; } } .new_list_92 .main-content .content ul li h2.article-title { font-size: 0.24rem; color: #ee7700; font-weight: bold; margin-bottom: 0.3rem; } @media screen and (max-width: 1024px) { .new_list_92 .main-content .content ul li h2.article-title { font-size: 0.36rem; line-height: 1.5s; } } .new_list_92 .main-content .content ul li div.text-content { font-size: 0.14rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.3rem; } @media screen and (max-width: 1024px) { .new_list_92 .main-content .content ul li div.text-content { font-size: 0.28rem; line-height: 1.5; } } .new_list_92 .main-content .content ul li div.text-content p, .new_list_92 .main-content .content ul li div.text-content span { font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-align: left !important; cursor: pointer; } .new_list_92 .main-content .content ul li div.text-content p:hover, .new_list_92 .main-content .content ul li div.text-content span:hover { color: #003b90 !important; } .new_list_92 .main-content .content ul li div.text-content p::before { content: ''; display: inline-block; width: 0.03rem; height: 0.03rem; background: #333; border-radius: 0.015rem; margin-right: 0.1rem; vertical-align: middle; } .new_list_92 .main-content .content ul li div.text-content p:last-child::before { display: none; } @media screen and (max-width: 1024px) { .new_list_92 .main-content .content ul li div.text-content p { width: 100%; margin-bottom: 0.2rem !important; } } .new_list_93 .main-content .content ul li { display: block; width: 100%; float: none; font-size: 0; } .new_list_93 .main-content .content ul li p { display: inline-block !important; width: 49%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }