.main{ opacity: 1; border-radius: 0px; overflow: scroll; touch-action: auto; flex-direction: column; display: flex; margin: 0 auto; left: 0; top: 0; bottom: 0; right: 0; position: fixed; height: 100%; background-color: #F6F6F6; } .back{ width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background:#F6F6F6 // } ///全局的formitem style .form_item_global{ width: 702rpx; height: 110rpx; //background-color: #1CBBB4; position: relative; border-radius: 20rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ///表单外围框,全局通用 .form_out_box_global{ width: 702rpx; //background-color: #0081FF; border-radius: 20rpx; position: relative; left: 24rpx; } ///表单title的text的styler .form_title_global{ height: 40rpx; font-size: 28rpx; font-weight: 400; color: #333333; opacity: 1; } ///全局表单输入框的style .form_input_global{ width: 550rpx; height: 90rpx; text-align: right; font-size: 28rpx; font-weight: 400; color: #333333; //background-color: #6739B6; //right: 10rpx; //position: absolute; } ///form表单输入框全局占位字体style .form_input_placeholder_global{ height: 40rpx; text-align: right; font-size: 28rpx; font-weight: 400; color: #999999; } //通用确定按钮,你需要放在最外层 .confirm_button_global{ width: 702rpx; height: 90rpx; background: #D49B4B; opacity: 1; border-radius: 93rpx; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; font-size: 36rpx; font-weight: 400; color: #FFFFFF; } .confirm_button_hover_class{ opacity: 0.8; } .cancel_button_hover_class{ color: #333333; } ///取消或者退出等按钮的全局style .cancel_button_global{ width: 702rpx; height: 90rpx; background: #FFFFFF; border: 1rpx solid #D49B4B; opacity: 1; border-radius: 93rpx; position: relative; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 400; color: #D49B4B; }