body { /* height: 1000000px; */ } .ad { padding: 10px 0; min-width: 1200px; } .focus { overflow: hidden; min-width: 1200px; margin-bottom: 35px; /* background-color: pink; */ } .focus .banner { width: 720px; height: 414px; background-color: peru; } .focus .focus_news { width: 442px; height: 414px; /* background-color: powderblue; */ } .focus_news h1 { display: inline-block; color: #d20f20; margin: 0; font-weight: 400; font-size: 32px; padding-bottom: 13px; border-bottom: 2px solid #e5e5e5; } .focus_news a { color: #515151; } .focus_news .focus_news_list { margin-top: 17px; } .list_item:nth-child(1) { margin-bottom: 20px; } .focus_news_list h4 { color: #505050; font-size: 20px; line-height: 34px; } .focus_news_list li a { line-height: 32px; } .focus_news_list .ad { padding: 0; margin-top: 5px; } .new_box { height: 635px; min-width: 1200px; margin-bottom: 50px; } .new_box div[class^='new_box'] { float: left; /* background-color: purple; */ } .new_box .new_box1 { width: 333px; /* height: 100%; */ padding-right: 23px; padding-top: 10px; border-right: 1px solid #e6e6e6; } .new_box .new_box1 .review_viewpoint:nth-child(1) { border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; } .new_box .new_box1 .review_viewpoint h3 { display: inline-block; margin-bottom: 15px; font-size: 20px; color: #cf131b; padding-bottom: 12px; border-bottom: 2px solid #e6e6e6; } .new_box1 .review li { background: no-repeat left center; padding-left: 14px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .new_box .new_box1 .review_viewpoint h4 { font-size: 16px; color: #565658; /* margin-bottom: 43px; */ } .review_viewpoint { padding-bottom: 30px; } .review_viewpoint_title { background: no-repeat left center; padding-left: 25px; } .new_box .new_box1 .review_viewpoint a { color: #565658; } .new_box1 .review_viewpoint h4 p { padding: 20px 0; /* height: 40px; */ font-size: 12px; color: #8a8c91; line-height: 21px; padding-left: 10px; } .new_box .new_box1 .review_viewpoint .review_links { display: block; font-size: 16px; line-height: 40px; padding-left: 10px; color: #565658; } .review_viewpoint .other_news_links { line-height: 33px; } .review_viewpoint .other_news_links .links_title { padding-right: 11px; margin-right: 11px; border-right: 1px solid #e6e6e6; color: #b9802f !important; } .new_box .new_box2 { width: 342px; height: 100%; padding-left: 20px; } .new_box2 .video_famous { padding-top: 10px; } .new_box2 .video_famous:nth-child(1) { /* background-color: pink; */ border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; } .new_box2 .video_famous h3 { color: #cf131b; font-size: 20px; } .new_box2 .video_famous:nth-child(1) .preview_area { margin-bottom: 10px; } .new_box2 .video_famous .preview_area img { width: 170px; height: 113px; margin: 13px 0; border-radius: 10px; border: none; outline: none; background-color: pink; } .video_famous a { line-height: 37px; color: #585856; font-size: 16px; } .preview_area .video_title { color: #565658; font-size: 14px; } .video_famous .video_link li { background: url(/uploads/image/svwimg/video_pic.jpg) no-repeat left center; padding-left: 24px; } /* 视频的配置 */ .img_wrap { position: relative; /* height: 110px; */ /* margin: 13px 0; */ } .img_wrap .video_play_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: url(/uploads/image/svwimg/play_default.png) no-repeat center center; } .img_wrap:hover .video_play_icon { background: url(/uploads/image/svwimg/play_hover.png) no-repeat center center; } .video img { margin-bottom: 0 !important; } .preview_area .famous_img { width: 342px !important; height: 230px !important; margin-bottom: 0 !important; border-radius: 0!important; } .new_box .new_box3 { width: 440px; height: 100%; margin-left: 30px; padding-top: 10px; } .new_box3 h3 { font-size: 20px; color: #cf131b; margin-bottom: 10px; } .new_box3 a { font-size: 16px; color: #565658; line-height: 40px; } .new_box3 li { background: url(/uploads/image/svwimg/point.jpg) no-repeat left center; padding-left: 17px; } .new_box3 li:nth-child(6n 6) { margin-bottom: 15px; /* background-color: pink; */ } .channel { /* overflow: hidden; */ min-width: 1200px; } .channel .channel_main { width: 795px; /* background-color: palegreen; */ } .channel .channel_item { overflow: hidden; position: relative; padding-top: 15px; /* margin: 0 !important; */ border-top: 1px solid #cf131b; } .channel .channel_item::before { position: absolute; top: 0; left: 30px; content: ''; width: 130px; height: 5px; background-color: #cf131b; } .channel_item h3 { font-size: 24px; color: #262626; margin-bottom: 15px; } .channel_item .channel_focus { width: 340px; /* background-color: pink; */ } .channel_item .channel_focus .channel_swiper { width: 340px; height: 253px; background-color: peru; } .channel_focus .info { display: inline-block; font-size: 16px; color: #5a5a5e; margin-top: 10px; } .channel_item .channel_news { width: 415px; /* background-color: plum; */ } .channel_news li { background: url(/uploads/image/svwimg/point.jpg) no-repeat left center; padding-left: 17px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .channel_item .channel_news a { font-size: 16px; line-height: 38px; color: #585856; } .channel_main .finance { margin-bottom: 40px; } .channel_main .depth { margin-bottom: 27px; } .depth .channel_focus_first { margin-bottom: 27px; } .channel_focus_first .info { width: 339px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .depth .channel_focus_first img { width: 339px; height: 169px; } .depth .channel_focus_second { width: 164px; } .depth .channel_focus_second img, .depth .channel_focus_third img { height: 81px; width: 100%; background-color: powderblue; } .depth .channel_focus_third { width: 164px; } .industry .industry_item { width: 339px; } .industry .industry_item img { height: 170px; width: 100%; background-color: purple; } .industry_item .info { display: inline-block; width: 339px; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .industry { margin-bottom: 20px; } .channel .channel_side { margin-top: -16px; width: 351px; /* background-color: pink; */ } .channel h3 { background: url(/uploads/image/svwimg/kind.jpg) no-repeat left center; padding-left: 40px; } .channel_side_item .channel_side_item_title { font-size: 20px; color: #cf131b; margin-bottom: 16px; } .channel_side_item_title .point { padding: 0 0px 0 6px; } .channel_side_item_title span { font-size: 14px; color: #b6b6b6; } .channel_side_item .item_type1 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; /* background-color: purple; */ } .item_type1_item { width: 166px; margin-bottom: 23px; } .item_type1_item img { height: 120px; width: 100%; background-color: rosybrown; } .item_type1 .info { color: #5a5a5e; font-size: 14px; } .item_type2_item_focus { border-bottom: 1px dashed #90080e; padding-bottom: 16px; margin-bottom: 10px; } .item_type2_item_focus img { width: 100%; height: 238px; margin-bottom: 14px; background-color: #585856; } .item_type2_item_news .info { color: #585856; line-height: 36px; } .item_type2_item_news .divider { margin: 0 6px; } .item_type2_item_news span { color: #585856; } .item_type2_item_news li { line-height: 30px; } .ad3 { margin-bottom: 46px; } .ad2 { margin-bottom: 35px; margin-top:140px; } .swiper-slide img { height: 253px; background-color: #f5d273; /* margin-bottom: 25px; */ } .swiper-slide .info { position: absolute; bottom: 0; width: 100%; height: 30px; text-align: left; font-size: 16px; color: #5a5a5e; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* 下方下图 */ .channel_focus .swiper-button-next, .channel_focus .swiper-rtl .swiper-button-prev { width: 30px; height: 50px; background-color: rgba(0, 0, 0, .3); right: 0; top: 45%; color: #fff; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .channel_focus .swiper-button-prev, .channel_focus .swiper-rtl .swiper-button-next { width: 30px; height: 50px; background-color: rgba(0, 0, 0, .3); left: 0; color: #fff; top: 45%; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .channel_focus .swiper-button-prev:hover, .channel_focus .swiper-button-next:hover { color: #f5d273; background-color: rgba(0, 0, 0, .6); } .channel_focus .swiper-button-next:after, .channel_focus .swiper-rtl .swiper-button-prev:after { font-size: 26px; font-weight: 700; } .channel_focus .swiper-button-prev:after, .channel_focus .swiper-rtl .swiper-button-next:after { font-size: 26px; font-weight: 700; } .banner .swiper .item_info { position: absolute; height: 52px; line-height: 52px; width: 100%; text-align: left; padding-left: 22px; background-color: rgba(0, 0, 0, .6); bottom: 0; } .banner .swiper .item_info a { color: #ffffff; font-size: 20px; } .banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { color: #f5d273; /* background-color: rgba(0, 0, 0, .6); */ } .banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { left: 230px !important; bottom: 16px !important; } .banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .banner .my-bullet { background-color: #fff; opacity: 1 !important; } .banner .bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; border: 1px solid #fff; margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }