.main{ padding: 30px 0; background: #fff; width: 1200px; margin: 0 auto 20px auto; } .positionside{ padding: 10px 0; font-size: 15px; } .positionside img{ float: left; margin-right: 5px; } .positionside a{ text-decoration: none; color: #333; font-size: 15px; } .m-style{ display: flex; justify-content: center; margin-bottom: 10px; } .mainboxli{ border: solid 1px #e7e7e7; margin-bottom: 30px; height: 285px; } .mainboxli a{ cursor: pointer; } .main_sbox{ padding:0 15px 15px; } .mainboxli img{ max-width: 100%; width: 100%; height: 180px; } .main_sbox h3{ margin: 10px 0; font-size: 14px; font-weight: bold; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main_sbox span{ font-size: 14px; color: #999; margin: 8px 0 0; } .main_sbox p{ margin: 0; color: #898585; font-size: 12px; text-indent: 12px; background: url(/uploads/image/ikxpj/dw.png) left 3px no-repeat; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 18px; } .title_sbox2{ margin: 30px 0 15px; } @media only screen and (max-width: 767px) { .mainboxli{ height: auto; } .mainboxli img{ height: auto; } } .list{ padding: 0 30px; border-bottom: solid 15px #f2f7fa; margin-bottom: 30px; } .overflowh{ padding: 0 30px; } .listbox{ border-bottom: dashed 1px #e6e6e6; margin-bottom: 15px; } .listbox:last-child{ border-bottom: none; } .listbox h3{ margin: 0; font-size: 16px; color: #333333; float: left; padding: 5px 0; margin-right: 10px; } .listbox ul{ display:flex; flex-wrap:wrap; } .listbox li{ font-size:14px; color:#333; padding: 0 20px; border-radius: 100px; border: solid 1px #dadada; margin: 0; height: 30px; line-height: 28px; margin-right: 20px; margin-bottom: 15px; cursor: pointer; } .listbox li.active{ background: #2390d6; border: solid 1px #2390d6; color: white; } .noresult{ text-align: center; font-weight: bold; color: #999; font-size: 16px; }