uc-address.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. /* 个人中心-收货地址 */
  2. .user-center .address .add-address {
  3. display: flex;
  4. padding-top: 5px;
  5. align-items: center;
  6. }
  7. .user-center .address .add-address .add-btn {
  8. padding: 5px 15px;
  9. background: #e1251b;
  10. color: #fff;
  11. border-radius: 2px;
  12. margin-right: 10px;
  13. }
  14. .user-center .address .add-address .add-btn:hover {
  15. opacity: 0.9;
  16. }
  17. .user-center .address .add-address .add-limit {
  18. color: #999;
  19. }
  20. .user-center .address .add-address .add-limit .number {
  21. color: #e1251b;
  22. margin: 0 3px;
  23. }
  24. .user-center .address .address-list .item {
  25. margin-top: 20px;
  26. border: 1px solid;
  27. border-color: #eee;
  28. padding: 15px 20px;
  29. -moz-transition: all 0.2s;
  30. -webkit-transition: all 0.2s;
  31. -o-transition: all 0.2s;
  32. transition: all 0.2s;
  33. cursor: pointer;
  34. }
  35. .user-center .address .address-list .item:hover {
  36. border-color: #e1251b;
  37. }
  38. .user-center .address .address-list .item .item-row {
  39. display: flex;
  40. align-items: center;
  41. }
  42. .user-center .address .address-list .item .item-row .name,
  43. .user-center .address .address-list .item .item-row .phone-number {
  44. font-size: 14px;
  45. font-family: arial;
  46. margin-right: 20px;
  47. }
  48. .user-center .address .address-list .item .item-row .default-btn {
  49. color: #005ea7;
  50. display: none;
  51. }
  52. .user-center .address .address-list .item:hover .item-row .default-btn {
  53. display: block;
  54. }
  55. .user-center .address .address-list .item .item-row .default-btn:hover {
  56. color: #e1251b;
  57. }
  58. .user-center .address .address-list .item.default-address .item-row .default-btn {
  59. display: block;
  60. background: #e1251b;
  61. color: #fff;
  62. padding: 0 3px;
  63. border-radius: 2px;
  64. }
  65. .user-center .address .address-list .item .item-row .action-box {
  66. flex: 1;
  67. text-align: right;
  68. opacity: 0;
  69. }
  70. .user-center .address .address-list .item:hover .item-row .action-box {
  71. opacity: 1;
  72. }
  73. .user-center .address .address-list .item .item-row .action-box .edit,
  74. .user-center .address .address-list .item .item-row .action-box .delete {
  75. display: inline-block;
  76. width: 14px;
  77. height: 14px;
  78. background: url(../images/icons.png) no-repeat;
  79. cursor: pointer;
  80. }
  81. .user-center .address .address-list .item .item-row .action-box .edit {
  82. background-position: 0 -434px;
  83. margin-right: 10px;
  84. }
  85. .user-center .address .address-list .item .item-row .action-box .edit:hover {
  86. background-position: -19px -434px;
  87. }
  88. .user-center .address .address-list .item .item-row .action-box .delete {
  89. background-position: 0 -415px;
  90. }
  91. .user-center .address .address-list .item .item-row .action-box .delete:hover {
  92. background-position: -19px -415px;
  93. }
  94. .user-center .address .address-list .item .address-detail {
  95. color: #999;
  96. margin-top: 10px;
  97. }
  98. /* 个人中心-收货地址 end */