.mingan { position: relative; width: 721rpx; height: 1160rpx; background: url(../../static/yy/zeri-bg.png) 100% no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; margin: 0 0 0 15rpx; top:160rpx; .section_3 { width: 614rpx; height: 46rpx; flex-direction: row; display: flex; margin: 30rpx auto 30rpx auto; } .text_2 { width: 145rpx; height: 21rpx; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 22rpx; font-family: SimHei; font-weight: normal; text-align: left; white-space: nowrap; line-height: 22rpx; margin-top: 10rpx; } .tabs_1 { width: 346rpx; height: 46rpx; background: url(../../static/yy/mingan-1.png) 100% no-repeat; background-size: 100% 100%; margin-left: 28rpx; flex-direction: row; display: flex; } .tabs_2 { width: 346rpx; height: 46rpx; background: url(../../static/yy/mingan-1-2.png) 100% no-repeat; background-size: 100% 100%; margin-left: 28rpx; flex-direction: row; display: flex; } .text_3 { width: 53rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 30rpx; font-family: SimHei; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 10rpx 0 0 71rpx; } .text_4 { width: 54rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 30rpx; font-family: SimHei; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 10rpx 74rpx 0 94rpx; } .icon_1 { width: 43rpx; height: 43rpx; margin-left: 52rpx; } .text_5 { width: 462rpx; height: 30rpx; overflow-wrap: break-word; color: rgba(34,24,21,1); font-size: 30rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 61rpx 0 0 150rpx; } .text_6 { width: 454rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(159,160,160,1); font-size: 30rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 59rpx 0 0 134rpx; } .text_7 { width: 454rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(0,0,0,1); font-size: 30rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 44rpx 0 0 134rpx; } .text_8 { width: 455rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(230,0,18,1); font-size: 30rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 44rpx 0 0 134rpx; } .text_9 { width: 455rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(0,0,0,1); font-size: 30rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 44rpx 0 0 134rpx; } .text_10 { width: 455rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(159,160,160,1); font-size: 30rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 50rpx 0 0 134rpx; } .button_1 { height: 66rpx; background: url(../../static/yy/mingan-2.png) 100% no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; width: 133rpx; margin: 0 auto 20rpx auto; } .text_11 { width: 79rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 40rpx; font-family: FZQKBYSJW--GB1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 40rpx; margin: 13rpx auto 0 auto; } .image_4 { width:100%; margin: 0 auto 0 auto; display: flex; justify-content: center; position: absolute; bottom: 40rpx; } .image_4 img { width: 354rpx; height: 359rpx; } .image_5 { position: absolute; left: 54rpx; top: 356rpx; width: 613rpx; height: 67rpx; } .genderselect{ width: 300rpx; display: flex; justify-content: space-between; height: auto; overflow-wrap: break-word; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; line-height: 28rpx; margin: 0 auto; margin-bottom: 40rpx; input{ font-size: 24rpx; border: 1px solid rgba(0,0,0,0.1); margin-left:10rpx; padding:10rpx; margin-top: 0; } >view { display: flex; overflow: hidden; height: 60rpx; line-height:60rpx; } } .ganeroption { display: flex; } .ganeroption>view { margin-left: 20rpx; align-self: center; } .ganeroption img { vertical-align: middle; } .option-on,.option-off { align-self: center; width: 36rpx; heigt:36rpx; } }