.info-list-content { display: flex; padding-top: 32px; flex-wrap: wrap; } .info-list-content::after { content: ""; width: 1px; height: 1px; display: block; } .info-list-content .info-item-new { margin-right: 22px; } .info-list-content .info-item-new:nth-child(3n) { margin-right: 0; } .info-list-content .info-pic-new { width: 271.7px; position: relative; } .info-list-content .info-pic-new .img { display: block; width: 271.7px; height: 152px; } .info-list-content .info-pic-new .veide-pay, .info-list-content .info-pic-new .veide-pay1 { width: 47px; height: 47px; margin-left: -23px; margin-top: -23px; display: block; position: absolute; left: 50%; top: 50%; z-index: 2; } .info-list-content .info-introduction-new { line-height: 40px; height: 40px; text-align: center; background-color: #f7f7f7; font-size: 14px; box-sizing: border-box; padding: 0 18px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; width: 271.7px; margin-bottom: 30px; } .container-panel .info-panel { width: 960px; padding-left: 100px; } .news-mobile { display: none !important; } .next-page { display: flex; height: 160px; align-items: center; justify-content: center; } .next-page a { color: #000000; border: 1px solid #e6e6e6; display: block; padding: 12px 18px; font-size: 16px; margin: 0 2px; } .next-page a.active { color: #FFF; background-color: #038dee; border: none; } @media screen and (max-width: 1220px) { .info-list-content { padding-top: 32px; } .info-list-content .info-item-new { margin-right: 16px; } .info-list-content .info-item-new:nth-child(3n) { margin-right: 0; } .info-list-content .info-pic-new { width: 208.78px; position: relative; } .info-list-content .info-pic-new .img { display: block; width: 208.78px; height: 116.8px; } .info-list-content .info-pic-new .veide-pay { width: 47px; height: 47px; margin-left: -23px; margin-top: -23px; display: block; position: absolute; left: 50%; top: 50%; } .info-list-content .info-introduction-new { line-height: 40px; height: 40px; text-align: center; background-color: #f7f7f7; font-size: 14px; box-sizing: border-box; padding: 0 18px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; width: 208.78px; margin-bottom: 30px; } .container-panel .info-panel { width: 760px; padding-left: 100px; } .news-mobile { display: none !important; } .next-page { display: flex; height: 116.8px; align-items: center; justify-content: center; } .next-page a { color: #000000; border: 1px solid #e6e6e6; display: block; padding: 8.76px 13.14px; font-size: 11.68px; margin: 0 2px; } .next-page a.active { color: #FFF; background-color: #038dee; border: none; } } @media screen and (max-width: 990px) { .info-list-content { padding-top: 32px; } .info-list-content .info-item-new { margin-right: 11px; } .info-list-content .info-item-new:nth-child(1n) { margin-right: 18px; } .info-list-content .info-item-new:nth-child(2n) { margin-right: 0; } .info-list-content .info-pic-new { width: 208.78px; } .info-list-content .info-pic-new .img { width: 208.78px; height: 116.8px; } .info-list-content .info-pic-new .veide-pay { width: 47px; height: 47px; margin-left: -23px; margin-top: -23px; } .info-list-content .info-introduction-new { line-height: 40px; height: 40px; font-size: 14px; padding: 0 18px; width: 208.78px; margin-bottom: 30px; } .container-panel .info-panel { width: 540px; padding-left: 100px; } .news-mobile { display: none !important; } .next-page { display: flex; height: 116.8px; align-items: center; justify-content: center; } .next-page a { color: #000000; border: 1px solid #e6e6e6; display: block; padding: 8.76px 13.14px; font-size: 11.68px; margin: 0 2px; } .next-page a.active { color: #FFF; background-color: #038dee; border: none; } } @media screen and (max-width: 768px) { .mobile-header-panel { padding: 15px 20px; } .mobile-header-panel .nav-btn { min-width: 25px; } .mobile-header-panel .nav-btn .iconfont { font-size: 23px; } .mobile-header-panel .logo img { height: 20px; } .search-container .search-input { font-size: 14px; } .header-container .nav-panel .nav-item .subNav-panel .subNav-box .subNav-list-portait li .item-label { font-size: 15px; } .header-container .nav-panel .nav-item .subNav-panel .subNav-box .subItem-box { margin-top: 28px; } .header-container .nav-panel .nav-item .subNav-panel .subNav-box .subItem-box .subItem-panel-crosswise a { margin-bottom: 26px; font-size: 14px; } .header-container .nav-panel .nav-item .subNav-panel .subNav-box .subNav-list-portait li .item-label::after { font-size: 12px; } .header-container .nav-panel .nav-item .subNav-panel .subNav-box .subNav-list-portait li .item-label.label-active::after { font-size: 16px; } .header-container .nav-panel .nav-item a.nav::after { font-size: 12px; } .info-list-content { justify-content: space-between; padding-top: 0.32rem; } .info-list-content .info-item-new { margin-right: 0 !important; } .info-list-content .info-item-new:nth-child(1n) { margin-right: 0; } .info-list-content .info-item-new:nth-child(2n) { margin-right: 0; } .info-list-content .info-pic-new { width: 3.289rem; } .info-list-content .info-pic-new .img { width: 3.289rem; height: 1.84rem; } .info-list-content .info-pic-new .veide-pay { width: 0.5rem; height: 0.5rem; margin-left: -0.25rem; margin-top: -0.25rem; } .info-list-content .info-introduction-new { line-height: 0.7rem; height: 0.7rem; font-size: 0.28rem; padding: 0 0.18rem; width: 3.289rem; margin-bottom: 0.3rem; } .container-panel .info-panel { width: 100%; padding-left: 0; } .news-mobile { display: block !important; } .next-page { display: none; } .info-panel .news-mobile { display: flex !important; } .footer-panel { height: 0.8rem; display: flex; background: #fafafa; color: #949494; align-items: center; justify-content: center; text-align: center; padding: 0 0.2rem; font-size: 0.11rem; } .line { height: 0.05rem !important; } .info-section { margin-top: 65px; } }