callback.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .callback-wrap.data-v-119c526b {
  21. padding-top: 30rpx;
  22. }
  23. .callback-wrap .callback-blo.data-v-119c526b {
  24. width: calc(100% - 60rpx);
  25. margin: 0 30rpx;
  26. padding: 70rpx 0;
  27. background-color: #fff;
  28. box-shadow: 2rpx 2rpx 16rpx 0rpx rgba(181, 181, 181, 0.29);
  29. border-radius: 10rpx;
  30. text-align: center;
  31. }
  32. .callback-wrap .callback-blo.paddingTop.data-v-119c526b {
  33. padding-top: 40rpx;
  34. }
  35. .callback-wrap .callback-blo .icon .iconfont.data-v-119c526b {
  36. font-size: 170rpx;
  37. }
  38. .callback-wrap .callback-blo .icon .icondaizhifu.data-v-119c526b {
  39. color: #ffa92e;
  40. }
  41. .callback-wrap .callback-blo .status-img.data-v-119c526b {
  42. width: 294rpx;
  43. margin: 0 auto;
  44. }
  45. .callback-wrap .module-wrap.data-v-119c526b {
  46. padding: 0 32rpx;
  47. text-align: left;
  48. }
  49. .callback-wrap .module-wrap .module-tit.data-v-119c526b {
  50. font-size: 38rpx;
  51. }
  52. .callback-wrap .module-wrap .module-det .module-list.data-v-119c526b {
  53. display: -webkit-box;
  54. display: flex;
  55. display: -webkit-flex;
  56. -webkit-box-align: start;
  57. -webkit-align-items: flex-start;
  58. align-items: flex-start;
  59. -webkit-box-pack: start;
  60. -webkit-justify-content: flex-start;
  61. justify-content: flex-start;
  62. margin-top: 30rpx;
  63. }
  64. .callback-wrap .module-wrap .module-det .module-list .dot-wrap.data-v-119c526b {
  65. width: 10rpx;
  66. height: 10rpx;
  67. border-radius: 50%;
  68. background-color: #3385FF;
  69. margin-top: 12rpx;
  70. margin-right: 24rpx;
  71. }
  72. .callback-wrap .prompt-wrap.data-v-119c526b {
  73. margin-top: 60rpx;
  74. }
  75. .callback-wrap .prompt-wrap .prompt-tit.data-v-119c526b {
  76. font-size: 36rpx;
  77. margin-bottom: 10rpx;
  78. }
  79. .callback-wrap .qr-code-wrap.data-v-119c526b {
  80. color: #666666;
  81. text-align: center;
  82. }
  83. .callback-wrap .qr-code-wrap > ._div.data-v-119c526b {
  84. margin-top: 10rpx;
  85. }
  86. .callback-wrap .qr-code-wrap .qr-code-img.data-v-119c526b {
  87. width: 226rpx;
  88. margin: 60rpx auto 40rpx;
  89. }
  90. .callback-wrap .button-wrap.data-v-119c526b {
  91. margin-top: 80rpx;
  92. }