bindCard.css 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /* bindCard.css */
  2. page{background: #fff;padding-bottom: 230rpx;}
  3. .step{padding: 50rpx 0 35rpx;justify-content: center;border-bottom: 20rpx solid #F6F6F6;position: relative;}
  4. .step::after{content: '';display: block;width: 176rpx;height: 1rpx;background: #C9C9C9;position: absolute;left: 50%;transform: translateX(-50%);top: 93rpx;z-index: 1;}
  5. .step .li{font-size: 28rpx;color: #999;margin: 0 33rpx;position: relative;z-index: 2;}
  6. .num{width: 60rpx;height: 60rpx;background: #DCDCDC;border-radius: 50%;margin: 0 auto;font-size: 42rpx;color: #fff;font-weight: bold;text-align: center;line-height: 60rpx;border: 13rpx solid #fff;}
  7. .s-gou{width: 60rpx;height: 60rpx;border: 13rpx solid #fff;margin: 0 auto;background: #fff;display: none;}
  8. .step .li.ing,.step .li.end{color: #000000;}
  9. .step .li.ing .num{background: var(--mina);}
  10. .step .li.end .num{display: none;}
  11. .step .li.end .s-gou{display: block;}
  12. .form{padding: 0 32rpx;}
  13. .form .li{border-bottom: 1rpx solid #E6E6E6;padding: 35rpx 0;}
  14. /* .form .li:last-child{border-bottom: none;} */
  15. .label{width: 162rpx;font-size: 32rpx;color: #333;display: block;box-sizing: border-box;padding-right: 30rpx;}
  16. .type{font-size: 28rpx;color: #666;margin-right: 30rpx;white-space: nowrap;}
  17. .type image{width: 40rpx;height: 40rpx;margin-right: 14rpx;}
  18. .linsence{width: 326rpx;margin: 30rpx auto 0;text-align: center;font-size: 22rpx;color: #666;}
  19. .linsence image{width: 326rpx;height: 206rpx;border-radius: 15rpx;border: 2rpx solid #e5e5e5;margin: 0 auto 12rpx;}
  20. .ipt{width: 100%;font-size: 32rpx;color: #333;}
  21. .placeholder{color: #ccc;}
  22. .chang{margin-left: 20rpx;font-size: 28rpx;color: #666;}
  23. .chang image{width: 24rpx;height: 24rpx;margin-right: 10rpx;}
  24. .textarea{width: 100%;height: 150rpx;font-size: 32rpx;color: #333;}
  25. .flexs{align-items: flex-start;}
  26. .location{width: 28rpx;height: 35rpx;padding: 10rpx 25rpx;}
  27. .next{height: 80rpx;background: var(--mina);border-radius: 40rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 80rpx;position: fixed;left: 32rpx;right: 32rpx;bottom: 28rpx;z-index: 50;}
  28. .cards .label{width: auto;}
  29. .card{justify-content: space-between;}
  30. .tip{font-size: 28rpx;color: #FC8C20;padding: 22rpx 0;}
  31. .tip image{width: 27rpx;height: 27rpx;margin-right: 10rpx;}
  32. .rico{width: 13rpx;height: 23rpx;}
  33. .form-b{border-top: 20rpx solid #F6F6F6;}
  34. .send{font-size: 28rpx;color: #FC8C20;}
  35. .form .li.cards{border-bottom: none;}
  36. .pickers{width: 100%;position: relative;font-size: 32rpx;color: #A2A6AF;}
  37. .pickers.active{color: #666;}
  38. .ipt_g{color: #ccc;}
  39. .pickers .rico,.f-item .rico{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}