.taohua { position: relative; width: 721rpx; height: 1200rpx; background: url(../../static/yy/zeri-bg.png) 100% no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; margin: -1rpx 0 0 15rpx; top:160rpx; .block_2 { width: 614rpx; height: 46rpx; flex-direction: row; display: flex; margin: 40rpx auto 30rpx auto; align-items: center; } .text_2 { 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; } .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; } .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; 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; } .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,.text_4 { width: 174rpx; height: 48rpx; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 30rpx; font-family: SimHei; font-weight: normal; text-align: center; white-space: nowrap; line-height: 48rpx; } .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; } .tag_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: 45rpx 0 0 298rpx; } .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 0 0 26rpx; } .image_4 { width: 322rpx; height: 398rpx; margin: 42rpx 0 5rpx 189rpx; } .image_5 { position: absolute; left: 54rpx; top: 356rpx; width: 613rpx; height: 67rpx; } .image_youshi { width: 398rpx; height: 398rpx; margin: 42rpx auto 5rpx auto; } }