@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?31t9rv");
  src: url("fonts/icomoon.eot?#iefix31t9rv") format("embedded-opentype"), url("fonts/icomoon.ttf?31t9rv") format("truetype"), url("fonts/icomoon.woff?31t9rv") format("woff"), url("fonts/icomoon.svg?31t9rv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
}

/* iconfont集合begin */
.icon-ban:before {
  content: "\f05e";
}

.icon-ok:before {
  content: "\e649";
}

.icon-cross4:before {
  content: "\e37e";
}

.icon-user-center:before {
  content: "\e95b";
}

.icon-check:before {
  content: "\e206";
}

.icon-radio-check:before {
  content: "\e25f";
}

.icon-radio-uncheck:before {
  content: "\e25e";
}

.icon-credit-card:before {
  content: "\e71c";
}

.icon-right-arrow:before {
  content: "\e111";
}

.icon-down-arrow:before {
  content: "\e20b";
}

.icon-spinner2:before {
  content: "\e7eb";
}

.icon-close:before {
  content: "\e671";
}

.icon-rank:before {
  content: "\e80e";
}

.icon-time:before {
  content: "\e698";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-loading:before {
  content: "\e7f3";
}

.icon-vipcard:before {
  content: "\e049";
}

.icon-card:before {
  content: "\e285";
}

.icon-sort:before {
  content: "\e088";
}

.icon-member-card:before {
  content: "\e6db";
}

.icon-radio-checked:before {
  content: "\e8c4";
}

.icon-stats-dots:before {
  content: "\e80b";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-pin4:before {
  content: "\e936";
}

.icon-loop:before {
  content: "\e00e";
}

.icon-detail:before {
  content: "\e0e9";
}

.icon-cart:before {
  content: "\e2df";
}

.icon-redeem:before {
  content: "\e2c5";
}

.icon-paste:before {
  content: "\e6e6";
}

.icon-plus3:before {
  content: "\e87a";
}

.icon-goback:before {
  content: "\e609";
}

.icon-edit:before {
  content: "\e937";
}

.icon-home:before {
  content: "\e680";
}

.icon-slide-right:before {
  content: "\e0a0";
}

.icon-refurbish:before {
  content: "\e172";
}

.icon-person:before {
  content: "\e2ba";
}

.icon-alarm:before {
  content: "\e6fa";
}

.icon-bag:before {
  content: "\e2c5";
}

.icon-good:before {
  content: "\f087";
}

.icon-bad:before {
  content: "\f088";
}

.icon-page:before {
  content: "\e6e6";
}

.icon-file-text:before {
  content: "\e796";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-point:before {
  content: "\e752";
}

.icon-grocery-list:before {
  content: "\e72e";
}

.icon-gt:before {
  content: "\e111";
}

.icon-camera:before {
  content: "\e145";
}

.icon-circle-up:before {
  content: "\e8b1";
}

.icon-circle-down:before {
  content: "\e8b3";
}

.icon-circle-left:before {
  content: "\e8b4";
}

.icon-circle-right:before {
  content: "\e8b2";
}

.icon-remove_circle:before {
  content: "\e080";
}

.icon-add_circle_outline:before {
  content: "\e06c";
}

.icon-remove_circle_outline:before {
  content: "\e081";
}

.icon-commenting-o:before {
  content: "\e687";
}

.icon-chat3:before {
  content: "\e932";
}

.star-off-png,
.star-on-png {
  font-size: 2em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  color: #ddd;
}

.star-off-png:before,
.star-on-png:before {
  content: "\e852";
}

.star-off-png:before {
  content: "\e868";
}

.star-on-png {
  color: #ff7900;
}

.icon-meh-o:before {
  content: "\f11a";
}

/* 根据需求，设置好、中、差的表情 */
.bad-com .star-off-png:before,
.bad-com .star-on-png:before {
  content: "\e856";
}

.middle-com .star-off-png:before,
.middle-com .star-on-png:before {
  content: "\e868";
}

.good-com .star-off-png:before,
.good-com .star-on-png:before {
  content: "\e852";
}

.icon-ncomment:before {
  content: "\e856";
}

.icon-mcomment:before {
  content: "\e868";
}

.icon-pcomment:before {
  content: "\e852";
}

.icon-write:before {
  content: "\f044";
}

.icon-heart-o:before {
  content: "\f08a";
}

.icon-heart-full:before {
  content: "\f004";
}

.icon-view:before {
  content: "\e1a8";
}

.icon-return:before {
  content: "\e7d7";
}

.icon-speech-bubble:before {
  content: "\e355";
}

.icon-checkmark-full:before {
  content: "\e64f";
}

.icon-enter:before {
  content: "\e116";
}

.icon-trash-o:before {
  content: "\f014";
}

.icon-plus:before {
  content: "\e909";
}

.icon-plus-o:before {
  content: "\e923";
}

.icon-love:before {
  content: "\f004";
}

.icon-note:before {
  content: "\e21c";
}

.icon-man:before {
  content: "\e7e1";
}

.icon-calendar:before {
  content: "\f272";
}

.icon-image:before {
  content: "\e0cb";
}

.icon-medal:before {
  content: "\e1eb";
}

.icon-shop:before {
  content: "\e753";
}

.icon-staff:before {
  content: "\e252";
}

.icon-minus-only:before {
  content: "\e37c";
}

.icon-plus-only:before {
  content: "\e37b";
}

.icon-plus-only.cur:before {
  content: "\e37c";
}

.icon-window:before {
  content: "\e36f";
}

.icon-set:before {
  content: "\e6fc";
}

.icon-expand_more:before {
  content: "\e20b";
}

.icon-expand_less:before {
  content: "\e20a";
}

.icon-store:before {
  content: "\e753";
}

.icon-card-giftcard {
  content: "\e308";
}

.icon-order:before {
  content: "\e32b";
}

.icon-persons:before {
  content: "\e7e2";
}

.icon-ing:before {
  content: "\e370";
}

/* iconfont集合end */
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
}

html, body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  line-height: 1.8;
  font-family: "\5FAE\8F6F\96C5\9ED1","Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  color: #666;
  background: #eeeeee;
}

input,
select,
textarea,
button {
  font-size: 1em;
  font-family: Helvetica;
  outline: none;
}

.b-font {
  font-size: 1.28em;
}

.m-font {
  font-size: 1.1em;
}

.s-font {
  font-size: .857em;
}

a {
  color: #666;
  text-decoration: none;
}
a:link {
  color: #666;
}
a:visited {
  color: #666;
}
a:hover {
  color: #666;
}
a:active {
  color: #666;
}
a:focus {
  color: #666;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  border: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}

input[type="button"][disabled="disabled"],
input[type="submit"][disabled="disabled"],
input[type="button"][disabled=""],
input[type="submit"][disabled=""] {
  background: #ddd !important;
}

textarea {
  -webkit-appearance: none;
}

.clearfix, .user-order-info, .order-pro-num, .ticket-emp-wrap, .item-head, .item-sever-item, .item-sever-item .item-info, .item-sever-person-list, .item-user-do, .fixed-foot, .bar-tit, .card-info-middle, .authority, .edit-li, .edit-in, .select-page a, .photo-upload, .pmn-comment, .raty-item, .to-comment-head, .share-pic-list, .share-pic-bot, .ad-tit, .ad-2-column, .form-ele, .tab-btn, .time-show-head, .mySho-item-head, .shop-item-obj, .my-shop-tab .tab-btn-wrap, .upload-photo-wrap, .order-book-head, .order-book-content, .book-tab, .my-sev-now-list, .sev-item-form-header, .sev-item-list-show, .supplier-pro, .radio-list {
  zoom: 1;
}

.clearfix:after, .user-order-info:after, .order-pro-num:after, .ticket-emp-wrap:after, .item-head:after, .item-sever-item:after, .item-sever-item .item-info:after, .item-sever-person-list:after, .item-user-do:after, .fixed-foot:after, .bar-tit:after, .card-info-middle:after, .authority:after, .edit-li:after, .edit-in:after, .select-page a:after, .photo-upload:after, .pmn-comment:after, .raty-item:after, .to-comment-head:after, .share-pic-list:after, .share-pic-bot:after, .ad-tit:after, .ad-2-column:after, .form-ele:after, .tab-btn:after, .time-show-head:after, .mySho-item-head:after, .shop-item-obj:after, .my-shop-tab .tab-btn-wrap:after, .upload-photo-wrap:after, .order-book-head:after, .order-book-content:after, .book-tab:after, .my-sev-now-list:after, .sev-item-form-header:after, .sev-item-list-show:after, .supplier-pro:after, .radio-list:after,
.clearfix:before,
.user-order-info:before,
.order-pro-num:before,
.ticket-emp-wrap:before,
.item-head:before,
.item-sever-item:before,
.item-sever-item .item-info:before,
.item-sever-person-list:before,
.item-user-do:before,
.fixed-foot:before,
.bar-tit:before,
.card-info-middle:before,
.authority:before,
.edit-li:before,
.edit-in:before,
.select-page a:before,
.photo-upload:before,
.pmn-comment:before,
.raty-item:before,
.to-comment-head:before,
.share-pic-list:before,
.share-pic-bot:before,
.ad-tit:before,
.ad-2-column:before,
.form-ele:before,
.tab-btn:before,
.time-show-head:before,
.mySho-item-head:before,
.shop-item-obj:before,
.my-shop-tab .tab-btn-wrap:before,
.upload-photo-wrap:before,
.order-book-head:before,
.order-book-content:before,
.book-tab:before,
.my-sev-now-list:before,
.sev-item-form-header:before,
.sev-item-list-show:before,
.supplier-pro:before,
.radio-list:before {
  content: "";
  display: table;
}

.clearfix:after, .user-order-info:after, .order-pro-num:after, .ticket-emp-wrap:after, .item-head:after, .item-sever-item:after, .item-sever-item .item-info:after, .item-sever-person-list:after, .item-user-do:after, .fixed-foot:after, .bar-tit:after, .card-info-middle:after, .authority:after, .edit-li:after, .edit-in:after, .select-page a:after, .photo-upload:after, .pmn-comment:after, .raty-item:after, .to-comment-head:after, .share-pic-list:after, .share-pic-bot:after, .ad-tit:after, .ad-2-column:after, .form-ele:after, .tab-btn:after, .time-show-head:after, .mySho-item-head:after, .shop-item-obj:after, .my-shop-tab .tab-btn-wrap:after, .upload-photo-wrap:after, .order-book-head:after, .order-book-content:after, .book-tab:after, .my-sev-now-list:after, .sev-item-form-header:after, .sev-item-list-show:after, .supplier-pro:after, .radio-list:after {
  clear: both;
}

.over-hidden {
  overflow: hidden;
}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.mt20 {
  margin-top: 20px;
}

.mt15 {
  margin-top: 15px;
}

.mt10 {
  margin-top: 10px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.font-gray {
  color: #555;
}

.font-orange {
  color: #fd4d17;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1em;
}

.pos-r {
  position: relative;
  zoom: 1;
}

.pos-a {
  position: absolute;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.pb60 {
  padding-bottom: 60px;
}

.ring {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  display: none;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
}

.black-loading {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  display: none;
  width: 70px;
  font-size: 12px;
  line-height: 1;
  height: 70px;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  margin: -45px 0 0 -50px;
  border-radius: 2px;
}
.black-loading img {
  display: block;
  margin: 0 auto;
  width: 60px;
}

.zy-sm-1,
.zy-sm-2,
.zy-sm-3,
.zy-sm-4,
.zy-sm-5,
.zy-sm-6,
.zy-sm-7,
.zy-sm-8,
.zy-sm-9,
.zy-sm-10,
.zy-sm-11,
.zy-sm-12 {
  float: left;
}

.zy-sm-12 {
  width: 100%;
}

.zy-sm-11 {
  width: 91.66666667%;
}

.zy-sm-10 {
  width: 83.33333333%;
}

.zy-sm-9 {
  width: 75%;
}

.zy-sm-8 {
  width: 66.66666667%;
}

.zy-sm-7 {
  width: 58.33333333%;
}

.zy-sm-6 {
  width: 50%;
}

.zy-sm-5 {
  width: 41.66666667%;
}

.zy-sm-4 {
  width: 33.33333333%;
}

.zy-sm-3 {
  width: 25%;
}

.zy-sm-2 {
  width: 16.66666667%;
}

.zy-sm-1 {
  width: 8.33333333%;
}

.zy-sm-1,
.zy-sm-2,
.zy-sm-3,
.zy-sm-4,
.zy-sm-5,
.zy-sm-6,
.zy-sm-7,
.zy-sm-8,
.zy-sm-9,
.zy-sm-10,
.zy-sm-11,
.zy-sm-12 {
  position: relative;
  min-height: 1px;
  /* padding-right: 15px;
  padding-left: 15px;
  @include box-sizing(); */
}

.row {
  zoom: 1;
  /* margin-left:15px;
  margin-right:15px;
  @include box-sizing(); */
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.paddind-box {
  padding: .5em;
}

.space-box {
  padding: .5em;
}

.blue-font,
a.blue-font {
  color: #21a4ff;
}

.hidden {
  display: none !important;
}

.hide {
  display: none !important;
}

/* 图片规格 */
.s-thumb {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}

/* 图片规格 */
.m-wrap {
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
}

/* 文字颜色 */
.gray-font {
  color: #999;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/* reset 结束 */
/* animate begin */
@-moz-keyframes like-wind {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes like-wind {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes like-wind {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes go_right {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: 5px;
  }
}
@-moz-keyframes go_right {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: 5px;
  }
}
@-o-keyframes go_right {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: 5px;
  }
}
@-ms-keyframes go_right {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: 5px;
  }
}
@-webkit-keyframes goRound {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes goRound {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes goRound {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes goRound {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@keyframes goRound {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 页面缩小放大显示 */
/*页面关闭*/
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
/* 页面展开显示 */
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* animate end */
/* 通过透明度变化模拟闪动 */
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2;
  }
}
@-moz-keyframes scaleout {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2;
  }
}
@-o-keyframes scaleout {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2;
  }
}
@keyframes scaleout {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2;
  }
}
@keyframes scalein {
  0% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes circles {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -moz-transform: rotate(360deg);
    /* Firefox */
    -webkit-transform: rotate(360deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(360deg);
  }
}
/* mobileScroll select begin */
.pulg-select {
  position: relative;
  width: 90px;
  height: 28px;
  padding-right: 15px;
  border: 1px solid #999;
  border-radius: 0.2rem;
}
.pulg-select:after {
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-width: 5px;
  border-style: solid dashed dashed;
  border-color: #999 transparent transparent;
}
.pulg-select input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  border-width: 0 1px 0 0;
}
.pulg-select select {
  display: none;
}

/* mobileScroll select end */
/* 居中 */
.middle-text {
  position: absolute;
  left: 50%;
  top: 50%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.middle-line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.full-control {
  width: 100%;
}

/* 顶部导航栏 */
.crumbs {
  height: 42px;
}
.crumbs .crumbs-bar {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 42px;
  background: #fff;
  border-bottom: 1px solid #eee;
  box-shadow: 0 0 3px #eee;
}
.crumbs .crumbs-bar h4 {
  margin: 0 42px;
  line-height: 42px;
  text-align: center;
}

.return-back {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 2rem;
}

.user-center-point {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 25px;
  padding: 10px;
  text-align: center;
  line-height: 25px;
}
.user-center-point .icon-user-center {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 25px;
  font-size: 1.8rem;
  color: #555;
  border-radius: 50%;
  border: 1px solid #555;
}

/* 常用颜色 */
.red-font {
  color: #e4433b;
}

.green-font {
  color: #8dd044;
}

/* btn集合 */
.btn {
  height: 3em;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  color: #fff !important;
  background: #f60 !important;
  border: none;
  border-radius: .25em;
  cursor: pointer;
}

.m-btn {
  height: 2.5em;
}

.part-btn {
  display: block;
  width: 80%;
  margin: 0 auto;
}

a.btn {
  color: #fff;
  text-decoration: none;
}

.btn-green {
  min-width: 90px;
  color: #fff;
  background: #2dca47;
}

.btn-blue {
  min-width: 90px;
  color: #fff;
  background: #21a4ff !important;
}

.btn-gray {
  min-width: 90px;
  color: #fff;
  background: #666 !important;
}

.btn-red {
  min-width: 90px;
  color: #fff;
  background: #e4433b !important;
}

button[disabled="disabled"] {
  background: #ddd !important;
}

/* btn集合结束 */
/* 弹窗model开始 半仿bootstrap */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10050;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal-dialog {
  margin: 10px;
}
.drop-content .modal-dialog {
  margin: 0;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close-modal {
  float: right;
  margin-top: -2px;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  text-align: right;
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}

.modal-center {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.drop-content .modal-center {
  border: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
/* 弹窗model结束 */
/* 全站表单验证样式 */
input.error,
select.error,
textarea.error {
  background: #FFFFD5 !important;
  border: 1px solid #fcc !important;
}

.label-control label.error,
.inform label.error,
.form-ele label.error {
  display: none !important;
}

.label-control label.error:after,
.inform label.error:after,
.form-ele label.error:after {
  display: none !important;
}

/* 表单验证结束 */
/* 垂直水平居中（公用类名选择器） */
.old-center-wrap {
  width: 100%;
  height: 100%;
  display: table;
  *position: relative;
  /*针对IE的hack*/
  overflow: hidden;
}

.old-center-box {
  display: table-cell;
  vertical-align: middle;
  *position: absolute;
  /*针对IE的hack*/
  *top: 50%;
}

.old-center-in {
  *position: relative;
  /*针对IE的hack*/
  *top: -50%;
  margin: 0 auto;
}

/* 垂直水平居中（公用类名选择器） end */
/* 好中差评图标颜色 */
.eval-icon {
  font-size: 1.2rem;
}
.eval-icon .icon-mcomment:before {
  color: #8dd044;
}
.eval-icon .icon-pcomment:before {
  color: #ff7900;
}

.screen-mask,
.screen-lay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* 商城订单样式 */
.user-order-total {
  padding: 5px 0;
  text-align: right;
}
.user-order-total.emp-list {
  text-align: left;
}

.mall-btn {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #d22147;
  border-radius: 0.3rem;
}

a.mall-btn {
  color: #fff;
}

.user-order-info {
  font-size: 1.2rem;
  border-bottom: 1px solid #ddd;
  border-bottom: 0.5px solid #ddd;
}
.user-order-info .order-status {
  color: #e4433b;
}

.user-order-item {
  padding: 10px;
  margin-bottom: 10px;
  background: #fff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.user-order-total {
  padding: 5px 0;
  text-align: right;
}

/* .order-done{
  padding:10px 0 0;
  border-top:1px solid #ddd;
  @extend .clearfix;
  .mall-btn{
    float:right;
  }
} */
.mall-btn {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #d22147;
  border-radius: 0.3rem;
}

a.mall-btn {
  color: #fff;
}

.unit-price {
  color: #e4433b;
}

.order-cart-item {
  position: relative;
  padding: 5px 10px 5px 55px;
  min-height: 50px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.order-cart-item:last-child {
  border: none;
}
.order-cart-item .order-pro-img {
  position: absolute;
  left: 0px;
  top: 5px;
}

.text-tips {
  padding: 15px 5px;
  font-size: 1rem;
  text-align: center;
  color: #999;
}

.order-pro-info h4 {
  font-size: 1.2rem;
  height: 1.5em;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.ticket-emp-wrap {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.ticket-emp-wrap .emp-item {
  float: left;
  width: 33.3%;
  margin-bottom: 5px;
  text-align: center;
}
.ticket-emp-wrap .emp-item p {
  height: 1em;
  line-height: 1em;
  overflow: hidden;
}

.dev-tips {
  padding: 5px;
  margin: 0 20px;
  text-align: center;
  color: #999;
  border-radius: 3px;
}

/* 视网膜1px边框线 */
.border-image-1px {
  border-width: 1px 0px;
  -webkit-border-image: url("data:image/png;base64,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") 2 0 stretch;
}

/* css3 loadding */
.hold-box {
  min-height: 100px;
  background: #eee;
}

.css-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  background: #eee;
  border-radius: 50%;
  -webkit-animation: circles 1s infinite linear;
  animation: circles 1s infinite linear;
}
.css-loading:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-width: 5px;
  border-style: solid;
  border-color: #9c6 #eee #eee;
  border-radius: 50%;
}

#drag {
  position: relative;
  background-color: #e8e8e8;
  width: 70%;
  height: 38px;
  margin: 0 auto 50px;
  line-height: 38px;
  border-radius: 10px;
  text-align: center;
}
#drag .handler {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 36px;
  border: 1px solid #ccc;
  cursor: move;
  border-radius: 10px;
}
#drag .handler.cur {
  border-radius: 0 10px 10px 0;
}

.handler_bg {
  background: #fff url("data:image/png;base64,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") no-repeat center;
}

.handler_ok_bg {
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}

#drag .drag_bg {
  background-color: #7ac23c;
  height: 38px;
  width: 0px;
  border-radius: 10px 0 0 10px;
}

#drag .drag_text {
  position: absolute;
  top: 0px;
  width: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

.drag-cover-top {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 3;
  width: 100%;
  height: 100%;
}

/* 公用上传样式 */
.upload-item {
  position: relative;
  margin: 5px;
  height: 100%;
  overflow: hidden;
}
.upload-item .upload-in {
  width: 100%;
  height: 100%;
  border: 1px dotted #ddd;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.upload-item .icon-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  color: #fff;
  background: #333;
}
.upload-item .state {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}

.del-upload {
  display: none;
  z-index: 10;
  width: 100%;
  text-align: center;
}
.del-upload i {
  padding: 10px;
  font-size: 1.2em;
  color: #21a4ff;
}

.del-comfir-bg {
  position: relative;
  z-index: 11;
  display: none;
  width: 100%;
  height: 100%;
  font-size: .857em;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  color: #fff;
  background: #f00;
  background: rgba(255, 0, 0, 0.7);
}

.webupload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.webupload-cover div {
  width: 100% !important;
  height: 100% !important;
}

.photo-upload-place {
  position: relative;
  width: 100%;
  height: 100%;
}
.photo-upload-place i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.5em 0 0 -0.5em;
}

.has-upload-item img {
  display: block;
  width: 100%;
  height: 100%;
}

.one-upload .upload-item {
  margin: 0;
}

.msg-list {
  padding: 0 0.5em 0 55px;
}

.ticketHostry {
  min-height: 100%;
}

.msg-item {
  position: relative;
  padding-left: 8px;
  border-left: 2px solid #cfd7dc;
}
.msg-item:after {
  content: "";
  position: absolute;
  top: 60px;
  left: -7px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #22a5ff;
}
.msg-item:before {
  content: "";
  position: absolute;
  left: -2px;
  top: 60px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 5px;
  border-color: transparent #fff transparent transparent;
  border-style: dashed solid dashed dashed;
}

.item-time-hours {
  position: absolute;
  left: -56px;
  top: 44px;
  font-size: .857em;
}

.item-time-shopname {
  position: absolute;
  left: -56px;
  top: 66px;
  width: 50px;
  font-size: .857em;
}

.item-box {
  padding: 5px 10px 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 10px #ddd;
}

.recharge .billnum {
  color: #37bc79;
}

.item-head {
  color: #666;
  border-radius: .5em .5em 0 0;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.item-head h3 {
  float: left;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-head .billnum {
  color: #f00;
}

.b-font {
  font-size: 1.28em;
}

.m-font {
  font-size: 1.1em;
}

.s-font {
  font-size: .857em;
}

.item-time {
  padding: 10px 0 10px 30px;
  color: #999;
}

.s-photo {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  vertical-align: middle;
  border-radius: 50%;
}

.xs-photo,
.xs-round {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  vertical-align: top;
  font-size: 1rem;
  border-radius: 50%;
}

.xs-round {
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  color: #fff;
  background: #f85f5f;
}

.sm-photo {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  border-radius: 50%;
}

.item-sever-item-in {
  padding: 1px 0;
}

.item-sever-item {
  line-height: 1.5em;
  color: #666;
  border-bottom: 1px solid #ddd;
  padding: 3px 0;
}
.item-sever-item b {
  float: left;
  display: block;
  width: 65px;
  font-weight: normal;
  vertical-align: middle;
}
.item-sever-item .item-info {
  margin-left: 65px;
  font-size: 1.1em;
}
.item-sever-item .item-info .toggle-btn {
  float: right;
  font-size: 2em;
  color: #21a4ff;
}
.item-sever-item:last-child {
  border: none;
}

.item-sever-person {
  padding: 5px;
  margin: 5px -10px 0;
  background: #f8f8f8;
}
.item-sever-person h3 {
  font-size: 1.1em;
  color: #666;
  padding: .5em .857em;
  border-bottom: 1px solid #ddd;
}

.item-sever-person-list {
  font-size: .857em;
  padding: 3px 0;
}
.item-sever-person-list h4 {
  font-weight: normal;
}
.item-sever-person-list li {
  float: left;
  width: 50%;
  margin: 3px 0;
}
.item-sever-person-list li a {
  position: relative;
  min-height: 42px;
  padding-left: 45px;
  display: block;
  color: #666;
}
.item-sever-person-list li a p {
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-sever-person-list .sm-photo {
  display: block;
}
.item-sever-person-list .s-photo {
  position: absolute;
  left: 0;
  top: 0;
}

.item-user-do {
  position: relative;
  padding: .5em .857em;
  margin: 0 -0.857em;
  border-top: 1px solid #eee;
}
.item-user-do a {
  float: left;
  display: block;
  width: 33.3%;
  padding: 5px 0;
  text-align: center;
  color: #21a4ff;
}
.item-user-do a.user-has-do {
  color: #ff7900;
}
.item-user-do a.cur {
  position: relative;
  color: #ff7900;
}
.item-user-do a.cur:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -.5em;
  display: block;
  width: 0;
  height: 0;
  margin-left: -8px;
  overflow: hidden;
  line-height: 0;
  border-width: 8px;
  border-style: solid dashed dashed;
  border-color: #eee transparent transparent;
}
.item-user-do a i {
  display: block;
  margin: 0 auto;
  font-size: 2em;
}

.price {
  color: #f00;
}

.btn-sdpj {
  text-align: right;
  color: #9c6;
}

.btn-sdpj .btn {
  display: inline-block;
  margin-left: 10px;
  height: 2em;
  line-height: 2em;
  padding: 0 5px;
}

.msg-list dd .icon-card {
  font-size: 1.6em;
  color: #f60;
}

.msg-time {
  position: absolute;
  top: 2px;
  left: -5.5em;
  width: 50px;
  color: #999;
  font-size: 12px;
}

.msg-time:after {
  content: "";
  position: absolute;
  right: -11px;
  top: 50%;
  margin-top: -4px;
  display: block;
  width: 4px;
  height: 4px;
  background: #fff;
  border: 2px solid #9c6;
  border-radius: 50%;
}

.um-shop-name {
  position: absolute;
  left: -5.5em;
  top: 2em;
  width: 50px;
  color: #666;
  font-size: 12px;
}

.um-item {
  margin-bottom: 5px;
}

.um-item-name {
  float: left;
  font-weight: normal;
}

.um-item-key {
  float: left;
}

.um-item-val {
  margin-left: 60px;
  color: #f60;
}

.full-page {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #fff;
}

/* 一些常用的icon颜色定义 属于class【guide-icon】下 */
.guide-icon .icon-heart-full:before {
  margin-right: 5px;
  color: #ff7f7f;
}
.guide-icon .icon-view:before {
  margin-right: 5px;
  color: #666;
}
.guide-icon .icon-return:before {
  margin-right: 5px;
  color: #21a4ff;
}
.guide-icon i {
  margin: 0 1.5em 0 0;
}

.icon-loading {
  -webkit-animation: goRound .5s infinite;
  -moz-animation: goRound .5s infinite;
  -o-animation: goRound .5s infinite;
  -ms-animation: goRound .5s infinite;
  animation: goRound .5s infinite;
}

.footer {
  padding: 0;
  position: fixed;
  left: .857em;
  bottom: .857em;
  z-index: 9999;
}
.turn-ticket .footer {
  display: none;
}
.footer .icon-window {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 2em;
  color: #fff;
  background: #7f7f7f;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.fixed-foot {
  position: absolute;
  left: 0;
  bottom: 20px;
  display: none;
  padding: 10px 0 40px;
  color: #fff;
  background: #8c8c8c;
  border-radius: 5px;
}
.fixed-foot li {
  line-height: 1.5;
}
.fixed-foot li a {
  display: block;
  padding: 5px 14px 5px 8px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}
.fixed-foot li a i {
  margin: 0 10px 0 0;
  font-size: 2em;
  vertical-align: -7px;
}

.go-link {
  display: inline-block;
  padding: 2px 10px;
  margin: 0 3px;
  background: #fff;
  border: 1px dotted #21a4ff;
}

.wrap {
  max-width: 640px;
  margin: 0 auto;
}

.wrap-in {
  padding: .857em;
}

.full-control {
  width: 100%;
}

.user-type-box {
  min-height: 50px;
}

.zy-form input,
.zy-form select,
.zy-form textarea {
  padding: 0 3px;
  border: 1px solid #bbb;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.zy-form input[type="radio"] {
  opacity: 0;
}

.zy-form .readonly {
  background: none;
  border-width: 0 0 1px;
  border-color: #2dca47;
}

.zy-form .readonly:focus {
  outline: none;
}

.zy-form .label-text {
  line-height: 3em;
  float: left;
  width: 80px;
}

.zy-form .label-control {
  position: relative;
  margin-left: 90px;
}

.zy-form input[type="submit"],
.zy-form input[type="button"] {
  border: none;
}

.zy-form input {
  height: 3em;
}

.form-ele {
  position: relative;
}

/*
.label-control label.error,
.inform label.error,
.form-ele label.error{
  position:absolute;
  left:30%;
  top:0;
  padding:0 5px;
  white-space:nowrap;
  color:#fff;
  background:#333;
  @include rounded(.5em);
}

.label-control label.error:after,
.inform label.error:after,
.form-ele label.error:after{
  position:absolute;
  left:-10px;
  top:50%;
  content:"";
  width:0;
  height:0;
  margin-top:-5px;
  line-height:0;
  border-width:5px;
  border-style:dashed solid dashed dashed;
  border-color:transparent #333 transparent transparent;
} */
.full-control {
  width: 100%;
}

.form-control {
  margin-bottom: 1em;
  zoom: 1;
}

.form-control:after {
  content: "";
  display: table;
  clear: both;
}

.scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  /* 广告预留bottom:100px; */
  width: 100%;
  margin: 42px 0 0;
  overflow: auto;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  background: #eee;
}

.latest {
  position: relative;
  width: 100%;
  background-color: #ffcccc;
}

.more {
  position: relative;
  width: 100%;
  background-color: #a3cf62;
}

.latest div, .more div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  text-align: center;
  font-size: 18px;
  line-height: 80px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.more div {
  top: 0;
  bottom: auto;
}

.consume {
  position: relative;
  /* -webkit-touch-callout: none; */
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate3d(0, 0, 0);
  float: left;
  width: 100%;
  padding: 0;
}

.ticketHostry {
  min-height: 100%;
}

.swiper-refresh {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.module-swiper-wrap {
  position: relative;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.item-head {
  color: #666;
  border-radius: .5em .5em 0 0;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.item-head h3 {
  float: left;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-head .billnum {
  color: #f00;
}

.topay-item-box {
  padding: 5px 0;
}
.topay-item-box .icon-pin4 {
  color: #21a4ff;
}

.item-time {
  padding: 10px 0 10px 30px;
  color: #999;
}

.s-photo {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  vertical-align: middle;
  border-radius: 50%;
}

.xs-photo,
.xs-round {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  vertical-align: top;
  font-size: 1rem;
  border-radius: 50%;
}

.user-lv {
  padding: 0 0.5rem;
  vertical-align: middle;
  font-size: 0.9rem;
  height: 10px;
  line-height: 10px;
  font-style: italic;
  letter-spacing: -0.1em;
  color: #fff;
  background: #fd4d17;
  border-radius: 10px;
}

.s-card {
  width: 70px;
  height: 44px;
  line-height: 1.2em;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  font-size: 1rem;
  color: #fff;
  background: #4ECCC4;
  border-radius: 3px;
}

.s-sev,
.s-pro {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  line-height: 1.2em;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  font-size: 1rem;
  color: #fff;
  background: #4ECCC4;
}

.s-pro {
  background: #ff7900;
}

.s-round {
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  color: #fff;
  background: #f85f5f;
}

.sm-photo {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  border-radius: 50%;
}

.item-sever-item-in {
  padding: 1px 0;
}

.item-sever-item {
  line-height: 1.5em;
  color: #666;
  border-bottom: 1px solid #ddd;
  padding: 3px 0;
}
.item-sever-item b {
  float: left;
  display: block;
  width: 65px;
  font-weight: normal;
  vertical-align: middle;
}
.item-sever-item .item-info {
  margin-left: 65px;
  font-size: 1.1em;
}
.item-sever-item .item-info .toggle-btn {
  float: right;
  font-size: 2em;
  color: #21a4ff;
}
.item-sever-item:last-child {
  border: none;
}

.item-sever-person-list {
  font-size: .857em;
  padding: 3px 0;
}
.item-sever-person-list h4 {
  font-weight: normal;
}
.item-sever-person-list li {
  float: left;
  width: 50%;
  margin: 3px 0;
}
.item-sever-person-list li a {
  position: relative;
  min-height: 42px;
  padding-left: 45px;
  display: block;
  color: #666;
}
.item-sever-person-list li a p {
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-sever-person-list .sm-photo {
  display: block;
}
.item-sever-person-list .s-photo {
  position: absolute;
  left: 0;
  top: 0;
}

.um-shop-name {
  position: absolute;
  left: -5.5em;
  top: 2em;
  width: 50px;
  color: #666;
  font-size: 12px;
}

.um-item {
  margin-bottom: 5px;
}

.um-item-name {
  float: left;
  font-weight: normal;
}

.um-item-key {
  float: left;
}

.um-item-val {
  margin-left: 60px;
  color: #f60;
}

.full-page {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #fff;
}

/* 消费提醒下方广告样式begin */
.ad-slide {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #E6DDDD;
}

.ad-btn {
  position: absolute;
  left: 0;
  bottom: 2px;
  z-index: 3;
  width: 100%;
  text-align: center;
  text-align: center;
  font-size: 0;
}

.ad-btn span {
  font-size: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 5px;
  height: 5px;
  margin: 0 2px;
  border-radius: 50%;
  background: #333;
}

.ad-btn span.swiper-active-switch {
  background: #f60;
}

.ad-inner {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 60px;
  color: #fff;
  text-align: center;
  background: #E6DDDD;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}

.ad-say {
  padding: 10px 5px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  background: #fff;
}

.ad-say img {
  vertical-align: middle;
  margin-right: 5px;
}

.ad-slide-list:after {
  content: "";
  display: table;
  clear: both;
}

.ad-slide-list li {
  float: left;
  width: 100%;
  height: 50px;
  color: #fff;
  text-align: center;
  padding: 2px 5px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ad-slide-list li img {
  vertical-align: middle;
  width: 100%;
  height: 50px;
}

.ad-slide-list li a {
  position: relative;
  display: block;
  width: 100%;
}

.ad-slide-list li p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 98%;
  padding: 0 1%;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}

/* 消费提醒下方广告样式end */
.myRdioWrap {
  /*border:2px solid #2dca47;*/
  border-radius: 2px;
  overflow: hidden;
}

.myRdioWrap label.radio-on {
  color: #fff;
  background: #2dca47;
}

.myRdioWrap label.radio-on:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e206";
}

.myRdioWrap label {
  float: left;
  height: 2.3em;
  line-height: 2.3em;
  text-align: center;
  color: #333;
  background: #eefef1;
  cursor: pointer;
}

.white-box {
  padding: .5em;
  background: #fff;
  border-radius: .25em;
}

.gray-box {
  padding: .5em .857em;
  background: #eee;
  border-radius: .25em;
}

.ontap {
  /*   position: absolute;
  top: 50%;
  right: -10px;
  padding: 10px;
  margin-top: -18px; */
  padding: .8em 0;
  cursor: pointer;
}

.font-yellow {
  color: #f60;
}

.open-close {
  position: relative;
  width: 50px;
  height: 25px;
  margin-top: -5px;
  border-radius: 15px;
  background: #f1f1f1;
  border: 2px solid #bbb;
  transition: .5s;
}

.open-close.on {
  background: #21a4ff;
  border-color: #21a4ff;
}

.switch-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 1px 1px 1px #ddd;
}

.on .switch-btn {
  left: 100%;
  margin-left: -25px;
}

.user-box {
  position: relative;
  display: block;
  min-height: 82px;
  padding-left: 82px;
}
.user-box a {
  text-decoration: none;
}
.user-box img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
.user-box .icon-right-arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -.45em;
  font-size: 2em;
}

.font-blue {
  color: #08c;
}

.cover-url {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #666;
}
.cover-url:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  content: "\e111";
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -.5em;
  font-size: 2em;
}

.rss-msg {
  position: relative;
  padding-right: 50px;
}

.user-info {
  padding-right: 10px;
}
.user-info p {
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wx-user-info {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}

.wx-user-info img {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  border-radius: 50%;
}

.wx-user-info p {
  font-weight: bold;
}

.loading-tips {
  position: absolute;
  right: -1px;
  top: 0;
  display: none;
  width: 74px;
  height: 74px;
  text-align: center;
  line-height: 74px;
  color: #fff;
  font-size: 1.5em;
  background: #ddd url(../img/loadding.gif) no-repeat center;
  border-radius: 50%;
}

.loading-img {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  text-align: center;
  line-height: 72px;
  color: #fff;
  font-size: 1.5em;
  background: #ddd url(../img/loadding.gif) no-repeat center;
  border-radius: 50%;
}

.card-status {
  zoom: 1;
}

.card-status:after {
  content: "";
  display: table;
  clear: both;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.card-status li {
  float: left;
  width: 33.3%;
  text-align: center;
}
.card-status li a {
  position: relative;
  display: block;
  color: #666;
  text-decoration: none;
}
.card-status li .icon-redeem {
  color: #fff;
  background: #39bb7b;
}
.card-status li .icon-cart {
  color: #fff;
  background: #21a4fe;
}
.card-status li .icon-camera {
  color: #fff;
  background: #ff0054;
}
.card-status li .icon-image {
  color: #fff;
  background: #ebbc3e;
}
.card-status li .icon-medal {
  color: #fff;
  background: #5edeac;
}
.card-status li .icon-rank {
  color: #fff;
  background: #e4433b;
}
.card-status li .icon-shop {
  color: #fff;
  background: #fd7b35;
}
.card-status li .icon-staff {
  color: #fff;
  background: #b5e477;
}
.card-status li .icon-commenting-o {
  color: #fff;
  background: #f85fb9;
}
.card-status li .icon-persons {
  color: #fff;
  background: #fd4d17;
}
.card-status li .icon-ing {
  color: #fff;
  background: #b5e477;
}

.card-status li [class^="icon-"],
.card-status li [class*=" icon-"] {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
  font-size: 2em;
  border-radius: 50%;
}

.bar-tit {
  margin: -.857em 0 0;
  padding: 0 .5em;
  line-height: 40px;
  background: #eee;
}
.bar-tit [class^="icon-"], .bar-tit [class*=" icon-"] {
  margin-right: 10px;
  font-size: 1.2em;
  vertical-align: -2px;
}
.bar-tit .icon-grocery-list {
  color: #e08c15;
}
.bar-tit .icon-member-card {
  color: #8dd044;
}
.bar-tit .icon-credit-card {
  color: #8dd044;
  font-size: 1.4em;
}
.bar-tit .icon-file-text {
  color: #8dd044;
}
.bar-tit .icon-shop {
  color: #fd7b35;
}
.bar-tit .icon-bag {
  color: #e4433b;
}
.bar-tit.white-box {
  margin: 5px 0 0;
  background: #fff;
}

.fixed-page {
  position: fixed;
  left: 100%;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fixed-page .icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2em;
}

.js_consume {
  padding: 1em;
}

.error-msg {
  padding: 10px;
  border-radius: 3px;
  text-align: center;
}

.dropload-refresh,
.dropload-update,
.dropload-load {
  text-align: center;
}

.user-center-ul li {
  margin-bottom: .857em;
  background: #fff;
}

.user-center-ul li.btn a {
  color: #fff;
}

.user-center-ul li a {
  display: block;
  padding: .7em;
  height: 2em;
  color: #ff7300;
  text-decoration: none;
}

.user-center-ul .icon-detail {
  font-size: 1.2em;
  vertical-align: -.2em;
}

.confirm-tips {
  color: #fff;
}

.radius {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  background: #ff7300;
  border-radius: 99999px;
  border-radius: 50%;
}

.bcg-green {
  color: #fff;
  background: #9c6;
}

.bcg-yellow {
  color: #fff;
  background: #ff7300;
}

.bcg-gray {
  color: #ddd;
  background: #999;
}

.table-box {
  width: 100%;
  min-width: 100%;
  margin: 0 auto 30px;
  overflow-y: auto;
  _overflow: auto;
}

.table-box table {
  min-width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
}

.table-box table th,
.table-box table td {
  padding: 2px;
  border: 1px solid #ddd;
  white-space: nowrap;
}

.btn-small {
  height: 2em;
  padding: 0 10px;
}

.table-box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-box::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.remove-phone {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  display: block;
  height: 42px;
  line-height: 42px;
  padding: 0 5px;
}

.shop-logo {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
}

.card-info-top {
  position: relative;
  zoom: 1;
}
.card-info-top h3 {
  margin-right: 120px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
}
.card-info-top h3 p {
  color: #dfdfdf;
  font-weight: normal;
  font-size: .857em;
}
.card-info-top .icon-vipcard {
  position: absolute;
  left: 8px;
  top: 13px;
  padding: 15px;
  color: #f60;
  background: #fff;
  border-radius: 50%;
}
.card-info-top:after {
  content: "";
  display: table;
  clear: both;
}

.card-info-middle {
  position: absolute;
  width: 100%;
  padding: 0 .857em;
  left: 0;
  top: 40%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.card-info-middle h3 {
  float: left;
  font-size: 2rem;
}
.card-info-middle p {
  float: right;
  font-size: 1.6rem;
}

.card-info-middle-in {
  position: relative;
  top: -50%;
}

.card-info-bot {
  position: absolute;
  left: 0;
  bottom: .857em;
  width: 100%;
  padding: 0 .857em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}

.card-list li {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
.card-list li .icon-circle-right {
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: 3em;
  color: #21a4ff;
}
.card-list li .icon-circle-left {
  font-size: 3em;
  color: #fff;
  vertical-align: middle;
}

.card-slide-pos {
  position: absolute;
  left: -100%;
  bottom: 0;
  opacity: 0;
  padding: 15px 10px;
  width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 .5em .5em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.card-slide-pos .btn {
  float: left;
  display: block;
  vertical-align: middle;
  padding: 0 10px;
  margin: 2px 0 0 25px;
  height: 2.5em;
  line-height: 2.5em;
  min-width: 0;
  border-radius: 1em;
}

.card-show-info {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  background-size: 100% 100%;
  height: 100%;
  padding: .857em;
  margin: 0 1px;
  border-radius: 0.5em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.card-slide-out {
  position: relative;
  padding: 10px;
  background: #a39a9d;
}
.card-slide-out:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -18px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent transparent #a39a9d;
  border-style: dashed dashed solid;
}

.card-shop-name {
  font-size: 1.6rem;
}

.card-list-btn {
  position: absolute;
  left: 0;
  top: 15px;
  z-index: 2;
  width: 100%;
  height: 8px;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}
.card-list-btn span {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  font-size: 12px;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  border-radius: 50%;
  background: #7e7e7e;
}
.card-list-btn span.swiper-visible-switch {
  background: #20aeff;
}
.card-list-btn span.swiper-active-switch {
  background: #20aeff;
  box-shadow: inset 0px 0px 3px #333;
}

.card-slide-wrap {
  position: relative;
  /*background:#E6DDDD;*/
  overflow: hidden;
}

.plus-out {
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 .25em .25em 0;
}

.plus-in {
  position: absolute;
  left: 50%;
  top: 50%;
}

.plus-in .icon-plus3,
.plus-in .icon-slide-right {
  position: relative;
  top: -50%;
  left: -50%;
  font-size: 1.5em;
}

.plus-in .icon-slide-right {
  -moz-animation: go_right .5s infinite;
  -webkit-animation: go_right .5s infinite;
  -o-animation: go_right .5s infinite;
  -ms-animation: go_right .5s infinite;
  animation: go_right .5s infinite;
}

.card-slide {
  position: relative;
  width: 100%;
}

.card-list {
  min-height: 100px;
}

.card-price {
  color: #f60;
}

.my-card-tit {
  padding: 5px 10px;
  color: #f60;
  background: #fff;
}

.my-card-tit .icon-card {
  font-size: 1.2em;
  vertical-align: -.2em;
}

.card-show-box {
  /*top:0;*/
  z-index: 10;
  background: #f1f1f1;
}

.card-show-box .icon-close {
  position: fixed;
  right: -.5em;
  bottom: -.5em;
  z-index: 5;
  padding: 10px;
  color: #fff;
  background: #333;
  border-radius: 50% 0 0 0;
}

.top-nav {
  position: relative;
  left: 0;
  top: 0;
  height: 2em;
  line-height: 2em;
  padding: .5em 2em;
  text-align: center;
  color: #fff;
  background: #9c6;
}

.top-nav h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.top-nav .icon-goback {
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -.5em;
  font-size: 1.8em;
  color: #fff;
  text-decoration: none;
}

.top-nav .icon-home {
  position: absolute;
  right: .2em;
  top: 50%;
  margin-top: -.5em;
  font-size: 1.8em;
  color: #fff;
  text-decoration: none;
}

.order-num {
  position: absolute;
  left: 55%;
  top: 5px;
  display: inline-block;
  padding: 0 3px;
  margin-left: 0px;
  line-height: 15px;
  text-align: center;
  font-weight: normal;
  font-size: 1.2rem;
  color: #fff;
  background: #e4433b;
  border-radius: 8px;
}

/* 上传的样式 */
.cutImg {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.cut-img-form {
  padding: .857em;
}

.uploadImgInfo,
.cut-img-form {
  zoom: 1;
}

.uploadImgInfo:after,
.cut-img-form:after {
  content: "";
  display: table;
  clear: both;
}

.cut-img-form label {
  float: left;
  margin-right: 20px;
}

.uploadImgInfo li {
  float: left;
  width: 48%;
  margin: 0 1%;
  margin-bottom: 15px;
}

.uploadImgInfo li span {
  display: inline-block;
  width: 60px;
  line-height: 28px;
}

.uploadImgInfo li input {
  height: 28px;
  width: 80px;
  border: 1px solid #ddd;
}

.jcropImg {
  padding: .857em;
}

#previewImg {
  display: block;
  margin: 0 auto 10px;
  background: #e5e5e5;
}

.changeImg {
  display: block;
  width: 100px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #f60;
  color: #fff;
  padding: 0;
  zoom: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: .25em;
}

.changeImg input {
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.jcrop-holder {
  margin-bottom: 20px;
}

.cut-error {
  font-size: 18px;
  font-weight: bold;
  color: red;
  margin: 10px 0;
}

#pullDown .pullDownIcon,
#pullUp .pullUpIcon,
.pullDown .pullDownIcon,
.pullUp .pullUpIcon {
  width: 0;
  height: 0;
  background: none;
}

#pullDown.loading .pullDownIcon,
#pullUp.loading .pullUpIcon,
.pullDown.loading .pullDownIcon,
.pullUp.loading .pullUpIcon {
  width: 0;
  height: 0;
  background: none;
}

.pullDown, .pullUp {
  height: 20px;
  line-height: 20px;
  padding: 8px 10px;
  font-size: 14px;
  color: #888;
  text-align: center;
}

/* index */
#isHome {
  background: #fff;
  padding-top: 50px;
}

.index-logo {
  margin: 0 3em;
  padding: 2em 0 1em;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.index-logo a {
  text-decoration: none;
  color: #999;
  font-size: 1.2em;
}

.index-logo img {
  display: block;
  margin: 0 auto .25em;
  width: 124px;
  height: 83px;
  border-radius: 50%;
}

.brand-say {
  padding: 1em 0;
  text-align: center;
}

.brand-serve {
  background: #f1f1f1;
  border-top: 1px solid #ddd;
}

.serves {
  padding: 1em 2em;
}

.serves li {
  margin: 1em 0;
  zoom: 1;
}
.serves li h3 {
  color: #fff;
  font-size: 1em;
}
.serves li p {
  font-size: .857em;
}
.serves li a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: .857em;
  top: 50%;
  margin-top: -1em;
  content: "\e111";
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
}
.serves li:nth-child(1) a {
  background: #ff5b5b;
}
.serves li:nth-child(1) .img-icon {
  background-image: url(../img/mall.png);
  background-repeat: no-repeat;
}
.serves li:nth-child(2) {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}
.serves li:nth-child(2) a {
  background: #ffc047;
}
.serves li:nth-child(2) .img-icon {
  background-image: url(../img/wei.png);
  background-repeat: no-repeat;
}
.serves li:nth-child(3) {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  animation-delay: .6s;
}
.serves li:nth-child(3) a {
  background: #4dd6b1;
}
.serves li:nth-child(3) .img-icon {
  background-image: url(../img/gonghuo.png);
  background-repeat: no-repeat;
  background-size: 42px 38px;
  background-position: 4px;
}
.serves li:nth-child(4) {
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  animation-delay: .9s;
}
.serves li:nth-child(4) a {
  background: #8dd044;
}
.serves li:nth-child(4) .img-icon {
  background-image: url(../img/xiaobao.png);
  background-repeat: no-repeat;
}
.serves li:after {
  content: "";
  display: table;
  clear: both;
}
.serves li a {
  display: block;
  position: relative;
  padding: .857em;
  color: #fff;
  text-decoration: none;
  border-radius: .5em;
}
.serves li a i {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  margin: -5px 0 0 -5px;
  background-size: cover;
}

.main-copy {
  padding: 1em 0;
  text-align: center;
}

.brand-in.animate {
  opacity: 0;
  -moz-animation: .8s ease like-wind forwards;
  animation: .8s ease like-wind forwards;
  -webkit-animation: .8s ease like-wind forwards;
}

.anm-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.anm-icon img {
  position: absolute;
  left: 50%;
  width: 60px;
  transition: 1s;
}
.anm-icon img.show-delay-img0 {
  bottom: -70px;
  width: 120px;
  margin-left: -60px;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px) rotate(90deg);
  -moz-transform: translate3d(0px, 0px, 0px) rotate(90deg);
  -o-transform: translate3d(0px, 0px, 0px) rotate(90deg);
  -ms-transform: translate3d(0px, 0px, 0px) rotate(90deg);
  transform: translate3d(0px, 0px, 0px) rotate(90deg);
}
.anm-icon img.show-delay-img1 {
  bottom: -70px;
  width: 120px;
  margin-left: -60px;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px) rotate(-55deg);
  -moz-transform: translate3d(0px, 0px, 0px) rotate(-55deg);
  -o-transform: translate3d(0px, 0px, 0px) rotate(-55deg);
  -ms-transform: translate3d(0px, 0px, 0px) rotate(-55deg);
  transform: translate3d(0px, 0px, 0px) rotate(-55deg);
}
.anm-icon img.show-delay-img2 {
  bottom: -70px;
  width: 120px;
  margin-left: -60px;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px) rotate(-90deg);
  -moz-transform: translate3d(0px, 0px, 0px) rotate(-90deg);
  -o-transform: translate3d(0px, 0px, 0px) rotate(-90deg);
  -ms-transform: translate3d(0px, 0px, 0px) rotate(-90deg);
  transform: translate3d(0px, 0px, 0px) rotate(-90deg);
}
.anm-icon img.show-delay-img3 {
  bottom: -40px;
  margin-left: -120px;
  opacity: 0.5;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.anm-icon img.show-delay-img4 {
  bottom: -20px;
  margin-left: -60px;
  opacity: 0.5;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.anm-icon img.show-delay-img5 {
  bottom: -40px;
  opacity: 0.5;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.anm-icon img.show-delay-img6 {
  margin-left: 60px;
  bottom: -40px;
  opacity: 0.5;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animate img.show-delay-img0 {
  opacity: 1;
  bottom: 0;
  -webkit-transform: translate3d(-50px, -220px, 0px) rotate(40deg);
  -moz-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  -o-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  -ms-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  transform: translate3d(-50px, -150px, 0px) rotate(40deg);
}
.animate img.show-delay-img1 {
  opacity: 1;
  bottom: 0;
  -webkit-transform: translate3d(0px, -250px, 0px) rotate(0deg);
  -o-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  -moz-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  -ms-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  transform: translate3d(0px, -180px, 0px) rotate(0deg);
}
.animate img.show-delay-img2 {
  opacity: 1;
  bottom: 0;
  -webkit-transform: translate3d(50px, -220px, 0px) rotate(-40deg);
  -moz-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  -o-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  -ms-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  transform: translate3d(50px, -150px, 0px) rotate(-40deg);
}
.animate img.show-delay-img3 {
  opacity: 1;
  -webkit-transform: translate3d(0px, -180px, 0px);
  -moz-transform: translate3d(0px, -180px, 0px);
  -ms-transform: translate3d(0px, -180px, 0px);
  -o-transform: translate3d(0px, -180px, 0px);
  transform: translate3d(0px, -180px, 0px);
}
.animate img.show-delay-img4 {
  opacity: 1;
  -webkit-transform: translate3d(30px, -280px, 0px);
  -moz-transform: translate3d(30px, -280px, 0px);
  -o-transform: translate3d(30px, -280px, 0px);
  -ms-transform: translate3d(30px, -280px, 0px);
  transform: translate3d(30px, -280px, 0px);
}
.animate img.show-delay-img5 {
  opacity: 1;
  -webkit-transform: translate3d(-30px, -180px, 0px);
  -moz-transform: translate3d(-30px, -180px, 0px);
  -o-transform: translate3d(-30px, -180px, 0px);
  -ms-transform: translate3d(-30px, -180px, 0px);
  transform: translate3d(-30px, -180px, 0px);
}
.animate img.show-delay-img6 {
  opacity: 1;
  -webkit-transform: translate3d(0px, -180px, 0px);
  -moz-transform: translate3d(0px, -180px, 0px);
  -o-transform: translate3d(0px, -180px, 0px);
  -ms-transform: translate3d(0px, -180px, 0px);
  transform: translate3d(0px, -180px, 0px);
}

.animate img.show-delay-img0 {
  opacity: 1;
  -webkit-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  -moz-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  -o-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  -ms-transform: translate3d(-50px, -150px, 0px) rotate(40deg);
  transform: translate3d(-50px, -150px, 0px) rotate(40deg);
}
.animate img.show-delay-img1 {
  opacity: 1;
  -webkit-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  -moz-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  -o-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  -ms-transform: translate3d(0px, -180px, 0px) rotate(0deg);
  transform: translate3d(0px, -180px, 0px) rotate(0deg);
}
.animate img.show-delay-img2 {
  opacity: 1;
  -webkit-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  -moz-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  -o-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  -ms-transform: translate3d(50px, -150px, 0px) rotate(-40deg);
  transform: translate3d(50px, -150px, 0px) rotate(-40deg);
}
.animate img.show-delay-img3 {
  opacity: 1;
  -webkit-transform: translate3d(0px, -180px, 0px);
  -moz-transform: translate3d(0px, -180px, 0px);
  -o-transform: translate3d(0px, -180px, 0px);
  -ms-transform: translate3d(0px, -180px, 0px);
  transform: translate3d(0px, -180px, 0px);
}
.animate img.show-delay-img4 {
  opacity: 1;
  -webkit-transform: translate3d(30px, -280px, 0px);
  -moz-transform: translate3d(30px, -280px, 0px);
  -o-transform: translate3d(30px, -280px, 0px);
  -ms-transform: translate3d(30px, -280px, 0px);
  transform: translate3d(30px, -280px, 0px);
}
.animate img.show-delay-img5 {
  opacity: 1;
  -webkit-transform: translate3d(-30px, -180px, 0px);
  -moz-transform: translate3d(-30px, -180px, 0px);
  -o-transform: translate3d(-30px, -180px, 0px);
  -ms-transform: translate3d(-30px, -180px, 0px);
  transform: translate3d(-30px, -180px, 0px);
}
.animate img.show-delay-img6 {
  opacity: 1;
  -webkit-transform: translate3d(0px, -180px, 0px);
  -moz-transform: translate3d(0px, -180px, 0px);
  -o-transform: translate3d(0px, -180px, 0px);
  -ms-transform: translate3d(0px, -180px, 0px);
  transform: translate3d(0px, -180px, 0px);
}

.puss-top {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  padding: 5px 10px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.nav-select {
  position: relative;
}
.nav-select p {
  position: relative;
  padding-right: 16px;
}
.nav-select p:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -4px;
  font-size: 0;
  line-height: 0;
  border-width: 6px;
  border-style: solid dashed dashed;
  border-color: #333 transparent transparent;
}
.nav-select p:after {
  content: "";
  position: absolute;
  right: 1px;
  top: 50%;
  width: 0;
  height: 0;
  margin: -6px 0 0 0;
  font-size: 0;
  line-height: 0;
  border-width: 5px;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
}
.nav-select .pos-ul {
  position: absolute;
  left: 0;
  top: 31px;
  display: none;
  min-width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
}
.nav-select .pos-ul li {
  text-align: center;
}
.nav-select .pos-ul li a {
  display: block;
  line-height: 30px;
  color: #333;
  text-decoration: none;
}

.wsc-item {
  width: 240px;
  min-height: 400px;
  padding-top: 20px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
.wsc-item h3 {
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 20px;
  color: #555;
}

.middle-box > div {
  width: 100%;
  display: table;
}

.nav-select {
  float: left;
}

.wsc-fx-left {
  float: left;
}

.sprite {
  display: block;
  margin: 0 auto;
  background: url(../img/anm_sprites.png) no-repeat;
  background-size: 748px 213px;
}

.sprite1 {
  width: 33px;
  height: 34px;
  background-position: -664px -1px;
}

.sprite2 {
  width: 42px;
  height: 30px;
  background-position: -621px -1px;
}

.sprite3 {
  width: 30px;
  height: 37px;
  background-position: -493px -1px;
}

.sprite4 {
  width: 31px;
  height: 31px;
  background-position: -524px -1px;
}

.wsc-fx-right {
  float: right;
}

.wsc-fx-middle {
  float: left;
  margin-left: 50px;
  padding-top: 50px;
}

.sprite-go-left {
  width: 45px;
  height: 11px;
  background-position: -447px -1px;
}

.sprite-go-right {
  width: 45px;
  height: 11px;
  background-position: -401px -1px;
}

.wx-sprite {
  margin-top: 30px;
  display: inline-block;
  vertical-align: middle;
  width: 47px;
  height: 59px;
  background-position: -263px -1px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.sj-sprite {
  margin-top: 30px;
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 41px;
  background-position: -136px -1px;
}

.yytg-sprite {
  position: absolute;
  left: 0;
  top: 50px;
  width: 68px;
  height: 68px;
  background-position: -139px -61px;
}

.llqd-sprite {
  position: absolute;
  left: 70px;
  width: 69px;
  height: 69px;
  background-position: -277px -61px;
}

.ffs-sprite {
  position: absolute;
  left: 70px;
  top: 150px;
  width: 68px;
  height: 68px;
  background-position: -1px -61px;
}

.ydyp-sprite {
  position: absolute;
  left: 150px;
  top: 50px;
  width: 69px;
  height: 69px;
  background-position: -608px -61px;
}

.line-yellow1,
.line-yellow2,
.line-yellow3 {
  position: absolute;
  width: 60px;
  height: 60px;
  background-image: url("../img/line.png");
  background-size: 60px 60px;
}

.line-yellow1 {
  top: 70px;
  left: 100px;
  transform: rotateZ(-230deg);
  transform-origin: 0px 50% 0px;
}

.line-yellow2 {
  left: 140px;
  top: 80px;
  transform: rotateZ(-180deg);
  transform-origin: 0px 50% 0px;
}

.line-yellow3 {
  left: 160px;
  top: 115px;
  transform: rotateZ(-130deg);
  transform-origin: 0px 50% 0px;
}

.o2o {
  position: relative;
  width: 240px;
}

.wxd-slide {
  position: relative;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.wxd-slide-list {
  position: relative;
  overflow: hidden;
}
.wxd-slide-list li {
  float: left;
  padding: 3px 0;
  position: relative;
  text-align: center;
}
.wxd-slide-list li img {
  margin-top: 20px;
}

.wxd-slide-btn {
  text-align: center;
  font-size: 0;
}
.wxd-slide-btn span {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 2px;
  font-size: 12px;
  background: #555;
  border-radius: 50%;
}
.wxd-slide-btn span.cur {
  background: #f60;
}

.wsc-logo img {
  border-radius: 50%;
}

.ghs-banner {
  position: relative;
  padding: 30px 30px 50px;
  text-align: center;
  color: #fff;
  background: #32B692;
}
.ghs-banner h2 {
  font-size: 1.2em;
  margin-bottom: 15px;
}

.round-banner-tit {
  position: absolute;
  left: 50%;
  bottom: -35px;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin-left: -35px;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  line-height: 25px;
  border-radius: 50%;
  background: #ffb400;
  box-shadow: 0 0 5px #eee;
  border: 1px solid #f5f5f5;
}

.ghs-do {
  padding: 50px;
  border-bottom: 1px solid #eee;
}
.ghs-do dt {
  text-align: center;
  font-weight: bold;
  color: #555;
}
.ghs-do dd {
  margin: 20px 0;
}
.ghs-do dd p {
  font-size: 12px;
}

.ghs-step1 {
  padding-left: 50px;
  background: url("../img/step_1.png") no-repeat;
  background-size: 40px auto;
}
.ghs-step1 h4 {
  font-size: 14px;
  color: #68ca4a;
}

.ghs-step2 {
  padding-left: 50px;
  background: url("../img/step_2.png") no-repeat;
  background-size: 40px auto;
}
.ghs-step2 h4 {
  font-size: 14px;
  color: #54a2cf;
}

.ghs-step3 {
  padding-left: 50px;
  background: url("../img/step_3.png") no-repeat;
  background-size: 40px auto;
}
.ghs-step3 h4 {
  font-size: 14px;
  color: #ff7c25;
}

.xfbz-box {
  text-align: center;
  margin-bottom: 20px;
}
.xfbz-box img {
  display: block;
  width: 80px;
  margin: 0 auto 10px;
}
.xfbz-box h2 {
  font-size: 1.5em;
}

.xfbz-icon {
  zoom: 1;
  padding: 0 20px 10px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.xfbz-icon li {
  float: left;
  width: 33.33%;
}
.xfbz-icon li img {
  display: block;
  width: 50px;
}

.xfgl-box {
  padding: 0 20px;
}

.xfgl-item {
  margin: 15px 0;
}
.xfgl-item h4 {
  margin-bottom: 10px;
}

.round-num {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  background: #9c6;
  border-radius: 50%;
}

/* 临时首页之类的结束 */
/* 登录页 */
.login-box {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.login-box-in {
  position: relative;
  padding: 1em 20px 3em;
  background: #fff;
  min-height: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.5em;
}

.inform-contral {
  height: 36px;
  line-height: 40px;
  padding: 4px;
  margin-right: 90px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.inform-contral input[type="text"],
.inform-contral input[type="number"],
.inform-contral input[type="tel"],
.inform-contral input[type="password"] {
  border: none;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  outline: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inform-contral .icon-enter {
  position: absolute;
  right: -1em;
  top: .1em;
}

#confirm_box .btn {
  background: #21a4ff !important;
}

.round-btn {
  padding: 0 .857em;
  border: none;
  border-radius: 2em;
}

.b-photo {
  width: 72px;
  height: 72px;
  vertical-align: middle;
  border-radius: 50%;
}

.m-photo {
  width: 52px;
  height: 52px;
  vertical-align: middle;
  border-radius: 50%;
}

.login-top {
  text-align: center;
  font-size: 1.2em;
}
.login-top .b-photo {
  display: block;
  margin: 0 auto 10px;
}

.get-code-btn {
  position: absolute;
  right: -90px;
  top: 3px;
}

.login-cut {
  position: relative;
  height: 1px;
  margin: 0 0 20px;
  background: #ddd;
  font-size: 10px;
}
.login-cut span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 100px;
  height: 2em;
  line-height: 2em;
  margin: -1em 0 0 -50px;
  text-align: center;
  background: #fff;
}

.user-dill {
  position: absolute;
  right: 2em;
  bottom: 1em;
  font-size: 10px;
}
.user-dill a {
  color: #333;
}

.auth-box h3 {
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 10px;
}

.authority {
  width: 80%;
  margin: 0 auto;
}
.authority li {
  float: left;
  width: 50%;
}
.authority img {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto;
}

.user-edit-wrap {
  position: relative;
  padding: 0 0 .857em 0;
  border-radius: 0.5em;
}

.level-ul {
  margin-bottom: 10px;
  background: #fff;
}

.edit-li {
  position: relative;
  /* height:42px;
  line-height:42px; */
  padding: .5em .857em;
  border-bottom: 1px solid #ddd;
}
.edit-li:last-child {
  border: none;
}
.edit-li .icon-gt,
.edit-li .icon-ban {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.5em;
  font-size: 2em;
}
.edit-li .icon-ban {
  font-size: 1.2em;
  padding-right: 6px;
}
.edit-li a {
  display: block;
  color: #666;
  text-decoration: none;
}

.level-label {
  float: left;
}
.level-label .icon-remove_circle {
  display: none;
  padding: 10px;
  font-size: 2em;
  color: #e0483e;
}

.level-val {
  position: relative;
  min-height: 25px;
  padding-right: 2em;
  margin-left: 75px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.level-val a {
  color: #666;
}
.level-val .ontap {
  float: right;
}

.edit-in .toggle-btn {
  padding: 10px;
  font-size: 2em;
  color: #21a4ff;
  vertical-align: middle;
}

.edit-photo-li {
  line-height: 72px;
}

.bind-card {
  position: relative;
  display: none;
  margin: 0 -.857em;
  background: #f5f5f5;
}
.bind-card:after {
  position: absolute;
  left: 10px;
  top: -10px;
  content: "";
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 5px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #f5f5f5;
}

.cal-bing-card {
  display: block;
  height: 1em;
  padding: .5em .3em;
  margin: 0 .5em;
  line-height: 1em;
  text-align: center;
  color: #21a4ff;
  border-top: 1px solid #ddd;
}

.bind-card-list {
  min-height: 30px;
}
.bind-card-list li {
  float: left;
  width: 50%;
  padding: .857em 0 0;
  border: 0;
}
.bind-card-list li a {
  display: block;
  padding: .857em;
  margin: 0 .5em;
  text-align: center;
  color: #fff;
  background-size: 100% 100%;
  border-radius: 0.5em;
}
.bind-card-list li a .bind-card-box {
  vertical-align: middle;
}

.lodding-box {
  text-align: center;
}

.share-page {
  padding: 5px 5px 60px;
}

.add-new-phone h3 {
  padding: 0 .5em;
  line-height: 2.5em;
  font-weight: normal;
  color: #666;
  background: #fff;
}
.add-new-phone h3 i {
  font-size: 2em;
  vertical-align: middle;
  color: #21a4ff;
}
.add-new-phone .inform {
  display: none;
  padding: .5em 1em;
  background: #f5f5f5;
}
.add-new-phone input {
  background: none;
}

.edit-in {
  position: relative;
}
.edit-in a {
  color: #666;
}

.user-switch {
  position: relative;
  height: 2.5em;
  margin-top: -10px;
  text-align: center;
}
.user-switch a {
  position: relative;
  top: 0;
  font-size: 14px;
  display: inline-block;
  padding: 0 15px;
  line-height: 2.5em;
  color: #fff;
  background: #ff0054;
  border-radius: 0 0 .5em .5em;
}
.user-switch a.cur {
  z-index: 2;
  left: 10px;
  top: -3px;
  color: #777;
  background: #fff;
}

.new-full-page {
  position: fixed;
  left: 100%;
  top: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  padding: 1em .857em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.new-full-page .icon-close {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.new-full-page .icon-close:before {
  content: "\e205";
  font-size: 1.5em;
}

.new-ele {
  display: none;
}

.select-page a {
  display: block;
  padding: 10px 0;
  color: #666;
  border-bottom: 1px solid #ddd;
}
.select-page .icon-check {
  float: right;
  display: none;
  color: #21a4ff;
  vertical-align: middle;
}
.select-page .cur .icon-check {
  display: inline-block;
}

.old-phone-tips {
  padding: .857em;
  background: #eeeeee;
  line-height: 1.5;
}
.old-phone-tips p {
  text-align: center;
  font-size: .857em;
}

.old-phone-bing {
  background: #fff;
}
.old-phone-bing li {
  min-height: 72px;
  position: relative;
  padding: .5em .857em .5em 6.5em;
  border-bottom: 1px solid #ddd;
}
.old-phone-bing li:last-child {
  border: none;
}
.old-phone-bing a {
  color: #666;
}
.old-phone-bing h3 {
  font-weight: normal;
}

.bing-shop-logo {
  position: absolute;
  left: .857em;
  top: 50%;
  margin-top: -36px;
  border-radius: 50%;
}

.edit-card-pwd {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 10px;
  background: #fff;
}
.edit-card-pwd .inform {
  padding: 0 10px;
}
.edit-card-pwd .icon-close {
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
}

.edit-bar {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  line-height: 24px;
}
.edit-bar h3 {
  float: left;
  font-weight: normal;
}
.edit-bar span {
  float: right;
  color: #777;
  font-size: 12px;
}

.inform-full-contral {
  height: 36px;
  line-height: 36px;
  padding: 4px;
  border-bottom: 1px solid #ddd;
}
.inform-full-contral input[type="text"],
.inform-full-contral input[type="number"],
.inform-full-contral input[type="password"] {
  border: none;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  outline: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.screen-lay {
  display: block;
}

.edit-psw-btn .btn {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 40%;
  margin: 0 5%;
}

.loading-gif {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../img/loadding.gif) no-repeat;
}

.no-card {
  text-align: center;
  line-height: 120px;
  background: #eee;
  border-radius: 0.5em;
}

.login-bot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 50px 30px;
  background: #fff;
}

.photo-upload {
  position: relative;
}

.photo-item {
  position: relative;
  float: left;
  width: 25%;
  padding: 3px 0;
  text-align: center;
  overflow: hidden;
}
.photo-item .title {
  display: none;
}
.photo-item .file-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  color: #fff;
  background: #333;
}
.photo-item p {
  font-size: 10px;
  margin: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.photo-item .icon-heart-full,
.photo-item .icon-heart-o {
  padding: 3px 0;
  font-size: 1.6em;
  color: #ff7f7f;
}

.photo-in {
  position: relative;
  height: 60px;
  overflow: hidden;
}
.photo-in .icon-camera,
.photo-in .icon-plus {
  position: absolute;
  font-size: 1.5em;
}
.photo-in .moxie-shim {
  width: 100% !important;
  height: 100% !important;
  z-index: 9 !important;
}
.photo-in .loading-gif {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.photo-in .icon-close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  padding: 10px;
  color: #fff;
  background: #333;
  border-radius: 50%;
}
.photo-in img {
  display: block;
  width: 100%;
  height: 100%;
}

.webuploader-container {
  position: relative;
}

.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}

.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}

.has-upload-item {
  position: relative;
  z-index: 8;
  width: 100%;
  height: 100%;
}

.do-list-box {
  position: relative;
  display: none;
  margin: 0 -10px;
  background: #fff;
  border-bottom: 5px solid #eee;
}

.pmn-comment {
  background: #fff;
  border-top: 1px solid #ddd;
}
.pmn-comment li {
  float: left;
  width: 33.3%;
  padding: 3px 0;
  text-align: center;
}
.pmn-comment li.cur {
  background: #f4f4f4;
}
.pmn-comment li i {
  display: block;
  margin: 0 auto;
  font-size: 1.5em;
}
.pmn-comment .icon-mcomment {
  color: #8dd044;
}
.pmn-comment .icon-pcomment {
  color: #ff7900;
}

.raty-wrap {
  display: none;
  padding: 10px 10px 30px;
}
.has-raty .raty-wrap {
  display: block;
}

.raty-item .raty-label {
  float: left;
  line-height: 42px;
}
.raty-item .raty-label .xs-photo {
  margin-left: 3px;
}
.raty-item .raty-control {
  margin-left: 100px;
  line-height: 42px;
}
.raty-item .raty-control i {
  line-height: 42px;
}

.to-comment-item {
  padding: .1em .857em;
  border-bottom: 1px solid #ddd;
}

.com-user-info span {
  color: #999;
}

.to-comment-info {
  position: relative;
  margin: 5px 0;
  min-height: 50px;
  background: #fff;
}
.to-comment-info.reply {
  padding: 5px;
  margin: 5px;
  background: #f1f1f1;
}
.to-comment-info .icon-trash-o {
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 1.2em;
  padding: 10px;
}

.to-comment-head {
  position: relative;
  padding: 0 20px 0 40px;
  line-height: 1.5em;
}
.to-comment-head .s-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
}
.to-comment-head h4 {
  color: #ff0054;
}
.to-comment-head .fr {
  color: #999;
}

.to-comment-list {
  background: #fff;
  border-bottom: 5px solid #eee;
}

.to-comment-form {
  padding: 0 .857em 0;
  background: #eee;
}
.to-comment-form .inform {
  position: relative;
  padding: .3em .5em .3em 2em;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #ddd;
}
.to-comment-form .icon-write {
  position: absolute;
  left: .3em;
  top: 50%;
  margin-top: -.5em;
  font-size: 1.5em;
}
.to-comment-form .inform-full-contral {
  padding: 0;
  border: none;
}
.to-comment-form .inform-full-contral .icon-checkmark-full,
.to-comment-form .inform-full-contral .icon-enter {
  display: none;
}
.to-comment-form .inform-contral {
  padding: 0;
  margin-bottom: 0;
  margin-right: 2em;
  border: none;
}
.to-comment-form .inform-contral .icon-checkmark-full,
.to-comment-form .inform-contral .icon-enter {
  display: block;
}
.to-comment-form .icon-checkmark-full,
.to-comment-form .icon-enter {
  position: absolute;
  right: -1em;
  top: .1em;
}

.icon-checkmark-full,
.icon-enter {
  font-size: 2em;
  color: #21a4ff;
}
.icon-checkmark-full input,
.icon-enter input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.photo-bg-0 .photo-in {
  background: url(../img/photo-bg-0.jpg) no-repeat;
  background-size: 100% 100%;
}

.photo-bg-1 .photo-in {
  background: url(../img/photo-bg-1.jpg) no-repeat;
  background-size: 100% 100%;
}

.photo-bg-2 .photo-in {
  background: url(../img/photo-bg-2.jpg) no-repeat;
  background-size: 100% 100%;
}

.photo-bg-3 .photo-in {
  background: url(../img/photo-bg-3.jpg) no-repeat;
  background-size: 100% 100%;
}

.photo-item-cut {
  position: relative;
  margin: 20px 0;
  height: 0;
  border-top: 1px solid #ddd;
}
.photo-item-cut .vs-bg {
  position: absolute;
  left: 50%;
  top: -24px;
  width: 45px;
  height: 47px;
  margin-left: -23px;
  background: url(../img/vs.png) no-repeat;
  background-size: 45px 47px;
}

.photo-say {
  line-height: 1.2em;
  font-size: 10px;
}

.share-photo-bot {
  padding: .5em 0.857em;
  margin-top: 10px;
  background: #fff;
  border-top: 5px solid #eee;
}

.share-photo-do {
  position: relative;
  height: 2.5em;
  line-height: 2.5em;
}
.share-photo-do .inform {
  position: absolute;
  right: 0;
  top: 0;
}
.share-photo-do .btn-blue {
  min-width: 70px;
  height: 2.5em;
}
.share-photo-do i {
  display: inline-block;
  line-height: 2em;
  margin: 0 1em 0 0;
  vertical-align: middle;
  font-size: 1.2em;
}
.share-photo-do i:before {
  margin-right: 3px;
  vertical-align: middle;
}

.add-photo-box {
  display: inline-block;
  width: 62px;
  height: 28px;
  overflow: hidden;
  vertical-align: middle;
}

/* 形象对比 begin */
.full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
}

.black-bg {
  color: #fff;
  background: #333;
}

.share-article-author span {
  margin-right: 10px;
}
.share-article-author a {
  color: #fff;
}

.share-pic-list .pinch-zoom img {
  display: block;
  margin: 0 auto;
}

.share-pic-bot {
  padding: .857em .357em;
}
.share-pic-bot i {
  padding: 3px 0;
  margin: 0 .5em;
  font-size: 2em;
}
.share-pic-bot i:before {
  margin-right: 5px;
}
.share-pic-bot .icon-heart-full:before,
.share-pic-bot .icon-heart-o:before {
  color: #ff7f7f;
}
.share-pic-bot .icon-view:before {
  color: #6d6d6d;
  font-size: 1.2em;
}

.share-pic-shop {
  position: relative;
  padding: 0 .857em 0 4.2em;
  margin: 20px 0;
}
.share-pic-shop .s-photo {
  position: absolute;
  left: .857em;
  top: 50%;
  margin: -21px 0 0;
}
.share-pic-shop p {
  color: #6d6d6d;
}

.share-pic-item {
  float: left;
  position: relative;
}
.share-pic-item .who-praised {
  padding: .857em;
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.share-slide-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 20px 0;
  font-size: 0;
  text-align: center;
}
.share-slide-btn span {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #6d6d6d;
  border-radius: 50%;
}
.share-slide-btn span.cur {
  background: #fff;
}

.hold-ewm {
  margin: 10px;
}
.hold-ewm img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.mphao-get {
  margin-left: 30px;
}
.mphao-get b {
  color: #21a4ff;
  font-weight: normal;
}

.mphao-img {
  position: absolute;
  left: 10%;
  top: 80px;
  z-index: 20;
  display: none;
  margin-left: -50px;
  transition: 0.5s;
  width: 80%;
  margin: 0 auto;
}
.mphao-img img {
  width: 100%;
}

.mphao-img-show {
  display: block;
}

/* 形象对比 end */
.shai-item {
  padding: .857em;
  background: #fff;
}

.person-bar {
  position: relative;
  padding: 0 0 0 60px;
  margin-bottom: 15px;
}
.person-bar .m-photo {
  position: absolute;
  left: 0;
  top: 0;
}
.person-bar .icon-trash-o {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5em;
  padding: 10px;
  color: #21a4ff;
}
.person-bar h4 {
  color: #ff7f7f;
}

.share-tip-bar img {
  vertical-align: middle;
}

.who-praised {
  line-height: 28px;
}
.who-praised img {
  vertical-align: middle;
  margin: 0 0 0 5px;
}
.who-praised .icon-heart-full {
  color: #ff7f7f;
}

.share-com-btn:after {
  content: "";
  position: absolute;
  left: 35px;
  bottom: -7px;
  width: 0;
  height: 0;
  margin-left: -8px;
  line-height: 0;
  font-size: 0;
  border-width: 8px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #eee;
}

.pinch-outwrap {
  position: relative;
}

.error-wrap {
  position: relative;
}
.error-wrap .error-in {
  width: 240px;
  margin: 100px auto 0;
  vertical-align: middle;
  text-align: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.use-do-guide {
  background: #fff;
}
.use-do-guide li {
  font-size: 10px;
  padding: .2em 0;
  color: #999;
  border-bottom: 1px solid #ddd;
}
.use-do-guide li i {
  font-size: 1.5em;
}

.share-barber-shop {
  padding: .857em;
  margin-top: 1em;
  color: #ccc;
}
.share-barber-shop a {
  color: #fff;
}

.underline {
  text-decoration: underline;
}

.share-pic-ad {
  position: relative;
  padding: .857em .857em 2em;
  margin: 0 1em;
  background: #3e3e3e;
}

.ad-tit .ad-provide {
  color: #ddd;
}

.ad-2-column .ad-item {
  float: left;
  width: 46%;
  padding: 0 2%;
  margin-bottom: 10px;
}

.ad-item img {
  display: block;
}
.ad-item p {
  text-align: center;
}

.menu-slide {
  height: 65px;
  overflow: hidden;
}

.menu-slide-btn {
  font-size: 0;
  text-align: center;
}
.menu-slide-btn span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  background: #999;
  border-radius: 50%;
}
.menu-slide-btn span.swiper-visible-switch {
  background: #9AD5FF;
}
.menu-slide-btn span.swiper-active-switch {
  background: #21a4ff;
}

.number-digital {
  color: #fff;
  background: #e4433b;
  border-radius: 3px;
}

.in-slider {
  position: relative;
  width: 60px;
  height: 65px;
  margin: 0 auto;
  overflow: hidden;
}

.in-slider-item {
  position: absolute;
  left: 0;
  top: 0;
}

.share-zan {
  padding: .857em;
}

.share-tips-page {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1200;
  width: 100%;
  height: 100%;
  background: url(../img/share-tips-bg.png) no-repeat 92% top;
  background-size: 200px auto;
}

.gray-in {
  padding: 2em;
  background: #eee;
}

.user-reg-type li {
  margin-bottom: 15px;
}
.user-reg-type li a {
  font-size: 1.2em;
  display: block;
  padding: 20px 35px;
  background: #fff;
  border-radius: 0.25em;
}
.user-reg-type li p {
  font-size: 12px;
  margin-top: 5px;
  color: #999;
}
.user-reg-type li i {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-right: 15px;
  color: #fff;
  background: #ddd;
  border-radius: 50%;
}
.user-reg-type li:nth-child(1) i {
  background: #fd8f8f;
}
.user-reg-type li:nth-child(2) i {
  background: #b5e477;
}
.user-reg-type li:nth-child(3) i {
  background: #72dbf5;
}

.login-tips {
  margin-bottom: 30px;
  font-size: 1.1em;
}

.select-days {
  position: relative;
  padding: .5em .857em;
  background: #eee;
}
.select-days a {
  display: inline-block;
  vertical-align: middle;
  width: 12.5%;
  text-align: center;
}
.select-days a.cur {
  color: #21a4ff;
}
.select-days .icon-calendar {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.5em;
  font-size: 1.2em;
  color: #21a4ff;
}

.sev-list {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}
.sev-list td {
  padding: .5em .857em;
  border-bottom: 1px solid #ddd;
}
.sev-list td:nth-child(1) {
  text-align: left;
}
.sev-list td:nth-child(2) {
  text-align: right;
}

.gray-font {
  color: #999;
}

#errorFixed {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 10000;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

.vipcard-bg, .s-card {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7007e+0,6d0456+100 */
  background: #d7007e;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #d7007e 0%, #6d0456 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #d7007e 0%, #6d0456 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #d7007e 0%, #6d0456 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7007e', endColorstr='#6d0456',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.order-done {
  position: relative;
  vertical-align: middle;
  padding: 0 10px;
  overflow: hidden;
}
.bar-tit .order-done {
  display: inline-block;
}
.order-done .mall-btn {
  float: right;
  margin-left: 5px;
}
.order-done .cancel-btn {
  float: right;
  margin-left: 5px;
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #A09797;
  border-radius: 0.3rem;
}
.order-done.cur {
  margin-bottom: 2px;
  font-weight: bold;
  color: #21a4ff;
  border-bottom: 2px solid #21a4ff;
}
.order-done .order-num {
  left: 30%;
  top: 0;
}

/* 自定义的radio */
.text-contral {
  width: 100%;
  border: 1px solid #ddd;
  border-width: 0 0 1px;
  height: 2.8em;
}
.text-contral[readonly="readonly"] {
  color: #999;
}

.boxRadioItem {
  float: left;
  display: block;
  width: 29.3%;
  min-width: 60px;
  margin: 0 2% .857em 2%;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 35px;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.boxRadioItem.radio-on {
  position: relative;
  color: #21a4ff;
  border-color: #21a4ff;
}
.boxRadioItem.radio-on:after {
  content: "";
  position: absolute;
  right: 0;
  top: -5px;
  border-width: 5px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #21a4ff transparent transparent;
}

.form-label {
  margin: 10px;
}

.padding-box {
  padding: .857em;
}

.submit-contral {
  position: relative;
  padding-right: 50px;
  background: #fff;
  border-radius: 1.5em;
  border: 1px solid #ddd;
  box-shadow: inset 0px .5px 1px #ddd;
}
.submit-contral input[type="text"],
.submit-contral input[type="password"] {
  width: 100%;
  height: 2.8em;
  padding: 0 8px;
  border: none;
  background: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.submit-contral .icon-enter {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 .5em;
  line-height: 1.35;
}

.form-contral {
  margin: 10px 0;
}

.full-wrap {
  min-height: 100%;
}

.tab-btn {
  border-bottom: 1px solid #ddd;
}
.tab-btn li {
  float: left;
  text-align: center;
}
.tab-btn li a {
  display: inline-block;
  padding: 5px 20px;
  line-height: 35px;
}
.tab-btn li.cur a {
  margin-bottom: -2px;
  line-height: 35px;
  border-bottom: 3px solid #21a4ff;
}

.white-bg {
  background: #fff;
}

.table-header {
  color: #fff;
  background: #72C4FD;
}

.auto-list {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 10;
  background: #eee;
  box-sizing: border-box;
}
.auto-list a {
  display: block;
  padding: 10px;
  line-height: 30px;
}

.page-more {
  padding: .5em;
  text-align: center;
  color: #21a4ff;
}

/* 设计稿一字一线都要改，没定稿就让做，先注释，方便后面修改 服务者个人中心报表开始 */
.time-show-head {
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}

.time-show-slide {
  height: 156px;
  overflow: hidden;
}

.time-total-wrap,
.date-total-wrap {
  position: relative;
  float: left;
  width: 290px;
  padding: 1px;
  background: #f5f5f5;
}
.time-total-wrap.cur,
.date-total-wrap.cur {
  background: #21a4ff;
}
.time-total-wrap.cur:after,
.date-total-wrap.cur:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 0;
  height: 0;
  margin-left: -8px;
  font-size: 0;
  line-height: 0;
  border-width: 8px;
  border-style: solid dashed dashed;
  border-color: #21a4ff transparent transparent;
}

.date-total-wrap {
  width: 100% !important;
}

.cur .time-total {
  background: #fff;
}

.total-more {
  padding: 5px 0;
  width: 100%;
  overflow: hidden;
  font-size: .857em;
  text-align: left;
  border-top: 1px solid #ccc;
}

.date-input-short {
  width: 100px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #ddd;
}

.time-total {
  position: relative;
  /* table-layout: fixed; */
  width: 100%;
  min-width: 100%;
  background: #f5f5f5;
  border-collapse: collapse;
}
.time-total p {
  line-height: 22px;
}
.time-total td {
  padding: 5px;
  white-space: nowrap;
  text-align: right;
}
.time-total td.time-total-do {
  white-space: normal;
}
.time-total td span {
  color: #21a4ff;
}
.time-total th {
  text-align: right;
  height: 42px;
  white-space: normal;
}
.time-total th.time-total-do {
  text-align: center;
}

.time-total-do {
  width: 10px;
  line-height: 1.2;
  text-align: center;
  position: relative;
  background: #ccc;
}
.cur .time-total-do {
  background: #21a4ff;
}
.cur .time-total-do b {
  color: #fff;
}
.cur .time-total-do .icon-calendar {
  color: #fff;
}
.time-total-do .order-num {
  display: none;
  top: 0;
  left: 100%;
  font-weight: normal;
  color: #fff;
}
.time-total-do .icon-calendar {
  color: #21a4ff;
}

/*  服务者个人中心报表结束 */
.upload-item {
  position: relative;
  margin: 5px;
  overflow: hidden;
  /*   &:after{
      content:"\e37b";
      position:absolute;
      left:50%;
      top:50%;
      margin:-.5em 0 0 -.5em;
      @include font-icon();
    } */
}
.upload-item .upload-in {
  width: 100%;
  height: 100%;
  border: 1px dotted #ddd;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.upload-item .icon-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  color: #fff;
  background: #333;
}
.upload-item .state {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}

.photo-bg-0 .photo-in .photo-upload-place i:before {
  content: "\e145";
}

#upload-pick {
  position: fixed;
  left: 0;
  bottom: -100px;
  width: 100%;
  padding: .857em;
  z-index: 10000;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ddd;
}

#js_pick,
.pick-btn {
  width: 60%;
  height: 3em;
  margin: 0 auto;
  line-height: 3em;
  text-align: center;
  color: #fff;
  background: #ff7f7f;
  border-radius: 1em;
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.myShopBox {
  padding: .857em;
  background: #fff;
}

.myShop-item {
  border: 1px solid #ddd;
  border-width: 1px 0 0;
  margin: 5px 0;
}

.mySho-item-head {
  padding: 5px;
}
.mySho-item-head h3 {
  font-size: 1.1em;
  float: left;
  color: #333;
  max-width: 50%;
}

.myShopNum {
  float: right;
  width: 50%;
}

.myShopNum-item {
  float: left;
  width: 50%;
  text-align: center;
  border-right: 1px solid #ddd;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.myShopNum-item:last-child {
  border: none;
}
.myShopNum-item .order-num {
  top: 0;
  left: 100%;
}

.myShopTable table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #ddd;
}
.myShopTable table th {
  text-align: center;
  background: #eee;
  border: 1px solid #ddd;
  width: 33.3%;
  height: 35px;
}
.myShopTable table th.cur {
  color: #21a4ff;
  background: #fff;
}
.myShopTable table th .icon-calendar {
  color: #f00;
}
.myShopTable table td {
  border: 1px solid #ddd;
  padding: 2px;
  line-height: 1.3em;
  text-align: center;
}
.myShopTable table td span {
  color: #21a4ff;
}

.myShopInfo {
  float: left;
  width: 33.3%;
  border-right: 1px solid #ddd;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.myShopInfo:last-child {
  border: none;
}
.myShopInfo li {
  line-height: 1.3em;
  padding: 3px;
  border-bottom: 1px solid #ddd;
}
.myShopInfo li span {
  color: #21a4ff;
}

/* 我的店 */
.my-shop-bar {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  padding: 0 .857em;
  background: #fff;
}
.my-shop-bar .bar-tit {
  position: relative;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 1em 0 0;
  margin: 0;
  background: none;
  margin-right: 5px;
}
.my-shop-bar .bar-tit i {
  vertical-align: middle;
}
.my-shop-bar .icon-set {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  margin-right: 0;
  color: #999;
  font-size: 1.5em;
}

.shop-item-wrap {
  -webkit-box-flex: 1.2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1.2;
  /* OLD - Firefox 22- */
  -webkit-flex: 1.2;
  /* Chrome */
  -ms-flex: 1.2;
  /* IE 10 */
  flex: 1.2;
}
.shop-item-wrap .shop-item-box {
  margin-left: 70px;
}

.shop-item-box {
  position: relative;
}
.shop-item-box .icon-plus-o {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2em;
  color: #999;
}

.shop-swiper-box {
  overflow: hidden;
  height: 44px;
}

.btn-sm {
  width: auto;
  height: 35px;
  min-width: auto;
  line-height: 35px;
}

.shop-item-obj {
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.shop-item-obj li {
  width: 44px;
  position: relative;
  float: left;
  padding: 0 2px;
}
.shop-item-obj li .middle-line {
  padding: 0 0 8px;
}
.shop-item-obj .shop-sm-user .item-obj-num {
  color: #333;
}
.shop-item-obj .shop-sm-card {
  width: 70px;
}
.shop-item-obj .shop-sm-card .item-obj-num {
  color: #fff;
}
.shop-item-obj .item-obj-num {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.my-shop-list {
  border: 1px solid #ccc;
  border-radius: 0.25em;
}

.my-shop-header {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  padding: .5em 0;
  font-size: 1.6rem;
}

.my-shop-done {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  padding: 10px 5px 0 0;
  border-bottom: 1px solid #eee;
}
.my-shop-done h4 {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #e4433b;
}
.my-shop-done .shop-done-btn i {
  color: #21a4ff;
  padding: 5px;
}

.my-shop-fun {
  -webkit-box-flex: 1.2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1.2;
  /* OLD - Firefox 22- */
  -webkit-flex: 1.2;
  /* Chrome */
  -ms-flex: 1.2;
  /* IE 10 */
  flex: 1.2;
  padding: 0 5px;
  margin-left: -1px;
  border-left: 1px solid #ccc;
}

.my-shop-fun-item {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  margin-bottom: 10px;
}
.my-shop-fun-item:last-child {
  margin-bottom: none;
}

.shop-fun-name {
  width: 72px;
  font-size: 1rem;
  line-height: 22px;
}
.shop-fun-name i {
  font-size: 3rem;
  vertical-align: -20px;
}
.shop-fun-name .drop-content {
  display: none;
}

.shop-item-box {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  height: 44px;
  overflow: hidden;
}

.my-shop-done-list [class^="icon-"],
.my-shop-done-list [class*=" icon-"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 1.6em;
}
.my-shop-done-list .icon-set:before {
  color: #8dd044;
}
.my-shop-done-list .icon-chat3:before {
  color: #21a4ff;
}
.my-shop-done-list .icon-note:before {
  color: #ff7900;
}
.my-shop-done-list .icon-good:before {
  color: #ff7900;
}
.my-shop-done-list .icon-bad:before {
  color: #999;
}

/* .tab-btn-wrap{
  width:168px;
  margin:0 auto 10px;
  @extend .clearfix;
  .tab-btn-item{
    float:left;
    width:80px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid $blue-color;
    &:first-child{
      border-radius:.25em 0 0 .25em;
    }
    &:last-child{
      border-radius:0 .25em .25em 0;
    }
    &.cur{
      color:$white-color;
      background:$blue-color;
    }
  }
} */
.my-shop-tab .tab-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  border-bottom: 1px solid #eee;
}
.my-shop-tab .tab-btn-wrap .tab-btn-item {
  font-size: 1.2rem;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  height: 30px;
  margin: 0 5px;
  margin-bottom: -1px;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.my-shop-tab .tab-btn-wrap .tab-btn-item.cur {
  color: #21a4ff;
  border-color: #21a4ff;
}

.shop-table-brief {
  margin: 10px 0;
  line-height: 1.2;
  text-align: center;
}
.shop-table-brief p {
  height: 3em;
  line-height: 1.5em;
  overflow: hidden;
  text-align: center;
  color: #21a4ff;
}

.shop-table-date {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -25px 0 0;
}
.cur .shop-table-date:before {
  border-color: transparent #21a4ff transparent transparent;
}
.shop-table-date:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-width: 25px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #999 transparent transparent;
}
.shop-table-date span {
  display: inline-block;
  width: 10px;
  padding: 10px 5px;
  line-height: 1;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}

.shop-table-header {
  position: relative;
  border-right: 1px solid #ddd;
  padding: 3px 5px;
  margin-left: -1px;
}
.shop-table-header:last-child {
  border: none;
}
.shop-table-header.cur {
  background: #fff;
}

.shop-table-list {
  position: relative;
  border-bottom: 1px solid #ddd;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}

.has-tap {
  background: #f5f5f5;
  transition: 50ms;
  animation: scalein 50ms;
}

.shop-table-item {
  position: relative;
  float: left;
  width: 240px;
  border-bottom: 1px solid #ddd;
}

.shop-table-slide {
  height: 287px;
  background: #f5f5f5;
  overflow: hidden;
}

.not-break {
  white-space: nowrap;
}

.table-cover {
  position: relative;
  height: 183px;
  overflow: hidden;
}
.table-cover .icon-expand_more,
.table-cover .icon-expand_less {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 35px;
  height: 30px;
  margin-left: -18px;
  text-align: center;
  font-size: 1.6em;
  line-height: 35px;
  color: #21a4ff;
  border-radius: 50%;
}

.shop-table-more {
  display: none;
  border-collapse: collapse;
  width: 100%;
  background: #fff;
  margin-right: -1px;
}
.shop-table-more td {
  text-align: center;
  border: 1px solid #ddd;
}
.shop-table-more td span {
  color: #21a4ff;
}

.search-date-box {
  position: relative;
  z-index: 2;
  float: left;
  width: 110px;
  padding: 10px 5px;
  line-height: 1.5;
}
.search-date-box .date-input-short {
  display: block;
  margin: 15px 0;
}

.tap-cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100px;
}

.shop-table-date-box {
  margin-left: 110px;
}

.my-sev-wrap {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 0.25em;
}
.my-sev-wrap .my-sev-box {
  margin-bottom: -1px;
}

/* 上传图片样式处理begin */
.upload-photo-wrap {
  margin-bottom: 20px;
}
.upload-photo-wrap li {
  float: left;
  width: 100px;
  height: 100px;
}

.upload-photo-item {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 5px 30px 0;
  border: 1px dotted #ddd;
  background: #f5f5f5;
}
.upload-photo-item .upload-control {
  width: 100%;
  height: 100%;
}

.upload-photo-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 上传图片样式处理 end */
.order-info-wrap {
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  background: #fff;
}

.order-msg h3 {
  font-weight: normal;
  font-size: 1.8rem;
}
.order-msg .icon-ok {
  vertical-align: middle;
  color: #8dd044;
  font-size: 2.5rem;
}
.order-msg .icon-card-giftcard {
  vertical-align: middle;
  color: #8dd044;
  font-size: 2.5rem;
}

.fixed-buy {
  height: 51px;
}

.fixed-buy-inner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px;
  background: #fff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.fixed-buy-inner .pay-price {
  line-height: 40px;
}

.buy-btn {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #e4433b;
  border-radius: 0.3rem;
}

input.buy-btn {
  border: none;
}

a.buy-btn {
  color: #fff;
}

.order-address-wrap {
  padding: 10px;
}
.order-address-wrap .address-item {
  margin: 0 -10px 2px;
}

.mall-price b {
  color: #e4433b;
  font-size: 1.6rem;
}

.viewEle {
  display: none;
}

.fixedView {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -9999;
  opacity: 0;
  animation-duration: 0.6s;
  width: 100%;
  min-height: 100%;
  background: #fff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fixedView .close-fixedView {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 3em;
  text-align: center;
  color: #fff;
  background: #21a4ff;
}

.fixedViewItem {
  display: none;
}

.zoomIn {
  -webkit-animation: zoomIn 2s;
  /* Safari 和 Chrome */
  animation: zoomIn 2s;
}

.zoomOut {
  -webkit-animation: zoomOut 2s;
  /* Safari 和 Chrome */
  animation: zoomOut 2s;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 预约订单 */
.order-book-item {
  margin-bottom: 10px;
  background: #fff;
}

.order-book-head {
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
}

.order-book-content {
  padding: 10px;
}
.order-book-content .msuser {
  margin-left: 85px;
}
.order-book-content .msuser h4 {
  font-weight: normal;
}
.order-book-content .order-info-right {
  margin-left: 85px;
  word-wrap: break-word;
}

.w-80 {
  width: 80px;
}

.msuser {
  position: relative;
  padding: 5px 5px 5px 50px;
  line-height: 20px;
  min-height: 40px;
}
.msuser img {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 40px;
  height: 40px;
}

.order-book-bot {
  padding: 10px;
  text-align: right;
}

.order-done-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  line-height: 3em;
  height: 3em;
}

.book-tab {
  position: relative;
  z-index: 100;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
}
.book-tab li {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}
.book-tab li a {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #21a4ff;
  background: #fff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.book-tab li.cur a {
  color: #fff;
  background: #21a4ff;
}

.order-container .item-head {
  line-height: 21px;
}

/* iscroll共有块begin */
#iscrollDown,
#iscrollUp,
.iscrollDown,
.iscrollUp {
  text-align: center;
}

.iscroll-content {
  min-height: 100%;
}

.iscroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: 42px 0 0;
  overflow: auto;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  background: #eee;
}

.book-fixed-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.book-fixed-btn a {
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #21a4ff;
}

/* iscroll共有块end */
/* 我的服务单 进行中的样式begin */
.my-sev-now {
  position: relative;
  min-height: 80px;
  overflow: hidden;
}

.my-sev-now-wrap,
.my-sev-now-info {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  margin: 1px 0;
}

.my-sev-now-item {
  position: relative;
}

.sev-item-num {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 1rem;
  vertical-align: middle;
  color: #fff;
  background: #8dd044;
  border-radius: 50%;
}

.sev-flex {
  padding: 0 5px;
  white-space: nowrap;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}

.my-sev-now {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  border: 1px solid #21a4ff;
}

.new-order {
  width: 30px;
  height: 80px;
  color: #fff;
  background: #21a4ff;
  border: 1px solid #21a4ff;
  border-width: 1px 0;
  line-height: 1.5;
  border-radius: 0 5px 5px 0;
}

a.new-order {
  color: #fff;
}

.sev-item-info-wrap {
  background: #f5f5f5;
  margin: 2px;
}

.my-sev-now-tit {
  background: #ddd;
}

.my-sev-now-list {
  position: relative;
  min-height: 80px;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.my-sev-now-list .user-order-item {
  position: relative;
  float: left;
  width: 100%;
}
.my-sev-now-list .order-done {
  padding: 10px 0 0;
  border-top: 1px solid #ddd;
}

.my-sev-now-item {
  position: relative;
  float: left;
  width: 100%;
}
.my-sev-now-item .my-bill-in {
  background: #fff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.my-sev-now-item .my-bill-in .half-btn {
  display: block;
  margin: 5px auto;
  min-width: 50%;
}
.my-sev-now-item .my-bill-in a {
  display: block;
}

.pay-qr {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000000;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #e4433b;
  background: #fff;
}
.pay-qr img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.pay-qr p {
  height: 20px;
  line-height: 20px;
}

/* 我的服务单 进行中 end */
.my-sev-page-list .my-sev-now-item {
  margin-bottom: 10px;
}

.flex-box {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
}

.flex-item {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  padding: 0 2px;
}

.flex-control {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

.flex-label {
  width: 80px;
  line-height: 30px;
  vertical-align: middle;
}

.flex-fill {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}
.flex-fill [id^=mobiscroll] {
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flex-fill input[id^=mobiscroll], .flex-fill input[type="text"], .flex-fill input[type="password"] {
  background: none;
  border: none;
  max-width: 100%;
  height: 30px;
  line-height: 30px;
}

.flex-item .flex-fill {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}
.flex-item .flex-fill [id^=mobiscroll] {
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flex-item .flex-fill input[id^=mobiscroll], .flex-item .flex-fill input[type="text"], .flex-item .flex-fill input[type="password"] {
  max-width: 100%;
  border: 1px solid #ddd;
  border-width: 0 0 1px 0;
}

.scrollInput {
  position: relative;
  /*   &:after{
      content:"";
      position:absolute;
      right:5px;
      top:50%;
      width:0;
      height:0;
      margin-top:-3px;
      border-width:5px;
      border-style:solid dashed dashed;
      border-color:#333 transparent transparent;
    } */
}
.scrollInput select {
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
}
.scrollInput input {
  width: 100%;
  padding-right: 15px;
  border: none;
  border-bottom: 1px solid #ddd;
}

.flex-item.scrollInput input {
  border-bottom: none;
  text-align: center;
  background: #fff;
}

.sev-item-form-wrap {
  padding: 5px;
  margin: 4px 0;
  background: #fff;
  overflow: hidden;
}
.sev-item-form-wrap .todo-bar {
  color: #21a4ff;
  background: none;
  border: 1px solid #21a4ff;
}

.sev-item-form-header {
  text-align: right;
  border-bottom: 1px solid #eee;
}
.sev-item-form-header h4 {
  float: left;
  color: #FF0067;
}
.sev-item-form-header i {
  padding: 8px;
  color: #21a4ff;
}

.sev-item-form {
  margin-bottom: 10px;
  text-align: center;
}
.sev-item-form .flex-item {
  text-align: center;
}
.sev-item-form .flex-item input {
  text-align: center;
}

.sev-emp-box {
  padding: 2px;
  margin-bottom: 5px;
}

.todo-bar {
  width: 50%;
  margin: 10px auto;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background: #FF6600;
  border-radius: 5rem;
}
.todo-bar [class^="icon-"], .todo-bar [class*=" icon-"] {
  font-size: 2rem;
  vertical-align: middle;
}

.select-link {
  position: relative;
  padding-right: 10px;
  padding-left: 3px;
  margin-right: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ccc;
}
.select-link .icon-down-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.6rem;
}
.select-link p {
  line-height: 30px;
  height: 30px;
}

.bespeak-sev-count {
  position: relative;
  padding: 0 20px;
  margin: 0 3px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.bespeak-sev-count input {
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}
.bespeak-sev-count a {
  position: absolute;
  top: 0;
  display: block;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background: #f3f3f3;
}
.bespeak-sev-count a:first-child {
  left: 0;
  border-right: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
}
.bespeak-sev-count a:last-child {
  right: 0;
  border-left: 1px solid #ccc;
  border-radius: 0 3px 3px 0;
}

.sev-item-list-show {
  display: none;
}
.sev-item-list-show a {
  display: block;
  width: 33.33%;
  float: left;
  border: 1px solid #fff;
  background: #ddd;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sev-item-list-show a p {
  line-height: 1.8em;
  height: 1.8em;
  text-align: center;
  overflow: hidden;
}

.ticket-order-bottom {
  border-top: 1px solid #ddd;
}

.scroll-client-list {
  height: 200px;
  padding: 10px;
  overflow-y: auto;
  background: #fff;
}
.scroll-client-list p {
  margin: 5px 0;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.scroll-client-list p.cur {
  background: #ffc;
}

.billing-edit {
  padding-bottom: 60px;
}
.billing-edit form {
  width: 100%;
}

.dots-item {
  padding: 5px 0;
  line-height: 22px;
  border-bottom: 1px solid #eee;
}
.dots-item:last-child {
  border: none;
}
.dots-item p {
  font-size: 1.2rem;
}
.dots-item .dots-item-user-info .m-font {
  font-size: 1.6rem;
}

.bar-table {
  border-bottom: 1px solid #ddd;
}

.dots-item-user {
  width: 80px;
}
.dots-item-user .sn {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 3px;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  border-radius: 22px;
  color: #fff;
  background: #7BB7F7;
  vertical-align: middle;
}
.dots-item-user .hot-bg {
  background: #FF5E52;
}

.dot-bar .tab-btn-item {
  position: relative;
  line-height: 35px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  text-align: center;
}
.dot-bar .tab-btn-item.cur {
  color: #fff;
  background: #21a4ff;
  border-color: #21a4ff;
}
.dot-bar .tab-btn-item.cur:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: 5px;
  font-size: 0;
  line-height: 0;
  border-width: 5px;
  border-style: solid dashed dashed;
  border-color: #21a4ff transparent transparent;
}

.dots-pagination {
  position: relative;
  padding: 5px 30px;
  min-height: 30px;
}
.dots-pagination .dots-arrow {
  position: absolute;
  top: 50%;
  display: block;
  width: 28px;
  height: 28px;
  margin-top: -11px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #ddd;
}
.dots-pagination .dots-arrow:nth-of-type(1) {
  left: 0;
}
.dots-pagination .dots-arrow:nth-of-type(2) {
  right: 0;
}
.dots-pagination .dots-arrow i {
  font-size: 2rem;
  line-height: 28px;
  color: #999;
}
.dots-pagination .dots-pagination-ul {
  text-align: center;
  font-size: 0;
  margin: 9px 0;
}
.dots-pagination .dots-pagination-ul span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px;
  font-size: 12px;
  border-radius: 12px;
  background: #ddd;
}
.dots-pagination .dots-pagination-ul span.swiper-active-switch {
  color: #fff;
  background: #7BB7F7;
}

.dots-swiper-container {
  overflow: hidden;
}

.dots-ul {
  position: relative;
  float: left;
  width: 100%;
}

.dot-swiper-item h3 {
  font-size: 1.4rem;
  font-weight: normal;
}

/* 我的里面 供货商开始 */
/* 我的商品 供货商 */
.price {
  color: #f00;
}

.supplier-pro {
  width: 100%;
  margin-bottom: 10px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.supplier-pro li {
  position: relative;
  float: left;
  width: 50%;
}
.supplier-pro li .icon-trash-o {
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 10px;
  color: #e4433b;
}
.supplier-pro li img {
  width: 100%;
}
.supplier-pro li a {
  display: block;
  margin: 3px 3px;
  _display: inline-block;
  text-align: center;
  line-height: 1.5;
  background: #fff;
}
.supplier-pro li a h4 {
  font-size: 1.2rem;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  font-weight: normal;
}

/* 添加商品功能 */
.labelForm {
  background: #fff;
}

.full-control {
  width: 100%;
}

.label-control {
  position: relative;
  min-height: 38px;
  margin: 0 0 5px 90px;
}
.label-control label {
  position: absolute;
  right: 100%;
  top: 0;
  width: 90px;
  line-height: 38px;
}
.label-control input[type="text"],
.label-control input[type="password"] {
  height: 37px;
  border: 1px solid #ddd;
  border-width: 0 0 1px 0;
}
.label-control textarea {
  height: 80px;
}
.label-control input,
.label-control select,
.label-control textarea {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.loading-gif {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../img/loadding.gif) no-repeat;
}

.one-upload {
  width: 120px;
  height: 120px;
  margin: 5px auto;
  background: #fff;
}
.one-upload .del-upload {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}
.one-upload .del-upload p {
  display: none !important;
}
.one-upload .del-upload i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1rem 0 0 -1rem;
  color: #fff;
  font-size: 2rem;
}

.select-mobiscroll input {
  width: 100%;
}

.add-new-brand {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 5px;
}

.upload-photo-wrap {
  margin-bottom: 20px;
}

.upload-photo-item {
  width: 100%;
  margin: 0 5px 30px 0;
  border: 1px dotted #ddd;
  background: #f5f5f5;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.upload-photo-item .upload-control {
  width: 100%;
  height: 100%;
}

.slider-list .upload-photo-item {
  margin: 0;
  border: none;
}

.edit-pro .upload-photo-inner {
  position: relative;
  z-index: 2;
}
.edit-pro .slider-btn {
  z-index: 3;
}
.edit-pro .upload-photo-item {
  position: relative;
  margin: 0;
}
.edit-pro .upload-photo-item .loading-gif {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f5f5f5;
  background-position: center center;
}
.edit-pro .upload-control {
  margin: 3px 0;
}
.edit-pro .upload-control .btn {
  display: block;
  width: 80%;
  margin: 0 auto;
  background: #787878 !important;
}
.edit-pro .slider-list {
  height: 193px;
}
.edit-pro .del-upload {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.edit-pro .del-upload .icon-trash-o {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  margin: -25px 0 0 -25px;
  border-radius: 50%;
}

.upload-photo-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pro-com-list {
  padding: 3px;
  text-align: left;
}
.pro-com-list .pro-com-list-tit {
  border-bottom: 1px solid #ddd;
}
.pro-com-list p {
  padding: 2px 0;
}
.pro-com-list .u-img {
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.pro-com-list .u-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.pro-com-body {
  padding: 3px 0;
  border-bottom: 1px solid #ddd;
}

.procom-replay-btn {
  text-align: right;
  font-size: 1.2rem;
}
.procom-replay-btn a {
  color: #21a4ff;
}

.flex-box {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /* OLD - Firefox 22- */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome 20-,Android 2.1-4.3 */
  display: flex;
}

.flex-item {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 22- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  padding: 0 2px;
}

.pro-upload-again {
  position: absolute;
  width: 100%;
  height: 100px;
  margin: 5px 0;
  background: #fff;
  border: 1px dotted #ddd;
}
.pro-upload-again .icon-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 20px;
  margin: -27px 0 0 -27px;
  font-size: 2rem;
}

.edit-pro .del-upload-again {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 20px;
}

.edit-pro-sx {
  font-size: 2rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 10px;
  color: #f60;
}

.pro-edit-box {
  margin: 5px;
  border: 1px dotted #ddd;
}

.pro-to-comment {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background: #fff;
}
.pro-to-comment h4 {
  text-align: center;
  color: #21a4ff;
}

/* 评论 */
.to-comment-item {
  padding: .2rem .5rem;
  border-bottom: 1px solid #ddd;
}

.com-user-info span {
  color: #999;
}

.comment-btn-more {
  line-height: 35px;
}

a.see-more-info {
  display: block;
  text-align: center;
  line-height: 40px;
  color: #21a4ff;
}

.to-comment-info {
  position: relative;
  margin: 5px 0;
  min-height: 50px;
  background: #fff;
}
.to-comment-info.reply {
  padding: 5px;
  margin: 5px;
  background: #f1f1f1;
  border: 1px dotted #eee;
}
.to-comment-info .icon-trash-o {
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 1.2em;
  padding: 10px;
}

.to-comment-head {
  position: relative;
  padding: 0 20px 0 40px;
  min-height: 35px;
  line-height: 1.5em;
}
.to-comment-head .s-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
}
.to-comment-head h4 {
  font-size: 1.2rem;
  color: #888;
  font-weight: normal;
}
.to-comment-head h4 b {
  color: #ff0054;
}
.to-comment-head .fr {
  color: #999;
}

.one-line {
  line-height: 1.5;
  height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.to-comment-body {
  font-size: 1.2rem;
  word-break: break-all;
  word-wrap: break-word;
}

.to-comment-list {
  min-height: 50px;
  background: #fff;
  border-bottom: 5px solid #eee;
}

.to-comment-form {
  padding: 0 .857em 1rem;
  background: #eee;
}
.to-comment-form .inform {
  position: relative;
  padding: .3em .5em .3em 2em;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #ddd;
}
.to-comment-form .icon-write {
  position: absolute;
  left: .3em;
  top: 50%;
  margin-top: -.5em;
  font-size: 1.5em;
}
.to-comment-form .inform-full-contral {
  padding: 0;
  border: none;
}
.to-comment-form .inform-full-contral .icon-checkmark-full,
.to-comment-form .inform-full-contral .icon-enter {
  display: none;
}
.to-comment-form .inform-contral {
  padding: 0;
  margin-bottom: 0;
  margin-right: 2em;
  border: none;
}
.to-comment-form .inform-contral .icon-checkmark-full,
.to-comment-form .inform-contral .icon-enter {
  display: block;
}
.to-comment-form .icon-checkmark-full,
.to-comment-form .icon-enter {
  position: absolute;
  right: -1em;
  top: .1em;
}

.icon-checkmark-full,
.icon-enter {
  font-size: 2em;
  color: #21a4ff;
}
.icon-checkmark-full input,
.icon-enter input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.inform-contral {
  height: 36px;
  line-height: 40px;
  padding: 4px;
  margin-right: 90px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.inform-contral input[type="text"],
.inform-contral input[type="number"],
.inform-contral input[type="password"] {
  border: none;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  outline: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inform-contral .icon-enter {
  position: absolute;
  right: -1em;
  top: .1em;
}

#confirm_box .btn {
  background: #21a4ff !important;
}

.see-more-info {
  display: block;
  text-align: center;
  margin: 5px 0;
}

.hide-form {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1002;
  display: none;
  width: 100%;
  padding: 3rem 0.5rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hide-form .icon-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5rem;
  color: #333;
  font-size: 2rem;
}

/* 我的里面供货商  结束 */
/* 我的里面已支付、预约显示修改 */
.showInclude {
  position: relative;
  width: 100%;
  background: #eee;
}
.showInclude .iscroll-wrap {
  position: static;
}
.showInclude .consume {
  float: none;
}
.showInclude .sev-iscroll {
  margin-top: 0 !important;
}
.showInclude .book-iscroll {
  margin-top: 0 !important;
}
.showInclude .close-fixedView {
  display: none;
}
.showInclude .order-page {
  padding: 5px 0;
}
.showInclude .book-tab {
  padding: 0 0.857em;
  margin-top: 3px;
}
.showInclude .book-tab li:first-child a {
  border-radius: 5px 0 0 5px;
}
.showInclude .book-tab li:last-child a {
  border-radius: 0 5px 5px 0;
}
.showInclude .book-tab a {
  padding: 5px;
}

.scaleout {
  -webkit-animation: scaleout 1.3s infinite ease-in-out;
  -moz-animation: scaleout 1.3s infinite ease-in-out;
  -o-animation: scaleout 1.3s infinite ease-in-out;
  animation: scaleout 1.3s infinite ease-in-out;
}

.increases {
  position: relative;
  padding: 0.5em;
  background: #fff;
}
.increases h4 {
  padding: 0 0.5em;
  margin: 0.5rem 0;
  color: #e4433b;
  background: #fcf8e3;
  border: 1px solid #fbeed5;
}

.increases-data {
  background: #fff;
  font-size: 1.2rem;
}
.increases-data b {
  color: #e4433b;
}

.increases-data-item {
  padding: 0.5rem;
  margin: 0.2rem 0;
  border: 1px dotted #A9A3A3;
}
.increases-data-item p {
  zoom: 1;
}
.increases-data-item p:after {
  content: "";
  display: table;
  clear: both;
}
.increases-data-item b {
  font-weight: normal;
  color: #e4433b;
}

.prank-bar {
  padding-left: 42px;
}

.see-more-control {
  padding: 5px 0;
  text-align: center;
}

/* 我的  增加员工 */
.radio-list .radio-item {
  position: relative;
  float: left;
  min-width: 60px;
  padding: 0 5px;
  margin-right: 5px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ddd;
  overflow: hidden;
}
.radio-list .radio-item:after {
  content: "";
  position: absolute;
  top: -5px;
  right: 0;
  display: none;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 5px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #21a4ff transparent transparent;
}
.radio-list .radio-item.cur {
  border-color: #21a4ff;
}
.radio-list .radio-item.cur:after {
  display: block;
}
.radio-list label {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  margin: 3px 0 !important;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ad-grid-item img {
  vertical-align: middle;
}

.ad-grid {
  padding: 5px;
}
.ad-grid .ad-grid-item > .ad-grid-item {
  margin-bottom: 5px;
}

/* 响应式处理*/
@media screen and (max-width: 350px) {
  .login-cut span {
    font-size: 1em;
  }

  .authority img {
    width: 36px;
    height: 36px;
  }

  .raty-item .raty-control {
    margin-left: 80px;
  }
  .raty-item .raty-control i {
    font-size: 1.6em;
  }

  .search-date-box {
    width: 70px;
  }

  .date-input-short {
    width: 85px;
  }

  .shop-table-date-box {
    margin-left: 70px;
  }

  .order-done {
    padding: 0 5px;
  }
}

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