.df-none { display: none } .news_vide_content { background-color: #f7f7f7; height: 100%; } .conmain { width: 1220px; margin: 0 auto } .mainbox { background-color: #ffffff; padding: 20px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 31px; } /* mainbox_left */ .mainbox_left { width: 340px; float: left; padding-right: 40px; } .mainbox_left .top { text-align: center; background-color: #1a56a8; color: #fff; font-size: 22px; height: 80px; line-height: 80px; margin-bottom: 5px; } .mainbox_left .top img { width: 32px; height: 32px; vertical-align: middle; margin-right: 9px; } .mainbox_left .list { font-size: 20px; } .mainbox_left .list li { padding-left: 30px; background-color: #f1f1f1; height: 60px; line-height: 60px; cursor: pointer; margin-bottom: 5px; } .mainbox_left .list li a { display: block; color: #333333; background: url(./jiantou_right.png) no-repeat; } .mainbox_left .list li.cur { background-color: #e8eef6; } .mainbox_left .list li.cur a { color: #1a56a8; } /* mainbox_left */ /* mainbox_r */ .mainbox_r { border-left: 1px solid #e6e6ee; width: 800px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 38px; } /* mainbox_r */ .news_video_title { font-size: 22px; border-bottom: 1px solid #e6e6ee; position: relative; margin-bottom: 20px; } .news_video_title p { display: inline-block; height: 47px; border-bottom: 2px solid #1a56a8; } .news_video_title p a{ color: #1a56a8; } .news_video_title span { position: absolute; right: 0; font-size: 16px; line-height: 16px; color: #999999; top: 14px; } .news_video_content li { width: 220px; display: inline-block; margin-right: 20px; margin-bottom: 30px; vertical-align: top; } .news_video_content li i { display: none; } .news_video_content div { height: 129px; } .news_video_content a{ color: #333333; } .news_video_content p { font-size: 14px; margin-top: 20px; } @media (max-width: 768px) { .xs-hide { display: none !important; } .conmain { width: 100%; } .mainbox { padding: 14px; } .mainbox_r { border: none; padding-left: 0; width: 100%; } .mainbox_r_box { margin-bottom: 14px; } .news_video_content li { width: 100%; margin: 0; font-size: 16px; color: #333333; display: block; } .news_video_content p { margin-top: 0; line-height: 28px; font-size: 14px; word-break: break-all; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .news_video_content li i { color: #1a56a8; font-size: 16px; font-weight: bold; padding-right: 5px; vertical-align: baseline; display: inline-block; } .news_video_title { font-size: 15px; } .news_video_title p { line-height: 23px; height: 31px; color: #1a56a8; font-weight: bold; } .news_video_title p a{ color: #1a56a8; } } @media (min-width: 768px) { .news_video_content li i { display: none !important } }