@charset "UTF-8";
html {
  font-family: 'helvetica neue', helvetica, 'heiti sc', 'droid sans fallback' , "\5FAE\8F6F\96C5\9ED1";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-size: 24px;
  line-height: 1.5;
  width: 100%; }

body {
  margin: 0;
  -webkit-overflow-scrolling: touch;
  width: 100%; }

a, button, input, select, textarea {
  outline: none; }

ul, ol {
  list-style: none; }

em, i {
  font-style: normal; }

ol, ul, input, figure {
  margin: 0;
  padding: 0; }

dl, dd, h1, h2, h3, h4, h5, h6, p, form {
  margin: 0; }

img {
  display: block;
  width: 100%;
  border: 0; }

table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

a, button, button:active, input {
  -webkit-tap-highlight-color: transparent; }

mark {
  background-color: transparent;
  color: inherit; }

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

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
  color: transparent; }

button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
  -webkit-appearance: none; }

input:-ms-clear {
  display: none; }

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only;
  border: none; }

select {
  overflow-x: hidden; }

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

body {
  background: #f4f4f4; }

body.bg-white {
  background: #fff; }

.clearfix:after, .total-box:after {
  content: " ";
  display: block;
  clear: both; }

.di-bl {
  display: inline-block; }

.di-vm {
  display: inline-block;
  vertical-align: middle; }

.di-vt {
  display: inline-block;
  vertical-align: top; }

.fl {
  float: left; }

.fr {
  float: right; }

.tac {
  text-align: center; }

.none {
  display: none; }

.hide {
  font-size: 0;
  width: 0;
  text-indent: -9999px; }

.sprites, .msg-icon, .errorTips:before {
  background: url("../images/sprites.png");
  background-size: 8.8888888889rem auto; }

.long-red-btn {
  width: 12.3333333333rem;
  height: 1.4666666667rem;
  display: block;
  margin: 1.7777777778rem auto 0;
  font-size: 0.6666666667rem;
  text-align: center;
  line-height: 1.4666666667rem;
  background: #fd4336;
  color: #fff;
  border-radius: 15px; }

[v-cloak] {
  display: none; }

.mtb20 {
  margin: 0.4444444444rem 0; }

/* 弹窗 */
.dialog {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100; }
  .dialog .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); }
  .dialog .closeBtn {
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0OEU3NjQ1ODcxREUxMUU3QjExMkVCMTkxNEM1RDFERSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0OEU3NjQ1OTcxREUxMUU3QjExMkVCMTkxNEM1RDFERSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RTc2NDU2NzFERTExRTdCMTEyRUIxOTE0QzVEMURFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ4RTc2NDU3NzFERTExRTdCMTEyRUIxOTE0QzVEMURFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S8GjSgAAARdJREFUeNqs1etKw0AQhuFksJdmVWhtqKUi2hZpyV21pWcqRjxAD16a+KPfwAhj2M1us1l48yOHh2WzJHGaposoil7RR1TNuENtwiFDS9SqAG2jMZox/I56FeCMTtA9+iY5GYonaCrokU+QulgWZ3Sm0TxcBud75oIe9AUy3OyL36KFCbXBPngTrQTdmwAqmJENb6A16tpQHheONdT4E/pFm6KZ+sIaZzBGHbRzPUSeW+pHUB41nwd84Bu0lTV9kJ2QhMJ/6CP6UsvixIvga0H5pX0a1rwQJwfaz6HeuAm+EnQggGu3GHEyoC/o2YE6cQ3XZaaMvp3xdTPipFCe6fBM1IozfKnQLOAP8g8neUmjQDSPd04CDACwFlEYh6pNkwAAAABJRU5ErkJggg==");
    background-size: 0.6666666667rem auto;
    position: absolute;
    top: 0.2222222222rem;
    right: 0.2222222222rem; }

/* 积分公共弹窗 S  */
.scoreDia .content {
  width: 11.7777777778rem;
  background: #fff;
  border-radius: 5px;
  padding: 0.6666666667rem 0; }
.scoreDia .title {
  margin-top: 1.1111111111rem; }
.scoreDia .title, .scoreDia .tips {
  color: #333;
  text-align: center;
  font-size: 0.6666666667rem; }
  .scoreDia .title span, .scoreDia .tips span {
    color: #f7523e; }

.red-btn, .grey-btn {
  width: 3.5111111111rem;
  height: 1.2666666667rem;
  line-height: 1.2666666667rem;
  border-radius: 25px;
  font-size: 0.6222222222rem;
  display: inline-block;
  margin: 0 0.4444444444rem; }

.red-btn {
  background: #fd4336;
  color: #fff; }

.grey-btn {
  background: #dadada;
  color: #666; }

.code {
  font-size: 0.6666666667rem;
  margin: 0.5555555556rem 0 0.3333333333rem 0;
  color: #f7523e; }
  .code span {
    border: 1px solid #c9c9c9;
    padding: 0 0.3333333333rem;
    height: 1.2222222222rem;
    display: inline-block;
    line-height: 1.2222222222rem;
    min-width: 7.7777777778rem; }
  .code strong {
    font-weight: normal; }

.exchangeFailDia {
  text-align: center; }
  .exchangeFailDia .content {
    min-height: 5.7777777778rem; }

.tips {
  color: #999;
  font-size: 0.4444444444rem;
  margin: 0.3333333333rem 0; }

.ruleBtnDia {
  color: #f7523e;
  font-size: 0.5333333333rem; }

/* 积分规则弹窗 */
.ruleDialog .content {
  width: 12.2222222222rem;
  padding: 0.5555555556rem 0.7777777778rem;
  background: #fff;
  border-radius: 3px; }

.ruleTitle {
  text-align: center;
  color: #fd4336;
  font-size: 0.6666666667rem; }

.ruleTxt li {
  counter-increment: num;
  color: #666;
  font-size: 0.4888888889rem;
  line-height: 0.8444444444rem; }
  .ruleTxt li:before {
    content: counter(num);
    background: #dadada;
    width: 0.5777777778rem;
    height: 0.5777777778rem;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.0666666667rem;
    line-height: 0.7111111111rem; }
  .ruleTxt li a, .ruleTxt li a:visited {
    color: #fd4336;
    text-decoration: underline; }

/* 绑定手机号 */
.inputMsg {
  color: #666;
  font-size: 0.5333333333rem;
  padding: 0 1.1111111111rem;
  margin-top: 0.8888888889rem; }
  .inputMsg p {
    margin-bottom: 0.5555555556rem; }
  .inputMsg input {
    border: 1px solid #dedede;
    line-height: 1.0666666667rem;
    margin-left: 0.4444444444rem;
    border-radius: 3px;
    width: 7.1111111111rem; }
  .inputMsg input[name='code'] {
    width: 4.3333333333rem; }
  .inputMsg .getMobCode {
    color: #fd4336;
    border: 1px solid #fd4336;
    border-radius: 3px;
    padding: 0.1333333333rem 0;
    margin-left: 0.1111111111rem;
    width: 2.5555555556rem;
    display: inline-block;
    text-align: center; }
  .inputMsg .cantGetCode {
    color: #666;
    border: 1px solid #666; }

/* 积分公共弹窗 E  */
/* 模块 */
.module {
  border: 1px solid #efeded;
  background: #fff;
  padding: 0.5555555556rem 0.4444444444rem 0.4444444444rem 0.4444444444rem;
  margin-top: 0.2888888889rem; }

/*  支付底栏 */
.total-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  line-height: 2.3111111111rem; }
  .total-box .total {
    color: #707070;
    font-size: 0.6666666667rem;
    float: left;
    text-indent: 0.4444444444rem; }
    .total-box .total strong {
      color: #ff2f00;
      font-weight: normal; }
  .total-box .pay-btn {
    background: #fc4335;
    color: #fff;
    font-size: 0.6666666667rem;
    width: 5.2888888889rem;
    height: 1.6444444444rem;
    float: right;
    text-align: center;
    line-height: 1.6444444444rem;
    margin: 0.3333333333rem 0.3333333333rem 0 0; }

/* 消息提醒 icon  */
.msg-icon {
  width: 0.9333333333rem;
  height: 0.7333333333rem;
  background-position: -4.5777777778rem -11.6rem;
  display: block;
  margin-top: 0.5555555556rem;
  position: relative; }
  .msg-icon em {
    position: absolute;
    top: -0.2666666667rem;
    left: 0.5555555556rem;
    font-size: 0.4rem;
    background: #f94437;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    min-width: 0.3555555556rem;
    height: 0.4444444444rem;
    text-align: center;
    line-height: 0.4444444444rem;
    padding: 0.0444444444rem 0.0666666667rem; }

.content {
  background: #fff;
  text-align: center;
  overflow: hidden;
  padding-bottom: 2.2222222222rem; }

.logo {
  width: 5.1111111111rem;
  display: block;
  margin: 1rem auto 0.4444444444rem; }

.errorTips {
  font-size: 0.7111111111rem;
  color: #666;
  line-height: 1.1111111111rem; }
  .errorTips:before {
    content: "";
    width: 2.5777777778rem;
    height: 2.5777777778rem;
    background-position: 0 -9.1111111111rem;
    display: block;
    margin: 0 auto 1.1111111111rem; }

/*# sourceMappingURL=error.css.map */