.btns { display: inline-block; } .main { background-color: #F5F5F5; } .app .page_1 { margin: 40px 0; } .app .page_1 .page_ctrl { text-align: center; margin: 10px auto; box-sizing: border-box; } .app .page_1 .page_ctrl .page_total { font-size: 15px; color: #999; } .app .page_1 .page_ctrl .prev_page { cursor: default; opacity: .7; background-color: #eee; color: #616161; border: 1px solid #999999; } /* .icon-xiangzuo:before { content: "\e654"; } .icon-xiangyou:before { content: "\e653"; } */ .app .page_ctrl button, .app .input_page_num { font-size: 12px; width: 32px; height: 32px; line-height: 32px; background-color: #fff; border-radius: 25px; color: #999; cursor: pointer; outline: none; text-align: center; margin: 0 6px; margin-bottom: 16px; border: 0; } /* .app .page_ctrl button:hover{ background-color: #1296DB; color: #fff; } */ .app .btns .pagebtn { position: relative; top: 5px; line-height: 0; } .app .newslist li { margin-top: 20px; background: #ffffff; cursor: pointer; width: 1200px; height: 272px; padding: 36px 40px; transition: all .36s ease; position: relative; top: 0; left: 0; } .app .newslist li:hover { top: -10px; box-shadow: 0 0 5px #888888; } .app .newslist li .newslist_img { float: left; width: 340px; height: 200px; } .app .newslist li .newslist_img img { width: 340px; height: 200px; } .app .newslist li .newslist_content { float: left; width: 730px; margin-left: 50px; height: 200px; } .app .newslist li .newslist_content .title { color: #333; font-size: 24px; } .app .newslist li .newslist_content .date { color: #666; font-size: 17px; margin: 12px 0; } .app .newslist li .newslist_content .content { color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden } .btn { padding: 0; } .login { transition: all 0.6s ease-in; }