common.wxss 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. page{background: #F5F5F4;}
  2. .mainColor{color:#EE3A43;}
  3. .l-float{float: left;}
  4. .r-float{float: right;}
  5. .font10{font-size: 20rpx;}
  6. .font12{font-size: 24rpx;}
  7. .font14{font-size: 28rpx;}
  8. .font16{font-size: 32rpx;}
  9. .font18{font-size: 36rpx;}
  10. .font20{font-size: 40rpx;}
  11. .font23{font-size: 46rpx;}
  12. .font25{font-size: 50rpx;}
  13. .font30{font-size: 60rpx;}
  14. .font35{font-size: 70rpx;}
  15. .fontWeight{font-weight: 600;}
  16. .middle{vertical-align: middle;}
  17. .right{text-align: right;}
  18. .themeColor{
  19. color:var(--themeColor)
  20. }
  21. .subtitleColor{
  22. color:var(--subtitleColor)!important
  23. }
  24. /* 图片图标 */
  25. .imgIcon{
  26. width: 58rpx;
  27. }
  28. .actImgIcon{
  29. width: 40rpx;
  30. padding: 0 20rpx 0 0rpx;
  31. }
  32. .actBoIcon{
  33. width: 40rpx;
  34. }
  35. .red{color: #EE3A43;}
  36. .green{color: #22AC38;}
  37. .blue{color:#00a0e9;}
  38. .gray{color: #c9caca;}
  39. .gray6{color: #c9caca;}
  40. .gray87{color: #878787;}
  41. .black{color: #727171;}
  42. .golden{color: #cab96e;}
  43. .contentTxt{display: none;}
  44. .inline-block{display: inline-block;}
  45. .relative{position: relative;}
  46. .white{color: #fff;}
  47. .white-bg{background: #fff;}
  48. .mTop10{margin-top: 20rpx;}
  49. .mTop15{margin-top: 30rpx;}
  50. .mTop20{margin-top: 40rpx;}
  51. .mTop5{margin-top: 10rpx;}
  52. .mLeft5{margin-left: 10rpx;}
  53. .mLeft10{margin-left: 20rpx;}
  54. .noData{padding:100rpx 0; text-align: center; font-size: 30rpx; color: #B2B2B2;}
  55. .noData .icon-info{font-size: 200rpx; color: #E3E3E3; margin-bottom: 20rpx; display: block;}
  56. .content-box-pad{padding: 20rpx;}
  57. .content-pad{margin: 16rpx; padding: 20rpx;}
  58. .content-box{border-radius: 12rpx; background: #fff;}
  59. .content-block{margin: 50rpx;}
  60. .progress{width:500rpx; padding:20rpx;}
  61. .center{text-align: center;}
  62. .ellipsis{display:inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  63. .septal-top-line{border-top: 16rpx solid #fff;}
  64. .septal-bottom-line{border-bottom: 16rpx solid #f1f1f1;}
  65. .bar-bottom ~ .content{padding-bottom: 90rpx;}
  66. .load-more{display: table; white-space: nowrap; margin: 0 20rpx; height: auto; overflow: hidden; line-height: 1; text-align: center; padding: 10px 0; font-size: 28rpx; color: #999;}
  67. .load-more:after,.load-more:before{content: ''; display: table-cell; position: relative; top: 50%; width: 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}
  68. .load-more:before{background-position: right 1em top 50%}
  69. .load-more:after{background-position: left 1em top 50%}
  70. .bar-bottom{width:100%;height:90rpx;position:fixed;left:0;bottom:0;z-index:9999; box-shadow: 0 -2rpx 5rpx rgba(0,0,0,.2);}
  71. .buttons-row{display:flex; align-items: center; flex-wrap: nowrap;}
  72. .buttons-row > .button-growup{display: flex; flex: 0 0 50%; justify-content: space-between; align-items: center;}
  73. .buttons-row .button{width:100%; border:0 none; flex-shrink: 1; border-radius: 0;line-height:90rpx;text-align:center;font-size:30rpx;color:#fff;}
  74. .buttons-row .button.button-line{border-left:2rpx solid #dbdbdb;}
  75. .buttons-row .button::after{content:'';display:none;}
  76. .buttons-gutter .button{margin-left: 40rpx;}
  77. .buttons-gutter .button:first-child{margin-left: 0;}
  78. .button{text-align: center; border-radius: 0;}
  79. button[size=mini]{line-height: 1.8;}
  80. .button.button-warn{background-color: #ee3a43; color: #fff;}
  81. .button.button-subtitle{background-color: var(--subtitleColor); color: #000;}
  82. .button.button-theme{background-color: var(--themeColor); color: #000;}
  83. .button-warn{background-color: #ee3a43 !important; color: #fff;}
  84. .button-subtitle{background-color: var(--subtitleColor)!important; color: #000;}
  85. .button-theme{background-color: var(--themeColor)!important; color: #000;}
  86. .button.button-primary{background-color:#22ac38; color: #fff;}
  87. .button.button-white{background-color:#fff; color: #3e3a39;}
  88. .button.button-gray{background-color:#585453; color: #fff;}
  89. .button-plain-gray{border:2rpx solid #c8c9cb; background: transparent;}
  90. .button-plain-gray::after{border-width: 0;}
  91. .button.button-light{background-color:#c8c9cb; color: #fff;}
  92. .button.button-golden{background-color:#c9a677; color: #fff;}
  93. .button.button-danger{background-color:#ce1732; color: #fff;}
  94. .button.button-warn.button-border{border:2rpx solid #ee3a43; color: #ee3a43; background-color: transparent !important;}
  95. .button.button-radius{border-radius: 60rpx;}
  96. .button.button-blue{background:rgba(0,160,233,.8); color: #fff;}
  97. .button-blue{background:rgba(0,160,233,.8) !important; color: #fff;}
  98. .button.button-big{height: 80rpx; line-height: 80rpx;}
  99. .button.button-mini{height: 50rpx; line-height: 50rpx; font-size: 24rpx;}
  100. .button.button-auto{padding: 10rpx 40rpx; display: inline-block; font-size: 28rpx;}
  101. .popup-title{text-align: center; padding: 20px 0;}
  102. .cell{display:flex;align-items:center;justify-content:space-between; background: #fff; position: relative; padding-left: 20rpx; min-height: 88rpx; overflow: hidden;}
  103. .cell::after{content: ''; border-bottom:2rpx solid #E6E6E6; width: 100%; position: absolute; bottom: 0;box-sizing: border-box;}
  104. .cell:last-child::after{border-bottom: 0 none;}
  105. .cell.ceill-link .cell-value{padding-right: 50rpx;}
  106. .cell.ceill-link .cell-value::after{content:""; width:14rpx; height:14rpx; position: absolute; right: 20rpx; top: 50%; border-top:1px solid #C7C7C7; border-right: 1px solid #C7C7C7;transform:translateY(-50%) rotate(45deg);}
  107. .cell.cell-media .cell-value{text-align: left; color: #333; margin-left: 0;}
  108. .cell.cell-media .cell-value > .icon{color: #ee3a43; font-size: 40rpx; vertical-align: middle; margin-right: 20rpx;}
  109. .cell-title{flex-shrink: 0; font-size:28rpx;}
  110. .cell-value{text-align: right;flex-shrink: 1; width: 100%; margin-left: 20rpx; padding-right: 20rpx; color: #969799; font-size:28rpx; position: relative;}
  111. .modal{position: fixed; top: 50%; left: 50%; z-index: 10002;box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); transform:translate(-50%,-50%);}
  112. .modal-bg{position: fixed; top: 0; left: 0; z-index: 10001; background: #000; opacity: .4; width: 100%; height: 100%;}
  113. .list-block{position: relative;font-size: 28rpx;}
  114. .list-block .item-content{display: flex; box-sizing: border-box; min-height: 88rpx; justify-content: space-between; align-items: center;}
  115. .list-block .item-content.item-line{border-bottom: 2rpx solid #c7c7cc;}
  116. .list-block .align-top,
  117. .list-block .align-top .item-content{align-items: flex-start;}
  118. .list-block .item-inner{width: 100%; display: flex; box-sizing: border-box; justify-content: space-between; align-items: center; flex-shrink: 1;}
  119. .list-block .item-title{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1;}
  120. .list-block .item-title.label{width: 40%; margin: 8rpx 0;}
  121. .list-block .item-input{width: 100%; margin-top: -16rpx; margin-bottom: -14rpx; flex-shrink: 1;}
  122. .list-block .item-after{display: flex; max-height: 56rpx; margin-left: 10rpx; color: #5f646e; white-space: nowrap; flex-shrink: 0;}
  123. .list-block .item-media{flex-shrink: 0; align-items: center; flex-wrap: nowrap; box-sizing: border-box;}
  124. .list-block .media-item .item-inner {display: block; padding-top: 20rpx; padding-bottom: 18rpx;-ms-flex-item-align: stretch; -webkit-align-self: stretch; align-self: stretch;}
  125. .list-block .media-item .item-title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
  126. .list-block .item-media ~ .item-inner, .list-block .item-media ~ .item-title, .list-block .item-media ~ .item-input, .list-block .item-media ~ .item-text{margin-left: 20rpx;}
  127. .item-text{width:100%; flex-shrink: 1;}
  128. .list-block input[type="text"],
  129. .list-block input[type="idcard"],
  130. .list-block input[type="number"],
  131. .list-block input[type="digit"],
  132. .list-block textarea{padding:0 20rpx; color: #3d4145; min-height: 1.8rem;}
  133. .row-flex{display: flex;width: 100%;}
  134. .col-8{width: 33.33%;text-align: center;}
  135. /* .col-8.line {border-left: 2rpx solid #dcdddd;border-right: 2rpx solid #dcdddd;} */
  136. .col-8.line1{
  137. display: flex;align-items: center;
  138. }
  139. .col-8.line1::before{
  140. content: '';
  141. display: inline-block;
  142. height:40rpx;
  143. width:2rpx;
  144. background: #ccc;
  145. }
  146. .col-8.line{
  147. display: flex;align-items: center;
  148. }
  149. .col-8.line::before,.col-8.line::after{
  150. content: '';
  151. display: inline-block;
  152. height:40rpx;
  153. width:2rpx;
  154. background: #ccc;
  155. }
  156. .col-12 {width: 50%;text-align: center;}
  157. .col-12.line{border-right: 2rpx solid #dcdddd;}
  158. radio{margin-left: 40rpx;}
  159. radio:first-child{margin-left: 0;}
  160. .label-radio radio .wx-radio-input.wx-radio-input-checked::before{border-radius: 50%; width: 25rpx; height: 25rpx; background-color: #fff; font-family: ""; content:"";}
  161. .label-checkbox checkbox .wx-checkbox-input{border-radius: 100%;}
  162. .label-checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked{background: #ee3a43; border-color:#ee3a43;}
  163. .starBlank{height:40rpx; width:360rpx; display: inline-block; vertical-align: middle; margin-left: 4%; background-image:url(data:image/png;base64,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); background-repeat:repeat-x; align-items:center; justify-content:center; background-size:76rpx 40rpx;}
  164. .scoreBG{height:100%; display: block; background-image:url(data:image/png;base64,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); background-size:76rpx 40rpx;}
  165. .common_fix{width:80rpx;height:80rpx;background-color:rgba(0,0,0,0.5);position:fixed;right:20rpx;z-index:999;text-align:center;border-radius:50%;}
  166. .common_back{bottom:200rpx;}
  167. .common_home{bottom:300rpx;}
  168. .common_service{bottom:300rpx;}
  169. .common_fix .icon{font-size:44rpx;color:#fff;line-height:80rpx;}
  170. .row{margin-left: -4%;overflow: hidden;}
  171. .row [class*="col-"]{float: left;box-sizing: border-box;}
  172. .row .col-25 {width: 21%; margin-left: 4%;}
  173. .row.no-gutter{margin-left: 0;}
  174. .row.no-gutter .col-25{width: 25%;margin: 0;}
  175. .qrCode{display:inline-block; vertical-align: middle; width: 40rpx; height: 40rpx; background: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20viewBox%3d%220%200%2034%2033.996%22%20enable-background%3d%22new%200%200%2034%2033.996%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cpath%20fill%3d%22%23EE3A43%22%20d%3d%22M13.484%2c0H2.38C1.067%2c0%2c0%2c1.067%2c0%2c2.38v11.104c0%2c1.312%2c1.067%2c2.379%2c2.38%2c2.379h11.104%20%20%20c1.313%2c0%2c2.38-1.067%2c2.38-2.379V2.38C15.864%2c1.067%2c14.797%2c0%2c13.484%2c0z%20M14.276%2c13.484c0%2c0.436-0.354%2c0.792-0.792%2c0.792H2.38%20%20%20c-0.438%2c0-0.794-0.356-0.794-0.792V2.38c0-0.438%2c0.356-0.794%2c0.794-0.794h11.104c0.438%2c0%2c0.792%2c0.356%2c0.792%2c0.794V13.484z%22%2f%3e%3ccircle%20fill%3d%22%23EE3A43%22%20cx%3d%227.932%22%20cy%3d%227.932%22%20r%3d%221.586%22%2f%3e%3cpath%20fill%3d%22%23EE3A43%22%20d%3d%22M13.484%2c17.737H2.38c-1.313%2c0-2.38%2c1.068-2.38%2c2.379v11.105C0%2c32.533%2c1.067%2c33.6%2c2.38%2c33.6h11.104%20%20%20c1.313%2c0%2c2.38-1.066%2c2.38-2.378V20.116C15.864%2c18.806%2c14.797%2c17.737%2c13.484%2c17.737z%20M14.276%2c31.222%20%20%20c0%2c0.438-0.354%2c0.793-0.792%2c0.793H2.38c-0.438%2c0-0.794-0.355-0.794-0.793V20.116c0-0.438%2c0.356-0.792%2c0.794-0.792h11.104%20%20%20c0.438%2c0%2c0.792%2c0.354%2c0.792%2c0.792V31.222z%22%2f%3e%3ccircle%20fill%3d%22%23EE3A43%22%20cx%3d%227.932%22%20cy%3d%2225.669%22%20r%3d%221.586%22%2f%3e%3cpath%20fill%3d%22%23EE3A43%22%20d%3d%22M31.621%2c0H20.517c-1.313%2c0-2.381%2c1.067-2.381%2c2.38v11.104c0%2c1.312%2c1.068%2c2.379%2c2.381%2c2.379h11.104%20%20%20c1.313%2c0%2c2.379-1.067%2c2.379-2.379V2.38C34%2c1.067%2c32.933%2c0%2c31.621%2c0z%20M32.416%2c13.484c0%2c0.436-0.357%2c0.792-0.795%2c0.792H20.517%20%20%20c-0.438%2c0-0.793-0.356-0.793-0.792V2.38c0-0.438%2c0.355-0.794%2c0.793-0.794h11.104c0.438%2c0%2c0.795%2c0.356%2c0.795%2c0.794V13.484z%22%2f%3e%3ccircle%20fill%3d%22%23EE3A43%22%20cx%3d%2226.07%22%20cy%3d%227.932%22%20r%3d%221.586%22%2f%3e%3cpath%20fill%3d%22%23EE3A43%22%20d%3d%22M20.599%2c18.135c-0.438%2c0-0.793%2c0.354-0.793%2c0.792v14.277c0%2c0.438%2c0.355%2c0.792%2c0.793%2c0.792%20%20%20c0.439%2c0%2c0.795-0.354%2c0.795-0.792V18.927C21.394%2c18.489%2c21.039%2c18.135%2c20.599%2c18.135z%22%2f%3e%3cpath%20fill%3d%22%23EE3A43%22%20d%3d%22M26.07%2c18.135c-0.439%2c0-0.795%2c0.354-0.795%2c0.792v14.277c0%2c0.438%2c0.355%2c0.792%2c0.795%2c0.792%20%20%20c0.438%2c0%2c0.793-0.354%2c0.793-0.792V18.927C26.863%2c18.489%2c26.507%2c18.135%2c26.07%2c18.135z%22%2f%3e%3cpath%20fill%3d%22%23EE3A43%22%20d%3d%22M31.537%2c18.135c-0.438%2c0-0.793%2c0.354-0.793%2c0.792v14.277c0%2c0.438%2c0.355%2c0.792%2c0.793%2c0.792%20%20%20c0.439%2c0%2c0.793-0.354%2c0.793-0.792V18.927C32.33%2c18.489%2c31.976%2c18.135%2c31.537%2c18.135z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e') center no-repeat; background-size:cover;}
  176. /* 首页详情页优化 */
  177. .borderTopRadiu{
  178. border-top-left-radius: 30rpx;
  179. border-top-right-radius: 30rpx;
  180. }
  181. .borderRadiu{
  182. border-radius: 20rpx;
  183. }
  184. /* 页面模块 */
  185. .modular{
  186. margin-top: 20rpx;
  187. background: #fff;
  188. border-radius: 20rpx;
  189. font-size: 28rpx;
  190. overflow: hidden;
  191. }
  192. .modular-pad{
  193. padding: 10rpx 20rpx;
  194. }
  195. .modular .modal-title{
  196. border-bottom: 1px solid #ccc;
  197. line-height: 2;
  198. display: flex;
  199. align-items: center;
  200. font-weight: 700;
  201. font-size: 28rpx;
  202. padding: 10rpx 0;
  203. }
  204. .modular .modal-title::before{
  205. content: '';
  206. height: 20rpx;
  207. width: 6rpx;
  208. background: var(--themeColor);
  209. display: inline-block;
  210. margin-right: 10rpx;
  211. border-radius: 4rpx;
  212. }
  213. .modular .modal-label{
  214. padding: 20rpx 0;
  215. }
  216. /* 分享家等级 */
  217. @keyframes zoulu{0% {width: .2rem; height: .8rem;bottom: 5rem; z-index: 0;}10%{bottom: 5.4em;}22% {bottom:5rem;}46% {bottom: 4.8rem; z-index: 2;}72% { bottom: 4.6rem;}100% {width: 4.04rem; height: 4.80rem; bottom: 4.5rem;}}
  218. @keyframes earth{100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
  219. @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
  220. @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
  221. @keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
  222. @keyframes jiangsan{0%{top: .5rem; right: 0;opacity: 0;}10%{top: 1rem; right: 1rem;opacity: .5;}20%{top: 1.5rem; right: .8rem;opacity: 1;}30%{top: 2rem; right: 1rem;opacity: 1;}40%{top: 2.5rem; right: .8rem;opacity: 1;}50%{top: 3rem; right: 1rem;opacity: 1;}60%{top: 3.5rem; right: .8rem;opacity: 1;}70%{top: 4rem; right: 1rem;opacity: 1;}80%{top: 4.5rem; right: .8rem;opacity: 1;}90%{top: 5rem; right: 1rem;opacity: 1;}100%{top: 5.5rem; right: 1rem;opacity: 1;}}
  223. @keyframes shake-rotate{0%{transform: translate(0px, 0px) rotate(0deg)} 10%{transform: translate(0px, 0px) rotate(-1.5deg)} 20%{transform: translate(0px, 0px) rotate(1.5deg)} 30%{transform: translate(0px, 0px) rotate(-2.5deg)} 40%{transform: translate(0px, 0px) rotate(1.5deg)} 50%{transform: translate(0px, 0px) rotate(-1.5deg)} 60%{transform: translate(0px, 0px) rotate(0deg)} 70%{transform: translate(0px, 0px) rotate(-1.5deg)} 80%{transform: translate(0px, 0px) rotate(1.5deg)} 90%{transform: translate(0px, 0px) rotate(-2.5deg)} 95%{transform: translate(0px, 0px) rotate(1.5deg)} 100%{-webkit-transform: translate(0px, 0px) rotate(-1.5deg)}}
  224. @keyframes boxshow{0%{box-shadow: 0 0 0 5px #fff, 0 0 0 5px #ea5404;}50%{box-shadow: 0 0 0 5px #fff, 0 0 5px 10px #ea5404;}100%{box-shadow: 0 0 0 5px #fff, 0 0 0 5px #83411e;}}
  225. @keyframes child{form{transform:rotate(360deg); opacity: 0;}to{transform:rotate(360deg); opacity: 1;}}
  226. @keyframes fadeLeftIn{form{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);}to{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);}}
  227. @keyframes fadeRightIn{form{transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0); opacity: 0;}to{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0); opacity: 1;}}
  228. @keyframes fadeInDownMin{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
  229. @keyframes shake{0% {transform: translate(-5px,0);-webkit-transform: translate(-5px,0);}50% {transform: translate(5px,0);-webkit-transform: translate(5px,0);}100%{transform: translate(-5px,0);-webkit-transform: translate(-5px,0);}}
  230. @keyframes shake2{0% {transform: translate(5px,0);-webkit-transform: translate(5px,0);}50% {transform: translate(-5px,0);-webkit-transform: translate(-5px,0);}100%{transform: translate(5px,0);-webkit-transform: translate(5px,0);}}
  231. @keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} 100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
  232. @keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}60%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0)}75%{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}90%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0);}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
  233. @keyframes shaking-huishou{to {background-position: -1130rpx;}}
  234. @keyframes zou{to{background-position: -166rpx;}}
  235. @keyframes shool{to{background-position-y: -799rpx;}}
  236. /* 横线 */
  237. .horizontalLine{
  238. width: 100%;
  239. height: 1px;
  240. background-color: #eee;
  241. margin: 22rpx 0;
  242. }