/** * @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-91 { background: url('../images/bg6.png') center center / cover no-repeat; } .new-list-91-content div.content-right { float: right; width: calc(100% - 2.08rem); padding-top: 0.6rem; padding-left: 0.41rem; } @media screen and (max-width: 1024px) { .new-list-91-content div.content-right { width: 100%; padding-left: 0; padding-top: 0; } } @media screen and (max-width: 1024px) { .new-list-91-content div.content-right ul.list { padding-top: 0.4rem; } } .new-list-91-content div.content-right ul.list li.list-item { margin: 0.1rem 0; } .new-list-91-content div.content-right ul.list li.list-item h2.item-title { padding: 0 0.28rem 0 0.2rem; height: 0.6rem; line-height: 0.6rem; background-color: #ffffff; border-radius: 0.08rem; cursor: pointer; font-size: 0.16rem; font-family: Microsoft YaHei; font-weight: 400; color: #333333; transition: all 0.2s; } .new-list-91-content div.content-right ul.list li.list-item h2.item-title.active { color: #fff; background-color: #003b90; transition: all 0.2s; } .new-list-91-content div.content-right ul.list li.list-item h2.item-title.active i.icon { background: url('../images/91-arrow-active.png') center center / cover no-repeat; transition: all 0.2s; } @media screen and (max-width: 1024px) { .new-list-91-content div.content-right ul.list li.list-item h2.item-title { height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; } } .new-list-91-content div.content-right ul.list li.list-item h2.item-title p { float: left; max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-list-91-content div.content-right ul.list li.list-item h2.item-title i.icon { float: right; width: 0.24rem; height: 100%; background: url('../images/91-arrow.png') center center / cover no-repeat; background-size: 0.24rem 0.24rem !important; background-position: center center !important; transition: all 0.2s; } .new-list-91-content div.content-right ul.list li.list-item div.article-content { padding-top: 0.2rem; padding-bottom: 0.1rem; font-size: 0.14rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.24rem; color: #333333; display: none; } .new-list-91-content div.content-right ul.list li.list-item div.article-content.active { display: block; } @media screen and (max-width: 1024px) { .new-list-91-content div.content-right ul.list li.list-item div.article-content { font-size: 0.28rem; line-height: 1.5; display: block; } }