@charset "UTF-8";
html {
  font-size: 36px;
  background-color: #f4f4f4; }

body {
  font-family: 'arial';
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  color: #333;
  font-size: 12px;
  min-width: 320px; }

ul,
ol {
  list-style: none; }

i,
em,
var,
tt {
  font-style: normal; }

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
input,
textarea,
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
button {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

input,
img {
  vertical-align: middle; }

a:link,
a:visited {
  text-decoration: none; }

/*
 * 元素被点击的时候产生的背景颜色（各个浏览器有默认颜色）
 */
a,
li,
input,
button,
section,
span,
div {
  -webkit-tap-highlight-color: transparent; }

/*
 * 去除webkit浏览器对input默认样式
 */
input,
textarea {
  -webkit-appearance: none;
  outline: 0; }

button {
  border: 0;
  outline: none; }

.bu-fl {
  float: left; }

.bu-fr {
  float: right; }

.bu-elipsis {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.bu-elipsis-2 {
  -webkit-line-clamp: 2; }

.bu-fixed-b {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%; }

.bu-fixed-t {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.bu-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.46875rem 0.46875rem 0 0.46875rem;
  font-size: 0.5rem;
  color: #000; }

.bu-list > .bu-item {
  display: -webkit-box;
  padding: 0.46875rem;
  border-bottom: 1px solid #f3f3f3; }
  .bu-list > .bu-item > img {
    vertical-align: top;
    width: 2.875rem;
    height: 2.15625rem; }
  .bu-list > .bu-item > .bu-content {
    display: block;
    -webkit-box-flex: 1;
    margin-left: 0.3125rem; }
    .bu-list > .bu-item > .bu-content > .bu-before {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.5rem;
      color: #000;
      line-height: 0.625rem; }
    .bu-list > .bu-item > .bu-content > .bu-middle {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.375rem;
      color: #999;
      margin-top: 0.04688rem;
      line-height: 0.625rem; }
    .bu-list > .bu-item > .bu-content > .bu-after {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.34375rem;
      margin-top: 0.35938rem;
      line-height: 0.625rem; }
    .bu-list > .bu-item > .bu-content > .bu-price {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #ff552e;
      height: 0.625rem; }
      .bu-list > .bu-item > .bu-content > .bu-price > strong {
        font-size: 0.5625rem; }
      .bu-list > .bu-item > .bu-content > .bu-price > span {
        display: inline-block; }

.bu-label-group {
  overflow: hidden;
  padding: 0 0.46875rem 0.3125rem 0.15625rem; }
  .bu-label-group > .bu-item {
    border-radius: 1.5625rem;
    float: left;
    display: inline-block;
    margin: 0.3125rem 0 0 0.3125rem;
    padding: 0 0.28125rem;
    line-height: 0.9375rem;
    background: #f6f6f6;
    font-size: 0.4375rem;
    color: #555; }
    .bu-label-group > .bu-item.bu-active {
      background: #fff7f5;
      color: #ff552e; }

.bu-slt {
  height: 2.15625rem;
  position: relative;
  display: -webkit-box;
  -webkit-box-align: center; }
  .bu-slt::after {
    content: "";
    position: absolute;
    left: 0.46875rem;
    right: 0.46875rem;
    bottom: 0;
    border-bottom: 1px solid #f3f3f3; }
  .bu-slt > .bu-item {
    position: relative;
    -webkit-box-flex: 1;
    display: block;
    width: 100%;
    text-align: center; }
    .bu-slt > .bu-item > .bu-tip,
    .bu-slt > .bu-item .bu-doc,
    .bu-slt > .bu-item .bu-sub {
      display: none; }
    .bu-slt > .bu-item .bu-holder {
      font-size: 0.59375rem;
      color: #666; }
    .bu-slt > .bu-item .bu-tip {
      margin-bottom: 0.09375rem;
      font-size: 0.375rem;
      color: #ccc; }
    .bu-slt > .bu-item .bu-doc {
      position: relative;
      font-size: 0.59375rem;
      color: #000; }
      .bu-slt > .bu-item .bu-doc > .bu-small {
        font-size: 0.3125rem; }
    .bu-slt > .bu-item .bu-sub {
      border-radius: 15px;
      position: absolute;
      left: 105%;
      bottom: 3px;
      display: inline-block;
      line-height: 0.46875rem;
      padding: 0 0.1875rem;
      font-size: 0.3125rem;
      color: #ff552e;
      background: #fff7f5;
      white-space: nowrap; }
    .bu-slt > .bu-item.bu-over > .bu-tip,
    .bu-slt > .bu-item.bu-over .bu-doc,
    .bu-slt > .bu-item.bu-over .bu-sub {
      display: inline-block; }
    .bu-slt > .bu-item.bu-over .bu-holder {
      display: none; }
    .bu-slt > .bu-item::after {
      content: "";
      position: absolute;
      top: -0.25rem;
      bottom: -0.25rem;
      right: 0;
      border-left: 1px solid #f3f3f3; }
    .bu-slt > .bu-item:last-child::after {
      display: none; }

.bu-btn {
  display: inline-block;
  font-size: 0.53125rem;
  color: #fff;
  background: #ff552e;
  line-height: 1.40625rem; }
  .bu-btn.bu-active {
    background: #ff552e; }
  .bu-btn.bu-disable {
    background: #d3d4d9; }
  .bu-btn.bu-btn-block {
    display: block;
    width: 100%;
    text-align: center; }