/* packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxss */ page { width: 100vw; height: 100%; padding: 40rpx 30rpx 0 30rpx; box-sizing: border-box; background-color: #e7f5fb; } @keyframes notice_show { 0% { top: -999rpx; } 100% { top: 10rpx; } } .notice_show { text-align: center; padding: 30rpx; color: skyblue; position: absolute; right: 10%; box-shadow: #f0f0f0 0px 0px 5px; z-index: 999; background: #fff; animation: 2s notice_show linear; } .content { position: relative; width: 100%; /* height: 100%; */ border-radius: 25rpx; /* padding: 30rpx; */ background-color: #fff; } .content .work { text-align: center; padding: 50rpx 0 30rpx 0; font-size: 36rpx; } .content .ready { display: flex; flex-direction: column; align-items: center; margin-bottom: 40rpx } .content .ready1 { display: flex; flex-direction: column; align-items: center; padding-bottom: 50rpx; /* margin-bottom: 40rpx */ } .hengxian { position: relative; top: -15rpx; width: 40rpx; margin-left: 50%; transform: translateX(-50%); border: 1rpx solid #5edadc; } .shuxian { width: 2rpx; background-color: #f5f5f5; margin: 0 30rpx; } .content .image { display: flex; width: 75%; height: 300rpx; } .content .image_1 { display: flex; width: 55%; height: 450rpx; margin: 0 auto; } .content image { height: 100%; } .btn { /* height: 150rpx; */ /* margin-left: 50%; */ margin: 70rpx 0 30rpx 50%; transform: translateX(-50%); background: #4bd6df; padding: 15rpx 15rpx; width: 50%; text-align: center; border-radius: 50rpx; color: #fff; } .btn_fixed { position: fixed; width: 100%; bottom: 0; height: 300rpx; background: #e7f5fb; } .notice { text-align: center; color: red; font-size: 28rpx; } .cover-layer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; } .flex { display: flex } .jc-center { justify-content: center; } .ac { align-items: center } .pai_content { position: fixed; z-index: 100; bottom: 0; background: #FFFFFF; width: 100%; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; } .p_item { height: 100rpx; line-height: 100rpx; text-align: center; border-bottom: 1rpx solid #eee } .p_cancle { height: 100rpx; line-height: 100rpx; text-align: center; border-top: 20rpx solid #f8f8f8; } @keyframes p_up { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes p_down { from { transform: translateY(0); } to { transform: translateY(100%); } } .p_to_up { animation: p_up 1s; } .p_to_down { animation: p_down 0.5s; }