index_details.wxss 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .personal_title_box{margin-top:30rpx;width:100%;height:500rpx;position:relative;}
  2. .personal_title_img{width:100%;height:100%;}
  3. .personal_title_img image{width:100%;height:100%;}
  4. .personal_img_text{border:1px solid;position:absolute;bottom:0;left:0;}
  5. /* 个人相册 */
  6. .Album_box{margin-top:30rpx;}
  7. .Album_box .Album:nth-child(4n){margin-right:0;}
  8. .Album{width:23.7%;height:161.8rpx;float:left;margin-right:1.7%;margin-bottom:13rpx;position:relative;border-radius:10rpx;overflow:hidden;}
  9. .Album .Album_img{width:100%;height:100%;}
  10. .Album_box text{display:block;text-align:center;font-size:28rpx;color:#333;}
  11. /* 个人资料 */
  12. .information{margin-top:50rpx;padding:0 30rpx;}
  13. .information_l{float:left;}
  14. .information_l_title{font-size:36rpx;color:#292828;font-weight:600;}
  15. .information_l_title text{font-size:18rpx;color:#FFF;background:#FF79B8;padding:4rpx 10rpx;border-radius:100rpx;position:relative;top:-5rpx;}
  16. .information_l_id{font-size:28rpx;color: #A7A6A6;margin-top:10rpx;}
  17. .information_l_style text{font-size:20rpx;color:#FFF;background:#F77575;padding:4rpx 10rpx;border-radius:6rpx;margin-right:10rpx;}
  18. .information_r{float:right;width:110rpx;height:110rpx;border-radius:100rpx;position:relative;top:18rpx;}
  19. .information_r image{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
  20. .information_r text{font-size:18rpx;color:#FFF;display:block;text-align:center;position:relative;z-index:10;top:51rpx;}
  21. /* 个人信息 */
  22. .data_box{margin-top:20rpx;padding:0 30rpx 10rpx 30rpx;}
  23. .data_title{border-bottom:1px solid #f8f8f8;padding-bottom:20rpx;}
  24. .data_title_l{float:left;font-size:24rpx;color:#292828;font-weight:600;}
  25. .data_title_l image{height:0;}
  26. .data_title_r{float:right;font-size:24rpx;color:#A7A6A6;}
  27. .data_title_r image{width:10rpx;position:relative;top:-2rpx;margin-left:16rpx;height:0;}
  28. /* 认证信息 */
  29. .data_rz_box{margin-top:30rpx;}
  30. .data_rz_box .data_rz:last-child{margin-right:0;}
  31. .data_rz{float:left;text-align:center;margin-right:63rpx;}
  32. .data_rz image{width:88rpx;height:88rpx;}
  33. .data_rz .data_smrz{display:block;font-size:20rpx;color:#292828;}
  34. .data_rz .data_yrz{display:block;font-size:20rpx;color:#EDAC20;margin-top:6rpx;}
  35. /* 二维码 */
  36. .data_QRcode{border:1px dashed #D0D1D1;width:140rpx;height:140rpx;margin-top:30rpx;}
  37. .data_QRcode image{width:100%;height:100%;}
  38. .m_bottom{width:100%;height:120rpx;position:fixed;bottom:0;left:0;background:#FFF;border-top:1px solid #ECECEC;padding:10rpx 0 40rpx 0;}
  39. .m_bottom_l{width:185rpx;float:left;height:88rpx;position:relative;top:16rpx;left:34rpx;text-align:center;line-height:88rpx;}
  40. .m_bottom_l image{width:42rpx;position:relative;top:12rpx;height:0;}
  41. .m_bottom_l text{font-size:28rpx;color:#3B3F41;margin-left:12rpx;}
  42. .m_bottom_r{background: linear-gradient(to right, #FF9BCA , #FF79B8); width:468rpx;height:88rpx;float:right;position:relative;top:16rpx;right:34rpx;border-radius:10rpx;text-align:center;line-height:88rpx;}
  43. .m_bottom_r navigator{width:100%;height:100%;}
  44. .m_bottom_r image{width:42rpx;position:relative;top:9rpx;height:0;}
  45. .m_bottom_r text{font-size:28rpx;color:#FFF;margin-left:12rpx;}
  46. /* .data_list{margin-top:30rpx;} */
  47. .data_list text{border:1px solid #eee;display:block;float:left;padding:20rpx 30rpx;border-radius:100rpx;font-size:28rpx;color:#292828;margin-right:30rpx;margin-top:30rpx}
  48. .data_list_text{font-size:28rpx;color:#333;text-align:center;margin-top:60rpx;}
  49. .data_zolist text{display:block;float:left;border-radius:8rpx;font-size:25rpx;color:#292828;margin-right:20rpx;margin-top:20rpx;width:47.9%;height:60rpx;text-align:center;line-height:60rpx;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#ECF0FA;border:1px solid #E7EBF5;}
  50. .data_zolist text:nth-child(2n){margin-right:0;}
  51. .data_zjlist text{border:1px solid #E5E5E5;display:block;float:left;border-radius:8rpx;font-size:25rpx;color:#292828;margin-right:20rpx;margin-top:20rpx;width:47.9%;height:60rpx;text-align:center;line-height:60rpx;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#F2F2F2;}
  52. .data_zjlist text.on{width:30.8% !important;}
  53. .data_zjlist text.in{width:100% !important;}
  54. .data_zjlist text:nth-child(3){margin-right:0;}
  55. .data_zjlist text:nth-child(6){margin-right:0;}
  56. .data_zjlist text:nth-child(8){margin-right:0;}