index.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /**index.wxss**/
  2. .section_w{
  3. padding: 30rpx 45rpx 0;
  4. }
  5. .section_t{
  6. display: flex;
  7. }
  8. .section_icon{
  9. display: block;
  10. width: 30rpx;
  11. height: 26rpx;
  12. }
  13. .section_icon.xing{
  14. width: 34rpx;
  15. height: 33rpx;
  16. }
  17. .section_title{
  18. flex: 1;
  19. padding-left: 12rpx;
  20. }
  21. .section_title .title_text{
  22. font-size: 32rpx;
  23. font-weight: 600;
  24. color: #333333;
  25. }
  26. .section_title .desc_text{
  27. padding-top: 20rpx;
  28. font-size: 26rpx;
  29. color: rgba(51,51,51,.7);
  30. }
  31. /* 等级列表 */
  32. .level_list{
  33. width: 660rpx;
  34. margin-top: 30rpx;
  35. border: 1px solid rgba(0,0,0,.1);
  36. font-size: 24rpx;
  37. color: #333333;
  38. }
  39. .level_list .row{
  40. display: flex;
  41. align-items: center;
  42. border-bottom: 1px solid rgba(0,0,0,.1);
  43. }
  44. .level_list .row.head{
  45. background: #F2F3F7;
  46. font-size: 26rpx;
  47. }
  48. .level_list .row:last-child{
  49. border-bottom: 0 none;
  50. }
  51. .level_list .row .col{
  52. flex: 1;
  53. display: flex;
  54. align-items: center;
  55. justify-content: center;
  56. padding: 15rpx 0;
  57. }
  58. .level_list .row .col:not(:last-child){
  59. border-right: 1px solid rgba(0,0,0,.1);
  60. }
  61. /* */
  62. .section_w.sec{
  63. padding-top: 40rpx;
  64. }
  65. .section_title .desc_item{
  66. margin-top: 20rpx;
  67. display: flex;
  68. align-items: flex-start;
  69. }
  70. .section_title .desc_item::before{
  71. content: "";
  72. display: block;
  73. width: 6rpx;
  74. height: 6rpx;
  75. border-radius: 50%;
  76. background: rgba(0,0,0,.7);
  77. margin-right: 16rpx;
  78. margin-top: 15rpx;
  79. }