.container { padding: 64rpx 32rpx 42rpx; background-color: #ffffff; height: 100vh; } .code { margin: auto; margin-top: 50rpx; width: 650rpx; /* height: auto; */ } .code-tip { justify-content: space-between; align-items: center; margin-bottom: 58rpx; } .code-tip>view:nth-of-type(1) { color: #2A3A5A; font-size: 56rpx; font-weight: bold; } .code-scan { display: flex; align-items: center; color: #0074FF; font-size: 22rpx; text-align: center; background-color: #E5F1FF; border-radius: 24rpx; height: 48rpx; line-height: 48rpx; padding-left: 20rpx; padding-right: 20rpx; } .code-scan>img { width: 28rpx; height: 28rpx; vertical-align: middle; margin-right: 4rpx; } .cinput { position: fixed; left: -100rpx; width: 50rpx; height: 50rpx; } .code-input { display: flex; } .input-item { /* width: 96rpx; */ height: 128rpx; line-height: 128rpx; color: #2A3A5A; font-size: 76rpx; font-weight: bold; background-color: #F3F8FF; border-radius: 16rpx; margin-left: 18rpx; padding-left: 18rpx; width: 16%; border: 4rpx solid #F3F8FF; } .inputed-item { height: 128rpx; line-height: 128rpx; color: #2A3A5A; font-size: 76rpx; font-weight: bold; background-color: #F3F8FF; border-radius: 16rpx; margin-left: 18rpx; padding-left: 18rpx; width: 16%; border: 4rpx solid #0074FF; } .input-select { width: 96rpx; height: 128rpx; color: #2A3A5A; font-size: 76rpx; font-weight: bold; background-color: #F3F8FF; border-radius: 16rpx; margin-left: 18rpx; border: 4rpx solid #0074FF; } .input-item>view:nth-child(1) { margin-left: 0rpx; } .inputStyle-wx { width: 1rpx; height: 1rpx; position: absolute; left: -200rpx; top: -20rpx; } .inputStyle-ali { width: 100rpx; height:1rpx; color: white; border: 1px solid #fff; background-color: #fff; }