.bg { background: rgba(1, 1, 1, 0.1); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; } .pay, .pay_way { position: fixed; left: 0; right: 0; bottom: 0; background: white; height: 380px; } .pay{ /*transform: translateY(380px);*/ display: none; } .pay_title { width: 100%; height: 49px; border-bottom: 1px solid #e6e6e6; position: relative; } .pay_title a { position: absolute; z-index: 10; font-size: 48px; color: #909090; } .pay_title p { line-height: 48px; text-align: center; color: black; font-size: 15.6px; } .paynum { font-size: 27px; text-align: center; color: black; padding: 20px 0; } .con_1 { padding-left: 15px; } .con_1 .row { width: 100%; height: 42px; border-bottom: 1px solid #e6e6e6; line-height: 42px; font-size: 13.2px; } .row_left { float: left; color: #909090; } .row_right { float: right; color: black; padding-right: 15px; position: relative; } .row_right img { position: absolute; right: 15px; top: 12px; } .pay_btn { width: 92%; margin: 120px 4% 24px; color: #FFFFFF; background: #e6122b; border: none; border-radius: 1%; height: 42px; } .pay_way .pay_title a { font-size: 36px; margin: 6px; } .pay_way .con .row .row_left { color: black; } .row .mui-icon { color: #e6122b; font-size: 42px; padding: 0; } #pay_pwd .con_1 { padding:20px 0; position: relative; } #pay_pwd .con_1 input{ margin: 30px 5%; width: 90%; } #pay_pwd .con_1 .p9{ margin: 30px 5%; width: 90%; position: absolute; padding: 5%; right: 5%; top: 60px; } .pay_btn_pwd { width: 92%; margin: 120px 4% 24px; color: #FFFFFF; background: #e6122b; border: none; border-radius: 1%; height: 42px; }