personInfo.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .bj{
  2. width: 750rpx;
  3. height: 300rpx;
  4. background: linear-gradient(to right,#FFB943, #FD8320);
  5. position: relative;
  6. border-radius: 0 0 110rpx 110rpx;
  7. }
  8. .personxx {
  9. width: 650rpx;
  10. margin-left: 50rpx;
  11. /* margin-top: 20rpx; */
  12. height: 310rpx;
  13. display: flex;
  14. background-color: rgba(255,255,255,0.5);
  15. border-radius: 20rpx;
  16. position:absolute;
  17. top: 80rpx;
  18. box-shadow: 0px 3px 20px 0px rgba(253, 131, 32, 0.5);
  19. }
  20. .tx {
  21. width: 140rpx;
  22. height: 140rpx;
  23. border-radius: 90rpx;
  24. overflow: hidden;
  25. margin-left: 50rpx;
  26. margin-top: 30rpx;
  27. border: 2px solid #FD8320;
  28. }
  29. .nc{
  30. margin-top: 70rpx;
  31. margin-left: 50rpx;
  32. font-size: 28rpx;
  33. }
  34. .sf{
  35. position: absolute;
  36. right: 0;
  37. background: #FD8320;
  38. color: #fff;
  39. font-size: 26rpx;
  40. top: 60rpx;
  41. padding: 10rpx 10rpx 10rpx 30rpx;
  42. border-radius: 20rpx 0 0 20rpx;
  43. }
  44. .top-content {
  45. width: 710rpx;
  46. margin-left: 20rpx;
  47. margin-top: 180rpx;
  48. background-color: #fff;
  49. border-radius: 20rpx;
  50. }
  51. .content {
  52. display: flex;
  53. margin: 40rpx;
  54. border-bottom: 1rpx solid rgba(221,221,221,1);
  55. padding-bottom: 20rpx;
  56. }
  57. /* .content:last-child {
  58. border-bottom: unset
  59. } */
  60. .big-title {
  61. font-size: 32rpx;
  62. text-align: left;
  63. color: #222222;
  64. /* border: 1px solid red; */
  65. }
  66. .small-title{
  67. color: #999999;
  68. font-size:25rpx;
  69. }
  70. .right-bpx {
  71. margin-left: 40rpx;
  72. }