No Description

index.css 2.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. body{width: 100%;min-height: 100vh;background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/chaojihongbao/wish_bg.png) repeat-y;background-size: 100%;}
  2. .container{width: 100%;padding-top:3.325rem;position: absolute;top: 0;left: 0;}
  3. .daojishi{
  4. height: 1.43rem;
  5. }
  6. .daojishi .img{
  7. width:3.115rem;
  8. margin: auto;
  9. }
  10. .con_top{
  11. height:0.615rem;
  12. font-size:0.44rem;
  13. color:#FF74C2;
  14. line-height:0.44rem;
  15. text-align: center;
  16. margin: auto;
  17. padding-top: 0.1rem;
  18. letter-spacing:0.02rem;
  19. }
  20. #endtime{
  21. color: #FFFFFF;
  22. font-size: 0.24rem;
  23. line-height: 0.335rem;
  24. display: flex;
  25. align-items: center;
  26. justify-content: center;
  27. /*margin-top: 0.085rem;*/
  28. margin-top: 0.005rem;
  29. margin-bottom: 0.06rem;
  30. }
  31. #endtime span{
  32. display: inline-block;
  33. width: 0.36rem;
  34. height: 0.47rem;
  35. background: #FF74C2;
  36. border-radius: 0.1rem;
  37. font-size: 0.27rem;
  38. line-height: 0.47rem;
  39. text-align: center;
  40. margin: 0 0.075rem;
  41. }
  42. .button{
  43. width:1.43rem;
  44. height:0.47rem;
  45. background:#EC57FC;
  46. border-radius:0.235rem;
  47. color: #FFFFFF;
  48. display: block;
  49. margin: auto;
  50. font-size:0.25rem;
  51. line-height:0.47rem;
  52. }
  53. .red_tip{
  54. height:0.25rem;
  55. font-size:0.18rem;
  56. color:#FFFFFF;
  57. line-height:0.25rem;
  58. text-align: center;
  59. padding-top: 0.135rem;
  60. letter-spacing: 0.01rem;
  61. }
  62. .count_down_tip{
  63. width:3.1rem;
  64. height:0.705rem;
  65. font-size:0.18rem;
  66. color:#FFFFFF;
  67. line-height:0.705rem;
  68. text-align: center;
  69. margin: auto;
  70. background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/chaojihongbao/wish_tit.png) no-repeat;
  71. background-size: 100%;
  72. }
  73. /*banner*/
  74. .bg_img{
  75. width: 100%;
  76. height: 100vh;
  77. position: position;
  78. left: 0;
  79. top: 0;
  80. }
  81. .bg_img #bg_top_img{
  82. width: 100%;
  83. position: absolute;
  84. top: 0;
  85. left: 0;
  86. }
  87. .bg_img #bg_bottom_img{
  88. width: 100%;
  89. position: absolute;
  90. bottom: 0;
  91. left: 0;
  92. }
  93. /*复制/提示*/
  94. #copy_1,#copy_2,#taokouling{
  95. position: absolute;
  96. left: -1000rem;
  97. }
  98. .alert-info {
  99. position: absolute;
  100. top: 4.6rem;
  101. right: 0;
  102. left: 0;
  103. bottom: 0;
  104. text-align: center;
  105. }
  106. .alert-info p {
  107. display: inline-block;
  108. height: 0.38rem;
  109. color: #fff;
  110. font-size: 0.14rem;
  111. line-height: 0.38rem;
  112. padding: 0 0.10rem;
  113. background-color: rgba(0, 0, 0, 0.7);
  114. border-radius: 5px;
  115. }