/* ==================== 内页51 - 板块一 Start ==================== */ .ny51-section1 .image { width: 100%; display: block; } .ny51-section1 .image img { display: block; width: 100%; } /* ==================== 内页51 - 板块一 End ==================== */ /* ==================== 内页51 - 板块二 Start ==================== */ .ny51-section2 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; position: relative; } .ny51-section2 .category { display: flex; align-items: stretch; justify-content: center; position: absolute; top: -0.5834rem; left: 50%; transform: translateX(-50%); } .ny51-section2 .category .cate-item { display: inline-block; vertical-align: top; width: 2.6666rem; height: 1.1667rem; font-size: 0.2666rem; color: #222222; line-height: 1.1667rem; border-radius: 0.1667rem; background-color: #fff; box-shadow: 0 0.0499rem 0.2rem rgba(0, 0, 0, 0.1); margin: 0 0.0832rem; box-sizing: border-box; text-align: center; } .ny51-section2 .category .cate-item.active { color: #fff; background: -webkit-linear-gradient(to right, #0071E3, #1e77ff); background: -o-linear-gradient(to right, #0071E3, #1e77ff); background: -moz-linear-gradient(to right, #0071E3, #1e77ff); background: linear-gradient(to right, #0071E3, #1e77ff); } .ny51-section2 .ny51-section2-box { padding: 0 4.5834rem; } .ny51-section2 .title { margin-bottom: 1.0832rem; text-align: center; } .ny51-section2 .title .text1 { font-size: 0.4333rem; margin-bottom: 0.2499rem; line-height: 1; color: #0071E3; } .ny51-section2 .title .text2 { font-size: 1rem; line-height: 1; color: #1D1D1F; font-family: "HYJunhei-85J"; } .ny51-section2 .itembox { display: flex; flex-wrap: wrap; } .ny51-section2 .item { width: 23.875%; margin-right: 1.5%; } .ny51-section2 .item:nth-child(4n) { margin-right: 0; } .ny51-section2 .item:nth-child(4) ~ .item { margin-top: 1.1667rem; } .ny51-section2 .item .image { width: 100%; height: 3.5667rem; border-radius: 0.1667rem; overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .ny51-section2 .item .image img { position: absolute; top: 0; left: 0; width: 0; height: 0; } .ny51-section2 .item .info { margin-top: 0.3334rem; } .ny51-section2 .item .text1 { font-size: 0.5002rem; color: #FF791B; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny51-section2 .item .text2 { margin-top: 0.3334rem; font-size: 0.4333rem; color: #1D1D1F; line-height: 1.4; min-height: 2.8em; } .ny51-section2 .item .text3 { margin-top: 0.1667rem; color: #1D1D1F; font-size: 0.4rem; line-height: 1.1; font-family: "HYJunhei-85J"; min-height: 1.1em; } .ny51-section2 .item .text4 { margin-top: 0.3334rem; font-size: 0.3002rem; color: #86868B; line-height: 1.1; } .ny51-section2 .item .more-btn { margin-top: 0.5002rem; padding: 0.1667rem; width: 2.6666rem; height: 0.7667rem; color: #fff; line-height: 1.1; background: #0071E3; display: table; border-radius: 1.6666rem; display: flex; align-items: center; justify-content: center; font-size: 0.3002rem; color: #FFF6F6; letter-spacing: 2px; } .ny51-section2 .common-btn { margin-top: 1.1667rem; } .ny51-section2 .common-btn .btn-content { border-color: #E8E8E8; } /* ==================== 内页51 - 板块二 End ==================== */ /* ==================== 内页51 - 板块三 Start ==================== */ /* ==================== 内页51 - 板块三 End ==================== */ /* ==================== 内页51 - 板块四 Start ==================== */ /* ==================== 内页51 - 板块四 End ==================== */ /* ==================== 内页51 - 板块五 Start ==================== */ /* ==================== 内页51 - 板块五 End ==================== */ /* ==================== 内页51 - 板块六 Start ==================== */ /* ==================== 内页51 - 板块六 End ==================== */ /* ==================== 内页51 - 板块七 Start ==================== */ /* ==================== 内页51 - 板块七 End ==================== */ /* ==================== 内页51 - 板块八 Start ==================== */ /* ==================== 内页51 - 板块八 End ==================== */