@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ .source{ font-size:12px; display:block !important; padding-left:0 !important; } .footer_nav{ width:42% !important; } .footer_top .right ul{ width:58% !important; } .footer_top .right{ width:571px; } .swiper-button-next:after, .swiper-button-prev:after{ display:none !important; } .esg_top{ padding-bottom:0 !important; } .section2{ padding:8.33vw 0 4.6875vw !important; background:none !important; } .section3{ background:#f8fafc !important; padding:7.55vw 0 8.07vw !important; } .donate_top{ display: flex; justify-content: space-between; align-items: center; margin-bottom:2.5vw; } .donate{ padding:6.25vw 0 8.33vw; } .donate_btn{ display:flex; } .donate_btn .swiper-button-next, .donate_btn .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; border: 2px solid #a5a5a5; display: flex; align-items: center; justify-content: center; margin-top: 0; position: relative; left: 0; right: 0; } .donate_btn .swiper-button-next{ margin-left:20px; } .donate_btn .swiper-button-next:hover, .donate_btn .swiper-button-prev:hover { border-color: #971d1d; background-color: #971d1d; } .donate_btn .swiper-button-next:hover svg path, .donate_btn .swiper-button-prev:hover svg path { fill: #fff; } .donate h3{ font-weight:bold; } .donate_flx{ display: flex; justify-content: space-between; flex-wrap:wrap; } .donate_l{ width:50%; } .donate_r{ width:45%; } .donate_l img{ width:100%; height:100%; object-fit:cover; } .donate .swiper-slide{ color: #333; font-size: 16px; height: 88px; line-height:88px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-bottom: 1px solid #e0e0e0; transition: all .5s; } .donate .swiper{ height:440px; } @media screen and (max-width:1600px) { .donate .swiper-slide{ height:70px; line-height:70px; } .donate .swiper { height: 350px; } } @media screen and (max-width:768px) { .footer_nav{ width:100% !important; } .footer_top .right ul{ width:100% !important; } .donate_l { width: 100%; margin-top:20px; } .donate_r { width: 100%; } .donate .swiper-slide { height: 60px; line-height:60px; } .donate .swiper { height: 240px; } .donate_flx { flex-direction: column-reverse; } }