shareActivity.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Document</title>
  8. <style type="text/css">
  9. *{
  10. margin:0px;
  11. padding:0px;
  12. vertical-align:baseline;
  13. font: inherit;
  14. -webkit-box-sizing:border-box;
  15. box-sizing:border-box;
  16. }
  17. html,body{
  18. display:block;
  19. }
  20. header,footer,aside,nav,article,section{
  21. display:block;
  22. }
  23. /*.body{
  24. display: flex;
  25. display: -webkit-flex;
  26. justify-content:flex-start;
  27. flex-flow:column wrap;
  28. -webkit-flex-flow:column wrap;
  29. }*/
  30. body{
  31. font-family:'microsoft yahei',Arial;
  32. font-size:14px;
  33. color:#333;
  34. }
  35. a{
  36. text-decoration:none;
  37. }
  38. .header{
  39. background-color:#668bff;
  40. color:#fff;
  41. height:56px;
  42. min-width:1260px;
  43. }
  44. .header__box{
  45. width:1260px;
  46. margin:0px auto;
  47. display: flex;
  48. display: -webkit-flex;
  49. justify-content:row-start;
  50. }
  51. .header__link{
  52. display:inline-block;
  53. height: 35px;
  54. margin-top:10px;
  55. color:inherit;
  56. font-size:18px;
  57. line-height:35px;
  58. margin-left:15px;
  59. }
  60. .header__link .logo-icon{
  61. width:35px;
  62. height: 35px;
  63. display:inline-block;
  64. margin-right:3px;
  65. background:transparent url('<%=public_path%>/img/cdlogo.png') no-repeat center center scroll;
  66. vertical-align:middle;
  67. }
  68. .banner{
  69. min-width: 1260px;
  70. height:364px;
  71. background:#f5ad03 url('<%=public_path%>/img/banner.png') no-repeat center top scroll;
  72. }
  73. .format-content{
  74. width:1260px;
  75. margin:0px auto;
  76. padding:30px 100px;
  77. }
  78. .format-content__item{
  79. margin-bottom:28px;
  80. }
  81. .format-content__title{
  82. display: flex;
  83. display:-webkit-flex;
  84. justify-content:flex-start;
  85. color:#ec4646;
  86. border-bottom:1px solid #ec4646;
  87. }
  88. .format-content__titletext{
  89. height: 40px;
  90. line-height:38px;
  91. font-size:20px;
  92. border-bottom:4px solid #f5ad03;
  93. margin-bottom:-1px;
  94. }
  95. .format-content__p{
  96. padding:10px 0px;
  97. color:#000;
  98. }
  99. .format-content__p p{
  100. line-height:2.0;
  101. }
  102. .format-content__p .tips{
  103. color:#ec4646;
  104. }
  105. </style>
  106. </head>
  107. <body class="body">
  108. <!--头部 start-->
  109. <div class="header">
  110. <div class="header__box">
  111. <a class="header__link" href="javascript:void(0);"><em class="logo-icon"></em><span class="logo-text">Qpid Live</span></a>
  112. </div>
  113. </div>
  114. <!--头部 end-->
  115. <!--banner start-->
  116. <div class="banner">
  117. </div>
  118. <!--banner end-->
  119. <!--正文 start-->
  120. <div class="format-content">
  121. <div class="format-content__item">
  122. <div class="format-content__title">
  123. <h3 class="format-content__titletext">Activity Rules</h3>
  124. </div>
  125. <div class="format-content__p">
  126. <p>1. Activity time: <span class="tips">9 Jan,2018 ~ 31 Jan,2018(GMT)</span>. </p>
  127. <p>2. During the activity time, every credit that you and your agency earn would be <span class="tips">doubled</span>.</p>
  128. </div>
  129. </div>
  130. <div class="format-content__item">
  131. <div class="format-content__title">
  132. <h3 class="format-content__titletext">Notes</h3>
  133. </div>
  134. <div class="format-content__p">
  135. <p>1. After the activity, rewards will be given out to you on pay day of next month. </p>
  136. <p>1. After the activity, rewards will be given out to you on pay day of next month.</p>
  137. <p>3. All rights are reserved by our company.</p>
  138. </div>
  139. </div>
  140. </div>
  141. <!--正文 end-->
  142. </body>
  143. </html>