@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; } #prev,#next{ width:40px; height:40px; border-radius:50%; border:2px solid #999999; display:flex; align-items: center; justify-content: center; background:none; transform:inherit; transition:all 0.5s; } .btn svg path{ transition:all 0.5s; } .btn:hover{ background:#c51b13 !important; border-color:#c51b13 !important; } .btn:hover svg path{ fill:#ffffff; } .group_con .title .title_box span{ background:none !important; font-size:18px !important; color:#999999!important; } .group_con .title .title_box span.on{ font-size:28px !important; color:#c51b13 !important; } .group_con .title .title_box{ background:none !important; } .group_con .title{ display: flex; align-items: center; } #pageId ul{ display:flex; flex-wrap:wrap; } #pageId li{ width:calc((100% - 120px)/4); margin-right:40px; margin-bottom:0 !important; } #pageId li a{ display:block; } #pageId li:nth-child(4n){ margin-right:0px } #pageId li:nth-child(n+5){ margin-top:5.72vw; } .img{ position: relative; height: 0; padding-bottom: 133%; overflow: hidden; display:block; transition: 0.5s; width: 100% !important; } .img img{ position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.5s; object-fit: cover; } .img:hover img{ transform:scale(1.05) } .info{ background:#e6e6e6; display:flex; align-items:center; border-radius:50px; margin-top:20px; width: 100% !important; } .info .now{ width:106px !important; height:36px; display: flex; align-items: center; justify-content: center; color:white; border-radius:50px; background-color:#c51b13 !important; } .info span{ line-height:1 !important; text-indent: 0 !important; } .info span:last-child{ width:calc(100% - 106px)!important; background-color: transparent !important; color:#333333 !important; } .group_con h2{ color:#333333 !important; } .group_con .h2_box span{ color:#333333 !important; } @media screen and (max-width:1200px) { #pageId li { width: calc((100% - 90px) / 3); margin-right:30px !important; } #pageId li:nth-child(n+4) { margin-top:30px; } #pageId li:nth-child(3n) { margin-right:0px !important; } } @media screen and (max-width:768px) { .footer_nav{ width:100% !important; } .footer_top .right ul{ width:100% !important; } #pageId li { width: calc((100% - 10px) / 2); margin-right:0px !important; } #pageId li:nth-child(n+3) { margin-top:20px; } #pageId ul { justify-content: space-between; } .info{ margin-top:15px; } } @media screen and (max-width:500px){ #pageId li { width:100%; } #pageId li:nth-child(n+2) { margin-top:20px; } }