.newsdel{ padding: 2rem 3.1rem 1rem; text-align: center; } .newsdel>h5{ margin: 0; font-size: .5rem; text-align: left; } .newsdel>p{ margin: 0; color: #888; margin-top: .3rem; font-size: .2rem; text-align: left; margin-bottom: .4rem; } .newsdelcon{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; padding: .4rem 0; } .newsdelcon>p { text-align: left; margin: 0; color: #888; /* margin-top: .3rem; */ font-size: .18rem; margin-bottom: .4rem; line-height: .26rem; margin-bottom: .2rem; } .newsdelcon>img { max-width:100%; } .newsdelcon>p>img { max-width:100%; } .newsdelcon p { color:#444 !important; } .newsdelcon img { max-width:100%; } .newsdelcon>p:last-child{ margin-bottom: 0; } .nfan{ display: inline-block; border-radius: .25rem; /* border: 1px solid #888; */ line-height: .5rem; height: .5rem; padding: 0 .3rem; font-size: .16rem; color: #333; background: #ccc; margin-top: .5rem; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .nfan:hover{ color: #fff; background: #e62129; } @media (max-width: 992px){ .newsdel { padding: 80px 20px 30px; text-align: center; } .newsdel>h5 { margin: 0; font-size: 20px; } .newsdel>p { margin: 0; color: #888; margin-top: 10px; font-size: 16px; text-align: left; margin-bottom: 20px; } .newsdelcon { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; padding: 20px 0; } .newsdelcon img{ width: 100%; } .newsdelcon>p { text-align: left; margin: 0; color: #888; /* margin-top: .3rem; */ font-size: 16px; margin-bottom: .4rem; line-height: 24px; margin-bottom: 10px; } .nfan { display: inline-block; border-radius: 15px; /* border: 1px solid #888; */ line-height: 30px; height: 30px; padding: 0 20px; font-size: 14px; color: #333; background: #ccc; margin-top: 25px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } }