// 公用的css类名 /* 图片默认和外盒字一样大小 */ .img_reset { width: 100%; height: 100%; } .box_shadow { transition: all 0.3s linear; &:hover { box-shadow: 2px 2px 10px 0 rgba(0, 0, 0,0.2); } } /* 文字超出几行省略号显示 */ .text-ellipsis { text-overflow: -o-ellipsis-lastline; overflow: hidden; //溢出内容隐藏 text-overflow: ellipsis; //文本溢出部分用省略号表示 display: -webkit-box; //特别显示模式 -webkit-line-clamp: 2; //行数 line-clamp: 2; -webkit-box-orient: vertical; //盒子中内容竖直排列 } // 隐藏ie的隐藏滚动条 .hide_scroll_bar { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; overflow: auto; &::-webkit-scrollbar { display: none; } } .rich-text { margin-bottom: 1.25rem; img { max-width: 100%; } p { text-align: left; } } .pretty-header { height: 59px; color: #ffffff; text-indent: 1.375rem; background: linear-gradient( 180deg, rgba(33,119,244,0.04) 0%, rgba(1,95,232,0.14) 100%); border-bottom: 2px solid #0663ea; h2 { max-width: 19.125rem; height: 100%; position: relative; line-height: 3.6875rem; background: linear-gradient( 180deg, #2177F4 0%, #015FE8 100%); font-size: 1rem; &::after { content: ''; width: 5.875rem; height: 3.6875rem; position: absolute; top: 0; right: -5.8125rem; background: url('../image/banner/header-top-line.png') no-repeat; background-size: 100% 100%; z-index: 999; } } } .breadcrumb-item + .breadcrumb-item::before { content: '>>'; }