@charset "UTF-8";
html {
  min-height: 100%;
  font-size: 100px;
  -webkit-text-size-adjust: 100%;
  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

body, button, input, select, textarea {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }

header, footer, section, article {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, cite, form, input, textarea, p {
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  outline: 0;
  padding: 0;
  margin: 0;
  border: none; }

a, input, textarea {
  background: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0; }

del {
  text-decoration: line-through; }

ul, ol {
  list-style: none outside none; }

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

html, body,
div, article, footer, header, nav, section, p,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dd, dt,
span, em, a, i, strong,
button, input, select, textarea {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

a:active {
  outline: 0; }

img {
  border: none;}

body {
  color: #333;
  font-size: 14px;
  line-height: 1;
  min-height: 100%;
  overflow-x: hidden;
  background-color: #f1f1f1;
  position: relative; }

.hidden {
  display: none; }

.show {
  display: block; }

.page-no {
  color: #ccc;
  font-size: .24rem;
  line-height: .34rem;
  text-align: center;
  padding: .38rem 0; }
  .page-no span {
    display: inline-block;
    background: url("../../images/common/loading.gif") no-repeat;
    width: .4rem;
    height: .4rem;
    background-size: cover;
    vertical-align: -.1rem;
    margin-right: .1rem; }

.page-more {
  color: #999;
  display: block;
  font-size: .28rem;
  line-height: .4rem;
  text-align: center;
  padding: .3rem;
  margin: .2rem 0;
  background-color: #fff; }

.m-prompt {
  text-align: center; }
  .m-prompt .pro-img {
    max-width: 2.45rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.16rem; }
    .m-prompt .pro-img img {
      width: 100%; }
  .m-prompt .pro-txt {
    color: #999;
    font-size: .26rem;
    line-height: .4rem;
    margin-top: .4rem; }
  .m-prompt .pro-btn {
    margin-top: .2rem; }
    .m-prompt .pro-btn a.m-btn {
      font-size: .28rem;
      padding-left: .5rem;
      padding-right: .5rem; }

.search-list li {
  overflow: hidden;
  empty-cells: show;
  text-overflow: ellipsis;
  white-space: nowrap; }

.item-txt,
.art-txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical; }

.ic-fan {
  width: .3rem;
  height: .3rem;
  overflow: hidden;
  vertical-align: -3px;
  display: inline-block;
  margin-right: .12rem;
  background-color: #ED5B5D;
  border-radius: .04rem;
  position: relative; }
  .ic-fan:after {
    width: .3rem;
    height: .3rem;
    content: "返";
    color: #fff;
    font-size: .2rem;
    font-style: normal;
    line-height: .3rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0; }

.ic-jin {
  width: .32rem;
  height: .4rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../images/common/grade-bg.png?version=20161110);
  background-repeat: no-repeat;
  background-size: .32rem 1.4rem;
  background-position: 0 0; }

.ic-yin {
  width: .32rem;
  height: .4rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../images/common/grade-bg.png?version=20161110);
  background-repeat: no-repeat;
  background-size: .32rem 1.4rem;
  background-position: 0 -.5rem; }

.ic-tong {
  width: .32rem;
  height: .4rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../images/common/grade-bg.png?version=20161110);
  background-repeat: no-repeat;
  background-size: .32rem 1.4rem;
  background-position: 0 -1rem; }

.red {
  color: #ED5B5D; }

.del {
  color: #999;
  font-size: 87%; }

.item-pay {
  color: #999;
  font-size: .24rem; }

.header,
.menu-list,
.m-pics {
  display: -webkit-box;
  display: -ms-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center; }

.header .head-title,
.header .head-search,
.menu-list .item,
.m-pics div {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1%; }

.hidden {
  display: none; }

.block {
  display: block; }

.inline {
  display: inline; }

inline-block {
  display: inline-block; }

.fl {
  float: left; }

.fr {
  float: right; }

.page-num-wrap {
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 1.08rem; }
  .page-num-wrap .page-num {
    display: inline-block;
    height: .5rem;
    line-height: .5rem;
    color: #fff;
    font-size: .24rem;
    border-radius: .16rem;
    background-color: rgba(51, 51, 51, 0.9); }
    .page-num-wrap .page-num span {
      display: inline-block;
      min-width: .4rem;
      padding: 0 .1rem;
      text-align: center; }
      .page-num-wrap .page-num span:first-child {
        padding-right: .06rem; }
      .page-num-wrap .page-num span:last-child {
        padding-left: .06rem; }


.bor-t,
.bor-b,
.bor-l,
.bor-r,
.bor{
    position: relative;
}
.bor::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200%;
    height: 200%;
    border: 1px solid #d2d2d2;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    z-index: 100;
}
.bor-t::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #d2d2d2;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    box-sizing: border-box;
}
.bor-b::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    border-bottom: 1px solid #d2d2d2;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    box-sizing: border-box;
}
.bor-l::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #d2d2d2;
    transform-origin: 0 0;
    transform: scaleX(0.5);
    box-sizing: border-box;
}
.bor-r::before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-right: 1px solid #d2d2d2;
    transform-origin: 0 0;
    transform: scaleX(0.5);
    box-sizing: border-box;
}
.btn{
    width:auto;
    width: 6.15rem;
    display: block;
    background: #da1a18;
    border-radius: .5rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    height: .84rem;
    line-height: .84rem;
    margin: .8rem auto;
}
.b-nav{
    width: 100%;
    display: flex;
    bottom: 0;
    left: 0;
    background: #fff;
    position: fixed;
    height: 1rem;
}
.b-nav a{
    display: block;
    flex: 1;
    text-align: center;
}
.b-nav a span{
    display: block;
    width: .4rem;
    height: .4rem;
    margin:.1rem auto 0;
}
.b-nav a .img1{
    background: url("../images/icon9.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a .img2{
    background: url("../images/icon11.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a .img3{
    background: url("../images/icon13.png") no-repeat;
    background-size: .4rem .4rem;
}

.b-nav a.active .img1{
    background: url("../images/icon10.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a.active .img2{
    background: url("../images/icon12.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a.active .img3{
    background: url("../images/icon14.png") no-repeat;
    background-size: .4rem .4rem;
}

.b-nav a.active p{
    color: #da1a18;
}
.b-nav a p{
    text-align: center;
    font-size: .28rem;
    color: #666;
    line-height: .44rem;
}




.b-nav a .img8{
    background: url("../images/yuyue-ion.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a .img9{
    background: url("../images/confirm-ion.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a .img10{
    background: url("../images/icon9.png") no-repeat;
    background-size: .4rem .4rem;
}

.b-nav a.active .img8{
    background: url("../images/yuyue-ion1.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a.active .img9{
    background: url("../images/confirm-ion1.png") no-repeat;
    background-size: .4rem .4rem;
}
.b-nav a.active .img10{
    background: url("../images/icon10.png") no-repeat;
    background-size: .4rem .4rem;
}