common.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. .flex_layout{display: flex; align-items: center; flex-wrap: wrap;}
  2. .flex_between{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
  3. .nodata{padding: 50rpx 30rpx;text-align: center;color: #999;font-size: 24rpx;text-align: center;background: #fff;}
  4. .submit_btn{padding: 30upx 85upx; margin-top: 20upx;}
  5. .submit_btn button{width: 100%; height: 80upx; line-height: 80upx; border-radius: 80upx; background: rgba(36,255,255,0.2); font-size: 30upx; color: #fff;}
  6. a{text-decoration: none;}
  7. .noresult{ color: #fff; text-align: center; font-size: 24upx;}
  8. /*弹窗样式*/
  9. .Appointment_failed{position: fixed; left: 60upx; right: 60upx; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 10px; overflow: hidden; z-index: 100;}
  10. .notice_title{color: #fff; font-size: 30upx; text-align: center; padding: 30upx; background: #4a85b2;}
  11. .notice_content{padding: 30upx;}
  12. .notice_item{padding: 15upx 0;}
  13. .notice_item view{color: #333; font-size: 30upx;}
  14. .notice_item view{color: #333; font-size: 24upx;}
  15. .notice_btn{padding-bottom: 30upx;}
  16. .notice_btn button{width: 450upx; height: 75upx; line-height: 75upx; border-radius: 75upx; background: #4a85b2; color: #fff; display: block; margin: 0 auto;}
  17. .ornament{position: relative;}
  18. .ornament>image{width: 100%; height: 257upx; display: block;}
  19. .ornament_pos{position: absolute; width: 114upx; height: 114upx; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  20. .ornament_pos image{width: 114upx; height: 114upx; display: block;}
  21. .ornament_delete{position: absolute; padding: 20upx; top: 0upx; right: 0upx; width: 70upx; height: 70upx;}
  22. .ornament_delete i{display: block; font-size: 30upx;}
  23. .ornament_delete image{width: 30upx; height: 30upx; display: block;}
  24. .ornament_title{color: #4A85B2; font-size: 36upx; text-align: center; margin-top: 60upx;}
  25. .ornament_text{color: #999; font-size: 30upx; text-align: center; margin-top: 30upx; margin-bottom: 60upx; padding: 0 30upx;}
  26. /*弹窗样式end*/
  27. .pull-up {
  28. width: 100%;
  29. margin-bottom: 20upx;
  30. text-align: center;
  31. height: 80upx;
  32. color: #c1c1c1;
  33. }
  34. .rect-text {
  35. height: 100%;
  36. line-height: 80upx;
  37. }
  38. .rect-wrap {
  39. margin: 0 auto;
  40. width: 100upx;
  41. height: 60upx;
  42. text-align: center;
  43. font-size: 8upx;
  44. margin-top: 8upx;
  45. }
  46. .rect-wrap .rect {
  47. background-color: #7ad237;
  48. height: 100%;
  49. width: 6upx;
  50. display: inline-block;
  51. -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  52. animation: stretchdelay 1.2s infinite ease-in-out;
  53. }
  54. .rect-wrap .rect {
  55. margin: 4upx;
  56. }
  57. .rect-wrap .rect2 {
  58. -webkit-animation-delay: -1.1s;
  59. animation-delay: -1.1s;
  60. }
  61. .rect-wrap .rect3 {
  62. -webkit-animation-delay: -1.0s;
  63. animation-delay: -1.0s;
  64. }
  65. .rect-wrap .rect4 {
  66. -webkit-animation-delay: -0.9s;
  67. animation-delay: -0.9s;
  68. }
  69. .rect-wrap .rect5 {
  70. -webkit-animation-delay: -0.8s;
  71. animation-delay: -0.8s;
  72. }
  73. @keyframes stretchdelay {
  74. 0%, 40%, 100% {
  75. transform: scaleY(0.4);
  76. -webkit-transform: scaleY(0.4);
  77. }
  78. 20% {
  79. transform: scaleY(1.0);
  80. -webkit-transform: scaleY(1.0);
  81. }
  82. }
  83. @-webkit-keyframes stretchdelay {
  84. 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  85. 20% { -webkit-transform: scaleY(1.0) }
  86. }
  87. /* #ifdef H5 */
  88. .positionFixe {
  89. padding-top: 90upx;
  90. }
  91. /* #endif */
  92. /* #ifdef MP-WEIXIN */
  93. .positionFixe {
  94. padding-top: 130upx;
  95. }
  96. /* #endif */
  97. .positionFixe{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; box-sizing: border-box; background: #4a85b2;}
  98. .positionFixe image{display: block; width: 100%; height: 1108upx;}
  99. /*iconfont文件*/
  100. @font-face {
  101. font-family: 'iconfont'; /* project id 1340048 */
  102. src: url('//at.alicdn.com/t/font_1340048_2mrk0i19u8d.eot');
  103. src: url('//at.alicdn.com/t/font_1340048_2mrk0i19u8d.eot?#iefix') format('embedded-opentype'),
  104. url('//at.alicdn.com/t/font_1340048_2mrk0i19u8d.woff2') format('woff2'),
  105. url('//at.alicdn.com/t/font_1340048_2mrk0i19u8d.woff') format('woff'),
  106. url('//at.alicdn.com/t/font_1340048_2mrk0i19u8d.ttf') format('truetype'),
  107. url('//at.alicdn.com/t/font_1340048_2mrk0i19u8d.svg#iconfont') format('svg');
  108. }
  109. .iconfont {
  110. font-family: "iconfont" !important;
  111. font-size: 16px;
  112. font-style: normal;
  113. -webkit-font-smoothing: antialiased;
  114. -moz-osx-font-smoothing: grayscale;
  115. }
  116. .icon-jinru:before {
  117. content: "\e615";
  118. }
  119. .icon-zhuangtai:before {
  120. content: "\e634";
  121. }
  122. .icon-icon:before {
  123. content: "\e630";
  124. }
  125. .icon-right:before {
  126. content: "\e63b";
  127. }
  128. .icon-hide:before {
  129. content: "\e600";
  130. }
  131. .icon-address:before {
  132. content: "\e62a";
  133. }
  134. .icon-dianhua:before {
  135. content: "\e61b";
  136. }
  137. .icon-dianhua1:before {
  138. content: "\e601";
  139. }
  140. .icon-biao:before {
  141. content: "\e6d5";
  142. }
  143. .icon-rili:before {
  144. content: "\e642";
  145. }
  146. .icon-add:before {
  147. content: "\e6ab";
  148. }
  149. .icon-liaotian:before {
  150. content: "\e610";
  151. }
  152. .icon-fabu:before {
  153. content: "\e60d";
  154. }
  155. .icon-aiqingmiao:before {
  156. content: "\e602";
  157. }
  158. .icon-shezhi:before {
  159. content: "\e72c";
  160. }
  161. .icon-date:before {
  162. content: "\e607";
  163. }
  164. .icon-zxt:before {
  165. content: "\e627";
  166. }