{"version":3,"sources":["webpack:///common/reset.scss","webpack:///common/mixin.scss","webpack:///common/helper.scss","webpack:///index.scss"],"names":[],"mappings":";AAOA,KACE,yBAA0B,CAC1B,6BAA8B,CAC9B,uCAAwC,CACxC,WACF,CAEA,KACE,QAAS,CACT,cAAqB,CACrB,sKAAyB,CACzB,eAAyB,CACzB,UAAkB,CAClB,qBAAmC,CACnC,eAAgB,CAWhB,iHACF,CAEA,2FAaE,aACF,CAEA,4BAIE,oBACF,CAEA,sBACE,YAAa,CACb,QACF,CAEA,SACE,uBACF,CAEA,kBAEE,sBACF,CAEA,EACE,sBAAuB,CACvB,oCAAqC,CACrC,oBAAqB,CACrB,oBAKF,CAHE,SACE,SACF,CAGF,YACE,kBAAmB,CACnB,yBAA0B,CAC1B,wCAAiC,CAAjC,gCACF,CAEA,SAEE,mBAAoB,CAKpB,eAJF,CAOA,IACE,iBACF,CAEA,KACE,eAAgB,CAChB,UACF,CAEA,MACE,aACF,CAEA,QAEE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBACF,CAEA,IACE,SACF,CAEA,IACE,aACF,CAEA,IACE,QAAS,CACT,qBAAsB,CACtB,cACF,CAEA,eACE,eACF,CAEA,IACE,aAAc,CACd,eAAgB,CAChB,oBAAqB,CACrB,oBACF,CAEA,kBAIE,+BAAiC,CACjC,aACF,CAEA,sCAKE,aAAc,CACd,YAAa,CACb,QAAS,CACT,qBACF,CAEA,oBAGE,gBACF,CAEA,cAEE,mBACF,CAEA,oEAIE,yBAA0B,CAC1B,cACF,CAEA,WACE,cACF,CAEA,iDAEE,QAAS,CACT,SACF,CAEA,MACE,kBACF,CAEA,uCAEE,qBAAsB,CACtB,SACF,CAEA,4FAEE,WACF,CAEA,mBACE,4BAA6B,CAC7B,qBACF,CAEA,+FAEE,uBACF,CAEA,SACE,uBAAyB,CACzB,YAAa,CACb,0BACF,CAEA,OACE,qBAAsB,CACtB,aAAc,CACd,aAAc,CACd,cAAe,CACf,SAAU,CACV,kBACF,CAEA,SACE,aAAc,CACd,eAAgB,CAChB,kBACF,CAEA,SACE,eACF,CAEA,6BAIE,SACF,CAEA,eAEE,6CACF,CAEA,mCAEE,YACF,CAEA,mDAEE,UACF,CAEA,2DAEE,UACF,CAEA,qEAEE,UACF,CAEA,MACE,wBAAyB,CACzB,gBACF,CAEA,MAEE,SACF,CAGA,2CACE,QACF,CAEA,eACE,QAAS,CACT,SACF,CAEA,MACE,4BACF,CAEA,SACE,aACF,CAEA,GACE,iBACF,CAEA,GACE,kBACF,CAEA,GACE,cACF,CAEA,EACE,iBACF,CChSI,eACE,WAAY,CACZ,aAAc,CACd,QAAS,CACT,UAAW,CACX,iBACF,CC3BJ,eACE,UACF,CAEA,MACE,oBACF,CAEA,MACE,qBACF,CAEA,eACE,iBACF,CAEA,cACE,gBACF,CAEA,QACE,yBACF,CAEA,UACE,oBACF,CAEA,UACE,oBACF,CAEA,UACE,oBACF,CAEA,UACE,oBACF,CAEA,iBACE,uBACF,CAEA,iBACE,uBACF,CAEA,cACE,uBACF,CAEA,eACE,uBACF,CAEA,SACE,2BACF,CAEA,eACE,4BACF,CAEA,eACE,6BACF,CAEA,SACE,4BACF,CAEA,eACE,8BACF,CAIE,WD0EE,YAAa,CACb,6BC3Ec,CAIhB,YD3BE,eAAgB,CAChB,kBAAmB,CACnB,sBCyBe,CAGnB,cACE,oBACF,CAEA,SACE,yBACF,CAEA,gBD8BE,cAAe,CACf,MAAO,CACP,OAAQ,CAEN,QChCJ,CAGA,aACE,uBACF,CAEA,cACE,wBACF,CCzGA,YACE,UAKF,CAHE,0BACE,sBACF,CAIF,YACE,+CAAwC,CAAxC,uCACF,CAEA,8BACE,GACE,8BAAuB,CAAvB,sBACF,CACA,GACE,+BAAyB,CAAzB,uBACF,CACF,CAPA,sBACE,GACE,8BAAuB,CAAvB,sBACF,CACA,GACE,+BAAyB,CAAzB,uBACF,CACF,C","file":"style/style/index.css","sourcesContent":["@charset \"UTF-8\";\n@import \"./variables.scss\";\n\n/**\n* normalize 7.0\n* http://necolas.github.io/normalize.css/\n*/\nhtml {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: transparent;\n  height: 100%;\n}\n\nbody {\n  margin: 0;\n  font-size: $font-size;\n  font-family: $font-family;\n  line-height: $line-height;\n  color: $text-color;\n  background-color: $background-color;\n  min-height: 100%;\n  /* Iphone X 兼容*/\n  /* 兼容 iOS < 11.2 */\n  padding-top: constant(safe-area-inset-top);\n  padding-left: constant(safe-area-inset-left);\n  padding-right: constant(safe-area-inset-right);\n  padding-bottom: constant(safe-area-inset-bottom);\n  /* 兼容 iOS >= 11.2 */\n  padding-top: env(safe-area-inset-top); /* 为导航栏+状态栏的高度 88px */\n  padding-left: env(safe-area-inset-left); /* 如果未竖屏时为0 */\n  padding-right: env(safe-area-inset-right); /* 如果未竖屏时为0 */\n  padding-bottom: env(safe-area-inset-bottom); /* 为底下圆弧的高度 34px */\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[hidden],\ntemplate {\n  display: none!important;\n}\n\na {\n  background: transparent;\n  -webkit-text-decoration-skip: objects;\n  text-decoration: none;\n  color: nth($link-color, 1);\n\n  &:active {\n    outline: 0;\n  }\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bold;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nimg {\n  border: 0;\n  vertical-align: middle;\n  max-width: 100%;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\npre {\n  overflow: auto;\n  white-space: pre;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n  vertical-align: middle;\n}\n\nbutton,\ninput,\nselect {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button;\n  cursor: pointer;\n}\n\n[disabled] {\n  cursor: default;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\ninput {\n  line-height: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\ninput[type=\"search\"] {\n  -webkit-appearance: textfield;\n  box-sizing: border-box;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\nlegend {\n  box-sizing: border-box;\n  color: inherit;\n  display: table;\n  max-width: 100%;\n  padding: 0;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n  vertical-align: top;\n}\n\noptgroup {\n  font-weight: bold;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n  outline: 0;\n}\n\ntextarea,\ninput {\n  -webkit-user-modify: read-write-plaintext-only;\n}\n\ninput::-ms-clear,\ninput::-ms-reveal {\n  display: none;\n}\n\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  color: $placeholder-color;\n}\n\ninput:-ms-input-placeholder,\ntextarea:-ms-input-placeholder {\n  color: $placeholder-color;\n}\n\ninput::-webkit-input-placeholder,\ntextarea::-webkit-input-placeholder {\n  color: $placeholder-color;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\n/* 根据使用习惯，对normalize上进行补充 */\nh1, h2, h3, h4, h5, h6, p, figure, form, blockquote {\n  margin: 0;\n}\n\nul, ol, li, dl, dd {\n  margin: 0;\n  padding: 0;\n}\n\nul, ol {\n  list-style: none outside none;\n}\n\nh1, h2, h3 {\n  line-height: 2;\n}\n\nh1 {\n  font-size: calc(#{$font-size-large} * 1.2);\n}\n\nh2 {\n  font-size: $font-size-large;\n}\n\nh3 {\n  font-size: $font-size;\n}\n\ni {\n  font-style: normal;\n}\n\n@if $box-border-switch {\n  * {\n    box-sizing: border-box;\n  }\n}","@charset \"UTF-8\";\n@import \"./variables.scss\";\n\n//-----------------------------------------------------\n// mixin scss\n// mixin，通过@include调用，样式通过拷贝的方式使用，尤其适用于传递参数\n// %，通过@extend调用，样式通过组合申明的方式使用，适用于不传参数的代码片段\n// mixin & % 既定义了mixin也定义了%，根据需求使用@include或@extend调用\n//-----------------------------------------------------\n\n// Center-align a block level element\n@mixin center-block($extend: true) {\n  @if $extend {\n    @extend %center-block;\n  } @else {\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n%center-block {\n  @include center-block(false);\n}\n\n// clear\n@mixin clear($extend: true) {\n  @if $extend {\n    @extend %clear;\n  } @else {\n    &:after {\n      content: \".\";\n      display: block;\n      height: 0;\n      clear: both;\n      visibility: hidden;\n    }\n  }\n}\n\n%clear {\n  @include clear(false);\n}\n\n// Hide only visually, but have it available for screenReaders\n// 只隐藏于视觉，屏幕浏览器可以阅读\n@mixin hidden-clip($extend: true) {\n  @if $extend {\n    @extend %hidden-clip;\n  } @else {\n    position: absolute;\n    clip: rect(1px, 1px, 1px, 1px);\n  }\n}\n\n%hidden-clip {\n  @include hidden-clip(false);\n}\n\n// ellipsis\n@mixin ellipsis($extend: true) {\n  @if $extend {\n    @extend %ellipsis;\n  } @else {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n\n%ellipsis {\n  @include ellipsis(false);\n}\n\n// ellipsis lines\n// only old webkit flex box\n@mixin ellipsis-lines($lines: 2) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: $lines;\n  -webkit-box-orient: vertical;\n}\n\n// word-break\n@mixin word-break($extend: true) {\n  @if $extend {\n    @extend %word-break;\n  } @else {\n    white-space: normal;\n    word-wrap: break-word;\n    word-break: break-all;\n  }\n}\n\n%word-break {\n  @include word-break(false);\n}\n\n// disabled\n@mixin disabled($colorText: $disable-text-color, $colorBg: $disable-background-color, $colorBorder: $disable-background-color) {\n  background-color: $colorBg !important;\n  color: $colorText !important;\n  cursor: default !important;\n  pointer-events: none !important;\n  @if $colorBorder {\n    border: 1px solid $colorBorder;\n  }\n}\n\n%disabled {\n  @include disabled;\n}\n\n// image replace text\n@mixin ir($extend: true) {\n  @if $extend {\n    @extend %ir;\n  } @else {\n    font: 0/0 a;\n    text-shadow: none;\n    border: 0 none;\n    color: transparent;\n  }\n}\n\n%ir {\n  @include ir(false);\n}\n\n// fixed top or bottom or bottom & top\n@mixin fixed($pos: 0) {\n  position: fixed;\n  left: 0;\n  right: 0;\n  @if $pos == bottom {\n    bottom: 0;\n  } @else {\n    @if $pos == all {\n      top: 0;\n      bottom: 0;\n    } @else {\n      top: $pos;\n    }\n  }\n}\n\n%fixed-top {\n  @include fixed;\n}\n\n%fixed-bottom {\n  @include fixed(bottom);\n}\n\n// justify\n// 左右对齐\n@mixin justify($extend: true) {\n  @if $extend {\n    @extend %justify;\n  } @else {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n%justify {\n  @include justify(false);\n}\n\n// retina border\n// 0.5px实现 ios9\n@mixin retina-one-px() {\n  @supports (border-width: 0.5px) {\n    @media only screen and (-webkit-min-device-pixel-ratio: 2), screen and (-webkit-min-device-pixel-ratio: 3) {\n      border-width: 0.5px;\n    }\n  }\n}\n\n// linear-gradient实现\n// 安卓4.3- 不支持background-size的百分比\n@mixin retina-one-px-bg($direction: top, $color: $border-color) {\n  background-repeat: no-repeat;\n  @if $direction == top {\n    background-image: linear-gradient(to bottom, $color 50%, transparent 50%);\n    background-size: 100% 1px;\n  }\n  @if $direction == bottom {\n    background-image: linear-gradient(to top, $color 50%, transparent 50%);\n    background-size: 100% 1px;\n    background-position: left bottom;\n  }\n  @if $direction == left {\n    background-image: linear-gradient(to right, $color 50%, transparent 50%);\n    background-size: 1px 100%;\n  }\n  @if $direction == right {\n    background-image: linear-gradient(to left, $color 50%, transparent 50%);\n    background-size: 1px 100%;\n    background-position: right top;\n  }\n  @if $direction == v { // 左右两个边框\n    background-image: linear-gradient(to right, $color 50%, transparent 50%), linear-gradient(to left, $color 50%, transparent 50%);\n    background-size: 1px 100%;\n    background-position: left top, right top;\n  }\n  @if $direction == h { // 上下两个边框\n    background-image: linear-gradient(to bottom, $color 50%, transparent 50%), linear-gradient(to top, $color 50%, transparent 50%);\n    background-size: 100% 1px;\n    background-position: left top, left bottom;\n  }\n  @if $direction == all { // 上下左右四个边框\n    background-image: linear-gradient(to bottom, $color 50%, transparent 50%), linear-gradient(to top, $color 50%, transparent 50%), linear-gradient(to right, $color 50%, transparent 50%), linear-gradient(to left, $color 50%, transparent 50%);\n    background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;\n    background-position: left top, left bottom, left top, right top;\n  }\n}\n\n// border和transform实现\n// 注意before和after的层级问题\n@mixin retina-one-px-border($direction: top, $color: $border-color) {\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n\n  @if $direction == top or $direction == bottom {\n    right: 0;\n    height: 0;\n    transform: scaleY(0.5);\n    border-top: 1px solid $color;\n  }\n  @if $direction == bottom {\n    top: auto;\n    bottom: 0;\n  }\n  @if $direction == right or $direction == left {\n    width: 0;\n    bottom: 0;\n    transform: scaleX(0.5);\n    border-left: 1px solid $color;\n  }\n  @if $direction == right {\n    left: auto;\n    right: 0;\n  }\n  @if $direction == all {\n    width: 200%;\n    height: 200%;\n    transform-origin: left top;\n    transform: scale(0.5);\n    border: 1px solid $color;\n  }\n}\n\n// border top & bottom\n%border-tb {\n  position: relative;\n\n  &::before {\n    content: \"\";\n    @include retina-one-px-border(top);\n    z-index: 1;\n  }\n\n  &::after {\n    content: \"\";\n    @include retina-one-px-border(bottom);\n  }\n}\n\n// border all\n%border-all {\n  position: relative;\n\n  &::before {\n    content: \"\";\n    @include retina-one-px-border(all);\n    z-index: -1;\n  }\n}\n\n// mixin\n// 只定义了mixin，所以只能通过@include来调用\n//-----------------------------------------------------\n\n// table 等\n// $child 参数请使用单引号，因为用于子元素选择器\n@mixin equal-table($child: li) {\n  display: table;\n  table-layout: fixed;\n  width: 100%;\n\n  #{$child} {\n    display: table-cell;\n  }\n}\n\n// flex 等分\n// $child 参数请使用单引号，因为用于子元素选择器\n@mixin equal-flex($child: li) {\n  display: flex;\n\n  #{$child} {\n    flex: 1;\n    width: 1%;\n  }\n}\n\n// line equal gap\n// $child 参数请使用单引号，因为用于子元素选择器\n@mixin line-equal-gap($gap: 10px, $child: li, $lr: true) {\n  display: flex;\n\n  @if $lr {\n    padding-left: $gap;\n    padding-right: $gap;\n  }\n\n  #{$child} {\n    flex: 1;\n    width: 1%;\n\n    &:not(:first-of-type) {\n      margin-left: $gap;\n    }\n  }\n}\n\n// line equal item\n@mixin line-equal-item($lr: true) {\n  display: flex;\n  justify-content: space-between;\n  @if $lr {\n    &::before,\n    &::after {\n      content: \"\";\n    }\n  }\n}\n\n// flex center\n@mixin center-flex($direction: both) {\n  display: flex;\n  @if $direction == both {\n    justify-content: center;\n    align-items: center;\n  }\n  @if $direction == x {\n    justify-content: center;\n  }\n  @if $direction == y {\n    align-items: center;\n  }\n}\n\n// translate center\n@mixin center-translate($direction: both) {\n  position: absolute;\n  @if $direction == both {\n    top: 50%;\n    left: 50%;\n    transform: translate3d(-50%, -50%, 0);\n  }\n  @if $direction == x {\n    left: 50%;\n    transform: translate3d(-50%, 0, 0);\n  }\n  @if $direction == y {\n    top: 50%;\n    transform: translate3d(0, -50%, 0);\n  }\n}\n\n// object wrap\n// $child 参数请使用单引号，因为用于子元素选择器\n@mixin object-wrap($percent: 100%, $child: img) {\n  position: relative;\n  padding-top: $percent;\n  height: 0;\n\n  #{$child} {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n// triangle 三角箭头\n// 可采用空元素或伪元素生成，具体定位这里不涉及\n%triangle-basic {\n  content: \"\";\n  height: 0;\n  width: 0;\n  overflow: hidden;\n}\n\n@mixin triangle($direction: top, $borderWidth: 6px, $borderColor: $border-color) {\n  @extend %triangle-basic;\n  @if $direction == top {\n    border-bottom: $borderWidth solid $borderColor;\n    border-left: $borderWidth dashed transparent;\n    border-right: $borderWidth dashed transparent;\n  }\n  @if $direction == right {\n    border-left: $borderWidth solid $borderColor;\n    border-top: $borderWidth dashed transparent;\n    border-bottom: $borderWidth dashed transparent;\n  }\n  @if $direction == bottom {\n    border-top: $borderWidth solid $borderColor;\n    border-left: $borderWidth dashed transparent;\n    border-right: $borderWidth dashed transparent;\n  }\n  @if $direction == left {\n    border-right: $borderWidth solid $borderColor;\n    border-top: $borderWidth dashed transparent;\n    border-bottom: $borderWidth dashed transparent;\n  }\n}\n\n// v arrow 方向箭头\n@mixin v-arrow($direction: right, $borderWidth: 2px, $size: 10px) {\n  display: inline-block;\n  vertical-align: middle;\n  width: $size;\n  height: $size;\n  @if $direction == top {\n    border-top: $borderWidth solid $placeholder-color;\n    border-right: $borderWidth solid $placeholder-color;\n    transform: rotate(-45deg);\n  }\n  @if $direction == right {\n    border-top: $borderWidth solid $placeholder-color;\n    border-right: $borderWidth solid $placeholder-color;\n    transform: rotate(45deg);\n  }\n  @if $direction == bottom {\n    border-left: $borderWidth solid $placeholder-color;\n    border-bottom: $borderWidth solid $placeholder-color;\n    transform: rotate(-45deg);\n  }\n  @if $direction == left {\n    border-left: $borderWidth solid $placeholder-color;\n    border-bottom: $borderWidth solid $placeholder-color;\n    transform: rotate(45deg);\n  }\n}\n\n// animation-fade\n// @include animation-fade\n// @include animation-fade($from: false, $to: .5);\n// @include animation-fade($from: 1, $to: 0);\n@mixin animation-fade($name: animationFade, $from: 0, $to: false) {\n  @keyframes #{$name} {\n    @if $from {\n      from {\n        opacity: $from;\n      }\n    }\n    @if $to {\n      to {\n        opacity: $to;\n      }\n    }\n  }\n}\n\n// %\n// 只定义了%，所以只能通过@extend来调用\n//-----------------------------------------------------\n\n// bar line\n%bar-line {\n  line-height: $line-height - 10px;\n  padding: 5px 10px;\n  position: relative;\n  display: block;\n  overflow: hidden;\n  @if $active-state-switch {\n    &:active,\n    &:hover {\n      background-color: darken($background-color, 3%);\n    }\n  }\n\n  &:not(:first-of-type)::before {\n    content: \"\";\n    @include retina-one-px-border;\n  }\n}\n\n// item arrow, 右侧箭头跳转指向\n%item-v-right {\n  &::after {\n    content: \"\";\n    @include v-arrow;\n    color: $placeholder-color;\n    position: absolute;\n    right: 15px;\n    top: 50%;\n    margin-top: -1px;\n    transform: rotate(45deg) translate(0, -50%);\n    box-sizing: border-box;\n  }\n}\n\n// 间隔列表\n%gap-item {\n  position: relative;\n  background: #fff;\n  margin: 10px 0;\n  @if $active-state-switch {\n    &:active,\n    &:hover {\n      background-color: darken($background-color, 3%);\n    }\n  }\n\n  &::before {\n    content: \"\";\n    @include retina-one-px-border;\n  }\n\n  &::after {\n    content: \"\";\n    @include retina-one-px-border(bottom);\n  }\n}\n\n// fullscreen center\n%fullscreen-center {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  margin: auto;\n}\n\n// 下面的几个%，由于版本或前缀，所以设计成%\n//-----------------------------------------------------\n// flex\n%display-flex {\n  display: flex;\n}\n\n// all-transition\n%transition-all {\n  transition: all 0.3s ease-in-out;\n}\n\n// translate3d\n%translate3d {\n  transform: translate3d(0, 0, 0);\n}\n\n\n// btn\n//----------------------------------------------------\n// btn-basic\n// 按钮基本样式，联合申明\n%btn-basic {\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  text-align: center;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  user-select: none;\n  padding: 0 1em;\n  white-space: nowrap;\n}\n\n// btn-size\n// 按钮大小\n@mixin btn-size($padding: 1em, $height: $line-height, $radius: 3px) {\n  padding: 0 $padding;\n  line-height: $height - 2px; // 减掉2px的上下高度\n  @if $radius {\n    border-radius: $radius;\n  }\n}\n\n// btn-color\n// 包括按钮背景色，文本色，是否有边框\n@mixin btn-color($colorText: #333, $colorBg: #666, $colorBorder: false) {\n  color: $colorText;\n  background-color: $colorBg;\n  @if $colorBorder {\n    border-color: $colorBorder;\n  }\n}\n","@charset \"UTF-8\";\n@import \"./variables.scss\";\n@import \"./mixin.scss\";\n\n.x-clear {\n  @extend %clear;\n}\n\n.x-placeholder {\n  color: $placeholder-color;\n}\n\n.x-fl {\n  float: left !important;\n}\n\n.x-fr {\n  float: right !important;\n}\n\n.x-text-center {\n  text-align: center;\n}\n\n.x-text-right {\n  text-align: right;\n}\n\n.x-bold {\n  font-weight: 600 !important;\n}\n\n.x-gray-c {\n  color: #ccc !important;\n}\n\n.x-gray-3 {\n  color: #333 !important;\n}\n\n.x-gray-6 {\n  color: #666 !important;\n}\n\n.x-gray-9 {\n  color: #999 !important;\n}\n\n.x-success-color {\n  color: $success-text-color !important;\n}\n\n.x-warning-color {\n  color: $warning-text-color !important;\n}\n\n.x-info-color {\n  color: $info-text-color !important;\n}\n\n.x-error-color {\n  color: $error-text-color !important;\n}\n\n.x-space {\n  margin-right: $margin-x !important;\n}\n\n.x-space-small {\n  margin-right: $margin-x-small !important;\n}\n\n.x-space-large {\n  margin-right: $margin-x-large !important;\n}\n\n.x-blank {\n  margin-bottom: $margin-y !important;\n}\n\n.x-blank-large {\n  margin-bottom: $margin-y-large !important;\n}\n\n// 左右两端对齐\n.x-justify {\n  @extend %justify;\n}\n\n.x-ellipsis {\n  @extend %ellipsis;\n}\n\n.x-full-width {\n  width: 100% !important;\n}\n\n.x-pos-s {\n  position: static !important;\n}\n\n.x-fixed-bottom {\n  @include fixed(bottom);\n}\n\n// display\n.x-dis-block {\n  display: block !important;\n}\n\n.x-dis-inline {\n  display: inline !important;\n}\n","@import \"common/variables.scss\";\n@import \"common/mixin.scss\";\n@import \"./common/reset.scss\";\n@import \"./common/helper.scss\";\n@import \"//at.alicdn.com/t/font_686328_sgwknrzrw3r.css\";\n\n// 基础样式\n.x-disabled {\n  opacity: .4;\n\n  &:active::before {\n    background: transparent;\n  }\n}\n\n// 动画\n.x-amt-spin {\n  animation: x-amt-spin 1s linear infinite;\n}\n\n@keyframes x-amt-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}"],"sourceRoot":""}