page { background: #ffffff; } .nfc_mid { padding: 184rpx 0 0 0; text-align: center; } .nfc_mid image { width: 400rpx; height: 400rpx; } .nfc_mid view { font-size: 34rpx; color: #0D6EE6; margin-top: 180rpx; } .nfc_foot { position: fixed; bottom: 0; left: 0; right: 0; padding: 0 0 48rpx 0; text-align: center; font-size: 26rpx; color: #999999; } .info_text { padding: 15rpx; display: flex; align-items: center; background: #FFFAF3; color: #A15D20; } .info_text image { width: 30rpx; height: 30rpx; } .time { padding: 25rpx 0; color: #333; border-bottom: 2.5rpx solid #f1f1f1; } .modalVal { word-break: break-all; height: 120rpx; padding: 10rpx; } .cha_win_close { text-align: center; color: #999999; font-size: 50rpx; font-weight: 100; line-height: 120rpx; } .zan-dialog__mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, .3); /*设置阴影半透明背景如: background: rgba(0, 0, 0, 0.4);*/ display: none; } .zan-dialog__container { position: fixed; bottom: 0rpx; width: 100%; /* height: 350rpx; */ background: #fff; transform: translateY(300%); transition: all 0.4s ease; z-index: 12; z-index: 12; box-shadow: 0px 3px 3px 2px gainsboro; /*弹框的悬浮阴影效果,如不需要可注释该行*/ } .cha_win_tit { text-align: center; line-height: 120rpx; font-size: 32rpx; color: #333333; } .cha_win_btn { display: flex; justify-content: space-between; } .selectInfo{ height: 100%; display: flex; justify-content: space-around; align-items: center; } .selectInfo>view{ text-align: center; } .selectInfo image{ width: 90rpx; height: 90rpx; } .zan-dialog--show .zan-dialog__container { transform: translateY(0); } .zan-dialog--show .zan-dialog__mask { display: block; }