approval.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>机构认证-一元捐</title>
  5. <meta name="keywords" content="">
  6. <meta name="description" content="">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <meta name="renderer" content="webkit">
  11. <!--css begin-->
  12. <link href="static/images/icon/u.png" rel="icon" type="image/x-icon" />
  13. <link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css">
  14. <link rel="stylesheet" href="static/css/base.css">
  15. <style>
  16. body{
  17. font-family: "Microsoft Yahei", "微软雅黑";
  18. box-sizing: border-box;
  19. }
  20. .fl{
  21. float: left;
  22. }
  23. .fr{
  24. float: right;
  25. }
  26. .clearfix {
  27. clear: both;
  28. }
  29. /*头部导航*/
  30. #nav{
  31. width: 100%;
  32. margin: 0 auto;
  33. background: #474443;
  34. }
  35. #nav .container{
  36. margin: 0 auto;
  37. padding: 0;
  38. width: 1140px;
  39. height: 60px;
  40. line-height: 60px;
  41. text-align: center;
  42. }
  43. #nav .fl{
  44. position: relative;
  45. }
  46. #nav .fl img{
  47. margin-right: 32px;
  48. width: 65px;
  49. height: 22px;
  50. }
  51. #nav .fl span{
  52. font-size: 16px;
  53. color: #fff;
  54. }
  55. #nav .fl span:before{
  56. content: '';
  57. position: absolute;
  58. top: 25px;
  59. left: 80px;
  60. width: 1px;
  61. height: 14px;
  62. background: #a0a0a0;
  63. }
  64. #nav .fl a.return{
  65. margin-left: 28px;
  66. font-size: 12px;
  67. color: #b4b4b4;
  68. text-decoration: none;
  69. }
  70. #nav .fr a{
  71. margin-right: 45px;
  72. font-size: 14px;
  73. color: #fff;
  74. }
  75. #nav .fr a:last-child {
  76. margin-right: 0;
  77. }
  78. .main{
  79. width: 100%;
  80. margin: 24px 0 110px 0;
  81. background: #f6f6f6;
  82. }
  83. .main .container{
  84. width: 1140px;
  85. margin: 0 auto;
  86. padding: 0;
  87. }
  88. .main .section{
  89. padding: 30px 20px 0 20px;
  90. width: 100%;
  91. overflow: hidden;
  92. text-align: center;
  93. margin: 0 auto;
  94. background: #fff;
  95. border: 1px solid #dcdcdc;
  96. }
  97. .instruction{
  98. padding-bottom: 20px;
  99. text-align: left;
  100. border-bottom: 2px solid #ef613b;
  101. }
  102. .instruction span{
  103. margin-right: 20px;
  104. font-size: 18px;
  105. color: #1e1e1e;
  106. }
  107. .instruction a{
  108. font-size: 16px;
  109. color: #005ae1;
  110. }
  111. .instruction a img{
  112. margin: -2px 5px 0 0;
  113. }
  114. .choose{
  115. text-align: center;
  116. }
  117. .choose p.choose-txt{
  118. margin: 36px 0 40px 0;
  119. font-size: 16px;
  120. color: #1e1e1e;
  121. }
  122. .choose .choose-about{
  123. margin-bottom: 140px;
  124. overflow: hidden;
  125. }
  126. .choose .choose-about .choose-item{
  127. float: left;
  128. padding: 0 17px;
  129. margin-right: 70px;
  130. width: 260px;
  131. height: 260px;
  132. border: #dcdcdc 1px solid;
  133. background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);
  134. background: -o-linear-gradient(top, #fff 0%,#f5f5f5 100%);
  135. background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%);
  136. background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
  137. }
  138. .choose .choose-about .choose-item:first-child {
  139. margin-left: 255px;
  140. }
  141. .choose .choose-about .choose-item:last-child {
  142. width: 240px;
  143. }
  144. .choose .choose-about .choose-item .img{
  145. height: 140px;
  146. }
  147. .choose .choose-about .choose-item .img img{
  148. margin: 30px 0 20px 0;
  149. width: 72px;
  150. height: 90px;
  151. }
  152. .choose .choose-about .choose-item p{
  153. margin-bottom: 20px;
  154. font-size: 16px;
  155. color: #1e1e1e;
  156. font-weight: bold;
  157. }
  158. .choose .choose-about .choose-item span{
  159. font-size: 13px;
  160. color: #787878;
  161. line-height: 22px;
  162. }
  163. </style>
  164. </head>
  165. <body>
  166. <div ng-include src="'static/view/common/nav.html'"></div>
  167. <div ui-view></div>
  168. <!--js begin-->
  169. <!-- 消息提示框 Start-->
  170. <toaster-container
  171. toaster-options="{'position-class': 'toast-top-center'}"></toaster-container>
  172. <script src="static/lib/jquery/jquery.min.js"></script>
  173. <script src="static/lib/bootstrap/js/bootstrap.min.js"></script>
  174. <script type="text/javascript" src="static/lib/require.js"
  175. data-main="static/js/approval/main.js"></script>
  176. </body>
  177. </html>