Home Verkennen Help
Registreren Inloggen
root
/
bab-icon
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: 7a609d95e9
Aftakkingen Labels
bab-icon
/
public
/
home
/
css
/
style
/
edit.css

edit.css 4.6 KB
Geschiedenis Ruwe

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 
  1. 

  2. /*登录页面样式*/
    3. 

  3. .lg-logo{ width: 38%; margin: 65px auto; margin-bottom: 50px;}
    4. 

  4. .lg-logo img{ width: 100%;}
    5. 

  5. 

  6. .edit-list{ width: 100%; margin: 15px auto;}
    7. 

  7. .edit-list li{ width: 100%; margin-bottom: 10px;}
    8. 

  8. .edit-list-con{ width: calc(100% - 30px); height: 42px; border-bottom: 1px solid #e8e8e8; margin: 0 auto;}
    9. 

  9. .edit-list-con label{ display: block; width: 30px; height: 42px; line-height: 41px; font-size: 14px; float: left; margin-right: 10px;}
    10. 

  10. .edit-list-inp{ position: relative; width: calc(100% - 40px); height: 41px; float: left;}
    11. 

  11. .edit-list-inp input{ display: block; width: 100%; height: 21px; border: 0; padding: 0; font-size: 14px; float: left; margin: 10px 0;}
    12. 

  12. .edit-list-inp input.active{ color: #FF6600;}
    13. 

  13. .edit-list-icon input{ width: calc(100% - 42px);}
    14. 

  14. .edit-list-icon i{ display: block; width: 40px; height: 41px; line-height: 41px; text-align: right; font-size: 24px; color: #C9C9C9; float: right;}
    15. 

  15. .edit-list-msg input{ width: calc(100% - 100px);}
    16. 

  16. .edit-list-btn{ max-width: 90px; height: 41px; line-height: 41px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right;}
    17. 

  17. 

  18. .edit-list-3 label{ width: 45px;}
    19. 

  19. .edit-list-3 .edit-list-inp{ width: calc(100% - 55px);}
    20. 

  20. .edit-list-4 label{ width: 60px;}
    21. 

  21. .edit-list-4 .edit-list-inp{ width: calc(100% - 70px);}
    22. 

  22. .edit-list-5 label{ width: 75px;}
    23. 

  23. .edit-list-5 .edit-list-inp{ width: calc(100% - 85px);}
    24. 

  24. .edit-list-6 label{ width: 90px;}
    25. 

  25. .edit-list-6 .edit-list-inp{ width: calc(100% - 100px);}
    26. 

  26. 

  27. .edit-link{ width: 100%; line-height: 22px; padding: 0 6%; margin: 15px auto;}
    28. 

  28. .edit-link-con, .edit-link-r, .edit-link-l{ display: block; line-height: 22px; float: left;}
    29. 

  29. .edit-link-r, .edit-link-r .edit-link-con, .edit-link-l .edit-link-con{ float: right;}
    30. 

  30. .edit-link-r, .edit-link-l{ color: #C9C9C9;}
    31. 

  31. 

  32. /*实名认证页面添加样式*/
    33. 

  33. .edit-hd{ width: 100%; padding: 15px; font-size: 13px; line-height: 18px; text-align: justify; color: #FF1D3E; background: #fdf7e7;}
    34. 

  34. 

  35. /*忘记密码页面添加样式*/
    36. 

  36. .edit-link-login{ width: 100%; height: 22px; line-height: 22px; text-align: center; padding: 0;}
    37. 

  37. 

  38. /*同意支付页面样式*/
    39. 

  39. .provison-hd{ position: fixed; left: 0; top: 0; width: 100%; height: 120px; padding: 1px 0; z-index: 10;}
    40. 

  40. .shop-bar-nav~.provison-hd{ top: 43px;}
    41. 

  41. .provison-hd~.mui-content{ padding-top: 120px;}
    42. 

  42. .shop-bar-nav~.provison-hd~.mui-content{ padding-top: 163px;}
    43. 

  43. .provison-ft~.mui-content{ padding-bottom: 115px;}
    44. 

  44. 

  45. .provison-hd-bg{ position: absolute; right: 4%; bottom: 0; width: 120px;}
    46. 

  46. .provison-hd-con{ width: calc(97% - 120px); padding-left: 15px; margin-top: 20px;}
    47. 

  47. .provison-hd-nm, .provison-hd-price{ width: 100%; height: 45px; line-height: 50px; font-size: 20px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    48. 

  48. .provison-hd-price{ height: 30px; line-height: 25px; font-size: 14px;}
    49. 

  49. 

  50. .provison-ft{ position: fixed; left: 0; bottom: 0; width: 100%; padding: 15px 0; background: #FFFFFF; z-index: 10; box-shadow: 0px 0px 6px rgba(153,153,153,0.2);}
    51. 

  51. .provison-ft-choice{ width: 100%; padding: 0 6%; margin-bottom: 15px; color: #C9C9C9;}
    52. 

  52. input.art-icon{ display: inline-block; position: relative; width: 22px; height: 22px; vertical-align: middle; margin-top: -1px; appearance: none; outline: 0!important; background: transparent; -webkit-appearance: none;}
    53. 

  53. input.art-icon:before{ position: absolute; left: 2px; top: 1px; width: 18px; height: 18px; border-radius: 50%; background: #C9C9C9; content: "";}
    54. 

  54. input.art-icon[type=checkbox]:checked:before, input.art-icon[type=radio]:checked:before{ left: 0; width: 22px; height: 22px; line-height: 18px; font-size: 22px; background: transparent; color: #FF6600; content: "\e923";}
    55. 

  55. input.art-icon[type=checkbox]:checked~label{ color: #FF6600;}
    56. 

  56. 

  57. .provison-con{ width: 100%; padding: 30px 6%; overflow: hidden;}
    58. 

  58. 

  59. .provison-tit{ font-size: 16px; color: #333333; margin-bottom: 20px;}
    60. 

  60. 

  61. /*支付成功页面样式*/
    62. 

  62. .payend-con{ width: 100%; padding: 0 15px; margin: 60px auto;}
    63. 

  63. .payend-con img{ display: block; width: 36%; margin: 0 auto; margin-bottom: 15px;}
    64. 

  64. .payend-con-intro{ width: 100%; line-height: 24px; text-align: center;}
    65. 

  65. 

  66. /*tt转账页面添加样式*/
    67. 

  67. .edit-intro{ width: 100%; padding: 0 15px; text-align: justify; font-size: 12px; color: #FF1D3E;}
    68. 

  68. 

  69. /*安全设置页面样式*/
    70. 

  70. .edit-list-tit{ width: calc(100% - 22px); height: 42px; line-height: 42px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    71. 

  71. .edit-list-con .mui-icon-arrowright{ display: block; height: 42px; line-height: 42px; color: #999999; font-size: 18px; float: right;}
    72. 

  72. .edit-list-tit span{ display: block; max-width: 80px; height: 100%; color: #999999; float: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    73. 

  73. 

  74. 

  75. 

  76. 

  77. 

  78. 

  79. 

  80. 

  81. 

  82. 

  83.