reset.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420
  1. body{color: #333;font-size:0.36rem;font-family: 'PingFang SC','Microsoft YaHei', Helvetica, 'STHeiti STXihei', Tohoma, Arial, sans-serif; background-color: rgb(245, 245, 245); }
  2. html,body{overflow:hidden;-webkit-touch-callout: none;
  3. -webkit-user-select: none;}
  4. body.on_app .van-popup.van-popup--top.van-notify{padding-top:0.56rem;}
  5. .van-stepper__input{vertical-align: top;}
  6. .van-checkbox__icon, .van-checkbox__label{
  7. height: 0.42rem;}
  8. .diy-textarea{border:none; width:100%; font-size:0.32rem; color:#666;
  9. position: relative;
  10. outline: none;}
  11. .diy-textarea:before{position: absolute; content:" "; background-color: #eee; bottom:0; left:0; right:0; left:0;right:0; width:100%; }
  12. .van-nav-bar__left, .van-nav-bar__right{
  13. font-size:0.32rem;
  14. }
  15. .no-data{
  16. background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMC4wMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc4LjMgNDIzLjNIMzcuMmMtMi44IDAtNS4xLTIuMy01LjEtNS4xVjM3N2MwLTIuOCAyLjMtNS4xIDUuMS01LjFoNDEuMWMyLjggMCA1LjEgMi4zIDUuMSA1LjF2NDEuMWMwIDIuOC0yLjMgNS4yLTUuMSA1LjJ6TTg5OS4yIDM0NC4yaC00MS4xYy0yLjggMC01LjEtMi4zLTUuMS01LjFWMjk4YzAtMi44IDIuMy01LjEgNS4xLTUuMWg0MS4xYzIuOCAwIDUuMSAyLjMgNS4xIDUuMXY0MS4xYzAuMSAyLjgtMi4yIDUuMS01LjEgNS4xek0yNjUuNCAzMTguNWwtMzAgNDAgNSA0MjYuNyAzODQuOS02LjIgMTUuMi02MC41IDc4LjItMTMuMyAxMy41LTQwdi00MDBsLTMzLjQtMTEuM0gzNTIuMUwzMzIgMjk4LjV2MjB6IiBmaWxsPSIjRjhGOUZBIiAvPjxwYXRoIGQ9Ik0xMTIgNjMxLjhoMTMuNWMzLjYgMC4xIDYuNSAzIDYuNSA2LjdzLTIuOSA2LjctNi41IDYuN0gxMTJ2MTMuNWMtMC4xIDMuNi0zIDYuNS02LjcgNi41LTMuNiAwLjEtNi42LTIuOC02LjctNi41di0xMy42SDg1LjJjLTMuNi0wLjEtNi41LTMtNi41LTYuN3MyLjktNi43IDYuNS02LjdoMTMuNXYtMTMuNWMwLjEtMy42IDMtNi41IDYuNy02LjVzNi43IDIuOSA2LjcgNi41djEzLjZ6IG04ODAtNTMuM1Y1NjVjMC0zLjYtMy02LjUtNi42LTYuNWgtMC4xYy0zLjYgMC02LjYgMi45LTYuNyA2LjV2MTMuNWgtMTMuNWMtMy42IDAtNi41IDMtNi41IDYuNnYwLjFjMCAzLjYgMi45IDYuNyA2LjUgNi43aDEzLjV2MTMuNWMwIDMuNyAzIDYuNSA2LjcgNi41IDMuNiAwIDYuNi0yLjkgNi43LTYuNXYtMTMuNWgxMy41YzMuNyAwIDYuNS0zIDYuNS02LjcgMC0zLjYtMi45LTYuNi02LjUtNi43SDk5MnogbS00ODQuNCAyMjBIMTcyYy03LjMgMC0xMy4zLTUuOS0xMy4zLTEzLjN2LTAuMWMwLTcuNCA2LTEzLjMgMTMuMy0xMy4zaDYwLjVjLTQuNy04LjEtNy4xLTE3LjMtNy4xLTI2LjZWMzU4LjVjMC0yOS40IDIzLjktNTMuMyA1My4zLTUzLjNoNDB2LTEzLjRjMC0yOS40IDIzLjktNTMuMyA1My4zLTUzLjNoMzIwYzI5LjQtMC4xIDUzLjMgMjMuNyA1My40IDUzLjFWNjc4LjVjMCA5LjctMi42IDE4LjgtNy4xIDI2LjZIODEyYzcuNCAwIDEzLjMgNS45IDEzLjMgMTMuM3MtNS45IDEzLjMtMTMuMyAxMy4zSDY1MnYxMy40YzAgOS43LTIuNiAxOC44LTcuMSAyNi42aDcuMWM3LjMgMCAxMy4zIDUuOSAxMy4zIDEzLjNzLTYgMTMuMy0xMy4zIDEzLjNoLTcwLjFjNi4xIDEwLjIgNC44IDIzLjYtNC4xIDMyLjUtMTAuNCAxMC40LTI3LjIgMTAuNS0zNy42IDAuMWwtMC4xLTAuMS0zMi41LTMyLjN6IG00OC44LTI2LjdoNDIuNGMxNC43IDAgMjYuNi0xMS45IDI2LjYtMjYuN1YzNTcuOGMwLTE0LjQtMTEuNS0yNi0yNS43LTI2aC0zMjJjLTE0LjIgMC0yNS43IDExLjYtMjUuNyAyNnYzODcuM2MwIDE0LjggMTIgMjYuNyAyNi41IDI2LjdINDgxbC02LjktNi45Yy02LjgtNi43LTkuNC0xNi42LTYuOS0yNS44bC0xMi42LTEyLjZjLTQxLjQgMzAuOC05OS44IDIyLjItMTMwLjYtMTkuMS0yNy42LTM3LjEtMjMuOS04OC44IDguNy0xMjEuNiAzNi40LTM2LjUgOTUuNS0zNi42IDEzMi0wLjIgMzMgMzIuOCAzNi43IDg0LjkgOC44IDEyMi4xbDEyLjYgMTIuNmM5LjItMi41IDE5IDAuMiAyNS44IDYuOWw0NC41IDQ0LjZ6IG05NS42LTY2LjZoNDAuMWMxNC43LTAuMSAyNi41LTEyIDI2LjUtMjYuN1YyOTEuOWMwLTE0LjgtMTEuOS0yNi43LTI2LjUtMjYuN0gzNzEuOWMtMTQuNyAwLjEtMjYuNSAxMi0yNi41IDI2Ljd2MTMuM2gyNTMuM2MyOS40LTAuMSA1My4zIDIzLjcgNTMuNCA1My4xVjcwNS4yeiBtLTQ3MC00OTBoMTkuOWM1LjYgMCAxMC4xIDQuNCAxMC4xIDEwIDAgNS41LTQuNSAxMC0xMC4xIDEwSDE4MnYxOS45YzAgNS42LTQuNCAxMC4xLTEwIDEwLjFzLTEwLTQuNi0xMC0xMC4xdi0xOS45aC0xOS45Yy01LjUgMC4xLTEwLjEtNC40LTEwLjEtOS45di0wLjFjMC01LjUgNC41LTEwIDEwLjEtMTBIMTYydi0xOS45YzAtNS42IDQuNC0xMC4xIDEwLTEwLjEgNS41IDAgMTAgNC41IDEwIDEwLjF2MTkuOXogbS0xNTYuNiA1NzBjMC03LjQgNi0xMy4zIDEzLjMtMTMuM2g4MC4xYzcuMyAwIDEzLjMgNS45IDEzLjMgMTMuM3MtNiAxMy4zLTEzLjMgMTMuM0gzOC42Yy03LjMgMC0xMy4yLTUuOS0xMy4yLTEzLjN6TTQ0NS44IDY5OWMyNi0yNiAyNi02OC4zIDAtOTQuM3MtNjguMy0yNi05NC4zIDAtMjYgNjguMyAwIDk0LjMgNjguMyAyNiA5NC4zIDB6TTMwNS4zIDM4NS4yYzAtNy40IDYtMTMuMyAxMy4zLTEzLjNoMTQ2LjdjNy40IDAgMTMuMyA2IDEzLjMgMTMuM3MtNiAxMy4zLTEzLjMgMTMuM0gzMTguN2MtNy40IDAtMTMuMy01LjktMTMuNC0xMy4zeiBtMCA2Ni43YzAtNy40IDUuOS0xMy4zIDEzLjItMTMuM0g1MzJjNy4zIDAgMTMuMiA1LjkgMTMuMiAxMy4zcy01LjkgMTMuMy0xMy4yIDEzLjNIMzE4LjZjLTcuMyAwLTEzLjMtNi0xMy4zLTEzLjN6IG0wIDY2LjZjMC03LjQgNS45LTEzLjMgMTMuMy0xMy4zSDQxMmM3LjMgMCAxMy4zIDUuOSAxMy4zIDEzLjNzLTUuOSAxMy4zLTEzLjMgMTMuM2gtOTMuNGMtNy4zIDAuMS0xMy4yLTUuOS0xMy4zLTEzLjMgMCAwLjEgMCAwIDAgMHpNNTIgNDM4LjVjLTIyLjEgMC00MC0xNy45LTQwLTQwczE3LjktNDAgNDAtNDAgNDAgMTcuOSA0MCA0MC0xNy45IDQwLTQwIDQweiBtMC0yMGMxMSAwIDIwLTkgMjAtMjBzLTktMjAtMjAtMjAtMjAgOS0yMCAyMGMwIDExLjEgOSAyMCAyMCAyMHogbTgyNi43LTYwYy0yMi4xIDAtNDAtMTcuOS00MC00MHMxNy45LTQwIDQwLTQwIDQwIDE3LjkgNDAgNDAtMTcuOSA0MC00MCA0MHogbTAtMjBjMTEgMCAyMC05IDIwLTIwcy05LTIwLTIwLTIwLTIwIDktMjAgMjAgOC45IDIwIDIwIDIweiIgZmlsbD0iI0QzRDVEQSIgLz48L3N2Zz4=');
  17. background-position: center; background-size: 50%; background-repeat: no-repeat;
  18. }
  19. .van-nav-bar__left {
  20. left: 0;
  21. }
  22. .van-field{font-size:0.32rem;}
  23. .amap-icon img,
  24. .amap-marker-content img{
  25. width: 20px;
  26. height: 30px;
  27. margin-left:-8px;
  28. margin-top:-27px;
  29. }
  30. .wh_isToday{color:#4dbc21 !important;}
  31. .amap-logo{
  32. opacity:0;
  33. }
  34. .amap-copyright {
  35. opacity:0;
  36. }
  37. .form_title{background: #f1f1f1; font-size:0.28rem; color:#999; padding:0 0.32rem; line-height: 2;}
  38. .van-nav-bar.big-right-icon .van-icon {
  39. color: #1989fa;
  40. vertical-align: middle;
  41. font-size: 0.45rem;
  42. line-height: 1;
  43. margin-top:-0.1rem;
  44. }
  45. .headerbar .van-popup--top{width:3rem; right:0.22rem; left:unset; top:0.24rem; overflow: visible;border-radius:0.08rem;}
  46. .headerbar .van-dropdown-menu__title{padding:0; padding-right:0rem;font-size:0.5rem; color:#1989fa;}
  47. .headerbar .van-dropdown-menu{height:0.92rem;}
  48. .option_header.headerbar .van-dropdown-menu__title{font-size:0.32rem;padding-right:0.2rem;}
  49. .headerbar .van-nav-bar__right{right:0; padding-right:0;}
  50. .headerbar .van-dropdown-menu__item{padding:0 0.48rem;}
  51. .headerbar .van-popup--top .van-dropdown-item__option--active{display: none;}
  52. .headerbar.no-down-icon .van-dropdown-menu__title:after{display: none;}
  53. .headerbar .van-popup--top:before{content:" "; position: absolute; top:-0.28rem; background: transparent; right:0.24rem; border:0.15rem solid #fff; border-top-color: transparent;border-left-color:transparent; border-right-color:transparent;}
  54. .headerbar .van-hairline--top-bottom:after, .headerbar .van-hairline-unset--top-bottom:after{border:none;}
  55. .light-line{position: relative;}
  56. .light-line:before {
  57. position: absolute;
  58. box-sizing: border-box;
  59. content: ' ';
  60. pointer-events: none;
  61. top: -50%;
  62. right: -50%;
  63. bottom: -50%;
  64. left: -50%;
  65. border: 0.02rem solid #ebedf0;
  66. -webkit-transform: scale(.5);
  67. transform: scale(.5);
  68. }
  69. .van-cell--clickable.cell-clicked-bg{
  70. background-color: #f2f3f5;
  71. }
  72. .col-clicked-bg{
  73. background-color: #f2f3f5;
  74. }
  75. .van-grid-item__content:active{
  76. background-color: #f2f3f5;
  77. }
  78. .input_label{position: relative; padding:0.2rem; background: #eee; height: 0.52rem; font-size:0; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
  79. .input_label input{position: absolute;height: 0.52rem; border:none; outline: none; background: transparent; padding:0; margin:0; font-size:0.32rem;width: 100%;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0); line-height: 0.52rem;}
  80. .input_label .hidden_input{bottom:-10000px;}
  81. .focus_hidden_input{position: absolute; top:1000000px;}
  82. .hidden{overflow: hidden; height: 1px; width:1px;}
  83. .van-cell__title span{font-size:0.32rem;}
  84. .van-cell{padding:0.24rem 0.32rem; font-size:0.32rem;}
  85. .qrcode_box canvas{border: 1px solid #eee;
  86. padding: 0.2rem;}
  87. .diy-input{
  88. border:1px solid #999;
  89. -webkit-border-radius: 0;
  90. -moz-border-radius: 0;
  91. border-radius: 0; -webkit-appearance: none; padding:0;}
  92. .html-content img{max-width:100%; height: auto;}
  93. .ad_has_focus{position: absolute !important; top:-10000px !important; left:0;}
  94. .van-nav-bar {
  95. background-color: #26A2FF;
  96. }
  97. .head_dropdown_menu .van-icon{
  98. color: #909399;
  99. }
  100. .van-nav-bar .van-icon {
  101. color: #ffffff;
  102. }
  103. .van-nav-bar__left *{vertical-align: middle;}
  104. .van-nav-bar__text {
  105. color: #ffffff;
  106. }
  107. .van-nav-bar__title {
  108. color: #ffffff;
  109. font-weight: normal;
  110. }
  111. .van-nav-bar:after {
  112. border: 0 solid #228dfa;
  113. }
  114. .van-nav-bar .van-dropdown-menu {
  115. background-color: #26A2FF;
  116. }
  117. .headerbar .van-dropdown-menu__title {
  118. color: #fff;
  119. }
  120. .van-nav-bar .van-nav-bar__text:active{background-color: transparent;}
  121. /* xmx van-cell-group */
  122. .van-cell-group{
  123. margin-top: 0.2rem;
  124. }
  125. .head_dropdown_menu i.van-icon{
  126. color: #909399;
  127. }
  128. .headerbar .van-popup--top .van-icon{
  129. color:#323233;
  130. }
  131. .headerbar .van-popup--top .van-cell{
  132. background:transparent;
  133. }
  134. body .van-search{padding:0.2rem 0.32rem;}
  135. .cell-right-4rem .van-cell__value{
  136. -webkit-box-flex: unset;
  137. -webkit-flex: none;
  138. flex: none;
  139. width:4rem !important;
  140. }
  141. .van-tabs__wrap .van-tabs__line {
  142. background-color: #26A2FF;
  143. }
  144. .van-field__value.van-cell__value{overflow: hidden; position: relative;}
  145. .van-cell__value{overflow: visible;}
  146. .van-cell-group__title{padding:0.2rem 0.32rem 0.1rem 0.32rem;}
  147. .van-cell-group__title .tip{padding:0; font-size:0.24rem;}
  148. .van-cell-group__title+.van-cell-group{margin-top:0;}
  149. .van-cell-group__title .tip a{color:#26A2FF;}
  150. /* xmx 公用样式 */
  151. .clear::after{
  152. display: table;
  153. clear: both;
  154. content: '';
  155. }
  156. .fl{
  157. float: left;
  158. }
  159. .fr{
  160. float: right;
  161. }
  162. .bg_fff{
  163. background-color: #fff;
  164. }
  165. .color-blue{
  166. color: #26A2FF;
  167. }
  168. .color_ccc{
  169. color: #909399;
  170. }
  171. .color_red{
  172. color: #ff1e1c;
  173. }
  174. .color_yellow{
  175. color: #FF9600;
  176. }
  177. .color_green{
  178. color: #4BD964;
  179. }
  180. .text_center{
  181. text-align: center;
  182. }
  183. .text-right{
  184. text-align: right;
  185. }
  186. .text-left{
  187. text-align: left;
  188. }
  189. .van-dialog__message {
  190. white-space: pre-line !important;
  191. }
  192. .radio_button .list{
  193. display: inline-block;
  194. text-align: center;
  195. width: auto;
  196. height: 0.48rem;
  197. background: #F5F7FA;
  198. border-radius: 0.28rem;
  199. position: relative;
  200. }
  201. .radio_button{
  202. display:inline-block;
  203. text-align: right;
  204. height:0.48rem;
  205. }
  206. .radio_button .list .van-icon{
  207. display:none;
  208. }
  209. .radio_button .list .van-radio__icon--checked{
  210. background:#238dfa !important;
  211. }
  212. .radio_button .list .van-radio__icon{
  213. position: relative;
  214. display: inline-block;
  215. text-align: center;
  216. width: 1.28rem;
  217. height: 0.48rem;
  218. background: #F5F7FA;
  219. border-radius: 0.28rem;
  220. z-index: 1;
  221. }
  222. .radio_button .list .van-radio__icon--checked + .van-radio__label{
  223. color:#fff;
  224. }
  225. .radio_button .list .van-radio__label{
  226. position: absolute;
  227. display: block;
  228. font-size: 0.32rem;
  229. left: 0;
  230. line-height: 0.48rem;
  231. z-index: 2;
  232. width: 100%;
  233. margin-left: 0;
  234. top: 0;
  235. }
  236. .search_popup{right:100%;}
  237. .show_search_popup{right:0;}
  238. /* 调整CELL底部横线样式 */
  239. .van-cell:not(:last-child)::after{
  240. left:0;
  241. }
  242. .van-calendar__month-mark{display: none;}
  243. .markdown-toc.editormd-markdown-toc{display: none;}
  244. /* 盒子模型 */
  245. .flex-box {
  246. display: -webkit-box;
  247. display: -moz-box;
  248. display: -ms-flexbox;
  249. display: -webkit-flex;
  250. display: flex;
  251. }
  252. /*盒子模型,竖向自适应,垂直排列 */
  253. .flex-box-v {
  254. display: -webkit-box;
  255. display: -webkit-flex;
  256. display: flex;
  257. -webkit-box-orient: vertical;
  258. -webkit-flex-flow: column;
  259. flex-flow: column !important;
  260. }
  261. /* 水平等列排版(容器左右没缝隙,子元素左右两边自适应) */
  262. .flex-d-center {
  263. justify-content: space-between;
  264. -webkit-justify-content: space-between;
  265. }
  266. /* 水平等列排版(子元素两边有缝隙自己适应) */
  267. .flex-dv-center {
  268. justify-content: space-around;
  269. -webkit-justify-content: space-around;
  270. }
  271. /*通过一起使用 box-align 和 box-pack 属性,对 view 框的子元素进行居中,目前没有浏览器支持box-align 和 box-pack 属性,所以需要加上浏览器内核-webkit,-moz等的简写 */
  272. .flex-center-center {
  273. justify-content: center;
  274. -webkit-justify-content: center;
  275. -moz-justify-content: center;
  276. align-items: center;
  277. -webkit-align-items: center;
  278. -webkit-box-pack: center;
  279. -webkit-box-align: center;
  280. -moz-align-items: center;
  281. -moz-box-pack: center;
  282. -moz-box-align: center;
  283. }
  284. /*对view中的子元素进行居中,并且位于容器的中间位置(flex-box水平;flex-box-v垂直) */
  285. .flex-v-zhu,
  286. .flex-h-zhu {
  287. justify-content: center;
  288. -webkit-justify-content: center;
  289. -webkit-box-pack: center;
  290. }
  291. /*对view中的子元素进行居中,并且位于容器的中间位置(flex-box垂直;flex-box-v水平) */
  292. .flex-v-ce,
  293. .flex-h-ce {
  294. align-items: center;
  295. -webkit-align-items: center;
  296. -webkit-box-align: center;
  297. }
  298. /*让所有弹性盒模型对象的子元素都有相同的长度,且忽略它们内部的内容: */
  299. .flex-1 {
  300. -webkit-box-flex: 1;
  301. -moz-box-flex: 1;
  302. -webkit-flex: 1;
  303. -ms-flex: 1;
  304. flex: 1;
  305. }
  306. .flex-2 {
  307. -webkit-box-flex: 2;
  308. box-flex: 2;
  309. -moz-box-flex: 2;
  310. -webkit-flex: 2;
  311. -ms-flex: 2;
  312. flex: 2;
  313. }
  314. .flex-3 {
  315. -webkit-box-flex: 3;
  316. box-flex: 3;
  317. -moz-box-flex: 3;
  318. -webkit-flex: 3;
  319. -ms-flex: 3;
  320. flex: 3;
  321. }
  322. .flex-4 {
  323. -webkit-box-flex: 4;
  324. box-flex: 4;
  325. -moz-box-flex: 4;
  326. -webkit-flex: 4;
  327. -ms-flex: 4;
  328. flex: 4;
  329. }
  330. .flex-5 {
  331. -webkit-box-flex: 5;
  332. box-flex: 5;
  333. -moz-box-flex: 5;
  334. -webkit-flex: 5;
  335. -ms-flex: 5;
  336. flex: 5;
  337. }
  338. .flex-direction-row-reverse {
  339. flex-direction: row-reverse;
  340. -webkit-flex-direction: row-reverse;
  341. }
  342. /*超出部分用....表示的公用样式 */
  343. .font-flex-word {
  344. overflow: hidden;
  345. text-overflow: ellipsis;
  346. white-space: nowrap;
  347. }
  348. /* 内容超出部分自动换行 */
  349. .flex-d-wrap {
  350. flex-wrap: wrap;
  351. }
  352. /* 内容超出部分不换行 */
  353. .flex-no-wrap {
  354. flex-wrap: nowrap;
  355. }
  356. /* 从右边开始排列 */
  357. .flex-box-end {
  358. display: -webkit-box;
  359. display: -moz-box;
  360. display: -ms-flexbox;
  361. display: -webkit-flex;
  362. display: flex;
  363. justify-content: flex-end;
  364. }
  365. /*超出部分用....表示的公用样式 */
  366. .overflow_two {
  367. overflow : hidden;
  368. text-overflow: ellipsis;
  369. display: -webkit-box;
  370. -webkit-line-clamp: 2;
  371. -webkit-box-orient: vertical;
  372. }
  373. /* scitch修改颜色 */
  374. .switchall .van-switch__node{
  375. transition: all .2s !important;
  376. }
  377. .scitchBlue .van-switch__node{
  378. background-color:#1989fa !important;
  379. }