success.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. #result {
  2. overflow: hidden;
  3. }
  4. #result .top {
  5. width: 100%;
  6. height: 4.22rem;
  7. padding-top: .2rem;
  8. position: relative;
  9. margin-top: 0.25rem;
  10. }
  11. #result .top .alert {
  12. width: 4.15rem;
  13. height: 4.42rem;
  14. position: absolute;
  15. top: 0;
  16. left: -0.32rem;
  17. }
  18. #result .top .inner {
  19. position: relative;
  20. z-index: 10;
  21. text-align: center;
  22. }
  23. #result .top .inner .title {
  24. color: #FF6103;
  25. font-size: .39rem;
  26. }
  27. #result .top .inner .plan {
  28. color: #FF6103;
  29. font-size: .39rem;
  30. margin-top: .1rem;
  31. }
  32. #result .top .inner .back {
  33. color: #FFE553;
  34. margin-top: .55rem;
  35. font-weight:600;
  36. font-size: .17rem;
  37. }
  38. #result .top .inner .money {
  39. color: #FFE553;
  40. font-weight:600;
  41. font-size: .51rem;
  42. }
  43. #result .top .inner .fan {
  44. width: 1.13rem;
  45. height: 1.13rem;
  46. display: inline;
  47. }
  48. #result .day {
  49. text-align: center;
  50. color: #000;
  51. font-size: .12rem;
  52. opacity:0.6;
  53. font-weight:400;
  54. }
  55. #result .toast {
  56. width: 2.17rem;
  57. height: 0.71rem;
  58. position: fixed;
  59. top: 50%;
  60. left: 50%;
  61. border-radius: 0.24rem;
  62. transform: translate(-50%,-50%);
  63. z-index: 12;
  64. }
  65. .toast_pop {
  66. position: absolute;
  67. top: 0;
  68. left: 0;
  69. bottom: 0;
  70. right: 0;
  71. background: #000;
  72. opacity: 0.6;
  73. filter: alpha(opacity=50);
  74. border-radius: 0.1rem;
  75. }
  76. .alert_txt {
  77. margin-top: .17rem;
  78. position: relative;
  79. z-index: 15;
  80. text-align: center;
  81. font-size: .12rem;
  82. color: #fff;
  83. line-height: .2rem;
  84. }
  85. body {
  86. -webkit-text-size-adjust: 100% ;
  87. }