/* 水平间距 */ /* 水平间距 */ .container.data-v-6190a91a { display: flex; flex-direction: column; padding: 0 40rpx; min-height: 100vh; background-color: #f1f6fe; } .container .code.data-v-6190a91a { margin-top: 42rpx; width: 670rpx; height: 795rpx; } .container .code .code_top.data-v-6190a91a { display: flex; flex-direction: column; align-items: center; height: 679rpx; border-radius: 18rpx 18rpx 0 0; background-color: rgba(0, 97, 255, 0.8); } .container .code .code_top .top_title.data-v-6190a91a { margin: 50rpx 0 40rpx 0; color: #fff; font-size: 44rpx; } .container .code .code_top .top_code.data-v-6190a91a { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 406rpx; height: 456rpx; border-radius: 0 30rpx 0 30rpx; background-color: #fff; } .container .code .code_top .top_code .code_info.data-v-6190a91a { display: flex; align-items: center; font-size: 28rpx; } .container .code .code_top .top_code .code_info .code_log.data-v-6190a91a { margin-right: 18rpx; width: 40rpx; height: 40rpx; } .container .code .code_bottom.data-v-6190a91a { display: flex; justify-content: center; align-items: center; height: 116rpx; font-size: 38rpx; border-radius: 0 0 18rpx 18rpx; background-color: #fff; } .container .tips.data-v-6190a91a { margin-top: 70rpx; text-align: center; color: #a6a6a6; } .container .btn.data-v-6190a91a { display: flex; justify-content: center; align-items: center; margin-top: 80rpx; width: 670rpx; height: 100rpx; font-size: 32rpx; color: #fff; border-radius: 8rpx; background-color: #0061ff; }