获取小程序各个组件的默认样式

其他 2019-01-25 12:22:35 阅读次数: 0

参考链接：
小程序组件默认样式 component default style

微信开发者工具是用 NW.js 写的，编辑器使用 VSCode 团队开源的 monaco-editor 实现，模拟器和调试器使用 NW.js 提供的 webview 标签实现。其中模拟器用于展示视图层渲染结果，调试器用于调试逻辑层代码。

言归正传，上具体操作步骤：

  1. 从微信开发者工具菜单栏中，打开“调试微信开发者工具”功能，弹出第一个 Chrome devtools 窗口。
    调试微信开发者工具
    打开第一个 devtools
  2. 在第一个 devtools 的 Elements 选项卡，选中模拟器所在的 webview 后，右键 Copy selector ；
    复制模拟器所在的 webview 的选择器
  3. 在 Console 中输入 document.querySelector("刚才复制的选择器").showDevTools(true) 后，弹出第二个 Chrome devtools 窗口。
    打开第二个 devtools
    第二个 devtools
  4. 在第二个 devtools 的 Elements 选项卡，就可以看到模拟器中实际渲染的 DOM 结构，在最顶部的 style 节点就是注入的默认样式。
    默认样式位置
  5. 默认样式如下：
html {
  -webkit-user-select: none;
          user-select: none;
  height: 100%;
  width: 100%;
}
body {
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  overflow-x: hidden;
}
wx-action-sheet-item {
  background-color: #FFFFFF;
  position: relative;
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  display: block;
}
wx-action-sheet-item:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
wx-action-sheet-item:active {
  background-color: #ECECEC;
}
wx-action-sheet .wx-action-sheet {
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 5000;
  width: 100%;
  background-color: #FFFFFF;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
wx-action-sheet .wx-action-sheet-show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
wx-action-sheet .wx-action-sheet-menu {
  background-color: #FFFFFF;
}
wx-action-sheet .wx-action-sheet-mask {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background-color 0.3s;
  background-color: rgba(0, 0, 0, 0.6);
}
wx-audio {
  display: inline-block;
  line-height: 0;
}
wx-audio[hidden] {
  display: none;
}
wx-audio > .wx-audio-default {
  max-width: 100%;
  min-width: 302px;
  height: 65px;
  background: #fcfcfc;
  border: 1px solid #e0e0e0;
  border-radius: 2.5px;
  display: inline-block;
  overflow: hidden;
}
wx-audio > .wx-audio-default > .wx-audio-left {
  width: 65px;
  height: 65px;
  float: left;
  background-color: #e6e6e6;
  background-size: 100% 100%;
  background-position: 50% 50%;
}
wx-audio > .wx-audio-default > .wx-audio-left > .wx-audio-button {
  width: 24px;
  height: 24px;
  margin: 20.5px;
  background-size: cover;
}
wx-audio > .wx-audio-default > .wx-audio-left > .wx-audio-button.play {
  background-image: url('data:image/png;base64,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');
}
wx-audio > .wx-audio-default > .wx-audio-left > .wx-audio-button.pause {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABatJREFUaAXVWl1IpFUYnllZGUf3wlz6MXER1ES7s83VUDJw6KpdaSTDwMnYFSK6KNirooHullKQCNzQRjZ/wom1u9ALQ0mT1ktFdEBWXLdibaH1jwmx5zme83W+z2Hm+7bZmc8X3jl/73vO837n/z3j9aSBjo6O8lBNC7gZXAUuBxeCz4FJj8APwTHwCngaPOX1evcRZocAuhAcAt8G74KdEnWoyzpobGYIjfnBn4D/BqeLWBfr9Du1wmtXAZXnQPY9cBj8HNhEe3t7sbW1tfn19fW7m5ubD5aXl7dnZmYeUKipqel8dXV1UUlJyfmysrILFRUV9X6/n8PMSveREQYPYHgdWgsTpW0ZAPDPQ3kC/JJeCUEvLi7+NDg4+EskEvldL0sVD4VCz3Z1db1SW1v7egJj7kD/Coy4l6qelAYAfB0quQ02vno8Hr8/OTkZaWtrmzo4ODhK1Uiycp/P5x0fH28JBAKh3Nxcow3osDdaYcRCMv2kBgD8O1D+BuyTlcTn5+cj7e3t0Y2NjX+SVey0rLS09OzY2Fiwvr4+BN1cqX+A8CqM+E6mTwRnTuTIDAn+FpIC/OHh4V+9vb0fNzQ0jKYbPJtknaybbbAtCYNt35JYZJY5SNgDctj8DFEBfnd3d627u/vT4eHhP8zqTybV0dHxTH9//+f5+fkVsgX2xKuJhtMJAwCeE/Y3sBiPBF9XV/fh0tISK8kY1dTU+BYWFvo0IzgnLlontmkIATyXSq42Ajy7kl8+0+D5ldgm29aGEzFNSIwUEWQyADlc59VSGe/r6/ssU8PmGI75l20TA3LjsoTYiNEgYwjBMu6CPKuIr4/Vph+TasyQzGJkbm7ubaxO1yQEDqVyDKU9pvUe+AhpAZ7rPJbKHyjgBuKyTUwSCzESqyBhAL4+D1PXZZ6Hm9STWCpV/U5DYiEmTe+6xOwRQwiJEAq/pQCPB0VFRdf+7w7LutJJ3LG3t7dvaseOdzGMImoIXVaN8WzjNvDERkzEpnAiFJjP4OvzMhJQBTyYqbjdEDov7+/vf4+6pu0wZQcGBi7arV/JWbAFiN2Lnzcg8COFuGkVFBSo2a70UoYEhC5+OqWgJoAv+mdeXt5bWpat6M7Ozk1tc7vMIfSa0lxdXf1VxZ2ETsGz7sfRoV4sFtMxNtOAF1hAugs6jrn3lxcmDV0VDTBuRrxJaYWujFowltMA40LNa6ArUWugLBgLaYByfXjUHVaTd13UgvEcDTjVRAPodBJE74GKuzW0YHxEA+gxE0TXh4q7NbRgfEgDeIQWRL+Nirs1tGCM0YAVBZZOJxV3a2jBuEIDphVYesxU3EnIY4ETeco+jg71LBinacAUWNxueFSlx4yCTmh0dPRLJ4AoOzIy8oWTNihLbNpxmpin1H2AnrcrFJqdnf0KM901tzFiUoQ94M3GxsYPZHoC94FW9gBJnEYZoa8SBy1hGNNuIWIiNg2PwKwbIPYDdhF9lZqgK6LEpA0fYv3PAHQF94IbCikdrcXFxWdVOtsh/abEpOG4ITGbvBI9EBA3f3qJo9FoUFPIapROX81zTYzEKkgNIQ8s4qwOH2d7PPQS9/T0vKjS2QqJQXqsFYSwxCrSpsmK6yVdi7zx0APmoVuvs7Pz/Wx55+jkHRoa+jonJ+cp4gHdAV+CAcbrjckASsCI0+vcpQGw7h6CVrDwRvMCTS8xvwbLM0Fsy+KZJha+1hCbiYw5oOdCkM86V1UejWBXZmJOsA22pXkeCIOvNAmfmk4MIQWaIYZTwiemYDAY3dracsUTU1IDpBGn95FP9Yac2KfzmVUzgkssHxfCYOGGR2gQvXp0jNG3lOyh+wKosrLykmWMq3q4SYXBth+6laLtEL3hqr8a2AZuFYQhrvizR8pJbAWeKA1j6OFuATeDq8D09hWClc+Jp0ceGHn/5hWWt8C0/N3mX15C4bDnCIuAAAAAAElFTkSuQmCC');
}
wx-audio > .wx-audio-default > .wx-audio-right {
  box-sizing: border-box;
  height: 65px;
  margin-left: 65px;
  padding: 11px 16.5px 13.5px 15px;
  overflow: hidden;
}
wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-info {
  margin-right: 70px;
  overflow: hidden;
}
wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-info > .wx-audio-name {
  height: 22.5px;
  line-height: 22.5px;
  margin-bottom: 3.5px;
  font-size: 14px;
  color: #353535;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-info > .wx-audio-author {
  height: 14.5px;
  line-height: 14.5px;
  font-size: 12px;
  color: #888888;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
wx-audio > .wx-audio-default > .wx-audio-right > .wx-audio-time {
  margin-top: 3.5px;
  height: 16.5px;
  font-size: 12px;
  color: #888888;
  float: right;
}
wx-button {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  color: #000000;
  background-color: #F8F8F8;
}
wx-button[hidden] {
  display: none !important;
}
wx-button:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px;
}
wx-button[native] {
  padding-left: 0;
  padding-right: 0;
}
wx-button[native] .wx-button-cover-view-wrapper {
  border: inherit;
  border-color: inherit;
  border-radius: inherit;
  background-color: inherit;
  width: 100%;
  height: 100%;
}
wx-button[native] .wx-button-cover-view-inner {
  padding-left: 14px;
  padding-right: 14px;
  width: 100%;
  height: 100%;
}
wx-button wx-cover-view {
  line-height: inherit;
  white-space: inherit;
}
wx-button[type=default] {
  color: #000000;
  background-color: #F8F8F8;
}
wx-button[type=primary] {
  color: #FFFFFF;
  background-color: #1AAD19;
}
wx-button[type=warn] {
  color: #FFFFFF;
  background-color: #E64340;
}
wx-button[disabled] {
  color: rgba(255, 255, 255, 0.6);
}
wx-button[disabled][type=default],
wx-button[disabled]:not([type]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: #F7F7F7;
}
wx-button[disabled][type=primary] {
  background-color: #9ED99D;
}
wx-button[disabled][type=warn] {
  background-color: #EC8B89;
}
wx-button[type=primary][plain] {
  color: #1aad19;
  border: 1px solid #1aad19;
  background-color: transparent;
}
wx-button[type=primary][plain][disabled] {
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
wx-button[type=primary][plain]:after {
  border-width: 0;
}
wx-button[type=default][plain] {
  color: #353535;
  border: 1px solid #353535;
  background-color: transparent;
}
wx-button[type=default][plain][disabled] {
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
wx-button[type=default][plain]:after {
  border-width: 0;
}
wx-button[plain] {
  color: #353535;
  border: 1px solid #353535;
  background-color: transparent;
}
wx-button[plain][disabled] {
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
wx-button[plain]:after {
  border-width: 0;
}
wx-button[type=warn][plain] {
  color: #e64340;
  border: 1px solid #e64340;
  background-color: transparent;
}
wx-button[type=warn][plain][disabled] {
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
wx-button[type=warn][plain]:after {
  border-width: 0;
}
wx-button[size=mini] {
  display: inline-block;
  line-height: 2.3;
  font-size: 13px;
  padding: 0 1.34em;
}
wx-button[size=mini][native] {
  padding: 0;
}
wx-button[size=mini][native] .wx-button-cover-view-inner {
  padding: 0 1.34em;
}
wx-button[loading]:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  -webkit-animation: wx-button-loading-animate 1s steps(12, end) infinite;
          animation: wx-button-loading-animate 1s steps(12, end) infinite;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
  background-size: 100%;
}
wx-button[loading][type=primary] {
  color: rgba(255, 255, 255, 0.6);
  background-color: #179B16;
}
wx-button[loading][type=primary][plain] {
  color: #1aad19;
  background-color: transparent;
}
wx-button[loading][type=default] {
  color: rgba(0, 0, 0, 0.6);
  background-color: #DEDEDE;
}
wx-button[loading][type=default][plain] {
  color: #353535;
  background-color: transparent;
}
wx-button[loading][type=warn] {
  color: rgba(255, 255, 255, 0.6);
  background-color: #CE3C39;
}
wx-button[loading][type=warn][plain] {
  color: #e64340;
  background-color: transparent;
}
@-webkit-keyframes wx-button-loading-animate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes wx-button-loading-animate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
  }
}
.button-hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: #DEDEDE;
}
.button-hover[plain] {
  color: rgba(53, 53, 53, 0.6);
  border-color: rgba(53, 53, 53, 0.6);
  background-color: transparent;
}
.button-hover[type=primary] {
  color: rgba(255, 255, 255, 0.6);
  background-color: #179B16;
}
.button-hover[type=primary][plain] {
  color: rgba(26, 173, 25, 0.6);
  border-color: rgba(26, 173, 25, 0.6);
  background-color: transparent;
}
.button-hover[type=default] {
  color: rgba(0, 0, 0, 0.6);
  background-color: #DEDEDE;
}
.button-hover[type=default][plain] {
  color: rgba(53, 53, 53, 0.6);
  border-color: rgba(53, 53, 53, 0.6);
  background-color: transparent;
}
.button-hover[type=warn] {
  color: rgba(255, 255, 255, 0.6);
  background-color: #CE3C39;
}
.button-hover[type=warn][plain] {
  color: rgba(230, 67, 64, 0.6);
  border-color: rgba(230, 67, 64, 0.6);
  background-color: transparent;
}
wx-canvas {
  width: 300px;
  height: 150px;
  display: block;
  position: relative;
}
wx-canvas > canvas {
  position: absolute;
  top: 0;
  left: 0;
}
wx-checkbox {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
}
wx-checkbox[hidden] {
  display: none;
}
wx-checkbox .wx-checkbox-wrapper {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  vertical-align: middle;
}
wx-checkbox .wx-checkbox-input {
  margin-right: 5px;
  -webkit-appearance: none;
          appearance: none;
  outline: 0;
  border: 1px solid #D1D1D1;
  background-color: #FFFFFF;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  position: relative;
}
wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  color: #09BB07;
}
wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
  font: normal normal normal 14px/1 "weui";
  content: "\EA08";
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(0.73);
  -webkit-transform: translate(-50%, -48%) scale(0.73);
}
wx-checkbox .wx-checkbox-input.wx-checkbox-input-disabled {
  background-color: #E1E1E1;
}
wx-checkbox .wx-checkbox-input.wx-checkbox-input-disabled:before {
  color: #ADADAD;
}
wx-checkbox-group {
  display: block;
}
wx-checkbox-group[hidden] {
  display: none;
}
wx-icon {
  display: inline-block;
  font-size: 0;
}
wx-icon[hidden] {
  display: none;
}
wx-icon i {
  font: normal normal normal 14px/1 "weui";
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "weui";
  src: url('data:application/octet-stream;base64,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') format('truetype');
}
[class^="wx-icon-"]:before,
[class*=" wx-icon-"]:before {
  margin: 0;
}
.wx-icon-success {
  color: #09BB07;
}
.wx-icon-success:before {
  content: "\EA06";
}
.wx-icon-info {
  color: #10AEFF;
}
.wx-icon-info:before {
  content: "\EA03";
}
.wx-icon-warn {
  color: #F76260;
}
.wx-icon-warn:before {
  content: "\EA0B";
}
.wx-icon-waiting {
  color: #10AEFF;
}
.wx-icon-waiting:before {
  content: "\EA09";
}
.wx-icon-safe_success {
  color: #09BB07;
}
.wx-icon-safe_success:before {
  content: "\EA04";
}
.wx-icon-safe_warn {
  color: #FFBE00;
}
.wx-icon-safe_warn:before {
  content: "\EA05";
}
.wx-icon-success_circle {
  color: #09BB07;
}
.wx-icon-success_circle:before {
  content: "\EA07";
}
.wx-icon-success_no_circle {
  color: #09BB07;
}
.wx-icon-success_no_circle:before {
  content: "\EA08";
}
.wx-icon-waiting_circle {
  color: #10AEFF;
}
.wx-icon-waiting_circle:before {
  content: "\EA0A";
}
.wx-icon-circle {
  color: #C9C9C9;
}
.wx-icon-circle:before {
  content: "\EA01";
}
.wx-icon-download {
  color: #09BB07;
}
.wx-icon-download:before {
  content: "\EA02";
}
.wx-icon-info_circle {
  color: #09BB07;
}
.wx-icon-info_circle:before {
  content: "\EA0C";
}
.wx-icon-cancel {
  color: #F43530;
}
.wx-icon-cancel:before {
  content: "\EA0D";
}
.wx-icon-search {
  color: #B2B2B2;
}
.wx-icon-search:before {
  content: "\EA0E";
}
.wx-icon-clear {
  color: #B2B2B2;
}
.wx-icon-clear:before {
  content: "\EA0F";
}
[class^="wx-icon-"]:before,
[class*=" wx-icon-"]:before {
  box-sizing: border-box;
}
wx-image {
  width: 320px;
  height: 240px;
  display: inline-block;
  overflow: hidden;
}
wx-image[hidden] {
  display: none;
}
wx-image > div {
  width: 100%;
  height: 100%;
}
wx-image > img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  display: block;
}
.input-placeholder {
  color: gray;
}
wx-input {
  display: block;
  height: 1.4rem;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  font-family: UICTFontTextStyleBody;
  min-height: 1.4rem;
}
wx-input input {
  position: relative;
  min-height: 1.4rem;
  border: none;
  height: inherit;
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-family: UICTFontTextStyleBody;
  color: inherit;
  background: transparent;
  display: inherit;
  padding: 0;
  margin: 0;
  outline: none;
  vertical-align: middle;
  text-align: inherit;
  overflow: inherit;
  white-space: inherit;
  text-overflow: inherit;
  -webkit-tap-highlight-color: transparent;
  z-index: 2;
}
wx-input[hidden] {
  display: none;
}
wx-input div {
  position: relative;
  min-height: 1.4rem;
  text-overflow: inherit;
  border: none;
  height: inherit;
  width: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: UICTFontTextStyleBody;
  color: inherit;
  background: inherit;
  padding: 0;
  margin: 0;
  outline: none;
  text-align: inherit;
  -webkit-tap-highlight-color: transparent;
}
wx-input div[type=password] div {
  color: black;
}
wx-input div div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  height: inherit;
  min-height: 1.4rem;
  white-space: pre;
  text-align: inherit;
  overflow: hidden;
  vertical-align: middle;
  z-index: 1;
}
wx-input ul {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999999;
  padding: 0;
  background-color: white;
  border: 0.5px solid #cccccc;
  max-height: 204px;
  min-height: 51px;
  overflow: auto;
}
wx-input ul li {
  display: block;
  padding: 10px;
  position: relative;
  padding: 10px 0;
  border-bottom: 0.5px solid #cccccc;
  margin: 0 15px;
}
wx-input ul li:last-child {
  border-bottom: none;
}
wx-input ul li .title {
  font-weight: bold;
  font-size: 18px;
  margin-right: 50px;
}
wx-input ul li .content {
  font-size: 12px;
  color: #cccccc;
  margin-right: 50px;
}
wx-input ul li .del {
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  top: 50%;
  right: 0;
  margin-top: -25px;
  text-align: center;
}
.wx-loading {
  position: fixed;
  z-index: 2000000000;
  width: 7.6em;
  min-height: 7.6em;
  top: 180px;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: normal;
}
.wx-loading-icon {
  margin: 30px 0 10px;
  width: 38px;
  height: 38px;
  vertical-align: baseline;
  display: inline-block;
  -webkit-animation: weuiLoading 1s steps(12, end) infinite;
          animation: weuiLoading 1s steps(12, end) infinite;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
  background-size: 100%;
}
.wx-loading-content {
  margin: 0 0 15px;
}
.wx-loading-mask {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@-webkit-keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
wx-map {
  position: relative;
  width: 300px;
  height: 150px;
  display: block;
}
wx-map > div > div > div {
  display: none;
}
wx-map > div > div > div:first-child {
  display: block;
}
.wx-mask {
  position: fixed;
  z-index: inherit;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background-color 0.3s;
  background-color: inherit;
}
.wx-mask[show=false] {
  display: none;
}
.wx-mask-transparent {
  background-color: rgba(0, 0, 0, 0);
}
wx-mask {
  z-index: 1000;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
}
wx-modal .wx-modal-mask {
  z-index: inherit;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background-color 0.3s;
  background-color: inherit;
  z-index: 1000;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-animation: fadeIn ease .3s forwards;
          animation: fadeIn ease .3s forwards;
}
wx-modal .wx-modal-dialog {
  position: fixed;
  z-index: 5000;
  width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FAFAFC;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
wx-modal .wx-modal-dialog-hd {
  padding: 1.2em 20px .5em;
}
wx-modal .wx-modal-dialog-hd strong {
  font-weight: normal;
  font-size: 17px;
}
wx-modal .wx-modal-dialog-bd {
  text-align: left;
  padding: 0 20px;
  font-size: 15px;
  color: #888;
  word-wrap: break-word;
  word-break: break-all;
}
wx-modal .wx-modal-dialog-ft {
  position: relative;
  line-height: 42px;
  margin-top: 20px;
  font-size: 17px;
  display: -webkit-flex;
  display: flex;
}
wx-modal .wx-modal-dialog-ft:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
wx-modal .wx-modal-dialog-ft a {
  position: relative;
  display: block;
  -webkit-flex: 1;
          flex: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
wx-modal .wx-modal-dialog-ft a[hidden] {
  display: none;
}
wx-modal .wx-modal-dialog-ft a:active {
  background-color: #eee;
}
wx-modal .wx-modal-btn-primary {
  color: #3CC51F;
}
wx-modal .wx-modal-btn-default {
  color: #000000;
}
wx-modal .wx-modal-btn-default:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
@media screen and (min-width: 1024px) {
  wx-modal .wx-modal-dialog {
    width: 35%;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
wx-picker {
  display: block;
}
wx-picker-view {
  display: block;
}
wx-picker-view .wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow: hidden;
}
wx-picker-view[hidden] {
  display: none;
}
wx-picker-view-column {
  -webkit-flex: 1;
  flex: 1;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.wx-picker__mask {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.wx-picker__indicator,
.wx-picker__mask {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
}
.wx-picker__mask {
  top: 0;
  height: 100%;
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-position: top,bottom;
  background-size: 100% 102px;
  background-repeat: no-repeat;
}
.wx-picker__indicator {
  height: 34px;
  top: 102px;
}
.wx-picker__indicator,
.wx-picker__mask {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  pointer-events: none;
}
.wx-picker__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  will-change: transform;
}
.wx-picker__indicator:after,
.wx-picker__indicator:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  color: #e5e5e5;
}
.wx-picker__indicator:before {
  top: 0;
  border-top: 1px solid #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.wx-picker__indicator:after {
  bottom: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.wx-picker__indicator:after,
.wx-picker__indicator:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  color: #e5e5e5;
}
wx-progress {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
wx-progress[hidden] {
  display: none;
}
.wx-progress-bar {
  -webkit-flex: 1;
          flex: 1;
}
.wx-progress-inner-bar {
  width: 0;
  height: 100%;
}
.wx-progress-info {
  margin-top: 0;
  margin-bottom: 0;
  min-width: 2em;
  margin-left: 15px;
  font-size: 16px;
}
wx-radio {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
}
wx-radio[hidden] {
  display: none;
}
wx-radio .wx-radio-wrapper {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  vertical-align: middle;
}
wx-radio .wx-radio-input {
  -webkit-appearance: none;
          appearance: none;
  margin-right: 5px;
  outline: 0;
  border: 1px solid #D1D1D1;
  background-color: #ffffff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: relative;
}
wx-radio .wx-radio-input.wx-radio-input-checked {
  background-color: #09BB07;
  border-color: #09BB07;
}
wx-radio .wx-radio-input.wx-radio-input-checked:before {
  font: normal normal normal 14px/1 "weui";
  content: "\EA08";
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(0.73);
  -webkit-transform: translate(-50%, -48%) scale(0.73);
}
wx-radio .wx-radio-input.wx-radio-input-disabled {
  background-color: #E1E1E1;
  border-color: #D1D1D1;
}
wx-radio .wx-radio-input.wx-radio-input-disabled:before {
  color: #ADADAD;
}
wx-radio-group {
  display: block;
}
wx-radio-group[hidden] {
  display: none;
}
wx-scroll-view {
  display: block;
  width: 100%;
}
wx-scroll-view[hidden] {
  display: none;
}
.wx-scroll-view {
  position: relative;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  /* display: flex; 时在安卓下会导致scrollWidth和offsetWidth一样 */
  height: 100%;
  max-height: inherit;
}
wx-swiper {
  display: block;
  height: 150px;
}
wx-swiper[hidden] {
  display: none;
}
wx-swiper .wx-swiper-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
wx-swiper .wx-swiper-slides {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
wx-swiper .wx-swiper-slide-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
}
wx-swiper .wx-swiper-dots {
  position: absolute;
  font-size: 0;
}
wx-swiper .wx-swiper-dots-horizontal {
  left: 50%;
  bottom: 10px;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
wx-swiper .wx-swiper-dots-horizontal .wx-swiper-dot {
  margin-right: 8px;
}
wx-swiper .wx-swiper-dots-horizontal .wx-swiper-dot:last-child {
  margin-right: 0;
}
wx-swiper .wx-swiper-dots-vertical {
  right: 10px;
  top: 50%;
  text-align: right;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
wx-swiper .wx-swiper-dots-vertical .wx-swiper-dot {
  display: block;
  margin-bottom: 9px;
}
wx-swiper .wx-swiper-dots-vertical .wx-swiper-dot:last-child {
  margin-bottom: 0;
}
wx-swiper .wx-swiper-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-property: background-color;
  transition-timing-function: ease;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
wx-swiper .wx-swiper-dot-active {
  background-color: #000000;
}
wx-swiper-item {
  display: block;
  overflow: hidden;
  will-change: 'transform';
}
wx-swiper-item[hidden] {
  display: none;
}
wx-slider {
  margin: 10px 18px;
  padding: 0;
  display: block;
}
wx-slider[hidden] {
  display: none;
}
wx-slider .wx-slider-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  min-height: 16px;
}
wx-slider .wx-slider-tap-area {
  -webkit-flex: 1;
          flex: 1;
  padding: 8px 0;
}
wx-slider .wx-slider-handle-wrapper {
  position: relative;
  height: 2px;
  border-radius: 5px;
  background-color: #e9e9e9;
  cursor: pointer;
  transition: background-color 0.3s ease;
  -webkit-tap-highlight-color: transparent;
}
wx-slider .wx-slider-track {
  height: 100%;
  border-radius: 6px;
  background-color: #1aad19;
  transition: background-color 0.3s ease;
}
wx-slider .wx-slider-handle,
wx-slider .wx-slider-thumb {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  border-radius: 50%;
  transition: border-color 0.3s ease;
}
wx-slider .wx-slider-handle {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
  background-color: transparent;
  z-index: 3;
}
wx-slider .wx-slider-thumb {
  z-index: 2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
wx-slider .wx-slider-step {
  position: absolute;
  width: 100%;
  height: 2px;
  background: transparent;
  z-index: 1;
}
wx-slider .wx-slider-value {
  color: #888;
  font-size: 14px;
  margin-left: 1em;
}
wx-slider .wx-slider-disabled .wx-slider-track {
  background-color: #ccc;
}
wx-slider .wx-slider-disabled .wx-slider-thumb {
  background-color: #FFF;
  border-color: #ccc;
}
* {
  margin: 0;
}
wx-switch {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
}
wx-switch[hidden] {
  display: none;
}
wx-switch .wx-switch-wrapper {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  vertical-align: middle;
}
wx-switch .wx-switch-input {
  -webkit-appearance: none;
          appearance: none;
  position: relative;
  width: 52px;
  height: 32px;
  margin-right: 5px;
  border: 1px solid #DFDFDF;
  outline: 0;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #DFDFDF;
  transition: background-color 0.1s, border 0.1s;
}
wx-switch .wx-switch-input:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 30px;
  border-radius: 15px;
  background-color: #FDFDFD;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
wx-switch .wx-switch-input:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
wx-switch .wx-switch-input.wx-switch-input-checked {
  border-color: #04BE02;
  background-color: #04BE02;
}
wx-switch .wx-switch-input.wx-switch-input-checked:before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
wx-switch .wx-switch-input.wx-switch-input-checked:after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
wx-switch .wx-checkbox-input {
  margin-right: 5px;
  -webkit-appearance: none;
          appearance: none;
  outline: 0;
  border: 1px solid #D1D1D1;
  background-color: #FFFFFF;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  position: relative;
  color: #09BB07;
}
wx-switch .wx-checkbox-input.wx-checkbox-input-checked:before {
  font: normal normal normal 14px/1 "weui";
  content: "\EA08";
  color: inherit;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(0.73);
  -webkit-transform: translate(-50%, -48%) scale(0.73);
}
wx-switch .wx-checkbox-input.wx-checkbox-input-disabled {
  background-color: #E1E1E1;
}
wx-switch .wx-checkbox-input.wx-checkbox-input-disabled:before {
  color: #ADADAD;
}
wx-text[selectable] {
  user-select: text;
  -webkit-user-select: text;
}
.wx-toast {
  position: fixed;
  z-index: 2000000000;
  width: 7.6em;
  min-height: 7.6em;
  top: 180px;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: normal;
}
.wx-toast-icon {
  margin-top: 14px;
  margin-bottom: 8px;
  font-family: weui;
  font-style: normal;
}
.wx-toast-content {
  margin: 0 0 15px;
}
.wx-toast-mask {
  position: fixed;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
wx-video {
  width: 300px;
  height: 225px;
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
wx-video[hidden] {
  display: none;
}
wx-video .wx-video-container {
  width: 100%;
  height: 100%;
  background-color: black;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
wx-video video {
  width: 100%;
  height: 100%;
}
wx-video .wx-video-bar {
  height: 44px;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 10px;
}
wx-video .wx-video-bar.full {
  left: 0;
}
wx-video .wx-video-bar.part {
  margin: 5px;
  border-radius: 5px;
  height: 34px;
}
wx-video .wx-video-bar.none {
  display: none;
}
wx-video .wx-video-bar > .wx-video-controls {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  margin: 0 8.5px;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-control-button {
  width: 13px;
  height: 15px;
  margin: 14.5px 12.5px 14.5px 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-control-button.play {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==');
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-control-button.pause {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC');
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container {
  -webkit-flex-grow: 2;
          flex-grow: 2;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress {
  height: 2px;
  margin: 21px 12px;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-progress-inner {
  width: 100%;
  height: 100%;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-ball {
  width: 16px;
  height: 16px;
  padding: 14px;
  position: absolute;
  top: -21px;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-ball > .wx-video-inner {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 50%;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-progress-container > .wx-video-progress > .wx-video-inner {
  width: 0;
  height: 100%;
  background-color: #ffffff;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-current-time,
wx-video .wx-video-bar > .wx-video-controls > .wx-video-duration {
  height: 14.5px;
  line-height: 14.5px;
  margin-top: 15px;
  margin-bottom: 14.5px;
  font-size: 12px;
  color: #cbcbcb;
}
wx-video .wx-video-bar > .wx-video-controls > .wx-video-live-button {
  height: 14.5px;
  line-height: 14.5px;
  margin-top: 15px;
  margin-bottom: 14.5px;
  font-size: 12px;
  color: #cbcbcb;
}
wx-video .wx-video-bar > .wx-video-danmu-btn {
  white-space: nowrap;
  line-height: 1;
  padding: 2px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  margin: 0 8.5px;
}
wx-video .wx-video-bar > .wx-video-danmu-btn.active {
  border-color: #48c23d;
  color: #48c23d;
}
wx-video .wx-video-bar > .wx-video-fullscreen {
  width: 17px;
  height: 17px;
  /*margin: 13.5px 16px 13.5px 17px;*/
  margin: 0 8.5px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAQRJREFUWAnt1d0NwiAQB/CmS7hHX5zFxLF0Ah2hE/lg7BT4PyMJUj6Oyt299BIioZT7ARYG59wLpTXmoXOMGO/QecxtwyWW4o42AupGALkFdX1MkHxE3Q7jIbQPqNthQogpJoZkMLRlsn/gFMQEk4OoY0oQVUwNoobhQFQwgMxUKFkt0C8+Zy61d8SeR5iHWCLOwF/MCb8Tp//ex3QFsE1HlCfKFUX2OijNFMnPKD7k76YcBoL402Zh8B77+MjlXrVvwfglXA32b0MrRgxCE2nBiEJaMOIQLkYFwsGoQWoYVUgJow4pYD4Weq4ayBqfwDYQmnUK0301kITujuawu65/l2B5A4z3Qe+Ut7EBAAAAAElFTkSuQmCC');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
wx-video .wx-video-danmu {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 44px;
}
wx-video .wx-video-danmu > .wx-video-danmu-item {
  line-height: 1;
  position: absolute;
  color: #ffffff;
  white-space: nowrap;
  left: 100%;
  transition: 3s linear;
}
wx-video .wx-video-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: rgba(1, 1, 1, 0.5);
  z-index: 1;
}
wx-video .wx-video-cover .wx-video-cover-play-button {
  width: 15px;
  height: 15px;
}
wx-video .wx-video-cover .wx-video-cover-duration {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  margin-top: 10px;
}
wx-view {
  display: block;
}
wx-view[hidden] {
  display: none;
}
.navigator-hover {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.7;
}
wx-navigator {
  height: auto;
  width: auto;
  display: block;
}
wx-navigator[hidden] {
  display: none;
}
wx-action-sheet-cancel {
  background-color: #FFFFFF;
  font-size: 18px;
}
wx-action-sheet-cancel .wx-action-sheet-middle {
  background-color: #EFEFF4;
  height: 6px;
  width: 100%;
}
wx-action-sheet-cancel .wx-action-sheet-cancel {
  background-color: inherit;
  position: relative;
  padding: 10px 0;
  text-align: center;
  font-size: inherit;
  display: block;
}
wx-action-sheet-cancel .wx-action-sheet-cancel:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
wx-action-sheet-cancel .wx-action-sheet-cancel:active {
  background-color: #ECECEC;
}
.textarea-placeholder {
  color: grey;
}
wx-textarea {
  width: 300px;
  height: 150px;
  display: block;
  position: relative;
}
wx-textarea[hidden] {
  display: none;
}
wx-textarea textarea {
  outline: none;
  border: none;
  resize: none;
  background-color: transparent;
  line-height: 1.2;
  z-index: 2;
  position: absolute;
  padding: 0;
  font-family: inherit;
  background: transparent;
}
wx-textarea .compute {
  color: transparent;
  top: 0;
  z-index: 0;
}
wx-textarea div {
  word-break: break-all;
  line-height: 1.2;
  font-family: inherit;
  position: absolute;
}
/*wx-share-button {*/
/*display: inline-block;*/
/*line-height: 0;*/
/*z-index: 9999999999;*/
/*-webkit-tap-highlight-color: transparent;*/
/*>.wx-share-button-wrapper {*/
/*width: 36px;*/
/*height: 36px;*/
/*display: inline-block;*/
/*background-size: 100% 100%;*/
/*background-repeat: no-repeat;*/
/*-webkit-tap-highlight-color: transparent;*/
/*}*/
/*}*/
wx-contact-button {
  display: inline-block;
  line-height: 0;
  z-index: 9999999999;
}
wx-contact-button[hidden] {
  display: none;
}
wx-contact-button > .wx-contact-button-wrapper {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: transparent;
}
wx-movable-area {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
}
wx-movable-area[hidden] {
  display: none;
}
wx-movable-view {
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 0px;
  left: 0px;
  position: absolute;
}
wx-movable-view[hidden] {
  display: none;
}
wx-cover-view {
  display: block;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: auto;
}
wx-cover-view[hidden] {
  display: none;
}
wx-cover-view .wx-cover-view {
  width: 100%;
  height: 100%;
  text-overflow: inherit;
  overflow: hidden;
  white-space: inherit;
  -webkit-align-items: inherit;
          align-items: inherit;
  -webkit-justify-content: inherit;
          justify-content: inherit;
  -webkit-flex-direction: inherit;
          flex-direction: inherit;
}
wx-cover-image {
  display: block;
  line-height: 1.2;
  overflow: hidden;
  pointer-events: auto;
  height: 100%;
  width: 100%;
}
wx-cover-image img {
  width: 100%;
  height: 100%;
}
wx-cover-image[hidden] {
  display: none;
}
wx-cover-image .wx-cover-image {
  width: 100%;
  height: 100%;
  text-overflow: inherit;
  overflow: inherit;
  white-space: nowrap;
  -webkit-align-items: inherit;
          align-items: inherit;
  -webkit-justify-content: inherit;
          justify-content: inherit;
  -webkit-flex-direction: inherit;
          flex-direction: inherit;
  font-size: 0;
}
wx-camera {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
wx-camera[hidden] {
  display: none;
}
wx-camera video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
wx-live-player {
  width: 300px;
  height: 225px;
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  position: relative;
  background-color: black;
}
wx-live-player[hidden] {
  display: none;
}
wx-live-player video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
wx-live-pusher {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: black;
}
wx-live-pusher[hidden] {
  display: none;
}
wx-live-pusher video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
wx-web-view {
  width: 100%;
  height: 100%;
}
wx-web-view > div {
  width: 100%;
  height: 100%;
}
wx-ad {
  display: block;
  width: 100%;
  overflow: hidden;
  pointer-events: auto;
  /*暂无广告*/
}
wx-ad .ad_bg {
  width: 100%;
  height: 100%;
}
wx-ad .hd_label {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  text-align: center;
  height: 14px;
  line-height: 14px;
  border-radius: 2px;
  background-color: rgba(40, 40, 40, 0.6);
  color: #fff;
  font-size: 11px;
}
wx-ad .ft_label {
  font-size: 11px;
  background-color: rgba(40, 40, 40, 0.6);
  position: absolute;
  display: block;
  height: 17px;
  line-height: 17px;
  font-style: normal;
  color: #fff;
  padding-right: 3.5px;
  text-align: right;
  right: 0;
  bottom: 0;
}
wx-ad .ft_label_before {
  content: ' ';
  display: block;
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAAE7eonfAAAAAXNSR0IArs4c6QAAAolJREFUSA2tVs1rE0EUT9okNoK20ZtYQQ9tvgsNuARE0kLBgII92JMfPXjtoYVCvcWLtt49+B8mxxByScjG3xt4y5vdmZ396ELyPn/vN2/2TSaFgnjq9fq/IttkkL7BDpYRh4JwOmcp2Wq13gXpq9XqVBlI/UVhjjxVRrfbfalA+AoWwY5Go/FnvV5vq0x2suQA2RoyvCYmLCBww2iWGpKd4L1D+Z1IUJYOyhIKLb9hNEktiC34Yg3KgIZEySfWIEr+tgbDAbJVK3L5MinSpwyybgI7gSYQFdT2hxlYYvv/sh6WViAGaR/vrBQGsG0FLhaLK04ySSMQS7w0JUtfBDgYDEpYYl0mmXRtVzudTm25XN6aEsM+DRgOso1VbI3H4++wO+xzAulI00lmAMtIjxwgSf2aQBTbpC/bU61WrxGrmeKxjNjdVyYQ+azA4XD4wAYiv3WplUrlGxif28BWRt/3PRuI/FZgHMgKxBl8nwkI0IesQBcu2iNG7LUThYTI5mDEPmcCAhT74rmoxkh3EgdcMgA2m82fmBR1kblAFHeexyRFKIfuJezPR6iP4jC5CTFkfRCcx5HIWLA10plUp66Qe540n/IyE3qe9zjpiMkFZSacTqdfUSj1K8lEiHE+BFlwE8gOXHpqwtFoRBjtz5CLRMatv8QySeqTyeQM525P+tLoqTpst9u7IDtOQxDOTUWIqaRByfUkJsSZO0J3L3KxAZyIsNfrPcQl+SkvGeGt/whl8fl8TndI6gGTNVh3doitPEByjwF5ZewvBQ54G+/tIi+JxBu3if5GlcvlHyA7kcn3oasO+/1+dTabPQOBh9F/i8KxnYeJi8WiD58PvA99JXRlY+BIqs9/1uymFKVUkXgAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: auto 100%;
}
wx-ad .ft_label_cover_wrap {
  right: 0;
  bottom: 0;
  height: 17px;
  position: absolute;
}
wx-ad .ft_label_cover_before {
  display: block;
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
}
wx-ad .ft_label_cover {
  font-size: 11px;
  background-color: rgba(40, 40, 40, 0.6);
  display: block;
  height: 17px;
  font-style: normal;
  color: #fff;
  padding-right: 3px;
  text-align: right;
}
wx-ad .ft_label_cover .text {
  line-height: 17px;
}
wx-ad .btn_miniapp {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10.5px;
  height: 22.5px;
  line-height: 22.5px;
  font-size: 13px;
  border-radius: 5px;
  text-decoration: none;
}
wx-ad .btn_miniapp.skin1 {
  color: #1AAD19;
  border: 1px solid #1AAD19;
}
wx-ad .btn_miniapp.skin2 {
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
wx-ad .ic_miniapp {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAgZJREFUSA3tlr0vBFEUxWfQ+YjSR6XQIkgoFBpRij+BiMQfIJKlIxKtTvwNJEIhyi1UiASNSMRXUAliFbLW77Ivzr7dGWaz5d7k7Jz73rnnzr7Z2feCoBrVFfhjBXK5XAOYAWlwD97BBVgDHX+UlzeN8SC4BlGRYWIO1JTXoUQVZt3gDfwnUiUskg/RKQRnXscN8gkwDhbBE3DxARlI3smrwGTEOeavU54kYLwV3Ihuw9ckzjFbEMODKAM006J7VF25D71dTI6F+/RcBhqFB+U21rqsGnp8VPJL4UGdJpXiLG8tXvNgVjy3hMc3xqAX8RA4CMNwXwujODU9zK2DftHcw1clL00p7gLbwEUW0uLUcPtXcrEm4/UM3rqJ/PWZq91MQRQtNaJuFGnQJEq74xfJo2gzE20yuQNPsVonMvZNCxrT1L7VLtCmR+STFGe+K2I+0NzhMYykD6TJD2Pkv1MULQMXtrz2voa/ih/GWMml9nVxecE3Rjgm4hXueEnyilJ9H81Yt7G9mE72urj4dCTJ1W/8KsWdwn2qv9I7fzJxzrPbBC7sD77VN2Fsygny1xFfkzjHaADYFubCtjbb4myrsy3Ptj6NU5KiH1/ixlaAUUqdY7gdAuydr0xgVgPsuGLHlqi4YmKwMh09F4w7gL2vdnCzA9wDsAOdHewaPHk1ra5A0Qp8AStESai4b58oAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  right: 3px;
}
wx-ad .ic_miniapp_cover {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  margin-left: -2px;
}
wx-ad .da_container {
  height: 100%;
  position: relative;
  background-color: white;
}
wx-ad .da_container .da_content {
  height: 100%;
}
wx-ad .da_container .brand_info {
  height: 100%;
  padding-left: 8px;
}
wx-ad .da_container .btn_miniapp {
  position: absolute;
  top: 50%;
  margin-top: -11.2px;
  right: 6px;
}
wx-ad .brand_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
wx-ad .brand_info .avatar {
  margin-right: 8.5px;
}
wx-ad .brand_info .brand_info_title {
  text-align: left;
  font-size: 13px;
  margin: 0;
  margin-bottom: 3.5px;
}
wx-ad .brand_info .brand_info_desc {
  font-size: 10px;
  color: #888;
  margin: 0;
  text-align: left;
}
wx-ad .avatar {
  display: block;
  width: 33px;
  height: 33px;
}
wx-ad .avatar_img {
  display: block;
  width: 100%;
  height: 100%;
}
wx-ad .avatar.radius .avatar_img {
  border-radius: 50%;
}
wx-ad .info_ele {
  display: inline-block;
}
wx-ad .info_ele.separate {
  position: relative;
  padding-right: 6px;
  margin-right: 6px;
  color: #888;
}
wx-ad .info_ele_separate {
  display: inline-block;
  width: 1px;
  height: 9px;
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: 0;
  background-color: #888;
}
wx-ad .brand_info_msg.cover .brand_info_desc {
  height: 16px;
  line-height: 16px;
}
wx-ad .brand_info_msg.cover .separate {
  margin-right: 0;
}
wx-ad .brand_info_msg.cover .info_ele_separate {
  position: static;
  margin-bottom: 2px;
  margin-right: 6px;
}
wx-ad .banner_full {
  position: relative;
}
wx-ad .banner_full .da_banner_img {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
  width: 100%;
}
wx-ad .empty_ad_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #DCDCDC;
  color: #888888;
  text-align: center;
}
wx-ad .empty_ad_container p {
  margin: 0;
}
wx-ad .empty_ad_desc {
  line-height: 50px;
  font-size: 12px;
}

/*# sourceMappingURL=wx-components.css.map */

默认样式的代码片段（粘贴到浏览器会自动调起开发者工具打开）： wechatide://minicode/iItbTfmC6pYO

猜你喜欢

转载自blog.csdn.net/Robin_star_/article/details/83269955
今日推荐
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
周排行
NEFU 117 素数个数的位数
Closest Common Ancestors (Lca,tarjan)
ELK部署
【转载】Hive笔记整理（三）
SQL语句（一）基本表的定义
关于Java web开发中的MySQL的事务语句
MFC创建自定义窗体
如何用一句话激怒程序员？
《逆袭大学》文摘——9.4 基础和应用的平衡中找到大学的节奏
【spring源码分析】@Value注解原理
每日归档
更多
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022