.m-type ul li{ border-bottom: 1px solid #e0e1e6; } .m-type ul li .m-next{ display: inline-block; padding: 10px 20px; font-size: 14px; cursor: pointer; position: relative; } .m-type ul li .m-next.level3{ text-align: right; } .m-next.active{ color: #155683; position: relative; } .m-next.active::after{ position: absolute; content: ""; width: 40px; height: 2px; background-color: #155683; left: 50%; transform: translateX(-50%); bottom: 0; } .m-next.active ul{ color: #333; } .m-type > ul > li .m-next > ul{ position: absolute; top: 103%; left: 50%; display: none; border-bottom: 1px solid #e0e1e6; border-left: 1px solid #e0e1e6; background-color: #fff; } .m-type ul li .m-next.active > ul { display: block; } .m-top{ position: relative; } .index-zldh { margin-top: 54px; } .index-zldh-tit { font-size: 32px; color: #313131; font-weight: bold; } .index-zldh-con{ margin-top: 10px; height: 650px; width: 100%; display: flex; justify-content: space-between; } .index-zldh-b-lf{ width: 10%; background-color: #dfe8ee; padding-top: 15px; } .index-zldh-b-rg{ width: 88%; display: flex; flex-direction: column; } .index-zldh-b-lf p{ text-align: center; line-height: 40px; font-size: 16px; cursor: pointer; } .index-zldh-b-lf p.active{ background-color: #fff; color: #155683; } .index-zldh-b-rg-tit{ background: #f2f2f2; line-height: 30px; font-size: 14px; } .index-zldh-b-rg-tit a{ padding-left: 10px; padding-right: 10px; } .index-zldh-b-rg-tit a.active{ color: #155683; } .list-view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; overflow: scroll; } .list-view .list-item { width: 22%; margin: 5px; padding: 5px; border: 1px solid #f2f2f0; } .list-view .item_img { height: 130px; padding: 10px; cursor: pointer; } .list-view .item_img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .list-view .text { font-size: 14px; }