.chengu { position: relative; top:160rpx; width: 721rpx; height: 1101rpx; background: url(../../static/yy/chengu-bg.png) 100% no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; margin: -1rpx 0 0 15rpx; .section_2 { width: 364rpx; height: 46rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 39rpx 0 0 290rpx; } .text_2 { width: 148rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(230,0,18,1); font-size: 40rpx; font-family: FZQKBYSJW--GB1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 40rpx; } .icon_1 { width: 43rpx; height: 43rpx; margin-top: 3rpx; } .text-wrapper_1 { width: auto;height: auto; overflow-wrap: break-word; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; line-height: 28rpx; margin: 40rpx auto 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; margin-bottom: 20rpx; } } .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; } .dateselect { display: flex; } .dateselect>view { border:1px solid rgba(0,0,0,0.1) ; margin-left:20rpx; padding:0 10rpx; font-size: 24rpx; } .text_3 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 28rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; align-self: center; line-height: 34rpx; heigth:34rpx; } .text_4 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; margin-top: 0; } .paragraph_2 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .text_5 { width: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 28rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .text_6 { width: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .paragraph_3 { width: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 28rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .paragraph_4 { width: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .text_7 { width: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 28rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .text_8 { width: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .paragraph_5 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(177, 177, 178, 1); font-size: 22rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .paragraph_6 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .text_9 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 28rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .text_10 { width: auto;height: auto; overflow-wrap: break-word; color: rgba(34, 24, 21, 1); font-size: 24rpx; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; } .button_1 { background-color: rgba(230,0,18,1); width: 133rpx; color:#fff; margin: 20rpx auto 0 auto; padding:10rpx 0; text-align: center; font-size: 40rpx; border-radius: 10rpx; font-family: FZQKBYSJW--GB1-0; font-weight: normal; } .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; } .text_12 { width: 600rpx; overflow-wrap: break-word; color: rgba(141,141,142,1); font-size: 24rpx; font-family: SimHei; font-weight: normal; text-align: left; line-height: 41rpx; margin: 18rpx auto 0 auto; } .image_4_frm { width: 690rpx; position: absolute; bottom: 14rpx; left: 16rpx; display: flex; justify-content: center; } .image_4 { width: 260rpx; height: 300rpx; margin: 0 auto 0 auto; } .label_1 { position: absolute; left: 325rpx; top: 216rpx; width: 34rpx; height: 34rpx; } .label_2 { position: absolute; left: 325rpx; top: 343rpx; width: 34rpx; height: 34rpx; } .label_3 { position: absolute; left: 196rpx; top: 215rpx; width: 36rpx; height: 36rpx; } .label_4 { position: absolute; left: 196rpx; top: 341rpx; width: 36rpx; height: 36rpx; } .image_5 { position: absolute; left: 178rpx; top: 151rpx; width: 394rpx; height: 173rpx; } }