/* ==================== 内页60 - 通用 Start ==================== */ .ny60-box { max-width: 23rem; margin-left: auto; margin-right: auto; } /* ==================== 内页60 - 通用 End ==================== */ /* ==================== 内页60 - 通用标题 Start ==================== */ .ny60-title { text-align: center; } .ny60-title .text1 { color: #1E1E20; font-size: 1rem; margin-bottom: 0.5002rem; line-height: 1.1; font-family: "HYJunhei-85J"; } .ny60-title .text2 { font-size: 0.2666rem; color: #86868B; line-height: 1.4; } /* ==================== 内页60 - 通用标题 End ==================== */ /* ==================== 内页60 - 板块一 Start ==================== */ .ny60-section1 { background-size: 100%; background-position: center bottom; background-repeat: no-repeat; position: relative; background-color: #A7E5F3; padding-bottom: 2.1667rem; } .ny60-section1 .info { text-align: center; padding-top: 2.6667rem; } .ny60-section1 .info .text1 { font-size: 0.2666rem; color: #3B72B7; line-height: 1.1; margin-bottom: 0.2499rem; } .ny60-section1 .info .text2 { font-size: 2.3334rem; line-height: 1; font-family: "HYJunhei-85J"; } .ny60-section1 .info .text2 span { font-family: "HYJunhei-85J"; color: transparent; background: -webkit-linear-gradient(to bottom, #004C94, #297BC4); background: -o-linear-gradient(to bottom, #004C94, #297BC4); background: -moz-linear-gradient(to bottom, #004C94, #297BC4); background: linear-gradient(to bottom, #004C94, #297BC4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ny60-section1 .info .image { display: block; margin-bottom: 0.6666rem; width: 8.8333rem; margin-left: auto; margin-right: auto; margin-top: -0.2333rem; } .ny60-section1 .info .image img { width: 100%; } .ny60-section1 .info .text3 { font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; margin-bottom: 0.1667rem; } .ny60-section1 .info .text4 { font-size: 0.3334rem; color: #1E1E20; } /* ==================== 内页60 - 板块一 End ==================== */ /* ==================== 内页60 - 板块二 Start ==================== */ .ny60-section2 { background-color: #e3f6ff; background: -webkit-linear-gradient(to bottom, #e3f6ff, #F4F7F7); background: -o-linear-gradient(to bottom, #e3f6ff, #F4F7F7); background: -moz-linear-gradient(to bottom, #e3f6ff, #F4F7F7); background: linear-gradient(to bottom, #e3f6ff, #F4F7F7); padding-top: 2.6666rem; } .ny60-section2 .content1 .title { font-size: 1rem; color: #1E1E20; margin-bottom: 1.3334rem; font-family: "HYJunhei-85J"; } .ny60-section2 .content1 .body .image { margin-top: 0.6666rem; margin-bottom: 0.6666rem; margin-left: auto; margin-right: auto; width: 18.1667rem; position: relative; z-index: 3; } .ny60-section2 .content1 .body .image img { width: 100%; } .ny60-section2 .content1 .body .info { text-align: center; } .ny60-section2 .content1 .body .info2 .text1 { margin-bottom: 0; } .ny60-section2 .content1 .body .info2 .text2 { margin-bottom: 0.2499rem; } .ny60-section2 .content1 .body .text1 { font-size: 0.6666rem; margin-bottom: 0.2499rem; line-height: 1.1; color: #297BC4; } .ny60-section2 .content1 .body .text2 { font-size: 0.4333rem; color: #64B6F1; line-height: 1.1; } .ny60-section2 .content2 { text-align: center; margin-top: 2.5002rem; padding-bottom: 2rem; overflow: hidden; } .ny60-section2 .content2 .ny60-section2-swiper { width: 17.6666rem; margin-left: 0; margin-right: auto; overflow: visible; } .ny60-section2 .content2 .image { border-radius: 0.3334rem; overflow: hidden; } .ny60-section2 .content2 .image img { width: 100%; } .ny60-section2 .content2 .bottom { display: table; margin-left: auto; margin-right: auto; margin-top: 1.5002rem; } .ny60-section2 .content2 .line { height: 0.1168rem; background-color: #DAF1FF; border-radius: 1.6666rem; width: 100%; } .ny60-section2 .content2 .line .swiper-scrollbar-drag { background-color: #297BC4; } .ny60-section2 .content2 .tabs { display: flex; align-items: center; justify-content: center; margin-top: 0.1667rem; } .ny60-section2 .content2 .tabs .tab-item { cursor: pointer; width: 4.1667rem; text-align: center; line-height: 1.4; font-size: 0.2666rem; } /* ==================== 内页60 - 板块二 End ==================== */ /* ==================== 内页60 - 板块三 Start ==================== */ .ny60-section3 { background-color: #F4F6F6; padding-top: 2.5002rem; padding-bottom: 2.5002rem; background: -webkit-linear-gradient(to bottom, #F3F6F6, #FFFFFF); background: -o-linear-gradient(to bottom, #F3F6F6, #FFFFFF); background: -moz-linear-gradient(to bottom, #F3F6F6, #FFFFFF); background: linear-gradient(to bottom, #F3F6F6, #FFFFFF); } .ny60-section3 .ny60-title { margin-bottom: 0.3334rem; } .ny60-section3 .body { display: flex; align-items: center; justify-content: space-between; } .ny60-section3 .left-body { width: 7.5002rem; flex-shrink: 0; } .ny60-section3 .left-body .img img { width: 100%; } .ny60-section3 .left-body .text { margin-top: 0.3334rem; margin-bottom: 0.3334rem; text-align: center; font-size: 0.4333rem; color: #1E1E20; line-height: 1.1; } .ny60-section3 .image { width: 11.5002rem; display: block; flex-shrink: 0; } .ny60-section3 .image img { width: 100%; } /* ==================== 内页60 - 板块三 End ==================== */ /* ==================== 内页60 - 板块四 Start ==================== */ .ny60-section4 { padding-top: 2.6666rem; padding-bottom: 2.6666rem; text-align: center; } .ny60-section4 .tabs { margin-top: 0.3334rem; display: inline-flex; align-items: stretch; justify-content: center; padding: 0.1002rem; background-color: #DDE1E1; border-radius: 1.6666rem; } .ny60-section4 .tabs .tab-item { padding: 0.1667rem; min-width: 3.8333rem; font-size: 0.3334rem; color: #1E1E20; line-height: 1.1; border-radius: 1.6666rem; cursor: pointer; } .ny60-section4 .tabs .tab-item.active { background-color: #1E1E20; color: #fff; } /* ==================== 内页60 - 板块四 End ==================== */ /* ==================== 内页60 - 板块五 Start ==================== */ .ny60-section5 { padding-bottom: 3rem; } .ny60-section5 .ny60-title { margin-bottom: 1.0832rem; } .ny60-section5 .table { border-radius: 0.1667rem; overflow: hidden; width: 100%; border: 1px solid #E7E7E7; } .ny60-section5 table, .ny60-section5 td, .ny60-section5 th { border-collapse: collapse; } .ny60-section5 table { width: 100%; } .ny60-section5 tr:first-child td { padding-top: 0.2499rem; padding-bottom: 0.2499rem; border-top: 0; } .ny60-section5 tr:last-child td { border-bottom: 0; } .ny60-section5 tr td:first-child { border-left: 0; } .ny60-section5 tr td:last-child { border-right: 0; } .ny60-section5 tr:nth-child(1) td { color: #1E1E20; background-color: #E7E7E7; } .ny60-section5 td { font-size: 0.2666rem; padding: 0.5002rem 0.5002rem; border: 1px solid #E7E7E7; } /* ==================== 内页60 - 板块五 End ==================== */