/* pages/takePhoto/takePhoto.wxss */ .top-container { position: relative; width: 100%; height: 35vh; padding-top: 154rpx; background-size: contain; background: url(https://6875-huihenduo-2gx127w7f837b584-1255802371.tcb.qcloud.la/miniapp-static/sea-bgd.jpeg?sign=f138978877f53ccdc48937c58811659b&t=1634539269) } .avatar-icon { display: block; width: 110rpx; height: 110rpx; border-radius: 50%; margin: 0 auto; } .user-name { margin-right: 40rpx; } .phone { font-size: 28rpx; font-weight: 400; } .text { font-size: 30rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; margin-top: 30rpx; } .camera-icon { display: block; width: 234rpx; height: 234rpx; position: absolute; top: 50%; left: calc(50% - 117rpx); } .auth-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); } .modal { width: 557rpx; height: 274rpx; background: #FFFFFF; border-radius: 16rpx; margin: 548rpx auto; padding-top: 55rpx; } .service { width: 100%; text-align: center; font-size: 36rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; -webkit-text-stroke: 1rpx #979797; } .auth-btn { width: 350rpx; height: 69rpx; background: #0094FE; border-radius: 8rpx; font-size: 36rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 69rpx; margin: 0 auto; margin-top: 55rpx; text-align: center; } .icon { width: 160rpx; height: 160rpx; } .camera-cargo { height: 32vh; background: #006ebd; } .camera-bill { height: 33vh; background: #fa283d; } .new-camera { text-align: center; padding-top: 6vh; color: #fff; font-size: 42rpx; }