remindCust.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. @import '@css/mixin.scss';
  2. @import '@css/modal.scss';
  3. .scoped-box {
  4. width: 660px;
  5. text-align: center;
  6. position: relative;
  7. .close {
  8. width: 60px;
  9. height: 60px;
  10. }
  11. .sb-main {
  12. text-align: left;
  13. background-color: #fff;
  14. padding: 30rpx;
  15. max-height: 800rpx;
  16. overflow-y: auto;
  17. .title {
  18. height: 60rpx;
  19. line-height: 60rpx;
  20. text-align: center;
  21. font-size: 30rpx;
  22. font-weight: bold;
  23. color: #333;
  24. }
  25. .op {
  26. border-bottom: 1PX solid #dcdcdc;
  27. padding: 10rpx 0;
  28. color: #333;
  29. font-size: 30rpx;
  30. &:last-child {
  31. border-bottom: 0;
  32. }
  33. .p3 {
  34. color: #999;
  35. font-size: 28rpx;
  36. }
  37. .p1 {
  38. .text {
  39. display: inline-block;
  40. margin-right: 50rpx;
  41. }
  42. .img {
  43. display: inline-block;
  44. height: 50rpx;
  45. width: 50rpx;
  46. }
  47. }
  48. .p2 {
  49. display: flex;
  50. width: 100%;
  51. justify-content: space-around;
  52. padding: 10rpx 0;
  53. }
  54. .t {
  55. color: $mainColor;
  56. font-weight: bold;
  57. &.t2 {
  58. color: $dangerColor;
  59. }
  60. }
  61. }
  62. }
  63. }