Domů Procházet Nápověda
Registrovat se Přihlásit se
xionghaojie
/
H5_module
1
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Strom: 694993640b
Větve Značky
H5_module
/
card
/
index
/
index.css

index.css 4.5 KB
Historie Surový

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 
  1. /* index.css */
    2. 

  2. page{background: #f2f2f2;padding-bottom: 50rpx;}
    3. 

  3. .photo{margin: 32rpx 32rpx 0;box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);border-radius: 12rpx 12rpx 0 0;height: 682rpx;position: relative;}
    4. 

  4. .poster{width: 100%;height: 100%;border-radius: 12rpx 12rpx 0 0;}
    5. 

  5. .change{position: absolute;right: 0;bottom: 0;background: rgba(0,0,0,.5);font-size: 24rpx;color: #fff;padding: 8rpx 10rpx;border-radius: 15rpx 0 0 0;}
    6. 

  6. .change image{width: 29rpx;height: 25rpx;margin-right: 12rpx;}
    7. 

  7. .upload{width: 100%;height: 100%;flex-direction: column;justify-content: center;font-size: 26rpx;color: var(--main);}
    8. 

  8. .upload image{width: 27rpx;height: 27rpx;margin: 0 auto 20rpx;}
    9. 

  9. .infos{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 43%, #FFFFFF 100%);}
    10. 

  10. .info{margin: 0 32rpx;background: #fff;border-radius: 0 0 12rpx 12rpx;box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);padding: 40rpx;}
    11. 

  11. .company{font-size: 28rpx;color: #666;}
    12. 

  12. .name{font-size: 38rpx;color: #333;font-weight: bold;margin-top: 30rpx;}
    13. 

  13. .job{font-size: 24rpx;color: #666;margin-top: 10rpx;}
    14. 

  14. .logo{width: 128rpx;height: 128rpx;border: 1rpx solid #D9D9D9;border-radius: 50%;}
    15. 

  15. .logo image{width: 100%;height: 100%;border-radius: 50%;}
    16. 

  16. .zhan{justify-content: center;font-size: 24rpx;color: #999;padding: 30rpx 0;}
    17. 

  17. .bico{width: 23rpx;height: 14rpx;margin-left: 15rpx;transition: all .3s ease;}
    18. 

  18. .zhan-romate .bico{transform: rotate(180deg);}
    19. 

  19. .share{width: 638rpx !important;height: 94rpx !important;background: #108FFF;border-radius: 47rpx !important;font-size: 36rpx;color: #fff;text-align: center;line-height: 94rpx !important;margin: 0 auto !important;}
    20. 

  20. .opt{justify-content: space-around;width: 638rpx;margin: 15rpx auto 0;border-bottom: 1rpx solid #e9e9e9;}
    21. 

  21. .opt .li{font-size: 26rpx;color: #333;padding: 40rpx 0;}
    22. 

  22. .opt .li image{width: 49rpx;height: 44rpx;margin: 0 auto 10rpx;}
    23. 

  23. .datas{padding: 28rpx 32rpx;}
    24. 

  24. .users{padding-left: 10rpx;font-size: 24rpx;color: #999;}
    25. 

  25. .users image{width: 50rpx;height: 50rpx;border-radius: 50%;margin-left: -10rpx;}
    26. 

  26. /* .users view{margin-left: 15rpx;} */
    27. 

  27. .q-users{margin-right: 20rpx;}
    28. 

  28. .q-users image{width: 50rpx;height: 50rpx;border: 2rpx solid #E5E5E5;border-radius: 50%;margin-left: -14rpx;background: #D8D8D8;}
    29. 

  29. .q-users image:first-child{margin-left: 0;}
    30. 

  30. .zan,.renqi{font-size: 22rpx;color: #5F5F5F;}
    31. 

  31. .renqi{margin-left: 50rpx;}
    32. 

  32. .zan image{width: 30rpx;height: 32rpx;margin-right: 10rpx;}
    33. 

  33. .renqi image{width: 25rpx;height: 33rpx;margin-right: 10rpx;}
    34. 

  34. .box{background: #fff;border-radius: 12rpx;margin: 20rpx 32rpx;padding: 0 30rpx;overflow: hidden;}
    35. 

  35. .brief{padding-bottom: 45rpx;}
    36. 

  36. .tit{font-size: 30rpx;color: #000;font-weight: 600;margin: 35rpx 0 0;}
    37. 

  37. .tit image{width: 42rpx;height: 42rpx;margin-right: 20rpx;}
    38. 

  38. .tit text{font-size: 24rpx;color: #999;margin-left: 15rpx;font-weight: normal;}
    39. 

  39. .bri{font-size: 28rpx;color: #333;line-height: 38rpx;margin-top: 25rpx;}
    40. 

  40. .card-datas{margin-top: 20rpx;}
    41. 

  41. .card-datas .li{font-size: 24rpx;color: #999;width: 33.33%;text-align: center;padding: 35rpx 0;}
    42. 

  42. .card-datas .li text{display: block;font-size: 38rpx;color: #333;margin-bottom: 5rpx;}
    43. 

  43. .tit image.edit{width: 30rpx;height: 32rpx;margin-right: 0;}
    44. 

  44. .videos{padding-bottom: 40rpx;}
    45. 

  45. .video{margin-top: 30rpx;}
    46. 

  46. .not{font-size: 30rpx;color: #108FFF;text-align: center;padding: 70rpx 0 30rpx;}
    47. 

  47. .not image{width: 53rpx;height: 46rpx;margin: 0 auto 20rpx;}
    48. 

  48. .video-sp{width: 100%;height: 352rpx;border-radius: 4rpx;}
    49. 

  49. .pic{padding-bottom: 40rpx;}
    50. 

  50. .picture{margin-top: 30rpx;}
    51. 

  51. .pics image{width: 100%;margin-top: 20rpx;}
    52. 

  52. .pics image:first-child{margin-top: 0;}
    53. 

  53. .also{font-size: 26rpx;color: #108FFF;text-align: center;padding: 20rpx 0 40rpx;}
    54. 

  54. .contacts{height: 136rpx;overflow: hidden;margin: 30rpx 0 0;}
    55. 

  55. .contact{white-space: nowrap;height: 136rpx;padding-bottom: 20rpx;}
    56. 

  56. .contact .li{display: inline-block;height: 136rpx;background: #FFFFFF;border: 1rpx solid #CFCFCF;border-radius: 10rpx;box-sizing: border-box;padding: 25rpx 22rpx 0;margin-right: 25rpx;min-width: 270rpx;line-height: 1;}
    57. 

  57. .contact .li:first-child{margin-left: 32rpx;}
    58. 

  58. .contact .li:last-child{margin-right: 32rpx;}
    59. 

  59. .lit{font-size: 26rpx;color: #000;}
    60. 

  60. .lit image{width: 34rpx;height: 34rpx;margin-right: 10rpx;}
    61. 

  61. .num{font-size: 24rpx;color: #666;margin-top: 22rpx;}
    62. 

  62. .btns{padding: 0 32rpx;justify-content: space-between;margin-top: 30rpx;}
    63. 

  63. .share-ta{width: 326rpx;height: 90rpx;border: 2rpx solid #108fff;font-size: 36rpx;color: #108fff;text-align: center;line-height: 90rpx;border-radius: 47rpx;}
    64. 

  64. .save{width: 330rpx;height: 94rpx;background: #108fff;font-size: 36rpx;color: #fff;text-align: center;line-height: 94rpx;border-radius: 47rpx;}
    65.