index.scss 2.0 KB

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