.code_body{ font-size: 34rpx; display: flex; flex-direction: column; height: 100vh; /* background-color: #fbfbfb; */ } .code_body_headerImg{ position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; top: 0; } .code_header_logo{ width: 68rpx; height: 68rpx; margin-bottom: 35rpx; } .code_header{ width: 748.94rpx; height: 464rpx; position: relative; box-sizing: border-box; } .code_header_text{ padding: 0 34rpx; position: relative; position: absolute; bottom: 48rpx; z-index: 2; } .bold_text{ font-weight: 600; color: #000000; line-height: 54rpx; } .standard_text{ } .samall_text{ font-weight: 400; } .code_from_body{ border-radius: 60rpx 60rpx 10rpx 10rpx; background-color: #FFFFFF; flex: 1; box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.05882352963089943); padding: 89rpx 32rpx 0 32rpx; position: relative; font-size: 28rpx; transition: all .5s; overflow: hidden; } .code_from_body_tip{ position: absolute; top: 20rpx; } .code_from_item{ /* width: 100%; */ background-color: #FAFAFA; display: flex; padding: 30rpx 24rpx; border-radius: 20rpx; align-items: center; margin-bottom: 73rpx; } .err_item{ /* width: 100%; */ background-color: #FAFAFA; display: flex; padding: 30rpx 24rpx; border-radius: 20rpx; align-items: center; margin-bottom: 73rpx; box-shadow: 1px 1px 5px 0px #ff0000; } .code_from_item:last-child{ margin-bottom: 56rpx; } .code_from_input{ flex: 1; } .code_from_input_icon{ width: 60rpx; height: 60rpx; } .code_from_footer_tip{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .code_from_footer_tip_text{ color: #333333; } .code_from_butten{ background-color: #476FFAFF; color: #FFFFFF; font-size: 36rpx; width: 90%; } .code_from_item_butten{ /* margin-top: 176rpx; */ position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; } .code_footer{ display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; position: relative; z-index: 9; padding-bottom: env(safe-area-inset-bottom); font-size: 24rpx; font-weight: 600; } .code_from_textarea{ background-color: #FAFAFA; border-radius: 20rpx; margin: 0 auto; width: 100%; padding: 34rpx 24rpx; font-size: 28rpx; margin-top: 47rpx; } .back{ position: absolute; z-index: 2; }