index.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .creditIndex {
  2. position: relative;
  3. margin: -85px 0 0;
  4. width: 100%;
  5. .contentArea {
  6. width: 1000px;
  7. margin: 0 auto 57px auto;
  8. .list {
  9. .cell {
  10. margin-top: 20px;
  11. padding: 55px 40px 20px 40px;
  12. background: #fff;
  13. border-radius: 8px;
  14. .cellBody {
  15. height: 108px;
  16. display: flex;
  17. align-items: center;
  18. .left {
  19. width: 108px;
  20. height: 108px;
  21. img{
  22. width: 108px;
  23. height: 108px;
  24. }
  25. }
  26. .center {
  27. margin-left: 37px;
  28. display: flex;
  29. justify-content: center;
  30. flex-direction: column;
  31. width: 718px;
  32. .title {
  33. font-size:25px;
  34. font-weight:600;
  35. color:rgba(51,51,51,1);
  36. line-height:36px;
  37. }
  38. .subTitle {
  39. margin-top: 10px;
  40. font-size:14px;
  41. font-weight:400;
  42. color:rgba(153,153,153,1);
  43. line-height:20px;
  44. }
  45. }
  46. .right {
  47. margin-left: 50px;
  48. height: 14px;
  49. width: 8px;
  50. background: url('~@/assets/img/credit/rightIcon.png') no-repeat;
  51. background-size: cover;
  52. }
  53. }
  54. .lines {
  55. width: 100%;
  56. height: 1px;
  57. background-color: rgba(244,244,244,1);
  58. margin: 60px auto 20px auto;
  59. }
  60. .cellBottom {
  61. display: flex;
  62. .bottomBox {
  63. margin-left: 13px;
  64. height: 38px;
  65. min-width: 106px;
  66. padding: 9px 25px;
  67. font-size:14px;
  68. font-weight:500;
  69. color:rgba(102,102,102,1);
  70. line-height:20px;
  71. background:rgba(255,255,255,1);
  72. box-shadow:0 6px 23px 0 rgba(13,24,36,0.07);
  73. border-radius:2px;
  74. }
  75. }
  76. }
  77. }
  78. }
  79. }