.item-camera { /* position: fixed; */ /* top: 0; left: 0; */ width: 100%; height: 1300rpx; background-color: #ffffff; } .camera { width: 100%; /* height: 760rpx; */ height: 912rpx; } .item-cover { /* width: 669rpx; height: 581.3rpx; */ width: 802.8rpx; height: 697.56rpx; /* margin-left: 40rpx; */ margin-left: -26.4rpx; margin-top: 180rpx; } /* .submit-btn { width: 100%; margin-top: 5rpx; display: flex; flex-direction: row; align-items: center; } */ .item-list{ /* z-index: 1; */ width: 555rpx; margin-top: 89rpx; margin-left: 100rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; } .image-btn { width: 150rpx; height: 150rpx; /* margin-left: 130rpx; */ } .image-light{ width: 70rpx; height: 70rpx; /* margin-top: 129rpx; */ /* margin-left: 100rpx; */ } .image-change{ width: 70rpx; height: 70rpx; /* margin-top: 129rpx; */ /* margin-left: 135rpx; */ } .item-btn-list{ width: 690rpx; margin-top: 125rpx; margin-left: 30rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .use-btn{ background-color: #6EAFF0; width: 188rpx; height: 80rpx; border-radius: 10rpx; font-size: 32rpx; color: #FFFFFF; } .login-item{ z-index: 1; }