/* pages/exchange/exchange.wxss */ .section { padding: 20rpx 20rpx; } .section { position: relative; display: flex; flex: 5; } .section input { flex: 3; border: 1px solid #ccc; border-radius: 10rpx; height: 70rpx; line-height: 70rpx; font-size: 30rpx; padding-left: 20rpx; margin-right: 10rpx; } .section button { flex: 1; height: 74rpx; line-height: 74rpx; font-size: 30rpx; } .section .scan { position: absolute; right: 255rpx; bottom: 37rpx; width: 40rpx; height: 40rpx; z-index: 999; } .comment { padding: 0 20rpx; margin-top: 60rpx; } .comment text { display: block; } .opcaity { opacity: .6; } .tab { display: flex; justify-content: space-around; margin-bottom: 25rpx; z-index: 999; height: 60rpx; } .tab .tabItem { width: 180rpx; text-align: center; padding-bottom: 15rpx; transition: all .3s; } .tabItem.active { font-size: 35rpx; color: #fd832d; border-bottom: 5rpx solid #fd832d; } .infoCard { width: 90%; text-align: left; padding: 25rpx 25rpx 5rpx 25rpx; font-size: 32rpx; background-color: #fff; margin: 10rpx auto; border-radius: 15rpx; } .infoCard view { margin-bottom: 45rpx; } .infoCard .phone .changePhone, .infoCard .phone .confirmPhone { color: #09bb07; } .infoCard .phone .cancelChangePhone { color: #fd832d; margin-left: 15rpx; } .infoCard .phone { position: relative; } .infoCard .phone .phoneInput { position: relative; top: 8rpx; display: inline-block; width: 240rpx; } .infoCard .radioGroup { display: inline-block; } .infoCard .pwdBox { position: relative; border: 1px solid #5c5c5c; padding: 15rpx; border-radius: 15rpx; line-height: 100%; } .infoCard .pwdBox .eye { position: absolute; right: 25rpx; bottom: 5rpx; width: 60rpx; height: 60rpx; z-index: 999; } .btns { margin-top: 50rpx; padding: 0 40rpx; } .comment { padding: 0 30rpx; margin-top: 20rpx; margin-bottom: 35rpx; } .comment text { display: block; } .txt1 { margin-top: 30rpx; font-size: 34rpx; margin-bottom: 20rpx; } .txt2, .txt3 { font-size: 25rpx; line-height: 40rpx; color: #999; }