123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- .loading-w {
- text-align: center;
- color: #17D2D2;
- font-size: 30rpx;
- }
- .loading {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 204rpx;
- }
- .loading-item {
- width: 14rpx;
- height: 14rpx;
- position: relative;
- border-radius: 50%;
- background: #17D2D2;
- margin-right: 14rpx;
- animation: bouncedelay 1.4s ease-in-out infinite;
- }
- .loading-item2 {
- animation-delay: -0.32s;
- }
- .loading-item3 {
- animation-delay: -0.16s;
- }
- @keyframes bouncedelay {
- 0%,
- 80%,
- 100% {
- transform: scale(0.2);
- }
- 40% {
- transform: scale(1.0);
- }
- }
- .detail-header {
- background: url(https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/domain/exhibition/demo/img_cardm_bg%402x.png) no-repeat center bottom;
- width: 100%;
- height: 410rpx;
- }
- .detail-content {
- padding: 30rpx 56rpx 200rpx;
- }
- .info-item {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 100rpx;
- border-bottom: 1rpx solid #E5E5E5;
- color: #131D34;
- font-size: 30rpx;
- }
- .value {
- text-align: right;
- flex: 1;
- margin-left: 30rpx;
- }
- .value input {
- width: 100%;
- }
- .action-btn {
- padding: 28rpx 46rpx;
- background:rgba(255,255,255,1);
- box-shadow:0px -2px 8px rgba(0,0,0,0.05);
- position: fixed;
- bottom: 0;
- width: 100%;
- z-index: 1111;
- }
- .action-btn view {
- background: #17D2D2;
- line-height: 96rpx;
- color: #131D34;
- font-size: 34rpx;
- text-align: center;
- }
- input {
- text-align: right;
- }
|