index.css 2.7 KB

1234567891011121314151617181920212223242526272829303132333435
  1. .ttop{position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
  2. .back{position: relative;}
  3. .back image{width: 15rpx;height: 25rpx;padding: 10rpx 23rpx;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
  4. .top{position: relative;z-index: 2;height: 480rpx;overflow: hidden;}
  5. .top::after{content: '';display: block;position: absolute;top: 0;width: 120%;left: -10%;right: -10%;bottom: 0;border-radius: 0 0 40% 40%;z-index: 1;background: linear-gradient(45deg,var(--submain),var(--mian));}
  6. .top-c{position: relative;z-index: 5;padding-top: 180rpx;font-size: 36rpx;color: #fff;text-align: center;height: 100%;box-sizing: border-box;background-color: var(--main);}
  7. .top-c image{width: 230rpx;height: 238rpx;position: absolute;right: 60rpx;bottom: 110rpx;z-index: 6;}
  8. .box{background-color: #fff;border-radius: 12rpx;margin: 30rpx;padding: 25rpx 0 0;position: relative;}
  9. .tits{font-size: 36rpx;color: #333;font-weight: bold;padding-right: 30rpx;}
  10. .tits::before{content: '';display: block;width: 8rpx;height: 32rpx;background: var(--mina);border-radius: 0 5rpx 5rpx 0;margin-right: 22rpx;}
  11. .form{padding: 0 32rpx;}
  12. .form .li{border-bottom: 1rpx solid #E9E9E9;font-size: 32rpx;color: #333;}
  13. .form .li:last-child{border-bottom: none;}
  14. .label{width: 140rpx;}
  15. .ipt{font-size: 32rpx;color: #333;padding: 32rpx 0;}
  16. .picker{position: relative;}
  17. .picker view{font-size: 32rpx;color: #333;padding: 32rpx 0;}
  18. .picker .bico{width: 25rpx;height: 16rpx;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
  19. .placeholder,view.placeholder{color: #999;}
  20. .gender{padding: 32rpx 0;}
  21. .gender .lis{color: #999;margin-right: 70rpx;}
  22. .gender .lis:last-child{margin-right: 0;}
  23. .gou{width: 32rpx;height: 32rpx;margin-right: 8rpx;}
  24. .shou{width: 116rpx !important;height: 56rpx !important;border-radius: 10rpx !important;border: 2rpx solid #07C160;font-size: 24rpx;color: #07C160;text-align: center;line-height: 56rpx !important;}
  25. .add-box{padding: 75rpx 0;}
  26. .add{width: 266rpx !important;height: 56rpx !important;border-radius: 10rpx !important;border: 2rpx solid #07C160;font-size: 24rpx;color: #07C160;text-align: center;line-height: 56rpx !important;margin: 0 auto !important;}
  27. .edit{font-size: 32rpx;font-weight: normal;}
  28. .edit image{width: 16rpx;height: 26rpx;margin-left: 14rpx;}
  29. .addr{padding: 40rpx 30rpx 45rpx;align-items: flex-start;}
  30. .addr image{width: 37rpx;height: 42rpx;margin-right: 10rpx;}
  31. .addr-dz{font-size: 32rpx;color: #333;}
  32. .addr-info{font-size: 28rpx;color: #999;margin-top: 10rpx;}
  33. .addr-info text{margin-left: 20rpx;}
  34. .bot{position: fixed;left: 0;right: 0;bottom: 0;padding: 0 30rpx 30rpx;}
  35. .btn{height: 96rpx;background: var(--mina);border-radius: 48rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 96rpx;}