.address-select {
  position: absolute;
  bottom: 0px;
  background-color: #fff;
  width: 100%; }
  .address-select .address-name {
    text-align: center;
    line-height: 2rem;
    border-top: 1px solid #e5e9ee; }
    .address-select .address-name span {
      font-size: 0.8rem; }
    .address-select .address-name .icon-newpm {
      position: absolute;
      right: 10px;
      top: 0.2rem;
      font-size: 1.3rem; }
  .address-select .tabs-wrap {
    margin: 0px; }
    .address-select .tabs-wrap .tabs {
      background-color: #fff; }
      .address-select .tabs-wrap .tabs .tabs-tab {
        padding: 5px 0px;
        font-size: 0.7rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .address-select .tabs-wrap .tabs .tabs-tab.active {
          color: #f13238;
          border-bottom-color: #f13238; }
  .address-select .address-footer {
    height: 12rem;
    overflow: auto;
    padding-left: 10px; }
    .address-select .address-footer .address-single {
      font-size: 0.7rem;
      line-height: 1.5rem; }
      .address-select .address-footer .address-single .icon-newpm {
        display: none; }
      .address-select .address-footer .address-single.active {
        color: #f13238; }
        .address-select .address-footer .address-single.active .icon-newpm {
          display: initial;
          padding-left: 10px; }
.bottom-fixed {
  background-color: black; }
  .bottom-fixed .nav-item {
    line-height: 1.7rem;
    color: #fff;
    background-color: black; }
    .bottom-fixed .nav-item div span {
      line-height: 1rem; }
    .bottom-fixed .nav-item div p {
      font-size: 0.6rem;
      line-height: 0.7rem;
      margin-bottom: 0.4rem; }
  .bottom-fixed .active .icon-pokeball, .bottom-fixed .active .icon-newpm, .bottom-fixed .active p {
    color: #197aff; }
  .bottom-fixed .icon-pokeball, .bottom-fixed .icon-newpm {
    font-size: 1rem; }
.carousel {
  font-style: 0;
  min-height: 30px;
  line-height: 0;
  overflow: hidden;
  position: relative;
  zoom: 1;
  webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
  .carousel ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
  .carousel .carousel-container {
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    position: relative; }
    .carousel .carousel-container .carousel-lis {
      height: 100%; }
    .carousel .carousel-container li {
      width: 100%;
      position: absolute;
      background-color: #F5F5F5;
      transition: all 0ms ease;
      left: 0; }
      .carousel .carousel-container li a {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        font-size: 1rem;
        width: 100%; }
      .carousel .carousel-container li img {
        width: 100%; }
  .carousel .carousel-pagination {
    position: absolute;
    bottom: 0.7rem;
    z-index: 11;
    width: 100%;
    text-align: center; }
    .carousel .carousel-pagination li {
      width: 5px;
      height: 5px;
      margin: 0 2px;
      background-color: #999;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      display: -moz-inline-stack;
      display: inline-block;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .carousel .carousel-pagination li.active {
        background-color: #fff;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1), 0 0 2px;
        -moz-box-shadow: rgba(0, 0, 0, 0.1), 0 0 2px;
        box-shadow: rgba(0, 0, 0, 0.1), 0 0 2px; }
.send-codes {
  position: absolute;
  right: 0rem;
  top: 0.4rem; }
  .send-codes button.btn-secondary[disabled] {
    color: #666;
    background-color: #F5F5F5;
    border: 1px solid #e5e9ee; }
.quantity-numbers {
  color: #333;
  line-height: 1.3rem;
  padding: 0.2rem 0 0.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .quantity-numbers span {
    color: #999;
    font-size: 0.7rem;
    line-height: 1.5rem; }

.input-amount {
  border-radius: 0;
  white-space: nowrap;
  font-size: 0.7rem;
  line-height: 0.9rem;
  height: 1.5rem;
  display: -webkit-flex;
  display: flex; }
  .input-amount input[type="tel"],
  .input-amount input[type="number"] {
    width: 1.8rem;
    padding: 0.2rem;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #dfdfdf; }
    .input-amount input[type="tel"]:focus,
    .input-amount input[type="number"]:focus {
      border-color: #dfdfdf; }
  .input-amount a {
    display: inline-block;
    color: #333;
    border: 1px solid #dfdfdf;
    border-left-width: 0;
    padding: 0.1rem 0.5rem;
    width: 1.5rem;
    vertical-align: middle;
    text-align: center; }
    .input-amount a.disabled {
      background-color: #F5F5F5;
      cursor: not-allowed; }
    .input-amount a:first-child {
      margin-left: 0;
      border-left-width: 1px;
      border-right-width: 0; }
  .input-amount a:first-child {
    border-bottom-right-radius: 0.1rem;
    border-top-left-radius: 0.1rem; }
  .input-amount a:last-child {
    border-bottom-right-radius: 0.1rem;
    border-top-right-radius: 0.1rem; }
.loading-more {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #a6a6a6;
  font-size: 0.7rem; }
  .loading-more .icon-pokeball-loading {
    margin-right: 5px;
    vertical-align: inherit;
    line-height: 16px;
    border-width: 0; }
.modal-outer {
  position: absolute;
  -webkit-box-shadow: 0px 0px 4px #bbb;
  -moz-box-shadow: 0px 0px 4px #bbb;
  box-shadow: 0px 0px 4px #bbb;
  width: 100%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 16.75rem;
  background-color: white;
  z-index: 101;
  border-radius: 10px;
  padding-bottom: 1rem; }
  .modal-outer .modal-container {
    margin-top: -1.6rem;
    padding: 1.5rem 1rem 1rem; }
  .modal-outer .modal-top-under {
    position: relative;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background-color: white;
    z-index: 99;
    top: -1.6rem;
    left: 50%;
    margin-left: -2.3rem;
    padding-top: 0.5rem;
    text-align: center; }
  .modal-outer .icon-newpm::before {
    position: relative;
    bottom: 0.15rem;
    font-size: 3.5rem; }

.modal-btn-group {
  text-align: center;
  padding: 0 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .modal-btn-group .modal-btn {
    display: inline-block;
    width: 6.75rem; }
    .modal-btn-group .modal-btn .btn-large {
      border-radius: 2px; }
  .modal-btn-group .modal-single-center {
    width: 100%;
    left: 2rem; }

.modal-btn-left .btn-large {
  background-color: white;
  color: #197aff;
  border: 1px solid #197aff; }

.overlay {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }
.nav-cell-line {
  padding: 0.55rem 0.5rem;
  position: relative;
  background-color: white;
  border-bottom: 1px solid #dfdfdf;
  height: 2.5rem; }
  .nav-cell-line a {
    color: #666;
    font-size: 0.8rem;
    line-height: 1.4rem; }
    .nav-cell-line a span {
      margin-left: 0.5rem;
      display: inline-block;
      font-size: 0.7rem;
      line-height: 0.7rem; }
      .nav-cell-line a span.link-title {
        margin-left: 0.5rem; }
    .nav-cell-line a i {
      font-size: 1.4rem;
      color: #999; }
    .nav-cell-line a p {
      margin: 0; }
    .nav-cell-line a .pull-right {
      font-size: 1.5rem;
      color: #999; }
  .nav-cell-line.gap {
    margin-bottom: 0.9rem; }
  .nav-cell-line.last {
    border-top: 1px solid #dfdfdf; }
.pop-up {
  top: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #F5F5F5; }
  .pop-up.active {
    top: 0;
    transition: all 200ms ease; }
  .pop-up .pop-up-body {
    height: 100%; }
.pull-to-refresh .refresh-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  height: 0px;
  width: 100%;
  overflow-y: hidden; }
  .pull-to-refresh .refresh-title div {
    font-size: 0.7rem; }

.pull-to-refresh .refresh-content {
  z-index: 1; }
.return-top {
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  border-radius: 3rem;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  background-color: #717171; }
  .return-top i {
    line-height: 2.5rem; }
  .return-top .icon-newpm-dingbu:before {
    font-size: 1.5rem;
    color: #fff; }
.search-filter-body {
  background-color: #F5F5F5; }
  .search-filter-body .search-filter {
    background-color: #fff !important; }
    .search-filter-body .search-filter .search-index {
      right: 2.2rem; }
      .search-filter-body .search-filter .search-index .inner-search-index {
        background-color: #F5F5F5; }
        .search-filter-body .search-filter .search-index .inner-search-index input {
          background-color: inherit;
          border: 0; }
    .search-filter-body .search-filter .right-title {
      float: right;
      font-size: 0.7rem;
      color: #666;
      line-height: 2.2rem;
      top: 0; }
  .search-filter-body .search-statistic {
    padding: 0 0.5rem; }
    .search-filter-body .search-statistic .title {
      padding: 0.5rem 0;
      font-size: 0.7rem;
      color: #999; }
      .search-filter-body .search-statistic .title i {
        font-size: 1rem; }
      .search-filter-body .search-statistic .title .location-title-left-icon {
        margin-right: 0.5rem; }
      .search-filter-body .search-statistic .title .location-title-right-icon {
        float: right; }
    .search-filter-body .search-statistic .single-result {
      display: inline-block;
      background-color: #fff;
      color: #666;
      padding: 0.4rem 0.6rem;
      -webkit-border-radius: 0.1rem;
      -moz-border-radius: 0.1rem;
      -ms-border-radius: 0.1rem;
      -o-border-radius: 0.1rem;
      border-radius: 0.1rem;
      margin: 0 0.5rem 0.5rem 0;
      font-size: 0.7rem;
      line-height: 0.7rem;
      border: 1px solid #dfdfdf; }

.search-result-list-ul {
  position: absolute;
  top: 2.1rem;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #dfdfdf;
  background-color: #fff;
  z-index: 10; }
  .search-result-list-ul .search-result-list-li {
    font-size: 0.7rem;
    line-height: 2.5rem;
    height: 2.5rem;
    margin: 0rem 0.5rem;
    border-bottom: 1px solid #ddd; }
    .search-result-list-ul .search-result-list-li a {
      display: inline-block;
      width: 100%; }
    .search-result-list-ul .search-result-list-li:last-child {
      border-bottom-width: 0px; }
.search-header {
  position: relative; }
  .search-header .search-index {
    position: absolute;
    height: 32px;
    top: 6px;
    left: 0.5rem;
    right: 0.5rem;
    border-radius: 2px;
    color: #999;
    background-color: #fff;
    font-size: 0.7rem; }
    .search-header .search-index .inner-search-index {
      display: -webkit-flex;
      display: flex;
      height: 100%;
      line-height: 32px; }
      .search-header .search-index .inner-search-index .form {
        -webkit-flex: 1;
        flex: 1; }
        .search-header .search-index .inner-search-index .form input {
          color: black; }
      .search-header .search-index .inner-search-index .search-icon {
        width: 2.2rem;
        margin-top: -2px; }
    .search-header .search-index .search-center-content .search-icon {
      width: 100%; }
      .search-header .search-index .search-center-content .search-icon i {
        font-size: 0.7rem; }
    .search-header .search-index .search-center-content input {
      width: 0; }
  .search-header .location-icon {
    position: relative;
    display: inline-block;
    top: -0.1rem;
    width: 2.2rem;
    height: 2.2rem; }
    .search-header .location-icon i {
      font-size: 1.2rem; }

.index-search-header .search-index {
  left: 2.3rem; }

.index-search-header .index-icon {
  position: absolute;
  top: 6px;
  left: 0.5rem;
  height: 32px; }
.bomb-image .image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  z-index: 2;
  transform: translate(-50%, -50%); }
  .bomb-image .image .icon-newpm-close {
    position: absolute;
    top: 0rem;
    font-size: 1.6rem;
    right: 0.2rem;
    color: white; }
.front-category-box .scroll-wrap {
  position: relative; }

.front-category-body {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 50px; }
  .front-category-body .category-tab {
    float: left;
    width: 24%;
    height: 100%;
    overflow: auto;
    background-color: #fff; }
    .front-category-body .category-tab ul li {
      border-bottom: 1px solid #dfdfdf;
      border-right: 1px solid #dfdfdf;
      color: #333;
      font-size: 0.7rem;
      text-align: center;
      line-height: 2.5rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      background-color: #fff; }
    .front-category-body .category-tab ul .active {
      color: #197aff;
      background-color: #F5F5F5;
      border-right: 0; }
  .front-category-body .category-sub {
    float: left;
    background-color: #F5F5F5;
    width: 75%;
    height: 100%;
    padding: 0.5rem;
    overflow: auto; }
    .front-category-body .category-sub .category-block .category-sub-title {
      color: #666;
      font-size: 0.7rem;
      line-height: 2rem; }
    .front-category-body .category-sub .category-block .category-sub-content {
      background-color: #fff;
      padding: 0.5rem; }
      .front-category-body .category-sub .category-block .category-sub-content .category-sub-single {
        width: 33%;
        float: left;
        padding: 0.5rem;
        text-align: center; }
        .front-category-body .category-sub .category-block .category-sub-content .category-sub-single .name {
          font-size: 0.6rem;
          color: #666;
          line-height: 0.6rem;
          height: 0.6rem;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
.item-list {
  border-top: 1px solid #dfdfdf;
  overflow: hidden;
  background-color: white;
  min-height: 2rem; }
  .item-list :after {
    clear: both; }
  .item-list .item {
    width: 33.3%;
    float: left;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf; }
    .item-list .item.last {
      border-right: 0; }
    .item-list .item .item-img {
      width: 100%;
      text-align: center;
      padding: 0.5rem 0; }
      .item-list .item .item-img img {
        width: 5rem;
        height: 5rem; }
    .item-list .item .item-info {
      padding: 0.5rem;
      line-height: 1.1rem; }
      .item-list .item .item-info .item-name {
        position: relative;
        width: 100%;
        height: 28px;
        line-height: 14px;
        font-size: 0.6rem;
        font-weight: normal;
        overflow: hidden;
        word-break: break-all; }
      .item-list .item .item-info .item-price {
        font-size: 0.7rem;
        line-height: 0.7rem; }

.search-list {
  background-color: inherit; }
  .search-list .item {
    width: 49%;
    background-color: #fff;
    margin-right: 0.35rem;
    margin-bottom: 0.35rem;
    border: 0;
    box-shadow: #dfdfdf 0 1px 1px 0; }
    .search-list .item.last {
      margin-right: 0rem; }
    .search-list .item .item-img img {
      width: 8.4rem;
      height: 8.4rem; }
    .search-list .item .item-info {
      padding: 0 0.5rem 0.5rem 0.5rem; }
      .search-list .item .item-info .item-name {
        margin-bottom: 0.5rem;
        height: 30px; }
  .search-list .item-little {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 0.5rem; }
    .search-list .item-little .item-img-little {
      text-align: center;
      float: left;
      padding: 0.2rem 0;
      margin: 0 0.5rem; }
      .search-list .item-little .item-img-little .img-little {
        width: 3rem;
        height: 3rem;
        border: 1px solid #dfdfdf; }
    .search-list .item-little .item-info-little {
      line-height: 1.1rem;
      font-size: 0.6rem;
      height: 3.75rem;
      position: relative; }
      .search-list .item-little .item-info-little .item-name-little {
        width: 80%;
        padding: 0.6rem 0; }
      .search-list .item-little .item-info-little .price-little {
        position: absolute;
        right: 0.5rem;
        bottom: 1.5rem; }
.item-bottom {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  background-color: white;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #dfdfdf; }
  .item-bottom .item-bottom-operates {
    background-color: white;
    align-items: center;
    width: 12rem; }
    .item-bottom .item-bottom-operates .bottom-btn {
      float: right;
      width: 6rem; }
  .item-bottom .sku-modal-wrap {
    height: auto;
    width: 100%;
    background-color: white;
    bottom: 0rem;
    position: fixed;
    z-index: 99;
    font-size: 0.7rem;
    border-top: 1px solid #dfdfdf; }
    .item-bottom .sku-modal-wrap .sku-modal {
      padding: 0.3rem; }
      .item-bottom .sku-modal-wrap .sku-modal .close-sku-modal {
        position: absolute;
        right: 0.5rem;
        top: 0.3rem;
        color: #bbb; }
        .item-bottom .sku-modal-wrap .sku-modal .close-sku-modal i {
          font-size: 1rem; }
      .item-bottom .sku-modal-wrap .sku-modal .sku-info-modal {
        display: -webkit-flex;
        display: flex;
        padding: 0.3rem;
        border-bottom: 1px solid #dfdfdf; }
        .item-bottom .sku-modal-wrap .sku-modal .sku-info-modal img {
          width: 3rem;
          height: 3rem; }
        .item-bottom .sku-modal-wrap .sku-modal .sku-info-modal .sku-info-detail {
          margin-left: 0.5rem;
          color: #999; }
      .item-bottom .sku-modal-wrap .sku-modal .input-amount a {
        padding: 0.2rem 0.5rem; }
      .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .attr-wrap {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #dfdfdf; }
      .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container {
        padding: 0 0 0.75rem; }
        .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container .attr-wrap {
          padding: 0.4rem 0 0 0; }
        .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container label {
          margin: 0.5rem 0.5rem 0.5rem 0;
          color: #999;
          font-size: 0.7rem;
          line-height: 0.7rem; }
        .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container ul {
          padding-bottom: 10px;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex: 0 0 100%;
          flex: 0 0 100%; }
        .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container .attribute-item {
          padding: 0.4rem;
          min-width: 3.5rem;
          text-align: center;
          margin: 0.2rem 0.1rem;
          border: 1px solid #dfdfdf;
          cursor: pointer;
          color: #666;
          border-radius: 0.1rem;
          font-size: 0.6rem;
          line-height: 0.6rem; }
          .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container .attribute-item.selected {
            border: 1px solid #197aff;
            color: #197aff; }
          .item-bottom .sku-modal-wrap .sku-modal .sku-select-modal .sku-container .attribute-item.disabled {
            pointer-events: none;
            background-color: #F5F5F5;
            border: 1px dashed #dfdfdf; }
  .item-bottom .item-left, .item-bottom .item-left-cart {
    font-size: 0;
    text-align: center;
    margin-top: 0.2rem; }
    .item-bottom .item-left a i, .item-bottom .item-left-cart a i {
      font-style: normal;
      color: #999; }
    .item-bottom .item-left a i.icon-icon, .item-bottom .item-left-cart a i.icon-icon {
      font-size: 1rem; }
    .item-bottom .item-left a i.icon-text, .item-bottom .item-left-cart a i.icon-text {
      font-size: 0.55rem; }
  .item-bottom .item-left {
    margin-left: 0.3rem;
    width: 2.8rem; }
  .item-bottom .item-left-cart {
    width: 2.8rem; }

.page-up-down-back-enter .item-bottom, .page-up-down-go-leave .item-bottom {
  display: none; }
.item-comments {
  padding: 0 0.5rem;
  background-color: #fff;
  font-size: 0.7rem;
  position: relative; }
  .item-comments .comment-top {
    font-size: 0.8rem;
    line-height: 0.8rem;
    padding-top: 1.1rem;
    color: #197aff; }
    .item-comments .comment-top i {
      margin-top: -0.15rem;
      margin-right: 0.4rem; }
    .item-comments .comment-top span {
      position: absolute;
      top: 1.1rem;
      right: 0.5rem; }
      .item-comments .comment-top span i, .item-comments .comment-top span label {
        color: #999; }
  .item-comments .comment-body p {
    margin-top: 1.05rem;
    line-height: 1rem;
    color: #666; }
  .item-comments .comment-body .comment-img li {
    list-style: none;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    padding: 0;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem; }
    .item-comments .comment-body .comment-img li img {
      height: 100%;
      width: 100%; }
  .item-comments .comment-goods {
    margin-top: 0.5rem;
    color: #999; }
  .item-comments .comment-bottom {
    margin-top: 0.65rem;
    padding-bottom: 1.15rem;
    color: #999;
    border-bottom: 1px solid #dfdfdf; }
    .item-comments .comment-bottom label {
      vertical-align: middle; }
    .item-comments .comment-bottom .comment-rep {
      margin-top: 0.15rem;
      position: relative; }
      .item-comments .comment-bottom .comment-rep p {
        line-height: 1rem;
        padding: 0.5rem;
        margin: 0;
        margin-top: 1rem;
        background-color: #F5F5F5;
        color: #666; }
        .item-comments .comment-bottom .comment-rep p:before {
          content: "";
          position: absolute;
          top: -1rem;
          left: 1rem;
          border: 0.5rem solid transparent;
          border-bottom: 0.5rem solid #F5F5F5; }
  .item-comments .noborder {
    border: none; }

.no-comment-panel {
  text-align: center; }
  .no-comment-panel .icon {
    height: 3rem;
    width: 100%;
    text-align: center;
    margin-top: 11rem;
    margin-bottom: 1rem; }
    .no-comment-panel .icon i {
      font-size: 2.6rem;
      color: #bbb; }
  .no-comment-panel .text {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.7rem;
    color: #666; }
.item-detail.contents {
  text-align: center;
  min-height: 30rem; }
  .item-detail.contents img, .item-detail.contents table {
    width: 100%; }

.page-up-down-back-leave .item-detail-wrap .header-fixed {
  display: none; }
.items .promotion-info,
.items .coupon-info {
  line-height: 1.2rem;
  font-size: 0.7rem; }
  .items .promotion-info .left,
  .items .coupon-info .left {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0 5px;
    margin-right: 5px;
    color: #197aff;
    border: 1px dashed #197aff; }
  .items .promotion-info .right,
  .items .coupon-info .right {
    color: #197aff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }

.items .coupon-box {
  background-color: #dfdfdf;
  margin-top: -0.5rem;
  padding: 0.65rem 0.5rem; }
  .items .coupon-box .fetch-coupon {
    margin-left: -0.5rem; }
    .items .coupon-box .fetch-coupon .coupon-list {
      margin-top: 0.5rem; }
  .items .coupon-box .coupon-info .right {
    color: #999; }

.items .shangpintishi {
  position: absolute;
  top: 20%;
  left: 50%;
  height: 6rem;
  width: 6rem;
  border-radius: 3rem;
  margin-left: -3rem;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
  overflow: hidden;
  z-index: 1; }
  .items .shangpintishi i {
    margin-top: 20%;
    font-size: 1.5rem;
    font-weight: 600; }
  .items .shangpintishi span {
    font-size: 0.9rem; }

.items .item-navline {
  margin-bottom: 0.5rem;
  font-size: 0.7rem; }
  .items .item-navline label {
    color: #666;
    font-size: 0.7rem;
    display: inline-block;
    width: 3rem; }
  .items .item-navline i {
    font-size: 1rem; }

.items .item-info {
  background-color: #fff;
  position: relative;
  line-height: 1.4rem; }

.items .content-padded {
  margin: 0;
  padding: 10px; }
  .items .content-padded .item-shop-name {
    position: relative;
    margin-top: 0.5rem;
    font-size: 0.7rem;
    height: 1rem;
    color: #999; }
    .items .content-padded .item-shop-name i {
      line-height: 1rem;
      font-size: 0.9rem;
      position: absolute;
      top: 0.1rem; }
    .items .content-padded .item-shop-name span {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      padding-left: 1.2rem;
      line-height: 0.7rem;
      height: 0.7rem;
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 6rem; }

.items .content-other {
  border-top: #f0f0f0 solid 1px;
  margin: 0 10px;
  padding: 10px 0; }
  .items .content-other span {
    margin-right: 0.7rem; }

.items .item-name {
  font-size: 0.8rem;
  line-height: 1rem;
  word-break: break-all;
  color: #333;
  margin: 0 0 0.25rem 0; }
  .items .item-name del.item-price {
    margin-left: 1rem;
    font-size: 0.7rem;
    color: #666; }

.items .item-advertise {
  color: #197aff;
  margin: 0;
  font-size: 0.7rem; }

.items .item-price {
  font-size: 1.1rem; }

.items .note-content {
  font-size: 0.6rem;
  word-break: break-all;
  padding: 0.5rem 0.6rem;
  background-color: #F5F5F5; }

.items .note-context {
  font-size: 12px; }

.items .navigate-right:after {
  color: #000; }

.items .table-view {
  margin-top: 0.5rem; }

.items .bottom-more {
  text-align: center;
  padding-top: 0.25rem;
  font-size: 0.7rem; }

.item-overlay {
  position: absolute;
  top: 0;
  z-index: 11;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); }
.header-fixed {
  border-bottom: 1px solid #dfdfdf; }

.goods-display .header-fixed .header-secondary .header-wrap .icon-pokeball {
  width: 2.2rem; }

.goods-display .search-header-start .search-index {
  right: 1rem;
  left: 2rem; }
  .goods-display .search-header-start .search-index .inner-search-index {
    background-color: #F5F5F5; }

.goods-display .item-operate {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf; }
  .goods-display .item-operate .item-operate-ul {
    width: 100%; }
    .goods-display .item-operate .item-operate-ul li {
      float: left;
      width: 25%;
      height: 2.2rem;
      text-align: center;
      padding: 0.3rem 0 0.3rem 0; }
      .goods-display .item-operate .item-operate-ul li a {
        font-size: 0.7rem;
        color: #666; }
    .goods-display .item-operate .item-operate-ul .border-outline {
      width: 0;
      border-left: 1px solid #dfdfdf;
      height: 1.2rem;
      margin: 0.5rem 0; }
    .goods-display .item-operate .item-operate-ul .icon-chice-way {
      width: 24%; }
      .goods-display .item-operate .item-operate-ul .icon-chice-way .icon-newpm {
        margin-right: 0.2rem;
        font-size: 1rem;
        color: #bbb; }
      .goods-display .item-operate .item-operate-ul .icon-chice-way span {
        font-size: 0.7rem;
        color: #666; }

.goods-display .search-list {
  margin-top: 0.5rem;
  border-top-width: 0px !important; }

.icon-chice-ul {
  position: absolute;
  width: 3rem;
  top: 4.4rem;
  right: 0rem;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #dfdfdf;
  z-index: 1; }
  .icon-chice-ul li {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dfdfdf; }
    .icon-chice-ul li .icon-newpm-liebiaoxingshi, .icon-chice-ul li .icon-newpm-qiapianxingshi {
      font-size: 1rem; }

.chice-color {
  color: #197aff !important; }

.no-goods {
  text-align: center;
  margin-top: 1rem;
  color: #666; }
  .no-goods span {
    font-size: 0.5rem; }

.goods-display .filter {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0; }
  .goods-display .filter .filter-context {
    float: right;
    width: 14.75rem;
    background-color: #fff;
    height: 100%;
    z-index: 2; }
    .goods-display .filter .filter-context .filter-container {
      -webkit-flex: 1;
      flex: 1; }
    .goods-display .filter .filter-context .single-list {
      margin: 0.5rem 0.5rem 0.75rem 0.5rem;
      color: #666; }
      .goods-display .filter .filter-context .single-list .single-list-top {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 0.5rem;
        line-height: 0.8rem; }
        .goods-display .filter .filter-context .single-list .single-list-top .title {
          font-size: 0.65rem; }
        .goods-display .filter .filter-context .single-list .single-list-top i {
          font-size: 1rem; }
      .goods-display .filter .filter-context .single-list .single-lists {
        width: 100%;
        max-height: 3.5rem;
        overflow: hidden; }
        .goods-display .filter .filter-context .single-list .single-lists a, .goods-display .filter .filter-context .single-list .single-lists input {
          border-radius: 0.1rem;
          width: 4.4rem;
          background-color: #f1f1f1;
          color: #666;
          text-align: center;
          height: 1.5rem;
          line-height: 1.5rem;
          font-size: 0.65rem;
          margin-bottom: 0.25rem;
          margin-right: 0.275rem;
          overflow: hidden; }
        .goods-display .filter .filter-context .single-list .single-lists a {
          padding: 0 0.5rem;
          float: left; }
        .goods-display .filter .filter-context .single-list .single-lists input {
          width: 6rem;
          margin-right: 0rem;
          margin-bottom: 0rem; }
        .goods-display .filter .filter-context .single-list .single-lists .not-margin-right {
          margin-right: 0rem; }
      .goods-display .filter .filter-context .single-list .price-lists {
        height: 2rem;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
      .goods-display .filter .filter-context .single-list .chice-single {
        border-radius: 0.1rem;
        display: inline-block;
        position: relative;
        text-align: center;
        width: 4.4rem;
        border: 1px solid #197aff;
        color: #197aff;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 0.7rem;
        overflow: hidden; }
        .goods-display .filter .filter-context .single-list .chice-single i {
          font-size: 0.4rem;
          position: absolute;
          right: 0;
          bottom: -0.5rem; }
    .goods-display .filter .filter-context .footer-botton {
      display: -webkit-flex;
      display: flex;
      flex-wrap: nowrap; }
      .goods-display .filter .filter-context .footer-botton .other-color {
        background-color: #ffab02; }
      .goods-display .filter .filter-context .footer-botton span {
        font-size: 0.7rem; }

.goods-display em {
  color: #197aff;
  display: inline-block; }

.show-other-height {
  height: 100% !important;
  max-height: none !important; }
.shop-banner {
  height: 3rem;
  background-size: cover; }
  .shop-banner .shop-banner-nav {
    padding: 0.5rem;
    color: white;
    line-height: 2rem;
    font-size: 0.7rem;
    z-index: 2; }
.shop-banner-icon .search-index {
  left: 2.5rem;
  right: 4rem; }
  .shop-banner-icon .search-index .inner-search-index {
    background-color: #F5F5F5; }
    .shop-banner-icon .search-index .inner-search-index input {
      background-color: inherit;
      border: 0; }

.shop-search-list-banner .search-index {
  left: 2.5rem;
  right: 1rem; }
  .shop-search-list-banner .search-index .inner-search-index {
    background-color: #F5F5F5; }
    .shop-search-list-banner .search-index .inner-search-index input {
      background-color: inherit;
      border: 0; }

.banner-icon-location {
  position: relative;
  top: -0.1rem;
  height: 2.2rem;
  text-align: center; }
  .banner-icon-location i {
    font-size: 1.2rem;
    margin-right: 0.5rem; }

.show-more {
  position: absolute;
  right: 0.25rem;
  top: 2.2rem;
  width: 7.4rem;
  height: 2.2rem;
  background-color: black;
  z-index: 2; }
  .show-more .goto-index {
    display: inline-block;
    width: 7.4rem;
    height: 2.2rem;
    line-height: 2.2rem; }
    .show-more .goto-index:after {
      position: absolute;
      right: 0.35rem;
      top: -10px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid black;
      content: '';
      z-index: 100; }
    .show-more .goto-index .icon-pokeball-home {
      position: relative;
      left: 1rem;
      width: initial !important;
      color: #fff !important; }
      .show-more .goto-index .icon-pokeball-home span {
        position: relative;
        left: 0.5rem;
        bottom: 0.1rem;
        font-size: 0.8rem;
        color: #fff; }

.show-list {
  position: absolute;
  right: 0.25rem;
  top: 2.2rem;
  width: 7.4rem;
  background-color: rgba(1, 1, 1, 0.8);
  z-index: 2; }
  .show-list:after {
    position: absolute;
    right: 2rem;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
    content: '';
    z-index: 100; }
  .show-list .goto-single-item {
    display: block;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: left; }
    .show-list .goto-single-item .item-color {
      color: #197aff !important; }

.header-fixed .shop-banner-icon .header-wrap .goto-single-item span {
  color: #fff;
  font-size: 0.8rem;
  margin-left: 1rem; }

.shop-goods-display .item-operate .item-operate-ul li {
  width: 33% !important; }
.cart .pull-left {
  float: left; }

.cart.no-item .table-view {
  margin-bottom: 0; }

.cart input[type=checkbox] {
  display: none; }

.cart .checkbox-column {
  width: 8%;
  margin-top: 25px;
  line-height: 0.6rem; }
  .cart .checkbox-column .checkbox-disabled {
    padding: 0.1rem;
    background-color: #666;
    color: white;
    font-size: 0.6rem;
    line-height: 0.6rem; }

.cart .cart-shop-check {
  width: 1.5rem; }

.cart .order-title-row {
  line-height: 1rem;
  margin-bottom: rem;
  padding: 0 0.5rem 0.5rem 0.5rem;
  color: #333;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cart .table-view {
  margin-bottom: 0; }

.cart .shop-name {
  color: #666;
  font-size: 0.7rem;
  word-break: break-all; }
  .cart .shop-name i {
    font-size: 1rem;
    position: relative;
    top: -0.05rem; }
  .cart .shop-name span {
    vertical-align: middle; }

.cart .item {
  padding: 0.5rem 0; }

.cart .item:last-child {
  border-bottom: 0; }

.cart .item-info {
  width: 92%;
  padding-left: 0.5rem; }

.cart .itemQuantity {
  height: 24px;
  vertical-align: middle; }

.cart .column-overflow {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cart .item-name {
  font-size: 0.7rem;
  line-height: 1rem;
  color: #333; }

.cart .item-stock {
  font-size: 0.7rem;
  vertical-align: initial; }

.cart .item-attribute {
  line-height: 0.7rem;
  color: #333; }
  .cart .item-attribute span {
    color: #999;
    font-size: 0.7rem; }

.cart .item-price,
.cart .item-edit-area {
  width: 80%;
  padding-left: 0.5rem;
  line-height: 1rem;
  font-size: 0.7rem; }

.cart .item-single-delete {
  position: absolute;
  right: -3rem;
  top: 0rem;
  width: 3rem;
  line-height: 4.3rem;
  text-align: center;
  background-color: #197aff; }
  .cart .item-single-delete span {
    color: #fff;
    font-size: 0.7rem; }

.cart .item-edit-area {
  width: 100%;
  padding-left: 0.2rem;
  text-align: right; }
  .cart .item-edit-area i {
    color: #197aff; }

.cart .input-amount {
  display: inline-block;
  vertical-align: middle; }
  .cart .input-amount a {
    height: 24px; }
  .cart .input-amount a:first-child {
    border-bottom-left-radius: 0.1rem;
    border-top-left-radius: 0.1rem; }
  .cart .input-amount a:last-child {
    border-bottom-right-radius: 0.1rem;
    border-top-right-radius: 0.1rem; }
  .cart .input-amount input {
    width: 1.8rem; }

.cart .quantity {
  color: #adb1b6; }

.cart .item-link {
  color: #333; }

.cart .cart-edit {
  padding: 0.5rem 5px;
  margin-top: -9px; }

.cart .order-item-row {
  position: absolute;
  left: 0px;
  width: 100%;
  border-bottom: 0; }

.cart .cart-order-item-row {
  width: 100%;
  min-height: 4.3rem;
  overflow: hidden;
  position: relative; }
  .cart .cart-order-item-row .order-item-row {
    border-bottom: 1px solid #dfdfdf;
    height: 4.3rem;
    background-color: #fff;
    padding: 0 0.5rem;
    left: 0px; }

.cart .delete-item {
  font-size: 1rem; }

.cart .order-button-row {
  position: absolute;
  width: 100px;
  height: 100%;
  top: 1px;
  right: 0;
  z-index: 1; }
  .cart .order-button-row .delete-btn {
    width: 70px;
    height: 100%;
    margin: 0px;
    padding: 2em 1em;
    float: right;
    border: none;
    color: white;
    background-color: red;
    font-size: 16px;
    display: block;
    text-align: center;
    overflow: hidden;
    cursor: pointer; }

.cart .list-view {
  border-bottom: 0; }

.cart .table-view-cell {
  padding: 0.5rem 0 0;
  background-color: white;
  margin-bottom: 0.5rem; }

.cart .img-column {
  width: 20%; }
  .cart .img-column img {
    width: 100%;
    max-width: 4rem;
    max-height: 3.7rem; }

.cart .name-column {
  width: 80% !important;
  padding-left: 0.5rem;
  font-size: 0.7rem; }

.cart .no-item-cell {
  text-align: center;
  padding: 15px; }
  .cart .no-item-cell p {
    text-align: center;
    font-size: 16px;
    margin: 40px 0 15px; }
  .cart .no-item-cell .no-item-img {
    margin: 1.5rem 0 1.5rem; }

.cart-footer {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  background-color: white;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #dfdfdf; }
  .cart-footer .cart-footer-inner {
    padding: 0.5rem; }
  .cart-footer.no-item {
    background-color: white;
    height: 62px; }
  .cart-footer .js-select-all {
    display: none; }
  .cart-footer .cart-check-span {
    line-height: 1rem;
    font-size: 0.6rem;
    width: auto;
    top: -0.1rem; }
    .cart-footer .cart-check-span span {
      display: inline-block;
      margin-left: 25px;
      font-size: 0.6rem; }
  .cart-footer .price-total {
    font-size: 0.8rem;
    line-height: 1rem;
    position: relative;
    display: inline-block; }
    .cart-footer .price-total .note {
      font-size: 0.6rem; }

.cart-check-span {
  height: 1rem;
  width: 1.5rem;
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
  .cart-check-span i {
    position: absolute;
    color: #dfdfdf;
    font-size: 1rem; }
    .cart-check-span i.icon-newpm-xuanzhong {
      display: none;
      color: #197aff; }
  .cart-check-span.active .icon-newpm-weixuanzhong {
    display: none; }
  .cart-check-span.active .icon-newpm-xuanzhong {
    display: inline-block; }

.cart-header-name {
  color: #999 !important; }

.tab-item {
  width: 6rem !important; }
.modal {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
  .modal .coupon-modal {
    background-color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2; }
    .modal .coupon-modal .item-header {
      height: 2rem;
      line-height: 2rem;
      width: 100%;
      text-align: center;
      font-size: 0.7rem;
      color: #333;
      border-bottom: 1px solid #dfdfdf; }
      .modal .coupon-modal .item-header .close-modal {
        position: absolute;
        right: 0.8rem; }
        .modal .coupon-modal .item-header .close-modal i {
          font-size: 1rem; }
    .modal .coupon-modal .inner-wrap {
      min-height: 8rem;
      max-height: 15rem;
      overflow: scroll; }
      .modal .coupon-modal .inner-wrap .coupon-item {
        height: 3rem;
        line-height: 2.9rem;
        font-size: 0.8rem;
        border: 1px dashed #bbb;
        margin: 0.5rem;
        color: #666; }
        .modal .coupon-modal .inner-wrap .coupon-item.active {
          color: #197aff;
          border: 1px dashed #197aff; }
        .modal .coupon-modal .inner-wrap .coupon-item .icon-area {
          position: relative;
          top: -0.1rem;
          display: inline-block;
          height: 100%;
          width: 2.5rem;
          text-align: center;
          font-size: 0; }
          .modal .coupon-modal .inner-wrap .coupon-item .icon-area i {
            font-size: 1rem; }
            .modal .coupon-modal .inner-wrap .coupon-item .icon-area i.icon-newpm-xuanzhong {
              color: #197aff; }
            .modal .coupon-modal .inner-wrap .coupon-item .icon-area i.icon-newpm-weixuanzhong {
              color: #bbb; }
        .modal .coupon-modal .inner-wrap .coupon-item .label-area {
          display: inline-block;
          height: 100%; }
  .modal .overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
.order-logistic .logistics-content {
  height: 100%; }

.order-logistic .logistics-info {
  font-size: 0.7rem;
  padding: 0 0.5rem 0.25rem 0.5rem;
  margin-top: 0.5rem;
  background-color: #fff; }
  .order-logistic .logistics-info .title {
    color: #197aff;
    line-height: 1.6rem; }
  .order-logistic .logistics-info .info {
    font-size: 0.6rem;
    color: #666; }
    .order-logistic .logistics-info .info span {
      width: 50%;
      display: inline-block;
      text-align: left;
      line-height: 0.8rem;
      margin-bottom: 0.25rem; }

.order-logistic .logistics-detail {
  margin-top: 0.5rem;
  background-color: #fff;
  padding: 0 1.5rem; }
  .order-logistic .logistics-detail .no-logistic {
    font-size: 0.6rem;
    color: #197aff;
    text-align: center; }
  .order-logistic .logistics-detail .logistic-ul {
    padding: 1rem 0; }
    .order-logistic .logistics-detail .logistic-ul .logistic-li-node {
      display: -webkit-flex;
      display: flex; }
      .order-logistic .logistics-detail .logistic-ul .logistic-li-node:first-child .node {
        background-color: #50E3C2 !important; }
      .order-logistic .logistics-detail .logistic-ul .logistic-li-node:last-child .bar {
        display: none; }
      .order-logistic .logistics-detail .logistic-ul .logistic-li-node .left-node {
        display: -webkit-flex;
        display: flex;
        flex-direction: column; }
        .order-logistic .logistics-detail .logistic-ul .logistic-li-node .left-node .node {
          width: 0.5rem;
          height: 0.5rem;
          border-radius: 0.5rem;
          background-color: #9b9b9b;
          vertical-align: top; }
          .order-logistic .logistics-detail .logistic-ul .logistic-li-node .left-node .node.active {
            background-color: #50E3C2; }
        .order-logistic .logistics-detail .logistic-ul .logistic-li-node .left-node .bar {
          width: 1px;
          -webkit-flex: 1;
          flex: 1;
          background-color: #C6C1C1;
          margin-left: 5px; }
      .order-logistic .logistics-detail .logistic-ul .logistic-li-node .right-node {
        -webkit-flex: 1;
        flex: 1;
        margin: 0 0 1rem 1.5rem;
        font-size: 0.7rem; }
        .order-logistic .logistics-detail .logistic-ul .logistic-li-node .right-node .node-info {
          white-space: normal;
          width: 100%;
          color: #666; }
        .order-logistic .logistics-detail .logistic-ul .logistic-li-node .right-node .node-time {
          white-space: normal;
          width: 100%;
          font-size: 0.6rem;
          color: #999; }
.add-comment {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
  font-size: 0rem; }
  .add-comment .order-brief {
    font-size: 0.7rem;
    padding: 0.5rem 0.5rem;
    height: 5rem;
    background: #fff;
    border-bottom: 1px solid #dfdfdf; }
    .add-comment .order-brief .left-img {
      display: inline-block;
      height: 80%;
      width: 22.5%;
      padding: 0.5rem; }
      .add-comment .order-brief .left-img img {
        width: 100%;
        height: 100%; }
    .add-comment .order-brief .right-info {
      float: right;
      width: 77.4%;
      padding-left: 0.5rem; }
      .add-comment .order-brief .right-info p {
        margin: 0;
        margin-bottom: 0.4rem;
        line-height: 0.8rem;
        height: 0.8rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .add-comment .order-brief .right-info .order-attr {
        color: #999; }
  .add-comment .order-level {
    font-size: 0.7rem;
    height: 9.8rem;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    padding: 0.5rem; }
    .add-comment .order-level .level {
      padding: 0.5rem 0;
      height: 2.2rem;
      text-align: right; }
      .add-comment .order-level .level span {
        color: #666;
        float: left;
        vertical-align: center;
        line-height: 1.2rem; }
      .add-comment .order-level .level i {
        margin-left: 0.5rem;
        font-size: 1.2rem;
        color: #dfdfdf; }
      .add-comment .order-level .level i.icon-newpm-favorfill {
        color: #197aff; }
  .add-comment textarea {
    font-size: 0.7rem;
    height: 5rem;
    resize: none;
    line-height: 0.8rem;
    background: #fff;
    color: #bbb;
    padding: 0.8rem 0.5rem;
    border-bottom: 1px solid #dfdfdf; }

.comment-footer {
  padding: 0.5rem 2rem; }
  .comment-footer button {
    font-size: 0.7rem;
    border-radius: 0.1rem; }
.order-confirm-bottom {
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #dfdfdf;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background-color: white;
  font-size: 0.8rem; }
  .order-confirm-bottom .order-confirm-price {
    line-height: 2.5rem;
    margin-right: 0.5rem;
    font-size: 0.6rem; }
    .order-confirm-bottom .order-confirm-price .price {
      font-size: 0.8rem; }
.order-confirm .column-overflow {
  font-size: 0.7rem;
  line-height: 0.8rem;
  margin: 0 0 5px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333; }
  .order-confirm .column-overflow.note {
    color: #999; }

.order-confirm .item-price {
  font-size: 0.7rem;
  margin-top: 0.6rem;
  line-height: 0.7rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .order-confirm .item-price .change-coupon {
    color: #666; }
  .order-confirm .item-price .no-coupon {
    color: #999; }
  .order-confirm .item-price .item-quantity {
    color: #999; }

.order-confirm .pay-type-item i {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.order-confirm .pay-type-item .pay-deliver-type {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.order-confirm .table-view-cell {
  margin-bottom: 0.5rem;
  padding: 0.75rem 0 0 0;
  background-color: white; }
  .order-confirm .table-view-cell:last-child {
    margin-bottom: 40px; }

.order-confirm .order-cell {
  background-color: white;
  border-bottom: 1px solid #dfdfdf; }
  .order-confirm .order-cell .order-extra-item.first {
    border-top: 0 !important; }

.order-confirm .order-title-row {
  padding-bottom: 0.5rem;
  margin: 0 0.75rem;
  color: #666;
  line-height: 1rem;
  font-size: 0.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .order-confirm .order-title-row .back-currency {
    color: #197aff; }
  .order-confirm .order-title-row i {
    font-size: 1rem;
    margin-bottom: 0.2rem; }
  .order-confirm .order-title-row span {
    vertical-align: middle; }

.order-confirm .order-item-row-outer {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }

.order-confirm .order-item-row {
  height: auto;
  border-bottom: 1px solid #dfdfdf;
  padding: 0.5rem 0;
  margin: 0 0.6rem;
  display: -webkit-flex;
  display: flex; }
  .order-confirm .order-item-row:last-child {
    border-bottom: 0px; }

.order-confirm .item-img {
  width: 20%; }
  .order-confirm .item-img img {
    width: 100%;
    max-height: 4rem;
    max-width: 4rem;
    display: block; }

.order-confirm .item-name {
  width: 80%;
  padding-left: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.order-confirm .label-text {
  text-align: right; }

.order-confirm .order-note .field-label {
  color: #666; }

.order-confirm .order-note .field-control {
  display: inline-block;
  float: right; }

.order-confirm .order-extra-item {
  height: 2.5rem;
  line-height: 2.5rem;
  border-bottom: 1px solid #dfdfdf;
  margin: 0 0.6rem;
  color: #333;
  font-size: 0.7rem; }
  .order-confirm .order-extra-item a {
    color: #197aff; }
  .order-confirm .order-extra-item input {
    margin-bottom: 0;
    background-color: transparent;
    -webkit-appearance: none;
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    line-height: 1.2rem;
    text-align: end; }
  .order-confirm .order-extra-item.first {
    border-top: 0.5rem solid #F5F5F5 !important;
    border-bottom: 0px; }
  .order-confirm .order-extra-item.last {
    border: none;
    border-top: 1px solid #dfdfdf !important; }

.order-confirm .order-summary-row {
  height: 100%;
  border-bottom: 0px;
  line-height: 1.3rem;
  margin: 0.5rem 0.6rem;
  padding-bottom: 0.5rem;
  display: -webkit-flex;
  display: flex;
  flex-direction: column; }
  .order-confirm .order-summary-row span {
    color: #333; }
  .order-confirm .order-summary-row > span {
    color: #666; }
  .order-confirm .order-summary-row span:last-child span {
    color: #197aff; }

.order-confirm .order-extra-title {
  font-size: 0.7rem;
  color: #666; }
  .order-confirm .order-extra-title .order-extra-title-frist {
    display: inline-block;
    color: black;
    margin-bottom: 0.1rem; }
    .order-confirm .order-extra-title .order-extra-title-frist .order-extra-title-username {
      margin-right: 0.5rem; }

.order-confirm .pull-margin-right {
  margin-right: 0.5rem; }

.order-confirm .address-cell {
  padding: 0.7rem 0.3rem;
  margin-bottom: 0.5rem;
  color: #666;
  background-color: white;
  font-size: 0.75rem; }
  .order-confirm .address-cell i {
    font-size: 1rem;
    width: 7%;
    vertical-align: middle;
    color: #dfdfdf; }
  .order-confirm .address-cell p {
    width: 90%;
    margin: 0;
    margin-left: 10px;
    color: #666;
    font-size: 0.7rem; }
  .order-confirm .address-cell a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0; }

.order-confirm .address-border {
  height: 2px;
  width: 100%;
  margin-top: 0.5rem;
  background: url(/assets/images/other-images/address-border.png) repeat-x; }

.order-invoice-list .invoice-status {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0.2rem; }

.order-invoice-list .active {
  background-color: #197aff;
  color: white; }

.order-invoice-list .default {
  background-color: #bbb;
  color: white; }

.list-panel {
  height: 100%;
  overflow-y: scroll; }
  .list-panel .promo-item {
    width: 100%;
    height: 4rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    align-items: center;
    padding: 0.3rem 0.5rem; }
    .list-panel .promo-item:last-child {
      margin-bottom: 3rem; }
    .list-panel .promo-item .promo-select {
      -webkit-flex: 1;
      flex: 1;
      height: 1rem;
      text-align: center;
      line-height: 1rem;
      font-size: 0.6rem;
      margin-right: 0.5rem;
      border-radius: 2px;
      color: white;
      background: #197aff; }
      .list-panel .promo-item .promo-select.change-out {
        color: #333;
        background: #dfdfdf; }
    .list-panel .promo-item .promo-name {
      -webkit-flex: 9;
      flex: 9;
      height: 100%;
      line-height: 3.4rem;
      font-size: 1.1rem;
      padding-left: 0.5rem;
      background: white;
      text-align: center;
      color: #666;
      border: 1px dashed #bbb;
      border-radius: 0.5rem;
      letter-spacing: 2px; }
      .list-panel .promo-item .promo-name.active-pro {
        color: #197aff;
        border: 1px dashed #197aff; }
.order-detail .detail-view .order-status-info {
  margin-bottom: 3px;
  padding-top: 0.5rem !important;
  color: #197aff; }

.order-detail .detail-view .order-detail-title-row {
  padding: 0 0.5rem;
  line-height: 1.5rem;
  border-top: 0;
  font-size: 0.7rem; }
  .order-detail .detail-view .order-detail-title-row i {
    color: #999;
    font-size: 1rem;
    margin-top: -2px;
    margin-right: 0.5rem; }
  .order-detail .detail-view .order-detail-title-row .price {
    color: #197aff; }

.order-detail .detail-view .detail-cell {
  margin-top: 0.5rem;
  background-color: #fff;
  font-size: 0.7rem; }
  .order-detail .detail-view .detail-cell .express-btn {
    margin-top: 0.5rem; }
  .order-detail .detail-view .detail-cell .order-title-row {
    position: relative; }
    .order-detail .detail-view .detail-cell .order-title-row i {
      position: absolute;
      top: -0.05rem; }
    .order-detail .detail-view .detail-cell .order-title-row .light-text {
      margin-left: 1.5rem; }
    .order-detail .detail-view .detail-cell .order-title-row .light-text-hidden {
      display: inline-block;
      overflow: hidden;
      max-width: 11.5rem;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .order-detail .detail-view .detail-cell .order-title-row span:last-child {
      color: #333; }
  .order-detail .detail-view .detail-cell .not-padding {
    padding: 0 0; }
  .order-detail .detail-view .detail-cell .order-content {
    padding: 0 0.5rem 0.5rem 0.5rem; }
    .order-detail .detail-view .detail-cell .order-content .order-address {
      color: #999;
      font-size: 0.7rem;
      margin-left: 1.5rem; }
    .order-detail .detail-view .detail-cell .order-content span {
      display: block;
      font-size: 0.6rem;
      color: #666; }
  .order-detail .detail-view .detail-cell .address-border {
    height: 2px;
    width: 100%;
    margin-bottom: 0.5rem;
    background: url(/assets/images/other-images/address-border.png) repeat-x; }

.order-detail .detail-view .padding-pay-type {
  padding: 0 0.5rem;
  margin-top: 0; }
  .order-detail .detail-view .padding-pay-type .first {
    border-top: 0; }

.column-line-feed {
  white-space: normal !important; }

.light-text {
  color: #666; }

.light-assist-text {
  color: #999; }

.disabled-text {
  color: #dfdfdf !important; }

.font-16 {
  font-size: 0.8rem !important; }
.order-return-item .column-overflow label {
  color: #999; }

.order-return-item .column-overflow span.return-fee {
  color: #197aff; }

.order-return-item .column-name {
  margin-bottom: 0.65rem !important; }

.order-return-item .order-item-row {
  padding: 0 !important;
  background-color: #fbfbfb; }
  .order-return-item .order-item-row .order-item-info-row {
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0 0.2rem !important;
    margin: 0 0.5rem; }

.order-return-item .cancel-return-row {
  background-color: #fbfbfb;
  border-top: 0 !important; }
.order .tabs {
  background-color: #fff;
  border-top: 0; }
  .order .tabs .active {
    color: #197aff;
    border-bottom: 0; }

.order .btn {
  margin-left: 0.25rem;
  border-radius: 2px;
  width: inherit; }

.order .table-view {
  margin-bottom: 0;
  height: 100%; }
  .order .table-view .table-view-cell {
    margin-top: 0.5rem;
    background-color: #fff; }

.order .order-title-row {
  padding: 0 0.5rem;
  color: #666;
  border-top: 1px solid #eee;
  background-color: #fff;
  line-height: 2.5rem;
  font-size: 0.7rem;
  overflow: hidden;
  max-height: 2.5rem;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .order .order-title-row i {
    color: #999;
    font-size: 1rem;
    margin-right: 0.5rem; }
  .order .order-title-row .post-fee {
    color: #999; }
  .order .order-title-row .order-comment-status {
    margin-left: 0.5rem; }
  .order .order-title-row .word-more-hide {
    word-break: break-all; }

.order .order-item-row {
  border-top: 1px solid #eee;
  border-bottom: 0 !important;
  font-weight: 300; }
  .order .order-item-row .order-item-title-row {
    padding: 0 0.5rem;
    line-height: 1.8rem;
    font-size: 0.6rem;
    color: #666; }
  .order .order-item-row .order-item-info-row {
    display: -webkit-flex;
    display: flex;
    padding: 0.5rem 0.5rem;
    background-color: #fbfbfb; }
  .order .order-item-row .order-item-operator-row {
    padding: 0 0.5rem;
    line-height: 2.5rem;
    overflow: hidden; }

.order .order-item-info-row .item-img {
  width: 20%; }
  .order .order-item-info-row .item-img img {
    width: 100%;
    max-height: 80px;
    max-width: 80px; }

.order .order-item-info-row .item-name {
  position: relative;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem; }
  .order .order-item-info-row .item-name .column-overflow {
    font-size: 0.7rem;
    line-height: 0.8rem;
    margin: 0 0 8px 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333; }
    .order .order-item-info-row .item-name .column-overflow.note {
      color: #999; }
  .order .order-item-info-row .item-name .item-price {
    line-height: 0.7rem;
    font-size: 0.7rem;
    color: #333; }
    .order .order-item-info-row .item-name .item-price .currency {
      margin-right: 0.5rem; }
  .order .order-item-info-row .item-name .price-column {
    width: auto !important;
    line-height: 0.7rem; }
    .order .order-item-info-row .item-name .price-column span {
      padding: 5px 0;
      display: -moz-inline-stack;
      display: inline-block;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-size: 0.6rem;
      color: #333; }
      .order .order-item-info-row .item-name .price-column span.order-item-status {
        color: #ffab02; }
    .order .order-item-info-row .item-name .price-column .inverse-status {
      padding: 0 0 5px 0; }

.order .no-order {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.7rem;
  color: #666;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center; }
  .order .no-order .btn {
    width: 100%;
    margin: 2rem 0 0 0; }

.order .orders-status {
  color: #ffab02; }

.apply-goods {
  position: relative; }
  .apply-goods .apply-goods-title {
    line-height: 0.7rem;
    font-size: 0.7rem;
    padding: 0.8rem 0.5rem;
    background-color: #fff;
    border-bottom: 1px solid #eee; }
    .apply-goods .apply-goods-title .star {
      color: #197aff; }
    .apply-goods .apply-goods-title .title-label {
      color: #666;
      margin-right: 0.9rem; }
  .apply-goods .buyer-note {
    background-color: #fff;
    padding: 0 0.5rem; }
    .apply-goods .buyer-note textarea {
      width: 100%;
      height: 10rem;
      overflow: hidden;
      resize: none;
      font-size: 0.7rem;
      padding: 0.8rem 0; }
  .apply-goods .submit-apply-good {
    width: 100%;
    position: absolute;
    padding: 0.5rem 2rem;
    bottom: 2.2rem; }

.text-right {
  text-align: right; }
.success {
  color: #5ec97c; }

.fail {
  color: #F35651; }

.pay-modal-container {
  text-align: center; }
  .pay-modal-container .modal-title {
    font-size: 0.8rem;
    line-height: 0.9rem; }
  .pay-modal-container .modal-ps {
    color: #999;
    display: inline-block;
    font-size: 0.7rem;
    line-height: 0.8rem; }

.pay-row {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1rem;
  color: #666; }
  .pay-row .col-3 {
    text-align: left;
    font-size: 0.7rem; }
  .pay-row .col-9 {
    text-align: right;
    font-size: 0.7rem; }
.payment {
  font-size: 0.7rem; }
  .payment .payment-navline {
    padding-right: 0.5rem; }
    .payment .payment-navline p {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
    .payment .payment-navline span {
      line-height: 1.4rem; }
    .payment .payment-navline .item-title {
      color: #666; }
  .payment .list-select {
    background-color: #fff;
    border-bottom: 0;
    padding: 15px 15px 0 15px;
    margin-top: 15px; }
  .payment .list-title {
    color: #666;
    font-size: 16px;
    height: 31px;
    margin-bottom: 6px; }
  .payment .list-pay {
    border-top: 1px solid #dfdfdf;
    padding: 10px 0;
    color: #999; }
    .payment .list-pay .icon-right {
      margin-top: 17px;
      color: #999; }
  .payment .pay-icon, .payment img {
    display: inline-block;
    height: 2rem;
    line-height: 2.5rem; }
  .payment .pay-icon {
    width: 4.5rem;
    font-size: 5rem; }
    .payment .pay-icon.icon-newpm-comiiszhifubao {
      color: #00aaef; }
    .payment .pay-icon.icon-newpm-comiisweixinzhifu {
      color: #03c000; }
.pay-result .modal.hide {
  display: block; }
li.normall-address, li.easy-address {
  background-color: #fff;
  padding: 0 0.5rem 0 0.5rem;
  border-bottom: 1px solid #dfdfdf; }
  li.normall-address .base-info, li.easy-address .base-info {
    font-size: 0.7rem;
    line-height: 0.8rem;
    padding: 0.6rem 0 0.4rem 0; }
    li.normall-address .base-info .user-name, li.easy-address .base-info .user-name {
      display: inline-block;
      margin-right: 0.5rem; }
    li.normall-address .base-info .mobile, li.easy-address .base-info .mobile {
      display: inline-block; }
  li.normall-address .address-small, li.easy-address .address-small {
    font-size: 0.7rem;
    color: #828686;
    margin-bottom: 0.5rem; }

ul.normal-list li.normall-address {
  margin-bottom: 0.5rem; }
  ul.normal-list li.normall-address .address-operate {
    border-top: 1px solid #dfdfdf;
    height: 2.5rem;
    padding-top: 0.3rem; }
    ul.normal-list li.normall-address .address-operate .setting-default {
      display: inline-block;
      color: #6d6f6f; }
      ul.normal-list li.normall-address .address-operate .setting-default.active i.icon-newpm {
        color: #f13238; }
      ul.normal-list li.normall-address .address-operate .setting-default i.icon-newpm {
        font-size: 1rem;
        line-height: 0.8rem;
        margin-top: 0.1rem;
        margin-right: 0.5rem; }
    ul.normal-list li.normall-address .address-operate .cart-check-span {
      vertical-align: middle; }
    ul.normal-list li.normall-address .address-operate label {
      font-size: 0.7rem;
      line-height: 0.8rem;
      color: #828686; }
    ul.normal-list li.normall-address .address-operate .editting-address {
      float: right; }
      ul.normal-list li.normall-address .address-operate .editting-address div {
        display: inline-block; }
        ul.normal-list li.normall-address .address-operate .editting-address div a {
          color: #828686; }
      ul.normal-list li.normall-address .address-operate .editting-address i.icon-newpm {
        font-size: 1rem; }
      ul.normal-list li.normall-address .address-operate .editting-address .btn.small-button {
        display: inline-block;
        width: auto;
        min-width: 1rem;
        color: #828686;
        background-color: #fff;
        line-height: 0.7rem;
        height: 100%;
        font-size: 0.7rem;
        padding: 0.4rem 1.5rem 0.4rem 0.5rem; }
      ul.normal-list li.normall-address .address-operate .editting-address .last-button {
        padding-right: 0rem !important; }

ul.easy-list li.easy-address .base-info.active {
  color: #f13238;
  margin-left: 1.2rem; }

ul.easy-list li.easy-address .address-small span.default {
  background-color: #f13238;
  color: #fff;
  padding: 0rem 0.2rem; }

ul.easy-list li.easy-address .default-choose {
  float: left;
  line-height: 1.6rem;
  margin-right: 0.4rem;
  margin-top: 0.05rem; }
  ul.easy-list li.easy-address .default-choose i.icon-newpm {
    color: #f13238; }

ul.easy-list li.easy-address .address-edit {
  float: right;
  padding-left: 0.75rem;
  padding-right: 0.4rem;
  border-left: 1px solid #828686;
  color: #828686;
  margin-top: 1rem; }
  ul.easy-list li.easy-address .address-edit i.icon-newpm {
    font-size: 1.2rem;
    margin-top: -0.2rem;
    color: #828686; }

.btn-bottom-color {
  background-color: transparent;
  padding: 0.5rem 2rem; }
  .btn-bottom-color button {
    border-radius: 0.1rem; }

.top-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.2rem;
  line-height: 2.2rem;
  width: 3rem;
  text-align: center;
  font-size: 0.8rem; }
  .top-button a {
    color: #666; }
.coupon-list {
  padding: 0 0.5rem; }
  .coupon-list .single-coupon {
    background-color: #fff;
    margin-bottom: 0.5rem;
    display: -webkit-flex;
    display: flex;
    border-radius: 5px; }
    .coupon-list .single-coupon .coupon-info {
      position: relative;
      border: 1px solid #dfdfdf;
      border-radius: 5px;
      width: 70%;
      padding: 0.5rem;
      font-size: 0.7rem;
      margin: 0.25rem 0 0.25em 0.25rem; }
      .coupon-list .single-coupon .coupon-info .single-info {
        line-height: 1.6rem; }
        .coupon-list .single-coupon .coupon-info .single-info.title {
          color: #333; }
        .coupon-list .single-coupon .coupon-info .single-info.scope {
          color: #999; }
          .coupon-list .single-coupon .coupon-info .single-info.scope .link-shops {
            color: #197aff; }
        .coupon-list .single-coupon .coupon-info .single-info.period {
          color: #999; }
      .coupon-list .single-coupon .coupon-info .semi-circle {
        position: absolute;
        background-color: #F5F5F5;
        border-radius: 0.5rem;
        width: 1rem;
        height: 1rem;
        right: -0.5rem; }
        .coupon-list .single-coupon .coupon-info .semi-circle.first {
          top: -0.75rem; }
        .coupon-list .single-coupon .coupon-info .semi-circle.last {
          bottom: -0.75rem; }
    .coupon-list .single-coupon .coupon-fee {
      display: -webkit-flex;
      display: flex;
      width: 30%;
      padding: 0.25rem 0.25rem 0.25rem 0;
      background-color: #197aff;
      border-radius: 5px; }
      .coupon-list .single-coupon .coupon-fee .fee {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        border: 1px solid #dfdfdf;
        color: #fff;
        text-align: center;
        font-size: 0.7rem;
        border-radius: 5px; }
        .coupon-list .single-coupon .coupon-fee .fee .fee-number {
          font-size: 1.2rem; }
    .coupon-list .single-coupon .disabled-fee {
      background-color: #bbb; }
.invoice-form .invoice-type {
  background-color: #fff;
  padding: 0 0.5rem 0.8rem 0.5rem;
  margin-top: 0.5rem; }
  .invoice-form .invoice-type .title {
    line-height: 2.5rem;
    color: #666;
    font-size: 0.7rem; }
  .invoice-form .invoice-type .select .btn {
    margin-right: 1rem;
    border-radius: 2px;
    width: inherit; }
  .invoice-form .invoice-type .select .active {
    border: 1px solid #197aff;
    color: #197aff; }

.invoice-form .invoice-body {
  margin-top: 0.5rem;
  background-color: #fff; }
  .invoice-form .invoice-body .form-group .form-field:last-child {
    border-bottom: 0; }
  .invoice-form .invoice-body .title input {
    width: 0; }
  .invoice-form .invoice-body .single-label .field-label {
    width: 3.5rem; }
  .invoice-form .invoice-body .label .field-label {
    width: 4rem; }
  .invoice-form .invoice-body .personal {
    margin-right: 4rem; }
  .invoice-form .invoice-body i {
    margin-right: 0.5rem; }
    .invoice-form .invoice-body i.icon-newpm-xuanzhong {
      color: #197aff; }
.invoice-manage .invoice-single {
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf; }
  .invoice-manage .invoice-single .invoice-title-row {
    border-bottom: 1px solid #dfdfdf;
    font-size: 0.7rem;
    line-height: 2.5rem;
    overflow: hidden; }
    .invoice-manage .invoice-single .invoice-title-row .title {
      height: 1.25rem;
      line-height: 1.6rem; }
    .invoice-manage .invoice-single .invoice-title-row .type {
      line-height: 1.25rem;
      color: #999;
      font-size: 0.6rem; }
  .invoice-manage .invoice-single .last {
    border-bottom: 0;
    color: #666; }
    .invoice-manage .invoice-single .last i {
      margin-right: 0.5rem;
      font-size: 1rem; }
      .invoice-manage .invoice-single .last i.active {
        color: #197aff; }

.pull-left {
  float: left; }
.login {
  background: white; }
  .login .header-fixed .header-secondary {
    border-bottom: 0; }
  .login .login-form {
    padding: 2rem 2rem; }
    .login .login-form .form-group {
      border: 0; }
      .login .login-form .form-group .form-field {
        margin: 0;
        padding: 1.2rem 0; }
        .login .login-form .form-group .form-field label {
          width: 1rem;
          margin-right: 1rem; }
          .login .login-form .form-group .form-field label i {
            font-size: 1rem; }
  .login .login-forget-pwd {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1.2rem; }
    .login .login-forget-pwd a {
      font-size: 0.7rem;
      color: #ccc; }
  .login .itemInfo {
    border: 1px solid #ddd;
    height: 50px;
    margin-bottom: 2px; }
.form .form-field {
  border-bottom-color: #ddd; }
  .form .form-field .field-label {
    color: #666; }
  .form .form-field .field-control input {
    color: #666;
    opacity: 1; }

.pr {
  position: relative; }

.picture-code {
  position: absolute;
  right: 0rem;
  top: 0.4rem;
  width: 5rem;
  height: 1.6rem; }

.btn-position {
  padding: 0.5rem 2rem;
  background-color: transparent; }
  .btn-position button {
    border-radius: 0.1rem;
    font-size: 0.7rem; }
.header-fixed .header-secondary {
  border-bottom: 0; }
  .header-fixed .header-secondary .header-wrap .edit span {
    color: #999; }

.form .form-group .form-field.last {
  height: 2.5rem; }

.edit {
  position: absolute;
  line-height: 0.9rem;
  right: 0.5rem;
  top: 0.66rem; }
  .edit span {
    display: inline-block;
    font-size: 0.7rem !important;
    line-height: 0.8rem; }

.user-message .user-info .portrait {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  border-bottom: 1px solid #ddd; }
  .user-message .user-info .portrait span {
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 0.7rem;
    line-height: 0.8rem;
    color: #666; }
  .user-message .user-info .portrait .user-avatar {
    width: 3rem;
    height: 3rem;
    font-size: 0.3rem;
    vertical-align: middle;
    margin-left: 2rem;
    border-radius: 100%; }
  .user-message .user-info .portrait .img-before {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    height: 3rem;
    width: 3rem;
    border-radius: 100%;
    left: 3.9rem;
    top: 0.64rem; }
    .user-message .user-info .portrait .img-before span {
      position: absolute;
      color: #fff;
      font-size: 0.6rem;
      left: 0.35rem;
      bottom: 1rem; }

.gender-box {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  height: 2.5rem; }
  .gender-box .box-title {
    font-size: 0.7rem;
    color: #666;
    margin-left: 0.5rem;
    margin-right: 1.5rem;
    line-height: 2.5rem; }
  .gender-box .box-content {
    line-height: 2.3rem; }
    .gender-box .box-content .sex-change i {
      font-size: 1rem;
      color: #dfdfdf; }
      .gender-box .box-content .sex-change i.icon-newpm-xuanzhong {
        color: #197aff; }
    .gender-box .box-content .sex-change label {
      color: #666;
      font-size: 0.7rem;
      padding-left: 0.3rem; }
    .gender-box .box-content .woman-radio {
      margin-left: 3rem; }
.user-center .user-info {
  padding: 1rem 0;
  height: 5rem;
  position: relative;
  background: -webkit-linear-gradient(left, #197aff, #FF6500);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#197aff), to(#FF6500));
  background-size: cover;
  margin-bottom: 1rem; }
  .user-center .user-info .info {
    margin-left: 1rem; }
    .user-center .user-info .info .user-avatar {
      width: 3rem;
      height: 3rem;
      border-radius: 64px;
      vertical-align: middle; }
    .user-center .user-info .info .user-name {
      color: #fff;
      display: inline-block;
      vertical-align: middle;
      font-size: 0.8rem;
      line-height: 1rem;
      margin-left: 1.15rem;
      width: 11rem;
      overflow: auto; }
    .user-center .user-info .info .icon-newpm-settings {
      position: absolute;
      right: 0.5rem;
      top: 1.9rem;
      font-size: 1.2rem;
      line-height: 1.2rem;
      color: #fff; }
  .user-center .user-info i {
    display: inline-block;
    vertical-align: top; }

.user-center .collection-info {
  margin-top: 15px;
  font-size: 0; }
  .user-center .collection-info .collects {
    float: left;
    width: 33%; }
    .user-center .collection-info .collects a {
      font-size: 14px;
      width: 99%;
      text-align: center;
      color: #fff;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
    .user-center .collection-info .collects .line {
      width: 1%;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      padding: 5px 0;
      height: 42px; }
      .user-center .collection-info .collects .line div {
        height: 100%;
        border-right: 1px solid #fff; }

.user-center .user-sidebar .user-info-item, .user-center .user-logout .user-info-item {
  padding: 10px;
  position: relative;
  background-color: #fff; }
  .user-center .user-sidebar .user-info-item.last, .user-center .user-logout .user-info-item.last {
    border-bottom: 15px solid #F5F5F5; }

.user-center .user-sidebar .order-item, .user-center .user-logout .order-item {
  padding: 0; }
  .user-center .user-sidebar .order-item .all-orders, .user-center .user-logout .order-item .all-orders {
    padding: 0 0.6rem;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 100%;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #ddd; }
  .user-center .user-sidebar .order-item ul, .user-center .user-logout .order-item ul {
    list-style-type: none;
    font-size: 0.6rem;
    border-bottom: 1px solid #dfdfdf; }
    .user-center .user-sidebar .order-item ul .order-type, .user-center .user-logout .order-item ul .order-type {
      text-align: center;
      float: left;
      font-size: 0.6rem;
      width: 20%;
      height: 4.25rem;
      padding-top: 1rem;
      padding-bottom: 1.1rem; }
      .user-center .user-sidebar .order-item ul .order-type .icon-newpm, .user-center .user-logout .order-item ul .order-type .icon-newpm {
        line-height: 1.2rem;
        font-size: 1.2rem;
        color: #999; }
      .user-center .user-sidebar .order-item ul .order-type .font-size, .user-center .user-logout .order-item ul .order-type .font-size {
        display: inline-block;
        margin-top: 0.25rem;
        font-size: 0.6rem;
        line-height: 0.7rem;
        color: #666; }
      .user-center .user-sidebar .order-item ul .order-type a, .user-center .user-logout .order-item ul .order-type a {
        color: #717171; }
        .user-center .user-sidebar .order-item ul .order-type a .iconfont, .user-center .user-logout .order-item ul .order-type a .iconfont {
          margin-bottom: 0.2rem;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          font-size: 1.2rem; }

.user-center .user-sidebar .sidebar-item-name, .user-center .user-logout .sidebar-item-name {
  padding: 0 0.6rem;
  margin: 0 0 0 1.5rem;
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: #24344e; }
  .user-center .user-sidebar .sidebar-item-name.last, .user-center .user-logout .sidebar-item-name.last {
    border-bottom: 0; }

.user-center .sidebar-icon {
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  position: absolute;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }
  .user-center .sidebar-icon i {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem; }
  .user-center .sidebar-icon.sidebar-order {
    background-color: #2cd2ea; }
  .user-center .sidebar-icon.sidebar-logout {
    background-color: #ff2300; }

.user-center .nav-cell-line .icon-newpm {
  margin-left: 0.8rem;
  font-size: 1.5rem;
  color: #4c97ff;
  color: #1EB6F8; }
  .user-center .nav-cell-line .icon-newpm.icon-newpm-youhuiquan {
    color: #FBC543; }

.user-center .nav-cell-line .icon-newpm-fapiao {
  color: #197aff; }
.user-setting .nav-cell-line a span {
  font-size: 0.7rem;
  line-height: 0.8rem; }
.comment-star {
  color: #ffaa00; }
.thinlines div {
  border-width: 0.5px !important; }

html {
  font-size: 20px; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 17.06666666px !important; } }

@media only screen and (min-width: 375px) {
  html {
    font-size: 20px !important; } }

@media only screen and (min-width: 400px) {
  html {
    font-size: 21.33333333px !important; } }

@media only screen and (min-width: 414px) {
  html {
    font-size: 22.08px !important; } }

@media only screen and (min-width: 480px) {
  html {
    font-size: 25.6px !important; } }

#app {
  background-color: white;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column; }

.pull-right {
  float: right; }

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

.hide {
  display: none; }

.currency {
  color: #197aff; }

.note {
  color: #bbb;
  font-size: 0.7rem; }

ul {
  margin: 0; }

a {
  color: #333; }

/* Spin animation*/
.loading {
  display: inline-block;
  -webkit-animation: loding-spin 2s infinite linear;
  animation: loding-spin 2s infinite linear;
  text-align: center; }

@-webkit-keyframes loding-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes loding-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

html {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  height: 100%;
  overflow: hidden; }

.wrap {
  position: relative; }

.padding-container {
  padding-top: 0.5rem; }
.icon-alipay {
  width: 90px;
  height: 50px;
  background: url(/assets/images/icons.png) 0px 0px no-repeat; }

.icon-wechat-pay {
  width: 90px;
  height: 50px;
  background: url(/assets/images/icons.png) -90px 0px no-repeat; }