antui-mobile/lib/style/index.css

mobile ui for antd

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
::selection {
  background: #108ee9;
  color: #fff;
}
a {
  color: #108ee9;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color .3s ease;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.antui-divider {
  margin: 0 6px;
  display: inline-block;
  height: 8px;
  width: 1px;
  background: #ccc;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
@font-face {
  font-family: 'iconfont';
  src: url('https://at.alicdn.com/t/font_etsf5fllm3uzbyb9.eot');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_etsf5fllm3uzbyb9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://at.alicdn.com/t/font_etsf5fllm3uzbyb9.woff') format('woff'), /* chrome、firefox */ url('https://at.alicdn.com/t/font_etsf5fllm3uzbyb9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_etsf5fllm3uzbyb9.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont:before {
  display: block;
  font-family: "iconfont" !important;
}
.iconfont-loading:before {
  content: "\eee3";
}
.iconfont-rmb:before {
  content: "\e6b0";
}
.iconfont-card:before {
  content: "\e613";
}
.iconfont-list:before {
  content: "\e612";
}
.iconfont-search:before {
  content: "\e6ac";
}
.iconfont-location:before {
  content: "\e734";
}
.iconfont-pulldown:before {
  content: "\e608";
}
.iconfont-mine-o:before {
  content: "\e60e";
}
.iconfont-mine:before {
  content: "\e60d";
}
.iconfont-password:before {
  content: "\e603";
}
.iconfont-caret-right:before {
  content: "\e607";
}
.iconfont-caret-left:before {
  content: "\e606";
}
.iconfont-caret-down:before {
  content: "\e605";
}
.iconfont-caret-top:before {
  content: "\e604";
}
.iconfont-check:before {
  content: "\e616";
}
.iconfont-cross:before {
  content: "\e615";
}
.iconfont-right:before {
  content: "\e618";
}
.iconfont-left:before {
  content: "\e617";
}
.iconfont-top:before {
  content: "\e619";
}
.iconfont-bottom:before {
  content: "\e61a";
}
.iconfont-arrow-top:before {
  content: "\e795";
}
.iconfont-arrow-bottom:before {
  content: "\e796";
}
.iconfont-add:before {
  content: "\e727";
}
.iconfont-minus:before {
  content: "\e729";
}
.iconfont-info-circle-o:before {
  content: "\e6e5";
}
.iconfont-info-circle:before {
  content: "\e6e4";
}
.iconfont-warning-o:before {
  content: "\e663";
}
.iconfont-warning:before {
  content: "\e662";
}
.iconfont-cross-circle-o:before {
  content: "\e659";
}
.iconfont-cross-circle:before {
  content: "\e658";
}
.iconfont-check-circle-o:before {
  content: "\e657";
}
.iconfont-check-circle:before {
  content: "\e656";
}
.iconfont-delete:before {
  content: "\e61b";
}
.iconfont-back:before {
  content: "\e63d";
}
.iconfont-upload:before {
  content: "\e65a";
}
.iconfont-download:before {
  content: "\e61e";
}
.iconfont-up-circle:before {
  content: "\e6a0";
}
.iconfont-down-circle:before {
  content: "\e69f";
}
.iconfont-spin:before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg);
  }
}