.wufuImg { width: 100%; margin-top: 80px; cursor: pointer; } .jingpaiBox { overflow: hidden; } .jingpaiTitle { font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; text-align: center; margin: 100px 0 37px 0; } .jingpaiText { width: 1032px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #8A8F99; line-height: 34px; margin: 0 auto 80px auto; } .jingpaiImg { display: block; margin: 0 auto 100px auto; } .shengjiBox { height: 904px; background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_gnsj_bnt.png'); background-repeat: no-repeat; overflow: hidden; } .shengjiTitle { font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #FFFFFF; margin-top: 109px; margin-bottom: 37px; text-align: center; } .shengjiText { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #BCBECF; text-align: center; } .shengImg { margin: 105px auto; display: block; } .userBox { height: 1155px; background: #F6FAFF; background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/zcfw_yhgh_bnt.png'); background-repeat: no-repeat; overflow: hidden; text-align: center; background-size: 100% 100%; } .userTitle { margin-top: 110px; text-align: center; font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; } .userAllBox { /* display: inline; */ margin-top: 80px; margin-bottom: 80px; width: 58%; } .item1Box { position: absolute; width: 200px; height: 130px; top: 11%; left: 50%; } .item2Box { position: absolute; width: 200px; height: 130px; top: 31%; left: 24%; } .item3Box { position: absolute; width: 200px; height: 130px; top: 45%; left: 65%; } .item4Box { position: absolute; width: 200px; height: 130px; top: 69%; left: 31%; } .item5Box { position: absolute; width: 200px; height: 130px; top: 74%; left: 59%; } .itemImgBox { overflow: hidden; } .itemImg { width: 24px; height: 24px; float: left; } .itemImgTitle { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #202530; margin: 0 5px; float: left; } .itemImgText { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #868C9B; margin-top: 27px; text-align: left; } .yunyinBox { height: 700px; overflow: hidden; text-align: center; } .yunyinBoxTitle { text-align: center; font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; margin-top: 110px; margin-bottom: 76px; } .yunyinTiemBox { margin: 0 auto; width: 1100px; display: flex; justify-content: space-between; } .yunyinTiem { width: 30%; } .yunyinTiemImg { width: 192px; height: 201px; margin: 10px auto; } .yunyinTiemTitle { font-size: 24px; font-family: OPPOSans; font-weight: bold; color: #202530; text-align: center; } .yunyinTiemText { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #868C9B; text-align: center; margin-top: 30px; }