.zbcy_content .plate_top .commit_main_title{ text-align: left; padding:0 0 20px 0; } .zbcy_content .plate_top .commit_main_title .line{ margin: 0; } .zbcy_content .plate_top .commit-plate_item .p_img img{ width: 4.5rem; height: 5.8rem; } .zbcy_content .title_bottom{ margin:50px 0 0 0; padding: 0; position: relative; } .zbcy_content .title_bottom:after{ content: ""; display: block; width: 100%; height: 1px; background: #ccc; position: absolute; bottom: 0px; left: 0; z-index: 1; } .zbcy_content .title_bottom h3{ position: relative; z-index: 2; display: inline-block; border-bottom: 3px solid #006db8; } .zbcy_content .swiper-slide{ width: 7.8rem; padding:.1rem; box-sizing: border-box; background: #fff; box-shadow: 0px 10px 21.25px 3.75px rgba(0, 0, 0, 0.05); } .zbcy_content .swiper-slide .item_img{ width: 7.6rem; height: 3.86rem; } .zbcy_content .carousel_box{ padding: .8rem 0; } .swiper_box .imgText{ opacity: 0.6; } .zbcy_content .swiper_box .swiper-slide-active .imgText{ opacity: 1; } .swiper-container{ padding: 20px 0; } .zbcy_content .swiper_box .text{ padding:0 .18rem 0 .3rem; } .zbcy_content .swiper_box .title{ padding: .2rem 0; } .zbcy_content .swiper_box .title span{ font-size: .24rem; font-weight: bold; } .zbcy_content .swiper_box .title a{ font-size: .24rem; display: inline-block; float: right; cursor: pointer; } .zbcy_content .swiper_box .title a img{ width: .92rem; height: .15rem; vertical-align: middle; } .zbcy_content .swiper_box p{ font-size: .14rem; line-height: .24rem; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: .2rem; } .go_cy img{ padding-bottom: .88rem; width: 100%; } @media screen and (max-width: 1024px) { .zbcy_content .swiper_box .title{ padding:10px 0; } .zbcy_content .swiper_box .title span{ font-size: 16px; } .zbcy_content .swiper_box .title a img{ width: 92px; height: 15px; } .zbcy_content .swiper_box .text{ padding: 0 9px 0 15px; } .zbcy_content .swiper_box p{ font-size: 12px; line-height: 16px; margin-bottom: 20px; } } @media screen and (max-width: 414px){ .zbcy_content .plate_top .commit_main_title .line{ position: relative; left: 0; } .zbcy_content .swiper_box .title span{ display: block; padding-bottom: 10px; } .zbcy_content .swiper_box .title a{ float: none; } } .plate_list { width: 7.5rem; float: right; margin-right: 0.5rem; font-size: 0.16rem; margin-top:0.1rem; } .plate_bottom .plate_list li { width: 100%; float: left; padding: 0 .04rem 0 .3rem; box-sizing: border-box; border-left: 1px solid #eeeeee; margin-bottom: .4rem; background: url(../images/dian_on.png) left center no-repeat; padding-left: 30px !important; } .commit-plate_item .plate_bottom{ padding: .42rem 0 0.8rem 0; } @media screen and (max-width: 1024px) { .plate_list { width: 94%; float: right; margin-right: 0.5rem; font-size: 14px; margin-top:0.3rem; } } @media screen and (max-width: 414px){ .plate_list { width: 94%; float: right; margin-right: 0.5rem; font-size: 14px; margin-top:0.3rem; } }