@charset "utf-8";
@media screen and (min-width: 720px) {
  html {
    font-size: 100px;
  }
}
@media screen and (max-width: 640px) and (min-width: 600px) {
  html {
    font-size: 88.8889px;
  }
}
@media screen and (max-width: 600px) and (min-width: 414px) {
  html {
    font-size: 83.33px;
  }
}
@media screen and (max-width: 414px) and (min-width: 412px) {
  html {
    font-size: 57.5px;
  }
}
@media screen and (max-width: 412px) and (min-width: 384px) {
  html {
    font-size: 57.2222px;
  }
}
@media screen and (max-width: 384px) and (min-width: 375px) {
  html {
    font-size: 53.3333px;
  }
}
@media screen and (max-width: 375px) and (min-width: 360px) {
  html {
    font-size: 52.0833px;
  }
}
@media screen and (max-width: 360px) and (min-width: 320px) {
  html {
    font-size: 50px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 44.44px;
  }
}
html,
body,
div,
span,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
address,
cite,
del,
em,
img,
q,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tr,
th,
td,
caption,
tbody,
tfoot,
thead,
article,
aside,
details,
summary,
figure,
figcaption,
footer,
header,
menu,
nav,
section,
audio,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
}
header,
footer,
nav,
section,
menu,
article,
aside {
  display: block;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ddd;
  margin: 0 auto;
  cursor: default;
  word-break: break-all;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
}
ul {
  list-style: none;
}
img {
  width: 100%;
  display: block;
}
b,
strong {
  font-weight: normal;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
em,
i {
  font-style: normal;
}
/*iphone上的Safari解析input[typw="submit"]和input[type="submit"]按钮会以苹果浏览器默认的UI进行渲染，解决发放如下*/
input,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}
body {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
header {
  position: relative;
  width: 7.2rem;
  height: .8rem;
  line-height: .8rem;
  background: #07f;
}
header .bar-left {
  display: block;
  width: .8rem;
  font-size: .36rem;
  color: #fff;
  text-align: center;
  float: left;
}
header .page-title {
  display: block;
  width: 5.6rem;
  text-align: center;
  color: #fff;
  font-size: .28rem;
  float: left;
}
header .page-title-search {
  display: block;
  width: 5.6rem;
  text-align: center;
  color: #fff;
  float: left;
}
header .page-title-search input {
  display: block;
  box-sizing: border-box;
  width: 5.2rem;
  height: .5rem;
  line-height: .5rem;
  color: #666;
  margin: .15rem auto;
  text-indent: .1rem;
  border-radius: 5px;
  font-size: .28rem;
  border: none;
}
header .bar-right {
  display: block;
  width: .8rem;
  font-size: .36rem;
  color: #fff;
  text-align: center;
  float: right;
}
.noapp {
  display: none;
}
.lazy {
  background: url("/common/loading.gif") center no-repeat;
  background-size: 40%;
}
.mask {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 720px;
  height: 100%;
  background: #000;
  z-index: 1000000;
  opacity: 0.6;
  display: none;
}
.share {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 720px;
  height: 100%;
  z-index: 1000001;
  background: url("/resource/mobile/images/arrow.png") top right no-repeat;
  background-size: 30%;
  color: #fff;
  text-align: center;
  display: none;
}
.share span {
  width: 100%;
  line-height: .48rem;
  display: block;
  font-size: .42rem;
  margin-top: 2.8rem;
}
.share span em {
  color: yellow;
  margin: 0 .1rem;
}
.share i {
  width: 100%;
  font-size: .28rem;
  line-height: .6rem;
  display: block;
}
.menu-blank {
  width: 100%;
  height: .96rem;
  clear: both;
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 720px;
  height: .96rem;
  text-align: center;
  background-color: #fff;
  color: #999;
  z-index: 11;
  float: left;
  clear: both;
  list-style: none;
}
footer li {
  width: 20%;
  height: .66rem;
  padding: .15rem 0;
  float: left;
  text-align: center;
  border-top: 1px solid #f5f5f5;
}
footer li a {
  width: 100%;
  height: 100%;
  display: block;
}
footer li i {
  position: relative;
  width: 100%;
  height: .46rem;
  display: block;
  font-size: .34rem;
  color: #666;
}
footer li i em {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: .05rem;
  width: .28rem;
  height: .28rem;
  line-height: .28rem;
  font-size: .18rem;
  display: block;
  background: #f30;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
}
footer li span {
  width: 100%;
  height: .20rem;
  line-height: .20rem;
  display: block;
  font-size: .18rem;
  color: #666;
}
footer p {
  display: block;
  text-align: center;
  float: left;
}
footer p:nth-child(1) {
  width: 14%;
  height: .66rem;
  padding: .15rem 0;
  border-top: 1px solid #f1f1f1;
  background: url(../images/line.gif) right repeat-y #fff;
  font-size: .18rem;
  line-height: .3rem;
}
footer p:nth-child(1) i {
  position: relative;
  display: block;
  width: 100%;
  height: .36rem;
  font-size: .36rem;
}
footer p:nth-child(1) i em {
  position: absolute;
  top: -0.08rem;
  left: 50%;
  margin-left: .05rem;
  width: .28rem;
  height: .28rem;
  line-height: .28rem;
  font-size: .18rem;
  display: block;
  background: #f30;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
}
footer p:nth-child(2) {
  width: 14%;
  height: .66rem;
  padding: .15rem 0;
  border-top: 1px solid #f1f1f1;
  background-color: #fff;
  font-size: .18rem;
  line-height: .3rem;
}
footer p:nth-child(2) i {
  display: block;
  width: 100%;
  height: .36rem;
  font-size: .36rem;
}
footer p:nth-child(3) {
  width: 36%;
  height: .96rem;
  line-height: .96rem;
  font-size: .32rem;
  background: #09f;
  border-top: 1px solid #09f;
}
footer p:nth-child(3) a {
  width: 100%;
  display: block;
  color: #fff;
}
footer p:nth-child(4) {
  width: 36%;
  height: .96rem;
  line-height: .96rem;
  font-size: .32rem;
  background: #07f;
  border-top: 1px solid #07f;
}
footer p:nth-child(4) a {
  width: 100%;
  display: block;
  color: #fff;
}
footer p.btndisable {
  background: #e1e1e1;
  border-top: 1px solid #e1e1e1;
}
footer p.btndisable a {
  color: #999;
}
footer.goods-foot {
  background-color: #07f;
}
.banner {
  width: 7.2rem;
}
.banner img {
  width: 100%;
}
.article-wrap {
  width: 7rem;
  padding: .1rem;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  font-size: .28rem;
  text-indent: .56rem;
}
.article-wrap p {
  margin: .3rem 0;
  line-height: .5rem;
}
.goods-slider {
  position: relative;
  width: 100%;
}
.goods-slider .swiper-pagination {
  width: 50%;
  left: 25%;
  text-align: center;
  bottom: .1rem;
}
.goods-slider img {
  width: 80%;
  padding: 5% 10%;
  background-color: #fff;
}
.goods-slider .brand {
  position: absolute;
  bottom: .5rem;
  right: 0;
  height: .5rem;
  padding: 0 .3rem;
  line-height: .5rem;
  background: #f8fbff;
  border: 1px solid #cfddfc;
  border-right: none;
  border-radius: .25rem 0 0 .25rem;
  font-size: .24rem;
  z-index: 2;
}
.goods-slider .brand a {
  color: #07f;
}
.coupon-tips {
  width: 100%;
  height: .8rem;
  background: #fff;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  line-height: .8rem;
  font-size: .24rem;
}
.coupon-tips span {
  color: #f30;
}
.activity-bar {
  position: relative;
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  background-image: url("../images/activity_bg.jpg");
  background-size: cover;
  color: #fff;
  font-size: .28rem;
}
.activity-bar span {
  margin-left: 2.5rem;
  margin-right: .2rem;
  font-weight: bold;
}
.activity-bar span.toend {
  font-weight: normal;
}
.activity-bar a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: .8rem;
  display: block;
}
.goods-infos {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.goods-infos .goods-title {
  padding: .1rem .1rem 0 .1rem;
  background-color: #fff;
  color: #333;
  font-size: .28rem;
  font-weight: normal;
}
.goods-infos .sell-info {
  padding: .1rem;
  background-color: #fff;
  color: #999;
  font-size: .24rem;
  font-weight: normal;
}
.goods-infos .goods-price {
  padding: 0 .1rem;
  height: .6rem;
  background-color: #fff;
  font-size: .24rem;
  overflow: hidden;
}
.goods-infos .goods-price .price {
  display: inline-block;
  color: #f30;
  height: .48rem;
  margin-right: .2rem;
  float: left;
}
.goods-infos .goods-price .price del {
  color: #999;
}
.goods-infos .goods-price .price em {
  font-size: .48rem;
}
.goods-infos .goods-price .tags {
  display: inline-block;
  color: #fff;
  margin-top: .12rem;
}
.goods-infos .goods-price .tags b {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 .05rem;
  text-align: center;
  color: #fff;
  font-size: .24rem;
  margin-right: .1rem;
}
.goods-infos .goods-price .tags b.co {
  background: #ff9900;
}
.goods-infos .goods-price .tags b.cb {
  background: #348bff;
}
.goods-infos .goods-price .tags b.cr {
  background: #ff3300;
}
.goods-infos .goods-price .tags b.cg {
  background: #008000;
}
.goods-infos .goods-sn {
  padding: .1rem;
  background-color: #fff;
  color: #333;
  font-size: .24rem;
  font-weight: normal;
}
.goods-infos .goods-sn span {
  display: inline-block;
  width: 1rem;
  float: left;
}
.goods-infos .goods-combo {
  padding: .1rem .1rem .2rem .1rem;
  background-color: #fff;
  font-size: .24rem;
  overflow: hidden;
}
.goods-infos .goods-combo span {
  display: block;
  width: 15%;
  float: left;
}
.goods-infos .goods-combo em {
  display: block;
  width: 85%;
  float: left;
}
.goods-infos .goods-combo em a {
  display: inline-block;
  padding: .05rem .1rem;
  border: 1px solid #aaa;
  color: #aaa;
  margin-right: .1rem;
  margin-bottom: .1rem;
}
.goods-infos .goods-combo em a.now-select {
  border: 1px solid #07f;
  color: #07f;
  background: url("../images/sys_item_selected.gif") right bottom no-repeat;
}
.ps-style {
  width: 100%;
  border-top: 10px solid #f5f5f5;
  border-bottom: 10px solid #f5f5f5;
  background-color: #fff;
}
.ps-style h3 {
  width: 96%;
  padding: 0 2%;
  font-size: .32rem;
  padding-top: .1rem;
  color: #333;
  font-weight: normal;
}
.ps-style .four-steps {
  width: 96%;
  padding: .4rem 2%;
  overflow: hidden;
}
.ps-style .four-steps ol {
  width: 100%;
  list-style: none;
}
.ps-style .four-steps ol li {
  width: 22.75%;
  text-align: center;
  float: left;
}
.ps-style .four-steps ol li span {
  width: 100%;
  font-size: .4rem;
  color: #4ca0ff;
  display: block;
  margin-bottom: .2rem;
}
.ps-style .four-steps ol li span.cg {
  color: #666;
}
.ps-style .four-steps ol li i {
  width: 100%;
  font-size: .2rem;
  color: #999;
  display: block;
}
.ps-style .four-steps ol li:nth-child(even) {
  width: 3%;
}
.ps-style .four-steps ol li:nth-child(even) span {
  line-height: .4rem;
  font-size: .24rem;
  color: #e5e5e5;
}
.ps-style .five-steps {
  width: 96%;
  padding: .4rem 2%;
  overflow: hidden;
}
.ps-style .five-steps ol {
  width: 100%;
  list-style: none;
}
.ps-style .five-steps ol li {
  width: 18%;
  text-align: center;
  float: left;
}
.ps-style .five-steps ol li span {
  width: 100%;
  font-size: .4rem;
  color: #4ca0ff;
  display: block;
  margin-bottom: .2rem;
}
.ps-style .five-steps ol li span.cg {
  color: #666;
}
.ps-style .five-steps ol li i {
  width: 100%;
  font-size: .2rem;
  color: #999;
  display: block;
}
.ps-style .five-steps ol li:nth-child(even) {
  width: 2.5%;
}
.ps-style .five-steps ol li:nth-child(even) span {
  line-height: .4rem;
  font-size: .24rem;
  color: #e5e5e5;
}
.ps-style ul {
  width: 99%;
  margin-left: 1%;
  font-size: .24rem;
}
.ps-style ul li {
  line-height: .8rem;
  border-top: 1px solid #f5f5f5;
}
.ps-style ul li span {
  color: #666;
  margin-right: .1rem;
  float: right;
}
.goods-details {
  width: 100%;
  background-color: #fff;
  padding-bottom: 1.06rem;
  overflow: hidden;
}
.goods-details .tabs {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  font-size: .32rem;
  border-bottom: 1px solid #e5e5e5;
}
.goods-details .tabs li {
  width: 50%;
  text-align: center;
  float: left;
}
.goods-details .tabs li.default {
  border-bottom: 1px solid #07f;
}
.goods-details .mygoods {
  margin: .2rem 0;
  height: auto;
  float: left;
}
.goods-details .mygoods img {
  float: left;
}
.goods-details .mycomment {
  margin: .2rem 0;
  font-size: .24rem;
}
.goods-details .mycomment ul {
  width: 96%;
  padding: 0 .1rem;
}
.goods-details .mycomment ul li {
  padding: .1rem 0;
  border-bottom: 1px solid #f5f5f5;
}
.goods-details .mycomment ul li span {
  width: 100%;
  margin: .08rem 0;
  display: block;
}
.goods-details .mycomment ul li span.comm-name {
  font-size: .28rem;
}
.goods-details .mycomment ul li span.comm-name i {
  font-size: .24rem;
  font-style: normal;
  color: #999;
  float: right;
}
.goods-details .mycomment ul li span.comm-star {
  width: 25%;
}
.goods-details .mycomment ul li span.comm-cont {
  line-height: .32rem;
  color: #666;
}
.setnum {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 720px;
  font-size: .24rem;
  background: #fff;
  z-index: 1000001;
  display: none;
}
.setnum dt {
  width: 100%;
  height: 1rem;
  border-bottom: 1px solid #f3f3f3;
}
.setnum dt img {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  padding: .1rem;
  float: left;
}
.setnum dt em {
  height: .8rem;
  line-height: .8rem;
  padding: .1rem;
  display: inline-block;
  color: #f30;
  font-size: .36rem;
  font-style: normal;
  float: left;
}
.setnum dt em i {
  font-size: .24rem;
  font-style: normal;
}
.setnum dt #numbertips {
  display: inline-block;
  height: .8rem;
  line-height: .8rem;
  padding: .1rem 0;
  font-style: normal;
  color: #f30;
  font-size: .24rem;
}
.setnum dt .iconfont {
  display: block;
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  padding: .1rem;
  font-size: .24rem;
  color: #999;
  float: right;
}
.setnum dd {
  width: 100%;
  height: 2rem;
  border-bottom: 1px solid #f3f3f3;
}
.setnum dd span {
  width: 1.2rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .28rem;
  display: block;
  margin: .5rem .1rem .5rem .2rem;
  float: left;
}
.setnum dd input {
  -webkit-appearance: none;
  width: .6rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .24rem;
  text-align: center;
  display: block;
  box-sizing: border-box;
  margin: .7rem 0rem .7rem 0rem;
  float: left;
}
.setnum dd input.number-button {
  background: #e1e1e1;
}
.setnum dd input.ctrnum-qty {
  width: .8rem;
  background: #fafafa;
}
.setnum a {
  width: 94%;
  height: .72rem;
  line-height: .72rem;
  border-radius: 5px;
  display: block;
  margin: .2rem 3%;
  background: #07f;
  font-size: .28rem;
  color: #fff;
  text-align: center;
}
.index-slider {
  position: relative;
  width: 100%;
}
.index-slider .swiper-pagination {
  width: 50%;
  left: 25%;
  text-align: center;
  bottom: .1rem;
}
.mymenu {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.mymenu li {
  width: 1.44rem;
  height: 1.4rem;
  display: block;
  padding: .3rem 0;
  text-align: center;
  color: #999;
  float: left;
}
.mymenu li span {
  font-size: .20rem;
  color: #666;
  display: block;
  margin-top: .1rem;
}
.mymenu li a {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 50%;
  font-size: .48rem;
}
.mymenu li .ico1 {
  background-color: #fff;
}
.mymenu li .ico2 {
  background-color: #fff;
}
.mymenu li .ico3 {
  background-color: #fff;
}
.mymenu li .ico4 {
  background-color: #fff;
}
.mymenu li .ico5 {
  background-color: #fff;
}
.inapp {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.inapp li {
  width: 1.8rem;
  height: 1.4rem;
  display: block;
  padding: .3rem 0;
  text-align: center;
  color: #999;
  float: left;
}
.inapp li span {
  font-size: .20rem;
  color: #666;
  display: block;
  margin-top: .1rem;
}
.inapp li a {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 50%;
  font-size: .48rem;
}
.inapp li .ico1 {
  background-color: #fff;
}
.inapp li .ico2 {
  background-color: #fff;
}
.inapp li .ico3 {
  background-color: #fff;
}
.inapp li .ico4 {
  background-color: #fff;
}
.inapp li .ico5 {
  background-color: #fff;
}
.four-block {
  width: 100%;
  background: #fff;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.four-block ul {
  overflow: hidden;
}
.four-block ul li {
  width: 3.55rem;
  height: 2.70rem;
  margin-right: .1rem;
  margin-bottom: .1rem;
  float: left;
}
.four-block ul li:nth-child(2n) {
  margin-right: 0;
}
.four-block ul li img {
  width: 3.55rem;
  height: 2.70rem;
}
.five-block {
  width: 7rem;
  padding: .1rem;
  background: #fff;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.five-block .three-block {
  margin-bottom: .1rem;
}
.five-block .three-block ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
}
.five-block .three-block ul li {
  width: 2.26666666rem;
  margin-right: .1rem;
  float: left;
}
.five-block .three-block ul li:last-child {
  margin-right: 0;
}
.five-block .two-block ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
}
.five-block .two-block ul li {
  width: 3.45rem;
  margin-right: .1rem;
  float: left;
}
.five-block .two-block ul li:last-child {
  margin-right: 0;
}
.free-swiper {
  width: 100%;
  background-color: #fff;
}
.free-swiper .related-goods {
  width: 96%;
  padding: .1rem 2% .3rem 2%;
  border-bottom: 10px solid #f5f5f5;
  background-color: #fff;
  font-size: .2rem;
  overflow: hidden;
}
.free-swiper .related-goods h3 {
  width: 100%;
  font-size: .32rem;
  padding: .1rem 0 .2rem 0;
  color: #333;
  font-weight: normal;
}
.free-swiper .related-goods ul {
  width: 100%;
}
.free-swiper .related-goods ul li {
  position: relative;
}
.free-swiper .related-goods ul li span {
  box-sizing: border-box;
  display: block;
  height: .56rem;
  line-height: .28rem;
  color: #333;
  overflow: hidden;
}
.free-swiper .related-goods ul li em {
  display: block;
  font-size: .32rem;
  color: #f30;
}
.free-swiper .related-goods ul li em del {
  color: #999;
  font-size: .24rem;
  margin-left: .1rem;
}
.free-swiper .related-goods ul li i {
  display: block;
  margin-top: .1rem;
}
.free-swiper .related-goods ul li i del {
  display: inline-block;
  font-size: .24rem;
  text-decoration: none;
  color: #f30;
  border: 1px solid #f30;
  padding: 0 .1rem;
}
.free-swiper .related-goods ul li .abtn {
  width: 1.25rem;
  height: .36rem;
  background: url("/mobile/images/btn_buy.png") center no-repeat;
  background-size: 100%;
  display: block;
  text-indent: -10000px;
  margin: .1rem auto 0 auto;
}
.free-swiper .related-goods ul li.last-one {
  width: 100%;
  height: 100%;
  background: url("/mobile/images/viewall.jpg") center no-repeat;
  background-size: 100%;
}
.free-swiper .related-goods ul li.last-one a,
.free-swiper .related-goods ul li.last-one img,
.free-swiper .related-goods ul li.last-one span,
.free-swiper .related-goods ul li.last-one em,
.free-swiper .related-goods ul li.last-one i,
.free-swiper .related-goods ul li.last-one del {
  opacity: 0;
}
.free-swiper .cate-goods {
  width: 96%;
  padding: .1rem 2% .3rem 2%;
  border-bottom: 10px solid #f5f5f5;
  background-color: #fff;
  font-size: .2rem;
  overflow: hidden;
}
.free-swiper .cate-goods h3 {
  width: 100%;
  font-size: .32rem;
  padding: .1rem 0 .2rem 0;
  color: #333;
  font-weight: normal;
}
.free-swiper .cate-goods ul {
  width: 100%;
}
.free-swiper .cate-goods ul li {
  position: relative;
}
.free-swiper .cate-goods ul li .tags {
  box-sizing: border-box;
  display: block;
}
.free-swiper .cate-goods ul li .tags i {
  display: none;
  text-indent: -10000px;
  float: left;
}
.free-swiper .cate-goods ul li .tags i.tags-hot {
  width: .5rem;
  height: .3rem;
  background: url("/mobile/images/tags_hot.png") center no-repeat;
  background-size: 100%;
}
.free-swiper .cate-goods ul li .tags i.tags-new {
  width: .5rem;
  height: .3rem;
  background: url("/mobile/images/tags_new.png") center no-repeat;
  background-size: 100%;
}
.free-swiper .cate-goods ul li .tags i.tags-delivery {
  width: .91rem;
  height: .3rem;
  background: url("/mobile/images/tags_delivery_tax.png") center no-repeat;
  background-size: 100%;
}
.free-swiper .cate-goods ul li .tags i.tags-tax {
  width: .5rem;
  height: .3rem;
  background: url("/mobile/images/tags_tax.png") center no-repeat;
  background-size: 100%;
}
.free-swiper .cate-goods ul li .tags i:first-child {
  display: block;
}
.free-swiper .cate-goods ul li .goods-name {
  box-sizing: border-box;
  display: inline-block;
  height: .56rem;
  line-height: .28rem;
  color: #333;
  overflow: hidden;
}
.free-swiper .cate-goods ul li em {
  display: block;
  font-size: .32rem;
  color: #f30;
}
.free-swiper .cate-goods ul li em del {
  color: #999;
  font-size: .24rem;
  margin-left: .1rem;
}
.free-swiper .cate-goods ul li i {
  display: block;
}
.free-swiper .cate-goods ul li i del {
  display: inline-block;
  font-size: .24rem;
  text-decoration: none;
  color: #f30;
  border: 1px solid #f30;
  padding: 0 .1rem;
}
.free-swiper .cate-goods ul li .tags-save {
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  width: .507rem;
  height: .27rem;
  background: url("/mobile/images/tags_save.png") center no-repeat;
  background-size: 100%;
  text-indent: -10000px;
}
.free-swiper .cate-goods ul li.last-one {
  width: 100%;
  height: 100%;
  background: url("/mobile/images/viewall.jpg") center no-repeat;
  background-size: 100%;
}
.free-swiper .cate-goods ul li.last-one a,
.free-swiper .cate-goods ul li.last-one img,
.free-swiper .cate-goods ul li.last-one span,
.free-swiper .cate-goods ul li.last-one em,
.free-swiper .cate-goods ul li.last-one i,
.free-swiper .cate-goods ul li.last-one del {
  opacity: 0;
}
.limit-buy {
  width: 100%;
  background-color: #fff;
}
.limit-buy dt {
  width: 100%;
}
.limit-buy dt span {
  width: 1.54rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  padding-top: .2rem;
  font-size: .36rem;
  margin: 0 auto;
  text-align: center;
}
.limit-buy dd {
  width: 100%;
  height: .6rem;
  font-size: .28rem;
  color: #666;
  text-align: center;
  display: block;
}
.recommend {
  position: relative;
  width: 100%;
  background: #fff;
  border-bottom: .15rem solid #f5f5f5;
}
.recommend .face {
  position: absolute;
  left: .3rem;
  top: .25rem;
  width: .74rem;
  height: .74rem;
}
.recommend h3 {
  width: 100%;
  height: .75rem;
  line-height: .75rem;
  font-weight: normal;
  text-indent: 1.2rem;
  font-size: .28rem;
}
.recommend h3 span {
  margin-right: .2rem;
  float: right;
}
.recommend p {
  width: 7rem;
  height: 1.2rem;
  line-height: .4rem;
  margin: .2rem .1rem;
  font-size: .24rem;
  overflow: hidden;
}
.recommend em {
  width: 7rem;
  height: .6rem;
  display: block;
  line-height: .6rem;
  margin: 0 .1rem .2rem .1rem;
  font-size: .24rem;
}
.recommend em a {
  padding: .1rem .3rem;
  border-radius: 5px;
  border: 1px solid #999;
  color: #999;
}
.wisechoice {
  width: 100%;
  height: auto;
  background-color: #fff;
}
.wisechoice dt {
  width: 100%;
}
.wisechoice dt span {
  width: 1.54rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  padding-top: .2rem;
  font-size: .36rem;
  margin: 0 auto;
  text-align: center;
}
.wisechoice strong {
  width: 100%;
  font-weight: normal;
  display: block;
  font-size: .24rem;
  text-align: center;
  color: #999;
  margin-bottom: .2rem;
}
.wisechoice dd {
  width: 100%;
  font-size: .24rem;
  overflow: hidden;
}
.wisechoice dd .tabs {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
}
.wisechoice dd .tabs li {
  width: 1rem;
  height: .64rem;
  margin: 0 .4rem;
  line-height: .64rem;
  text-align: center;
  background: #ffffff;
  float: left;
}
.wisechoice dd .tabs li.default {
  background: url("/mobile/images/tabs_bg.png") center bottom no-repeat #fff;
  background-size: 100%;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul {
  background: #f5f5f5;
  overflow: hidden;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li {
  position: relative;
  width: 3.585rem;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: .15rem 0;
  background: #fff;
  display: block;
  float: left;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li:nth-child(2n) {
  border-right: 0px solid #fff;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags {
  position: absolute;
  left: .2rem;
  top: .2rem;
  box-sizing: border-box;
  display: inline-block;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags i {
  display: none;
  text-indent: -10000px;
  float: left;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags i.tags-hot {
  width: .5rem;
  height: .3rem;
  background: url("/mobile/images/tags_hot.png") center no-repeat;
  background-size: 100%;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags i.tags-new {
  width: .5rem;
  height: .3rem;
  background: url("/mobile/images/tags_new.png") center no-repeat;
  background-size: 100%;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags i.tags-delivery {
  width: .91rem;
  height: .3rem;
  background: url("/mobile/images/tags_delivery_tax.png") center no-repeat;
  background-size: 100%;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags i.tags-tax {
  width: .5rem;
  height: .3rem;
  background: url("/mobile/images/tags_tax.png") center no-repeat;
  background-size: 100%;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags i:first-child {
  display: block;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li img {
  width: 2.45rem;
  margin: .15rem .5rem;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li span {
  width: 100%;
  display: block;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .tags-save {
  position: absolute;
  bottom: 1.5rem;
  left: .15rem;
  width: .507rem;
  height: .27rem;
  background: url("/mobile/images/tags_save.png") center no-repeat;
  background-size: 100%;
  text-indent: -10000px;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .g-title {
  width: 3.05rem;
  height: .56rem;
  line-height: .28rem;
  color: #333;
  padding: 0 .2rem;
  overflow: hidden;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .g-price {
  color: #f30;
  line-height: .36rem;
  margin-top: .15rem;
  text-indent: .2rem;
}
.wisechoice dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .g-price em {
  display: inline-block;
  height: .36rem;
  font-size: .36rem;
  font-style: normal;
  text-indent: 0;
}
.qrcode {
  position: fixed;
  z-index: 1000001;
  top: 2.5rem;
  left: 50%;
  width: 3.5rem;
  height: 4rem;
  margin-left: -1.75rem;
  display: none;
}
.listby {
  position: fixed;
  top: 0;
  left: 50%;
  width: 7.2rem;
  height: .8rem;
  background: #fff;
  margin-left: -3.6rem;
  border-bottom: 1px solid #e3e3e3;
  font-size: .28rem;
  z-index: 1;
}
.listby ul {
  width: 7.2rem;
  height: .28rem;
  line-height: .28rem;
  margin: .26rem 0;
}
.listby ul li {
  width: 2.4rem;
  height: .28rem;
  display: inline-block;
  text-align: center;
  float: left;
}
.listby ul li:last-child a {
  background: none;
}
.listby ul li a {
  width: 100%;
  height: .28rem;
  display: block;
  background: url(../images/line.png) right center no-repeat;
}
.listby ul li a.on {
  color: #07f;
}
.listby ul li img {
  width: .17rem;
  height: .2rem;
  padding: .04rem;
  margin-left: .05rem;
  vertical-align: top;
  display: inline-block;
}
.search-page {
  width: 7.2rem;
  height: .8rem;
  background: #fff;
  border-bottom: 1px solid #e3e3e3;
  font-size: .28rem;
  float: left;
}
.search-page ul {
  width: 7.2rem;
  height: .28rem;
  line-height: .28rem;
  margin: .26rem 0;
}
.search-page ul li {
  width: 2.4rem;
  height: .28rem;
  display: inline-block;
  text-align: center;
  float: left;
}
.search-page ul li:last-child a {
  background: none;
}
.search-page ul li a {
  width: 100%;
  height: .28rem;
  display: block;
  background: url(../images/line.png) right center no-repeat;
}
.search-page ul li a.on {
  color: #07f;
}
.search-page ul li img {
  width: .17rem;
  height: .2rem;
  padding: .04rem;
  margin-left: .05rem;
  vertical-align: top;
  display: inline-block;
}
.hb {
  width: 7.2rem;
  /* 2026-10-25：改为与固定排序条 .listby 同高（.8rem）。原来是 .6rem，
     列表第一行会被排序条压住 0.2rem（分类页/品牌页/凑单页都有这个问题）。 */
  height: .8rem;
}
.lists {
  width: 7.2rem;
  background-color: #fff;
  overflow: hidden;
}
.lists .ajax-loading {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .24rem;
  clear: both;
}
.lists ul .noresult {
  width: 7.2rem;
  height: 9rem;
  line-height: 4rem;
  font-size: .24rem;
  text-align: center;
}
.lists ul li {
  position: relative;
  width: 7rem;
  margin: .1rem;
  border-bottom: 1px solid #f5f5f5;
  float: left;
}
.lists ul li .soldout {
  position: absolute;
  left: .4rem;
  top: .6rem;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  display: block;
  background: #000;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: .24rem;
  opacity: 0.6;
}
.lists ul li img {
  width: 2.2rem;
  height: 2.2rem;
  padding: .15rem .15rem .15rem 0;
}
.lists ul li p {
  position: absolute;
  top: .4rem;
  left: 2.35rem;
  width: 4.65rem;
  display: block;
}
.lists ul li p span {
  width: 100%;
  display: block;
}
.lists ul li p .g-title {
  height: .6rem;
  line-height: .3rem;
  font-size: .28rem;
  color: #333;
  overflow: hidden;
}
.lists ul li p .g-subtitle {
  height: .24rem;
  line-height: .24rem;
  color: #999;
  font-size: .24rem;
  margin-top: .1rem;
  overflow: hidden;
}
.lists ul li p .g-tags {
  margin: .1rem 0;
  overflow: hidden;
}
.lists ul li p .g-tags em {
  display: inline-block;
  font-style: normal;
  height: .28rem;
  line-height: .28rem;
  padding: 0 .05rem;
  margin-right: .05rem;
  font-size: .24rem;
  color: #fff;
  float: left;
}
.lists ul li p .g-tags em.tags-ys {
  background: #348bff;
}
.lists ul li p .g-tags em.tags-js {
  background: #fc9b26;
}
/* 包邮 / 保税 标签：原样式只定义了文字颜色(#fff)却没给背景，导致白字白底看不见 */
.lists ul li p .g-tags em.tags-bybs {
  background: #00a86b;
}
.lists ul li p .g-tags em.tags-bs {
  background: #348bff;
}
.lists ul li p .g-tags em.tags-rm {
  background: #ff6600;
}
.lists ul li p .g-tags em.tags-xp {
  background: #57b000;
}
.lists ul li p .g-price {
  position: relative;
  width: 100%;
  font-size: .36rem;
  line-height: .36rem;
  color: #f30;
}
.lists ul li p .g-price em {
  display: inline-block;
  height: .36rem;
  font-size: .24rem;
  font-style: normal;
  vertical-align: middle;
}
.lists ul li p .g-price i {
  position: absolute;
  top: .04rem;
  height: .24rem;
  line-height: .24rem;
  font-size: .24rem;
  border: 1px solid #f30;
  margin-left: .15rem;
  margin-bottom: .2rem;
}
.lists ul li .iconfont {
  position: absolute;
  right: 0;
  bottom: .25rem;
  width: .5rem;
  height: .5rem;
  line-height: .5rem;
  display: block;
  color: #999;
  font-size: .36rem;
}
/* 商品列表：两列卡片（图在上、价在下）—— 2026-10-25 客户要求
   使用方式：在原本的 <div class="lists"> 上加 grid2，即 <div class="lists grid2">
   （category 百货区分类页 / member_zone 会员区 / brands 品牌页 / search 搜索结果）。
   原 .lists 是单列横排（左图 2.2rem + 右侧文字）；这里改成 7rem 内容区里两列卡片：
   3.45 + .1 间距 + 3.45 = 7rem，与排序条 .listby（7.2rem）左右各留 .1rem，两侧不留灰。 */
.lists.grid2 {
  padding-top: .1rem;
  background-color: #f5f5f5;
}
.lists.grid2 ul {
  width: 7rem;
  margin: 0 .1rem;
}
.lists.grid2 ul li {
  width: 3.45rem;
  margin: 0 .1rem .1rem 0;
  border-bottom: 0;
  /* 2026-10-25 客户要求：商品图不要圆角（方图铺满）——
     卡片圆角会把贴边的商品图四角一起裁圆，这里不给卡片圆角 */
  border-radius: 0;
  background: #fff;
  overflow: hidden;
}
.lists.grid2 ul li:nth-child(2n) {
  margin-right: 0;
}
.lists.grid2 ul li > a {
  display: block;
}
/* 图：卡片宽 3.45rem，图按 1:1 铺满；商品图比例不一，用 cover 裁切，不拉变形 */
.lists.grid2 ul li img {
  width: 100%;
  height: 3.45rem;
  padding: 0;
  display: block;
  object-fit: cover;
  background: #f7f4f1;
  border-radius: 0;
}
/* 字：从原来的绝对定位（图右侧）改为卡片内的正常流 */
.lists.grid2 ul li p {
  position: static;
  width: auto;
  padding: .14rem .14rem .18rem;
}
/* 标题最多两行，超出省略 */
.lists.grid2 ul li p .g-title {
  height: .68rem;
  line-height: .34rem;
  font-size: .26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* 卖点一行，超出省略 */
.lists.grid2 ul li p .g-subtitle {
  height: .3rem;
  line-height: .3rem;
  margin-top: .06rem;
  font-size: .22rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lists.grid2 ul li p .g-tags {
  margin: .08rem 0 0;
}
.lists.grid2 ul li p .g-tags em {
  height: .26rem;
  line-height: .26rem;
  padding: 0 .06rem;
  font-size: .2rem;
}
/* 价格：卡片底部一行，保持站点红 #f30 */
.lists.grid2 ul li p .g-price {
  margin-top: .08rem;
  font-size: .34rem;
  line-height: .38rem;
}
.lists.grid2 ul li p .g-price em {
  height: .38rem;
  font-size: .22rem;
}
/* 已售罄：压在图片正中（卡片宽 3.45rem，1.4rem 圆标居中） */
.lists.grid2 ul li .soldout {
  top: 1.02rem;
  left: 50%;
  margin-left: -.7rem;
}
.lists-2 {
  width: 7.2rem;
  overflow: hidden;
  background: #f5f5f5;
  padding-top: .2rem;
}
.lists-2 h3 {
  width: 100%;
  height: .8rem;
  line-height: .7rem;
  text-align: center;
  font-size: .32rem;
  color: #333;
}
.lists-2 ul {
  width: 7rem;
  margin: 0 .1rem;
}
.lists-2 ul li {
  position: relative;
  width: 3.45rem;
  margin: 0 .1rem .1rem 0;
  background: #fff;
  float: left;
}
.lists-2 ul li:nth-child(2n) {
  margin-right: 0;
}
.lists-2 ul li img {
  width: 3.05rem;
  height: 3.05rem;
  padding: .2rem;
}
.lists-2 ul li strong {
  width: 3.25rem;
  height: .6rem;
  display: block;
  line-height: .3rem;
  padding: 0 .1rem;
  margin: .1rem 0;
  font-size: .24rem;
  overflow: hidden;
}
.lists-2 ul li span {
  width: 3.25rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  padding: 0 .1rem;
  font-size: .24rem;
  color: #D22046;
}
.lists-2 ul li span em {
  font-size: .42rem;
}
.lists-2 ul li span del {
  font-size: .24rem;
  color: #999;
  margin-left: .05rem;
}
.lists-2 ul li i {
  position: absolute;
  top: 2.8rem;
  left: .1rem;
  padding: 2px 5px;
  font-size: .24rem;
  border: 1px solid #D22046;
  color: #D22046;
  border-radius: 2px;
}
.lists-2 ul li .soldout {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0;
  margin: 0;
  display: block;
  text-align: center;
  background: #000;
  color: #fff;
  border-radius: 50%;
  opacity: 0.8;
}
.cate-left {
  position: fixed;
  left: 50%;
  top: 0rem;
  width: 1.8rem;
  margin-left: -3.6rem;
  height: 100%;
  background: #f5f5f5;
  font-size: .24rem;
}
.cate-left ul {
  width: 100%;
}
.cate-left ul li {
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}
.cate-left ul li.acti {
  background: #fff;
}
.cate-right {
  position: absolute;
  top: 0rem;
  left: 1.8rem;
  width: 5.2rem;
  padding: .1rem;
  background: #fff;
  overflow: hidden;
  display: none;
}
.cate-right .cate-banner {
  width: 100%;
}
.cate-right .cate-sub {
  width: 5.2rem;
  float: left;
}
.cate-right .cate-sub h3 {
  height: .24rem;
  line-height: .24rem;
  font-size: .24rem;
  display: block;
  margin: .2rem 0;
  border-left: 2px solid #07f;
  text-indent: .15rem;
}
.cate-right .cate-sub li {
  width: 33.333333%;
  margin: .3rem 0;
  float: left;
}
.cate-right .cate-sub li span {
  width: 100%;
  height: .36rem;
  line-height: .36rem;
  text-align: center;
  font-size: .24rem;
  display: block;
}
.cate-right .cate-brand {
  width: 5.2rem;
  margin-bottom: .96rem;
  float: left;
}
.cate-right .cate-brand h3 {
  height: .24rem;
  line-height: .24rem;
  font-size: .24rem;
  display: block;
  margin: .2rem 0;
  border-left: 2px solid #07f;
  text-indent: .15rem;
}
.cate-right .cate-brand li {
  width: 30%;
  margin: .15rem 1.833% .15rem 1.5%;
  float: left;
}
.cate-right .cate-brand li img {
  width: 60%;
  padding: .05rem 20%;
  border: 1px solid #e1e1e1;
}
.limit-buy-activity {
  width: 100%;
  background-color: #fff;
}
.limit-buy-activity dt {
  width: 100%;
  height: 1rem;
}
.limit-buy-activity dt span {
  width: 1.54rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  padding-top: .2rem;
  font-size: .36rem;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.limit-buy-activity dd {
  position: relative;
  width: 100%;
  height: 4.275rem;
  background: url(../images/limitbg.jpg) center no-repeat;
  background-size: cover;
}
.limit-buy-activity dd p {
  display: block;
  position: absolute;
  width: 4.2rem;
  height: 2.675rem;
  left: 1.4rem;
  top: .7rem;
  border: .05rem solid #fff;
}
.limit-buy-activity dd p span {
  display: block;
  width: 4rem;
  height: 2.475rem;
  margin: .1rem;
  background: #fff;
  text-align: center;
}
.limit-buy-activity dd p span i {
  display: inline-block;
  width: 3.8rem;
  padding: .1rem;
  font-style: normal;
  float: left;
}
.limit-buy-activity dd p span i:last-child {
  width: 3rem;
  margin: 0 .4rem;
  margin-top: .1rem;
  line-height: .5rem;
}
.limit-buy-activity dd p span .countdown {
  font-size: .36rem;
  padding-top: .4rem;
}
.limit-buy-activity dd p span .countdown em {
  font-style: normal;
}
.limit-buy-activity dd p span .tips {
  font-size: .28rem;
}
.limit-buy-activity dd p span .next {
  font-size: .24rem;
  border-top: 1px solid #000;
}
.limit-buy-activity dd a {
  width: 100%;
  height: 100%;
  display: block;
}
.fake-tabs {
  width: 7.2rem;
  border-bottom: 1px solid #f5f5f5;
  background: #fff;
  overflow: hidden;
}
.fake-tabs ul {
  width: 100%;
}
.fake-tabs ul li {
  width: 50%;
  font-size: .28rem;
  text-align: center;
  padding: .2rem 0 .3rem 0;
  background: url("../images/limitbuy-bg2.png") center bottom no-repeat #f5f5f5;
  display: block;
  float: left;
}
.fake-tabs ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.fake-tabs ul li.on {
  background: url("../images/limitbuy-bg.png") center bottom no-repeat #fff;
}
.fake-tabs ul li.on a {
  color: #07f;
}
.fake-tabs ul li span {
  width: 100%;
  display: block;
  font-size: .24rem;
}
.fake-tabs p {
  width: 100%;
  height: .7rem;
  line-height: .7rem;
  background: #fff;
  display: block;
  font-size: .28rem;
  float: left;
}
.fake-tabs p span {
  width: 50%;
  height: .7rem;
  display: block;
  float: left;
  text-indent: .2rem;
}
.fake-tabs p span.countdown {
  text-align: center;
}
.activity-wrap {
  width: 7.2rem;
}
.activity-wrap ul {
  width: 100%;
}
.activity-wrap ul li {
  border-top: .15rem solid #fff;
}
.limitb ul li p {
  width: 3.15rem;
}
.limitb ul li .progress {
  position: absolute;
  right: 0;
  top: .4rem;
  width: 1.4rem;
  height: 1rem;
  line-height: .32rem;
  background: #1985ff;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  border: 1px solid #1985ff;
  border-radius: 3px;
}
.limitb ul li .progress strong {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  display: block;
}
.limitb ul li .progress em {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  display: block;
  background: #99c9ff;
}
.limitb ul li .progress i {
  position: absolute;
  right: 0;
  top: .5rem;
  width: 60%;
  height: .5rem;
  background: #fff;
}
.limitb ul li .progress b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  font-size: .2rem;
  color: #1985ff;
  display: block;
  text-align: center;
}
.after-sale-goods {
  width: 7.2rem;
  background: #fff;
  font-size: .24rem;
  overflow: hidden;
}
.after-sale-goods ul {
  width: 7.2rem;
  padding: .2rem  0;
  list-style: none;
}
.after-sale-goods ul li {
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
  padding: .15rem 0;
  float: left;
}
.after-sale-goods ul li img {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #f5f5f5;
  margin-left: .1rem;
  float: left;
}
.after-sale-goods ul li p {
  width: 4.6rem;
  height: 1.2rem;
  line-height: .36rem;
  display: block;
  margin-left: .2rem;
  float: left;
}
.after-sale-goods ul li span {
  float: right;
  text-align: right;
  line-height: .36rem;
  color: #f30;
  margin-right: .1rem;
}
.after-sale-goods ul li span i {
  color: #999;
}
.after-sale-reason {
  position: relative;
  width: 7.2rem;
  background: #fff;
  font-size: .24rem;
  border-bottom: 1px solid #f5f5f5;
}
.after-sale-reason h3 {
  width: 7rem;
  height: .8rem;
  line-height: .8rem;
  font-weight: normal;
  padding: 0 .1rem;
}
.after-sale-reason h3 em {
  float: right;
  font-size: .24rem;
  transform: rotate(90deg);
}
.after-sale-reason ul {
  position: absolute;
  width: 7rem;
  padding: .1rem;
  list-style: none;
  background: #fff;
  display: none;
}
.after-sale-reason ul li {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
  border-top: 1px solid #f5f5f5;
}
.after-sale-description {
  width: 7.2rem;
  background: #fff;
  font-size: .24rem;
  border-top: .2rem solid #f5f5f5;
}
.after-sale-description textarea {
  width: 7rem;
  height: 2.8rem;
  margin: .1rem;
}
.after-sale-tips {
  width: 7rem;
  padding: .2rem .1rem;
  background: #fff;
  font-size: .24rem;
  line-height: .48rem;
  border-top: 1px solid #f5f5f5;
}
.after-sale-tips h3 {
  color: #f30;
}
.after-sale-submit {
  width: 3rem;
  height: .64rem;
  line-height: .64rem;
  box-sizing: border-box;
  display: block;
  background: #07f;
  color: #fff;
  margin: .4rem auto 0 auto;
  border-radius: 5px;
}
.grouplist {
  width: 7.2rem;
  background: #fff;
}
.grouplist h3 {
  width: 7rem;
  padding: .1rem;
  height: .5rem;
  line-height: .5rem;
  font-size: .28rem;
  border-top: .1rem solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  font-weight: normal;
}
.grouplist h3 span {
  float: right;
}
.grouplist h3 span em {
  color: #f30;
}
.grouplist ul {
  width: 7rem;
  margin: .1rem .1rem 0 .1rem;
  font-size: .24rem;
}
.grouplist ul.detail {
  margin: 0 .1rem 0 .1rem;
}
.grouplist ul li {
  width: 100%;
  padding: .1rem 0 .2rem 0;
  border-bottom: 1px solid #f5f5f5;
}
.grouplist ul li:last-child {
  border-bottom: none;
}
.grouplist ul li img {
  width: 70%;
  margin: 0 15%;
}
.grouplist ul li p {
  line-height: .4rem;
}
.grouplist ul li em {
  color: #999;
}
.grouplist ul li b {
  color: #999;
}
.grouplist ul li span {
  width: 100%;
  height: 1rem;
  display: block;
  line-height: 1rem;
  font-size: .24rem;
  color: #999;
}
.grouplist ul li span em {
  margin: 0 .1rem;
  font-size: .36rem;
  color: #f30;
}
.grouplist ul li span .count {
  float: right;
}
.grouplist ul li a {
  width: 2rem;
  height: .7rem;
  line-height: .7rem;
  margin: .15rem 0;
  display: block;
  text-align: center;
  background: #f30;
  color: #fff;
  border-radius: 5px;
  float: right;
}
.groupbuy-rules {
  width: 7rem;
  padding: .1rem;
  background: #fff;
  margin: .1rem 0;
  overflow: hidden;
}
.groupbuy-rules h3 {
  font-size: .28rem;
  height: .5rem;
  line-height: .5rem;
  font-weight: normal;
}
.groupbuy-rules h3 span {
  float: right;
}
.groupbuy-rules ul {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  font-size: .24rem;
}
.groupbuy-rules ul li {
  width: 33.3333%;
  text-align: center;
  color: #666;
  float: left;
}
.groupbuy-user {
  width: 7rem;
  padding: .1rem;
  background: #fff;
  font-size: .24rem;
}
.groupbuy-user p {
  line-height: .4rem;
}
.groupbuy-user p span {
  color: #f30;
}
.groupbuy-user .groupbuy-info {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
.groupbuy-user .groupbuy-info .uface {
  position: absolute;
  left: 0;
  top: .3rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  background: #f30;
  color: #fff;
  text-align: center;
  font-size: .36rem;
  border-radius: 50%;
  float: left;
}
.groupbuy-user .groupbuy-info .uinfo {
  position: absolute;
  left: .6rem;
  top: .4rem;
  width: 5rem;
  height: .8rem;
  border-top: 1px solid #f30;
  border-bottom: 1px solid #f30;
  line-height: .4rem;
}
.groupbuy-user .groupbuy-info .uinfo .uname {
  width: 2rem;
  height: .8rem;
  line-height: .8rem;
  padding-left: .5rem;
  float: left;
}
.groupbuy-user .groupbuy-info .uinfo b {
  color: #f30;
}
.groupbuy-user .groupbuy-info a {
  position: absolute;
  right: 0;
  top: .4rem;
  width: 1.4rem;
  height: .8rem;
  line-height: .8rem;
  border-top: 1px solid #f30;
  border-bottom: 1px solid #f30;
  display: block;
  background: #f30;
  text-align: center;
  border-top-right-radius: .4rem;
  border-bottom-right-radius: .4rem;
  color: #fff;
  float: left;
}
.groupbuy-goods {
  width: 7.2rem;
  min-height: 3rem;
  background: #fff;
  margin-top: .1rem;
}
footer .button1 {
  width: .9rem;
  height: .95rem;
  line-height: .95rem;
  font-size: .36rem;
  text-align: center;
  display: block;
  border-top: 1px solid #ccc;
  float: left;
}
footer .button2 {
  width: 2.7rem;
  height: .96rem;
  text-align: center;
  background: #f60;
  color: #fff;
  display: block;
  float: left;
}
footer .button2 span {
  width: 100%;
  height: .6rem;
  line-height: .3rem;
  font-size: .28rem;
  margin: .18rem 0;
  display: block;
}
footer .button2 span em {
  width: 100%;
  display: block;
}
footer .button3 {
  width: 3.6rem;
  height: .96rem;
  line-height: .45rem;
  text-align: center;
  background: #f30;
  color: #fff;
  display: block;
  float: left;
}
footer .button3 span {
  width: 100%;
  height: .6rem;
  line-height: .3rem;
  font-size: .28rem;
  margin: .18rem 0;
  display: block;
}
footer .button3 span em {
  width: 100%;
  display: block;
}
.gb-goods {
  width: 7.2rem;
  background: #fff;
  padding: .2rem 0;
  overflow: hidden;
}
.gb-goods img {
  width: 1.8rem;
  height: 1.8rem;
  padding: .1rem;
  float: left;
}
.gb-goods p {
  width: 5rem;
  height: 1.2rem;
  line-height: .4rem;
  padding: .4rem .2rem .4rem 0;
  font-size: .24rem;
  display: block;
  float: left;
}
.gb-goods p span {
  width: 100%;
  height: .4rem;
  display: block;
  margin-top: .2rem;
}
.gb-goods p span em {
  color: #f30;
}
.gb-goods p span em i {
  font-size: .36rem;
}
.gb-users {
  width: 7rem;
  padding: .1rem .1rem .3rem .1rem;
  background: #f5f5f5;
  text-align: center;
  overflow: hidden;
}
.gb-users span {
  position: relative;
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .32rem;
  margin-top: .6rem;
  color: #fff;
  text-align: center;
  display: inline-block;
  background: #f30;
  border-radius: 50%;
}
.gb-users span i {
  position: absolute;
  top: 0;
  left: .4rem;
  width: .5rem;
  height: .16rem;
  line-height: .16rem;
  padding: .05rem 0;
  font-size: .16rem;
  text-align: center;
  border-radius: 5px;
  display: block;
  background: #f60;
  color: #fff;
}
.gb-users p {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  padding: .6rem 0 0 0;
  color: #999;
  font-size: .28rem;
}
.gb-users p i {
  color: #f30;
}
.gb-users strong {
  font-size: .24rem;
  color: #999;
  padding-bottom: .4rem;
}
.gb-related {
  width: 7.2rem;
  overflow: hidden;
  padding-bottom: .9rem;
  background: #fff;
}
.gb-related h3 {
  width: 7rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .28rem;
  display: block;
  margin: 0 .1rem;
  border-bottom: 1px solid #f5f5f5;
}
.gb-related ul {
  width: 7rem;
  padding: .1rem;
}
.gb-related ul li {
  width: 33.3333%;
  font-size: .24rem;
  margin-bottom: .2rem;
  float: left;
}
.gb-related ul li p {
  width: 90%;
  height: .6rem;
  line-height: .3rem;
  margin: 0 5%;
  overflow: hidden;
  color: #999;
}
.gb-related ul li span {
  width: 90%;
  display: block;
  margin: .1rem 5%;
  color: #f30;
  font-size: .28rem;
}
.footbg {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.6rem;
  width: 7.2rem;
  height: .9rem;
  background: #000;
  opacity: 0.6;
  z-index: 1;
}
.footbtn {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.6rem;
  width: 7.2rem;
  height: .9rem;
  z-index: 2;
}
.footbtn a {
  width: 2.8rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  margin: .15rem .4rem;
  border-radius: 5px;
  float: left;
}
.footbtn a:first-child {
  background: #bbb;
}
.footbtn a:last-child {
  background: #f30;
}
.invalidity {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.6rem;
  width: 7.2rem;
  height: .9rem;
  z-index: 2;
}
.invalidity a {
  width: 6rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  margin: .15rem auto;
  border-radius: 5px;
  background: #f30;
}
.rulesbtn {
  position: absolute;
  top: 2.6rem;
  right: 0;
  width: 1.6rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
  border: 1px solid #f00;
  border-right: none;
  background: #f5f5f5;
  color: #f00;
  font-size: .24rem;
}
.rulesbtn a {
  color: #f00;
}
.rules-popup {
  position: fixed;
  left: 50%;
  top: 0;
  width: 7.2rem;
  height: 100%;
  background: #f5f5f5;
  margin-left: -3.6rem;
  z-index: 100;
  display: none;
}
.notice {
  position: fixed;
  left: 50%;
  top: 0;
  width: 100%;
  max-width: 7.2rem;
  height: 100%;
  margin-left: -3.6rem;
  font-size: .24rem;
  background: #fff;
  z-index: 12;
  display: none;
}
.notice h3 {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
  font-size: .32rem;
  text-indent: .1rem;
  border-bottom: 1px solid #f5f5f5;
}
.notice h3 span {
  float: right;
  margin-right: .1rem;
  color: #666;
}
.notice p {
  width: 7rem;
  margin: .3rem .1rem;
  line-height: .4rem;
  color: #333;
}
.paragraph {
  width: 7rem;
  padding: 0 .1rem;
  background: #f5f5f5;
  font-size: .24rem;
  overflow: hidden;
}
.paragraph h3 {
  height: .8rem;
  line-height: .8rem;
  font-size: .28rem;
  color: #333;
  overflow: hidden;
}
.paragraph p {
  width: 100%;
  margin: .1rem 0 .1rem 0;
  line-height: .4rem;
  height: .8rem;
  overflow: hidden;
  color: #555;
}
.paragraph span {
  width: 100%;
  height: .4rem;
  display: block;
  font-size: .28rem;
  color: #333;
  text-align: center;
}
.paragraph span i.arrowup {
  display: none;
  transform: rotate(-90deg);
}
.paragraph span i.arrowdown {
  display: inline-block;
  transform: rotate(90deg);
}
.article {
  background: #fff;
  padding-top: .2rem;
  padding-bottom: .2rem;
}
header .topicon-left {
  width: .96rem;
  height: .96rem;
  display: block;
  text-align: center;
  color: #fff;
  float: left;
}
header .topicon-left .iconfont {
  display: block;
  font-size: .48rem;
  margin: .24rem 0;
}
header .topicon-right {
  width: .96rem;
  height: .96rem;
  display: block;
  text-align: center;
  color: #fff;
  float: right;
}
header .topicon-right .iconfont {
  display: block;
  font-size: .48rem;
  margin: .24rem 0;
}
header .head-title {
  width: 5rem;
  height: .96rem;
  line-height: .96rem;
  display: block;
  margin: 0 .14rem 0 1.1rem;
  color: #fff;
  font-size: .28rem;
  text-align: center;
  float: left;
}
header .search-input {
  width: 5rem;
  height: .96rem;
  display: block;
  margin: 0 .14rem;
  float: left;
}
header .search-input input {
  width: 5rem;
  height: .48rem;
  line-height: .48rem;
  display: block;
  box-sizing: border-box;
  border: none;
  margin: .24rem 0;
  border-radius: 5px;
  font-size: .24rem;
  text-indent: .2rem;
}
.search_suggest {
  position: absolute;
  top: .96rem;
  width: 100%;
  background: #fff;
  color: #333;
  font-size: .24rem;
}
.search_suggest ul li {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  border-bottom: 1px solid #f5f5f5;
  text-indent: .2rem;
}
.rh-keywords {
  width: 100%;
  background: #fff;
  font-size: .24rem;
  padding-bottom: .6rem;
  overflow: hidden;
}
.rh-keywords h4 {
  width: 7rem;
  height: .96rem;
  line-height: .96rem;
  font-size: .28rem;
  color: #333;
  margin: 0 .1rem;
  padding: .1rem 0;
  font-weight: normal;
}
.rh-keywords h4 a {
  color: #333;
}
.rh-keywords h4 a i {
  float: right;
}
.rh-keywords ul {
  width: 7rem;
  padding: 0 .1rem;
}
.rh-keywords ul li {
  height: .3rem;
  padding: .1rem .2rem;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  margin-right: .2rem;
  margin-bottom: .2rem;
  float: left;
}
.rh-keywords ul li a {
  width: 100%;
  height: 100%;
  color: #666;
  display: block;
}
.rh-keywords .noresult {
  width: 7rem;
  height: .6rem;
  line-height: .6rem;
  color: #999;
  display: block;
  padding: 0 .1rem;
}
.brandslist {
  width: 100%;
  background: #fff;
  font-size: .28rem;
}
.brandslist ul {
  width: 7rem;
  padding: .1rem;
}
.brandslist ul li {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
}
.brandslist ul li a {
  width: 7rem;
  height: .8rem;
  display: block;
}
.user-top {
  position: relative;
  width: 7.2rem;
  height: 2.2rem;
  background: url("../images/user_center_bg.jpg") center no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.user-top .login-reg {
  width: 2.4rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: .28rem;
  margin: .8rem auto;
  border-radius: 5px;
}
.user-top img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin: .6rem 0 .6rem .6rem;
  float: left;
}
.user-top span {
  width: 4.2rem;
  height: 1rem;
  line-height: .5rem;
  display: block;
  margin: .6rem .2rem .6rem .2rem;
  color: #fff;
  font-size: .24rem;
  float: left;
}
.user-top i {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  display: block;
  margin: .6rem 0;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  float: left;
}
.user-menus {
  width: 7.2rem;
  background: #fff;
  color: #666;
  overflow: hidden;
  font-size: .28rem;
}
.user-menus ul {
  border-top: .15rem solid #f5f5f5;
}
.user-menus ul a {
  color: #666;
}
.user-menus ul a li {
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
  margin-left: .1rem;
}
.user-menus ul a li i {
  margin-right: .1rem;
  font-size: .32rem;
}
.user-menus ul a li i.ico1 {
  color: #ffbc47;
}
.user-menus ul a li i.ico2 {
  color: #ff8774;
}
.user-menus ul a li i.ico3 {
  color: #ff8abc;
}
.user-menus ul a li i.ico4 {
  color: #41dd8a;
}
.user-menus ul a li i.ico5 {
  color: #ffcc00;
}
.user-menus ul a li i.ico6 {
  color: #33beff;
}
.user-menus ul a li i.ico7 {
  color: #ff72a0;
}
.user-menus ul a li i.ico8 {
  color: #ffb471;
}
.user-menus ul a li i.ico9 {
  color: #3eb135;
}
.user-menus ul a li i.ico0 {
  color: #0077ff;
}
.user-menus ul a li span {
  margin-right: .1rem;
  font-size: .24rem;
  float: right;
}
.user-menus ul p {
  width: 100%;
  height: 1.3rem;
  display: block;
}
.user-menus ul p span {
  position: relative;
  width: 1.44rem;
  height: 1.2rem;
  display: block;
  text-align: center;
  padding-top: .1rem;
  font-size: .2rem;
  float: left;
}
.user-menus ul p span i {
  width: 1.44rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .36rem;
  display: block;
}
.user-menus ul p span em {
  position: absolute;
  left: 50%;
  margin-left: .05rem;
  width: .3rem;
  height: .3rem;
  font-size: .18rem;
  line-height: .3rem;
  background: #f30;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 50%;
}
.login-reg-tabs {
  position: relative;
  width: 7.2rem;
  height: .96rem;
  background: #fff;
  overflow: hidden;
  text-align: center;
}
.login-reg-tabs span {
  width: 1.8rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .24rem;
  text-align: center;
  display: block;
  margin: .24rem 0;
  border: 1px solid #07f;
  color: #07f;
  float: left;
}
.login-reg-tabs span.login-tabs {
  margin-left: 1.76rem;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.login-reg-tabs span.reg-tabs {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.login-reg-tabs span.acti {
  color: #fff;
  background: #07f;
}
.login-reg-tabs i {
  position: absolute;
  left: 0;
  top: 0;
  width: .96rem;
  height: .96rem;
  line-height: .96rem;
  display: block;
  font-size: .28rem;
  text-align: center;
}
.forms {
  width: 7.2rem;
  background: #fff;
  border-top: .15rem solid #f5f5f5;
}
.forms ul {
  width: 7rem;
  padding: .1rem .1rem 0 .1rem;
  overflow: hidden;
}
.forms ul li {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
  padding: .1rem 0;
}
.forms ul li span {
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  display: block;
  font-size: .32rem;
  color: #07f;
  text-align: center;
  float: left;
}
.forms ul li input {
  width: 6rem;
  height: .8rem;
  box-sizing: border-box;
  line-height: .8rem;
  font-size: .28rem;
  text-indent: .1rem;
  color: #666;
  display: block;
  float: left;
}
.forms ul li input.vcode {
  width: 3rem;
}
.forms ul li input.phone-btn {
  width: 3rem;
  height: .6rem;
  line-height: .6rem;
  background: #f5f5f5;
  color: #999;
  margin: .1rem 0;
}
.forms ul li img {
  display: block;
  width: 3rem;
  height: .6rem;
  padding-top: .1rem;
}
.forms ul li select {
  -webkit-appearance: none;
  position: relative;
  width: 1.8rem;
  height: .6rem;
  box-sizing: border-box;
  display: block;
  margin: .1rem;
  font-size: .28rem;
  color: #666;
  float: left;
}
.forms ul li select span {
  position: absolute;
  right: 0;
}
.forms ul li select option {
  font-size: .28rem;
  color: #666;
}
.a-forget {
  width: 7rem;
  height: .6rem;
  line-height: .6rem;
  padding: .1rem;
  text-align: right;
  font-size: .28rem;
}
.btnOK {
  width: 100%;
  height: 1.2rem;
}
.btnOK a {
  width: 7rem;
  height: .8rem;
  line-height: .8rem;
  display: block;
  text-align: center;
  background: #07f;
  color: #fff;
  margin: 0 auto;
  font-size: .28rem;
  border-radius: 3px;
}
.logout-btn {
  width: 7rem;
  height: .6rem;
  line-height: .6rem;
  margin: .1rem;
  display: block;
  background: #07f;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
.coupon-exchange {
  width: 7.2rem;
  height: 1rem;
  background: #fff;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.coupon-exchange input {
  display: block;
  box-sizing: border-box;
  height: .7rem;
  line-height: .7rem;
  font-size: .28rem;
  margin: .15rem 0;
  float: left;
}
.coupon-exchange input.sninput {
  width: 5rem;
  border: 1px solid #07f;
  color: #888;
  margin-left: .35rem;
  text-indent: .1rem;
  text-transform: uppercase;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.coupon-exchange input.snsubmit {
  width: 1.5rem;
  background: #07f;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.coupon-lists {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
}
.coupon-lists h3 {
  width: 7.2rem;
  height: .8rem;
  font-size: .28rem;
  border-bottom: 1px solid #e3e3e3;
}
.coupon-lists h3 span {
  width: 1.4rem;
  height: .8rem;
  line-height: .8rem;
  margin: 0 .5rem;
  text-align: center;
  display: block;
  float: left;
}
.coupon-lists h3 span a {
  width: 100%;
  height: 100%;
  display: block;
}
.coupon-lists h3 span.acti {
  border-bottom: 1px solid #07f;
}
.coupon-lists h3 span.acti a {
  color: #07f;
}
.coupon-lists ul {
  width: 7rem;
  overflow: hidden;
  padding: .1rem;
  font-size: .28rem;
}
.coupon-lists ul li {
  padding: .2rem 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}
.coupon-lists ul li:last-child {
  border-bottom: none;
}
.coupon-lists ul li strong {
  width: 2.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  color: #fff;
  display: block;
  background: url("../images/coupon_bg.gif") center repeat;
  background-size: 100%;
  float: left;
}
.coupon-lists ul li strong span {
  font-size: .56rem;
}
.coupon-lists ul li.wuxiao strong {
  background: url("../images/coupon_out_bg.gif") center repeat;
  background-size: 100%;
}
.coupon-lists ul li em {
  position: relative;
  display: block;
  width: 4.4rem;
  height: 1.4rem;
  margin-left: .2rem;
  float: left;
}
.coupon-lists ul li em i {
  position: absolute;
  width: 100%;
  display: block;
  bottom: 0;
  left: 0;
  font-size: .24rem;
  color: #999;
}
.coupon-lists ul p {
  width: 7rem;
  min-height: 10rem;
  display: block;
  text-align: center;
}
.coupon-lists ul p i {
  width: 100%;
  display: block;
  font-size: 3rem;
  margin-top: 2rem;
  margin-bottom: .5rem;
  color: #e3e3e3;
}
.sign-pop {
  width: 4.1rem;
  height: 6.12rem;
  background: url("../images/signin.png") center top no-repeat;
  background-size: 100%;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -2.05rem;
  z-index: 1000000;
  display: none;
}
.sign-pop img {
  position: absolute;
  bottom: 0;
  left: 1.75rem;
  width: .6rem;
  height: .6rem;
}
.exchange-result {
  width: 60%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  position: fixed;
  top: 180px;
  left: 50%;
  margin-left: -30%;
  z-index: 1000000;
  background: #fff;
  color: #666;
  font-size: .32rem;
  border: 1px solid #fff;
  border-radius: 8px;
  display: none;
}
.signon {
  position: relative;
  width: 7.2rem;
  height: 4.1rem;
  margin: 0 auto;
  background: url("../images/jfbg2.jpg") center no-repeat;
  background-size: 100%;
  overflow: hidden;
  float: left;
}
.signon .signhelp {
  position: absolute;
  top: .1rem;
  right: .1rem;
  width: .3rem;
  height: .3rem;
}
.signon .signon-btn {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  display: block;
  background: #f62f56;
  color: #fff;
  border-radius: 50%;
  margin: .8rem 2.8rem .3rem 2.8rem;
  font-size: .28rem;
  text-align: center;
  border: 3px solid #fdd5dd;
}
.signon em {
  width: 100%;
  height: 1rem;
  line-height: .5rem;
  display: block;
  font-size: .24rem;
  margin-top: .2rem;
  text-align: center;
}
.myexchange {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-top: .15rem solid #f5f5f5;
}
.myexchange dd {
  width: 100%;
  font-size: .24rem;
  overflow: hidden;
}
.myexchange dd .tabs {
  display: inline-block;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: .05rem;
}
.myexchange dd .tabs li {
  width: 2rem;
  height: .7rem;
  line-height: .7rem;
  margin: 0 .8rem;
  text-align: center;
  background: #fff;
  border-bottom: 2px solid #fff;
  float: left;
}
.myexchange dd .tabs li.default {
  background: #ffffff;
  border-bottom: 2px solid #07f;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide ul {
  overflow: hidden;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li {
  position: relative;
  width: 3.45rem;
  height: 2.4rem;
  background: url("../images/coupon_bg.png") center no-repeat;
  background-size: 100%;
  margin-left: .1rem;
  margin-bottom: .1rem;
  float: left;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li:nth-child(2n) {
  margin-right: 0;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .c-des {
  width: 3.05rem;
  height: 1rem;
  line-height: .5rem;
  display: block;
  color: #e9002d;
  padding: .2rem;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .c-des em {
  font-size: .38rem;
  font-weight: bold;
  margin-right: .1rem;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide ul li .c-btn {
  width: 2.23rem;
  height: .48rem;
  line-height: .48rem;
  display: block;
  text-align: center;
  margin: .25rem .6rem;
  border: 1px solid #e9002d;
  color: #e9002d;
  border-radius: .29rem;
  font-size: .28rem;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide p {
  position: relative;
  width: 7.2rem;
  height: 2.71rem;
  display: block;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide p span {
  width: 100%;
  height: .7rem;
  display: block;
  line-height: .7rem;
  border-bottom: 1px solid #f5f5f5;
  color: #999;
  text-indent: .1rem;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide p img {
  position: absolute;
  left: .1rem;
  top: .81rem;
  width: 1.8rem;
  height: 1.8rem;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide p em {
  position: absolute;
  left: 2.1rem;
  top: .81rem;
  width: 5rem;
  height: .6rem;
  line-height: .3rem;
  display: block;
  float: left;
}
.myexchange dd .swiper-container-choice .swiper-wrapper .swiper-slide p a {
  position: absolute;
  right: .1rem;
  bottom: .1rem;
  width: 5rem;
  height: .3rem;
  line-height: .3rem;
  text-align: right;
}
.coupon {
  width: 7.2rem;
  height: 3.2rem;
  background: url("../images/coup_bg.jpg") center no-repeat;
  background-size: 100%;
  float: left;
}
.coupon .coupon-info {
  position: relative;
  width: 5.6rem;
  height: 2rem;
  margin: .6rem auto;
  background: url("../images/coup_bg2.png") center no-repeat;
  background-size: 100%;
}
.coupon .coupon-info .coupon-bg {
  position: absolute;
  width: 5rem;
  height: 1.4rem;
  left: .3rem;
  top: .3rem;
  font-size: .24rem;
}
.coupon .coupon-info .coupon-bg span {
  width: 2rem;
  height: 1.2rem;
  line-height: .6rem;
  display: block;
  margin: .1rem 0;
  text-align: center;
  border-right: 1px solid #f5f5f5;
  float: left;
}
.coupon .coupon-info .coupon-bg span i {
  font-size: .56rem;
  color: #f30;
}
.coupon .coupon-info .coupon-bg span em {
  color: #f30;
}
.coupon .coupon-info .coupon-bg strong {
  width: 2.7rem;
  height: 1rem;
  line-height: .5rem;
  display: block;
  margin: .2rem 0 .2rem .2rem;
  font-size: .28rem;
  float: left;
  color: #333;
}
.coupon-t {
  width: 7.2rem;
  height: 2.6rem;
  background: #fff;
  font-size: .28rem;
  border-bottom: 1px solid #f5f5f5;
  float: left;
}
.coupon-t dt {
  width: 7rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .32rem;
  margin: .1rem;
}
.coupon-t dd {
  position: relative;
  width: 7rem;
  height: 1.8rem;
  line-height: 1.2rem;
  font-size: .64rem;
  color: #333;
  margin: .1rem;
}
.coupon-t dd em {
  font-size: .28rem;
}
.coupon-t dd span {
  position: absolute;
  color: #999;
  bottom: .2rem;
  font-size: .24rem;
  line-height: .3rem;
  left: 0;
}
.shuoming {
  width: 7.2rem;
  background: #fff;
  float: left;
}
.shuoming dt {
  width: 7rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .32rem;
  padding: .1rem;
}
.shuoming dd {
  width: 7rem;
  line-height: .5rem;
  color: #666;
  font-size: .24rem;
  padding: .1rem;
}
.coup-btn {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.6rem;
  width: 7.2rem;
  height: .96rem;
  background: #fff;
}
.coup-btn a {
  width: 7rem;
  height: .7rem;
  line-height: .7rem;
  display: block;
  margin: .13rem .1rem;
  background: #07f;
  color: #fff;
  font-size: .28rem;
  text-align: center;
  border-radius: 3px;
}
.inapp {
  bottom: 0;
}
.integral-top {
  position: relative;
  width: 7.2rem;
  height: 2.74rem;
  background: url("../images/integral_bg.jpg") center no-repeat;
  background-size: 100%;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.integral-top em {
  position: absolute;
  right: .15rem;
  top: .15rem;
  width: .35rem;
  height: .35rem;
  display: block;
  background: url("../images/wenhao.png") center no-repeat;
  background-size: 100%;
}
.integral-top img {
  width: 1.16rem;
  height: .81rem;
  margin: .965rem auto;
}
.integral-top span {
  position: absolute;
  display: block;
  width: 2rem;
  height: .6rem;
  left: 2.6rem;
  bottom: .2rem;
  font-size: .36rem;
  text-align: center;
}
.integral-details {
  width: 7.2rem;
  overflow: hidden;
  background: #fff;
  font-size: .28rem;
}
.integral-details ul {
  width: 7rem;
  padding: .3rem .1rem 0 .1rem;
  overflow: hidden;
}
.integral-details ul li {
  width: 7rem;
  height: 1.8rem;
  float: left;
  text-indent: 1rem;
  background: url("../images/jf-details-bg.png") 0.4rem top no-repeat;
  margin-bottom: .2rem;
}
.integral-details ul li em {
  width: 100%;
  height: .6rem;
  display: block;
  color: #333;
  font-size: .32rem;
}
.integral-details ul li span {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  display: block;
  color: #666;
  font-size: .28rem;
}
.integral-details ul li i {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  display: block;
  color: #999;
  font-size: .24rem;
}
.popup-article {
  width: 7.2rem;
  height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.6rem;
  background: #fff;
  font-size: .28rem;
  z-index: 2;
  display: none;
}
.popup-article dt {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
  font-size: .32rem;
  text-indent: .2rem;
}
.popup-article dt span {
  margin-right: .2rem;
  color: #999;
  float: right;
}
.popup-article h3 {
  height: .8rem;
  line-height: .8rem;
  font-size: .28rem;
  text-indent: .2rem;
}
.popup-article p {
  width: 6.8rem;
  margin: .2rem;
}
.order-list {
  width: 7.2rem;
  font-size: .24rem;
  background: #fff;
  overflow: hidden;
}
.order-list dt {
  width: 7.2rem;
  height: .8rem;
  line-height: .8rem;
  list-style: none;
  border-bottom: .15rem solid #f5f5f5;
}
.order-list dt li {
  width: 1rem;
  height: .8rem;
  margin: 0 .22rem;
  float: left;
}
.order-list dt li a {
  width: 1rem;
  height: .78rem;
  line-height: .78rem;
  border-bottom: .02rem solid #fff;
  display: block;
  text-align: center;
}
.order-list dt li.acti a {
  border-bottom: .02rem solid #07f;
}
.order-list dd {
  width: 7.2rem;
  overflow: hidden;
}
.order-list dd .isempty {
  position: fixed;
  width: 7.2rem;
  height: 100%;
  background: #fff;
}
.order-list dd .isempty i {
  width: 3.6rem;
  height: 3.6rem;
  display: block;
  margin: 1rem 1.8rem;
  font-size: 3.6rem;
  color: #f5f5f5;
}
.order-list dd .isempty span {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  font-size: .28rem;
  color: #999;
  display: block;
}
.order-list dd dl {
  position: relative;
  width: 100%;
  border-bottom: .15rem solid #f5f5f5;
}
.order-list dd dl:last-child {
  border-bottom: none;
}
.order-list dd dl .order-title {
  width: 100%;
  height: .6rem;
  display: block;
  line-height: .6rem;
  text-indent: .15rem;
  border-bottom: 1px solid #f5f5f5;
}
.order-list dd dl .order-title em {
  color: #07f;
  margin-right: .15rem;
  float: right;
}
.order-list dd dl p {
  width: 7.2rem;
  border-bottom: 1px solid #f5f5f5;
  display: block;
  overflow: hidden;
}
.order-list dd dl p .goods-img {
  width: .9rem;
  height: .9rem;
  padding: .1rem;
  margin: .15rem;
  border: 1px solid #f5f5f5;
  float: left;
}
.order-list dd dl p .goods-name {
  width: 5.6rem;
  height: 1.2rem;
  display: block;
  margin: .15rem 0;
  float: left;
}
.order-list dd dl p .goods-name strong {
  width: 4rem;
  height: 1.2rem;
  display: block;
  color: #666;
  float: left;
}
.order-list dd dl p .goods-name em {
  float: right;
  text-align: right;
  color: #f30;
}
.order-list dd dl p .goods-name em i {
  width: 100%;
  height: .3rem;
  display: block;
  line-height: .3rem;
  color: #999;
}
/* 订单列表商品行：名称下方显示所选属性（与购物车/结算页同款单行省略）
   名称块 strong 是 4rem/1.2rem 的浮动列：名称 1~2 行 + 属性行（.04rem 间距 + .3rem 行高）刚好放得下，
   属性行用 width:100% + 单行省略，过长由省略号截断，不会撑破固定高度的行 */
.order-list dd dl p .goods-name strong .goods-spec {
  width: 100%;
  margin-top: .04rem;
  padding: 0;
  display: block;
  background: none;
  border: 0;
  font-weight: normal;
  font-size: .22rem;
  color: #999;
  line-height: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-list dd dl .order-info {
  width: 7.2rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  border-bottom: 1px solid #f5f5f5;
  text-indent: .15rem;
}
.order-list dd dl .order-info em {
  float: right;
  margin-right: .15rem;
}
.order-list dd dl .order-info em i {
  color: #f30;
}
.order-list dd dl .order-btns {
  position: relative;
  width: 7.2rem;
  height: .8rem;
  display: block;
  text-align: right;
}
.order-list dd dl .order-btns i {
  position: absolute;
  left: .1rem;
  color: #f30;
  line-height: .8rem;
}
.order-list dd dl .order-btns a {
  width: 1.26rem;
  height: .42rem;
  line-height: .42rem;
  display: inline-block;
  text-align: center;
  border: 1px solid #07f;
  color: #07f;
  border-radius: 3px;
  margin-right: .15rem;
  margin-top: .19rem;
}
.order-list dd dl .order-status {
  position: absolute;
  right: .15rem;
  top: 1.35rem;
  color: #f90;
}
.ajax-loading {
  width: 7.2rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
}
.order-info {
  width: 7.2rem;
  background: #fff;
  font-size: .28rem;
  line-height: .7rem;
  overflow: hidden;
}
.order-info ul {
  width: 7rem;
  padding: 0 .1rem;
  border-bottom: .15rem solid #f5f5f5;
}
.order-info ul h3 {
  font-weight: normal;
  font-size: .28rem;
}
.order-info ul h3 .iconfont {
  width: .5rem;
  display: inline-block;
  text-align: center;
}
.order-info ul li {
  margin-left: .5rem;
}
.order-info ul li span {
  color: #888;
}
.order-goods {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  font-size: .28rem;
}
.order-goods h3 {
  width: 7rem;
  margin: 0 .1rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
  font-weight: normal;
}
.order-goods ul {
  width: 7rem;
  margin: 0 .1rem;
}
.order-goods ul li {
  width: 7rem;
  border-bottom: 1px solid #f8f8f8;
  overflow: hidden;
}
.order-goods ul li img {
  width: 1rem;
  height: 1rem;
  border: 1px solid #f5f5f5;
  margin: .1rem .1rem .1rem 0;
  float: left;
}
.order-goods ul li em {
  width: 4rem;
  height: 1rem;
  display: block;
  margin: .1rem .1rem .1rem 0;
  line-height: .5rem;
  float: left;
}
.order-goods ul li span {
  width: 1.5rem;
  height: 1rem;
  line-height: .5rem;
  display: block;
  text-align: right;
  margin: .1rem 0;
  color: #f30;
  float: right;
}
.order-goods ul li span i {
  color: #333;
}
.order-paydetails {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  font-size: .28rem;
  border-top: .15rem solid #f5f5f5;
}
.order-paydetails h3 {
  width: 7rem;
  margin: 0 .1rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
  font-weight: normal;
}
.order-paydetails ul {
  width: 7rem;
  margin: 0 .1rem;
}
.order-paydetails ul li {
  width: 7rem;
  height: .7rem;
  line-height: .7rem;
  border-bottom: 1px dotted #f5f5f5;
}
.order-paydetails ul li span {
  float: right;
}
.order-paydetails ul li span.totalfee {
  color: #f30;
}
.paybtn {
  width: 100%;
  height: 1rem;
  background: #fff;
  overflow: hidden;
  font-size: .28rem;
  border-top: .15rem solid #f5f5f5;
}
.paybtn ul {
  margin: .2rem 0;
}
.paybtn ul li {
  width: 2rem;
  height: .6rem;
  line-height: .6rem;
  background: #07f;
  text-align: center;
  border-radius: 5px;
  margin-right: .1rem;
  float: right;
}
.paybtn ul li a {
  color: #fff;
}
.article-wrap ul {
  width: 100%;
  overflow: hidden;
}
.article-wrap ul li {
  position: relative;
  display: block;
  width: 100%;
  height: 4.15rem;
  background: #f3fdff;
  text-indent: 0;
  font-size: .24rem;
  padding: .1rem 0;
  border-bottom: .1rem solid #fff;
  overflow: hidden;
}
.article-wrap ul li img {
  position: absolute;
  left: .1rem;
  top: .1rem;
  width: 2.75rem;
  height: 4.15rem;
  float: left;
}
.article-wrap ul li em {
  display: block;
  width: 4rem;
  margin-left: 3rem;
  line-height: .4rem;
  font-size: .28rem;
  font-weight: bold;
}
.article-wrap ul li em i {
  display: block;
  width: 100%;
  font-size: .24rem;
  color: #333;
}
.article-wrap ul li span {
  display: block;
  width: 4rem;
  margin-left: 3rem;
  font-weight: bold;
  margin-top: .1rem;
}
.article-wrap ul li span i {
  font-weight: normal;
  color: #666;
}
.article-wrap ul li strong {
  display: block;
  width: 4rem;
  margin-left: 3rem;
  margin-top: .15rem;
  color: #333;
}
.newbie {
  width: 7rem;
  padding: 0 .1rem;
  background: #f5f5f5;
  font-size: .24rem;
  overflow: hidden;
}
.newbie h3 {
  height: .5rem;
  line-height: .5rem;
  font-size: .32rem;
  font-weight: normal;
  margin-top: .3rem;
  color: #333;
  overflow: hidden;
}
.newbie p {
  width: 100%;
  line-height: .4rem;
  color: #555;
}
.lists-newbie {
  width: 7.2rem;
  overflow: hidden;
  background: #f5f5f5;
  padding-top: .2rem;
}
.lists-newbie h3 {
  width: 100%;
  height: .8rem;
  line-height: .7rem;
  text-align: center;
  font-size: .32rem;
  color: #333;
}
.lists-newbie ul {
  width: 7rem;
  margin: 0 .1rem;
}
.lists-newbie ul li {
  position: relative;
  width: 3.45rem;
  margin: 0 .1rem .1rem 0;
  background: #fff;
  float: left;
}
.lists-newbie ul li:nth-child(2n) {
  margin-right: 0;
}
.lists-newbie ul li img {
  width: 3.05rem;
  height: 3.05rem;
  padding: .2rem;
  border-bottom: 1px solid #f5f5f5;
}
.lists-newbie ul li strong {
  width: 3.25rem;
  height: .5rem;
  display: block;
  line-height: .5rem;
  padding: 0 .1rem;
  margin: .1rem 0;
  font-size: .28rem;
  overflow: hidden;
}
.lists-newbie ul li p {
  width: 3.25rem;
  height: .6rem;
  line-height: .3rem;
  display: block;
  padding: 0 .1rem;
  font-size: .24rem;
  color: #666;
}
.lists-newbie ul li span {
  width: 3.2rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  border: 1px solid #f30;
  font-size: .24rem;
  color: #D22046;
  margin: .2rem auto;
  text-align: center;
  border-radius: .3rem;
}
.lists-newbie ul li span em {
  font-size: .36rem;
}
.lists-newbie ul li span del {
  font-size: .24rem;
  color: #f90;
  margin-left: .05rem;
}
.lists-newbie ul li i {
  position: absolute;
  top: 2.8rem;
  left: .1rem;
  padding: 2px 5px;
  font-size: .24rem;
  border: 1px solid #D22046;
  color: #D22046;
  border-radius: 2px;
}
.user-interest {
  width: 7rem;
  padding: .1rem;
  background: #f5f5f5;
  overflow: hidden;
}
.user-interest h3 {
  font-size: .28rem;
  height: .8rem;
  line-height: .8rem;
  font-weight: normal;
  text-align: center;
}
.user-interest span {
  display: block;
  height: .8rem;
  font-size: .28rem;
  color: #666;
  text-align: center;
}
.user-interest ul {
  overflow: hidden;
}
.user-interest ul li {
  position: relative;
  width: 2.266666rem;
  height: 2.9rem;
  margin-right: .1rem;
  margin-bottom: .2rem;
  font-size: .28rem;
  text-align: center;
  float: left;
}
.user-interest ul li:nth-child(3n) {
  margin-right: 0;
}
.user-interest ul li span {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  display: block;
  margin-top: .1rem;
}
.user-interest ul li img {
  width: 2.266666rem;
  height: 2.266666rem;
  z-index: 1;
}
.user-interest ul li i {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.266666rem;
  height: 2.266666rem;
  line-height: 2.266666rem;
  text-align: center;
  color: #fff;
  background: #000;
  opacity: 0.6;
  display: none;
  z-index: 2;
}
.user-interest .formsubmit {
  width: 7rem;
  height: .7rem;
  line-height: .7rem;
  background: transparent;
  border: 1px solid #f30;
  color: #f30;
  text-align: center;
  box-sizing: border-box;
  font-size: .32rem;
  letter-spacing: .1rem;
  border-radius: .35rem;
  margin-bottom: .3rem;
  float: left;
}
.logistic-info {
  width: 7.2rem;
  padding: .15rem 0;
  background: #fff;
  color: #333;
  font-size: .28rem;
  border-bottom: .15rem solid #f5f5f5;
}
.logistic-info h3 {
  width: 7rem;
  height: .5rem;
  line-height: .5rem;
  padding: .1rem;
  font-weight: normal;
  font-size: .28rem;
}
.logistic-info h3 i {
  width: .4rem;
  height: .5rem;
  text-align: left;
  display: block;
  float: left;
}
.logistic-info h3 span {
  display: block;
  float: left;
}
.logistic-info ul {
  width: 7rem;
  line-height: .5rem;
  text-indent: .4rem;
  padding: 0 .1rem;
}
.logistic-details {
  width: 7.2rem;
  padding: .15rem 0;
  background: #fff;
  color: #333;
  font-size: .28rem;
}
.logistic-details h3 {
  width: 7rem;
  height: .5rem;
  line-height: .5rem;
  padding: .1rem;
  font-weight: normal;
  font-size: .28rem;
}
.logistic-details h3 i {
  width: .4rem;
  height: .5rem;
  text-align: left;
  display: block;
  float: left;
}
.logistic-details h3 span {
  display: block;
  float: left;
}
.logistic-details ul {
  width: 7rem;
  line-height: .5rem;
  margin: .2rem 0;
  background: url("../images/logistics-line.png") left repeat-y;
  overflow: hidden;
}
.logistic-details ul li {
  width: 6.65rem;
  padding: 0 0 0 .25rem;
  margin: .3rem 0;
  float: left;
  background: url("../images/ls01.png") left 0.05rem no-repeat;
}
.logistic-details ul li.first {
  background: url("../images/ls02.png") left 0.05rem no-repeat;
}
.logistic-details ul li.last {
  color: #07f;
  background: url("../images/ls03.png") left 0.05rem no-repeat;
}
.logistic-details ul li.complate {
  background: url("../images/ls04.png") left 0.05rem no-repeat;
}
.logistic-details ul li span {
  width: 6.3rem;
  display: block;
  line-height: .4rem;
  overflow: hidden;
  padding-left: .3rem;
}
.logistic-details ul li i {
  width: 6.3rem;
  height: .4rem;
  line-height: .4rem;
  display: block;
  color: #999;
  font-size: .24rem;
  padding-left: .3rem;
}
.logistic-details ul li em {
  width: 100%;
  height: .3rem;
  display: block;
  border-bottom: 1px solid #f5f5f5;
}
.comment-goods {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #f8f8f8;
}
.comment-goods img {
  box-sizing: border-box;
  width: 1.6rem;
  height: 1.6rem;
  padding: .1rem;
  border: 1px solid #f5f5f5;
  margin: .2rem;
  float: left;
}
.comment-goods em {
  width: 4.5rem;
  height: 1.4rem;
  font-size: .28rem;
  display: block;
  margin: .2rem;
  color: #666;
  float: left;
}
.comment-star {
  width: 7.2rem;
  height: .9rem;
  line-height: .9rem;
  text-indent: .2rem;
  background: #fff;
  font-size: .28rem;
  color: #999;
  overflow: hidden;
}
.comment-star span {
  width: 2.79rem;
  height: .4rem;
  display: block;
  padding: .25rem 0;
  margin-right: .2rem;
  background: url("../images/star5.png") center no-repeat;
  background-size: 100%;
  float: right;
}
.comment-star span.s1 {
  background: url("../images/star1.png") center no-repeat;
  background-size: 100%;
}
.comment-star span.s2 {
  background: url("../images/star2.png") center no-repeat;
  background-size: 100%;
}
.comment-star span.s3 {
  background: url("../images/star3.png") center no-repeat;
  background-size: 100%;
}
.comment-star span.s4 {
  background: url("../images/star4.png") center no-repeat;
  background-size: 100%;
}
.comment-star span.s5 {
  background: url("../images/star5.png") center no-repeat;
  background-size: 100%;
}
.comment-star span i {
  width: 20%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  text-indent: 0;
  display: block;
  float: left;
}
.comment-text {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  border-top: 1px solid #f8f8f8;
  border-bottom: .15rem solid #f5f5f5;
}
.comment-text textarea {
  width: 6.8rem;
  height: 1.8rem;
  padding: .1rem;
  margin: .1rem;
  font-size: .28rem;
  border: none;
  color: #666;
}
.applogo {
  width: 7.2rem;
  height: 2.1rem;
  padding: .3rem 0;
}
.applogo img {
  width: 4.35rem;
  height: 2.1rem;
  margin: 0 auto;
}
.appbtn {
  width: 7.2rem;
  height: 2rem;
  margin-top: .8rem;
}
.appbtn img {
  width: 4.3rem;
  height: .82rem;
  margin: 0 auto;
}
.appinwechat {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/wechat-layer.png") right top no-repeat;
  background-size: 70%;
  z-index: 1000001;
  display: none;
}
.cart-empty {
  width: 7.2rem;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.order-items {
  width: 7.2rem;
  font-size: .28rem;
  background: #fff;
  border-bottom: .15rem solid #f5f5f5;
  overflow: hidden;
}
.order-items .order-type {
  width: 7.2rem;
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px solid #f5f5f5;
}
.order-items .order-type img {
  width: .3rem;
  height: .3rem;
  display: block;
  margin: .25rem;
  float: left;
}
.order-items .order-type em {
  width: 2.3rem;
  height: .8rem;
  display: block;
  float: left;
}
.order-items .order-type span {
  width: 4rem;
  height: .8rem;
  display: block;
  text-align: right;
  margin-right: .1rem;
  float: left;
}
.order-items .order-type span i {
  color: #f30;
}
.order-items .order-type span a {
  color: #f30;
}
.order-items .coudan {
  width: 7rem;
  padding: 0 .1rem;
  background: #fff;
}
.order-items .coudan ul {
  list-style: none;
}
.order-items .coudan ul li {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
}
.order-items .coudan ul li span {
  float: right;
  color: #f30;
}
.order-items .product-items {
  position: relative;
  width: 7.2rem;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  padding: .2rem 0;
  overflow: hidden;
  float: left;
}
.order-items .product-items img.select {
  width: .3rem;
  height: .3rem;
  display: block;
  margin: .65rem .25rem;
  float: left;
}
.order-items .product-items .product-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #f5f5f5;
  float: left;
}
.order-items .product-items .product-name {
  width: 4.6rem;
  height: .8rem;
  margin-bottom: .8rem;
  margin-left: .1rem;
  float: left;
}
.order-items .product-items .product-number {
  position: absolute;
  left: 2.5rem;
  bottom: .2rem;
}
.order-items .product-items .product-number li {
  float: left;
}
.order-items .product-items .product-number li.op-num {
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  border: 1px solid #e3e3e3;
  text-align: center;
}
.order-items .product-items .product-number li.num {
  width: .5rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  color: #999;
  font-size: .24rem;
}
.order-items .product-items .product-price {
  position: absolute;
  right: .1rem;
  top: .9rem;
  color: #f30;
}
.order-items .product-items .btn-delete {
  position: absolute;
  right: .1rem;
  bottom: .2rem;
}
.order-items .product-items .btn-delete a {
  color: #999;
}
.order-items .product-items .product-params {
  display: none;
}
.order-items .product-info {
  position: relative;
  width: 7.1rem;
  height: 1rem;
  overflow: hidden;
  padding: .1rem 0 .1rem .1rem;
}
.order-items .product-info span {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  color: #666;
  display: block;
}
.order-items .product-info span .order-total-price {
  color: #f30;
}
.order-items .product-info .btn-submit {
  position: absolute;
  right: .1rem;
  top: .2rem;
  box-sizing: border-box;
  width: 2.2rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .32rem;
  background: #07f;
  color: #fff;
  border-radius: 5px;
}
.order-items .product-info .btn-disabled {
  background: #ccc;
  color: #fff;
}
.order-items .order-warning {
  width: 7.2rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .24rem;
  text-indent: .1rem;
  color: #f60;
  background: #ffffed;
}
.order-items .order-warning i {
  margin-right: .1rem;
}
.select-address {
  position: relative;
  width: 7.2rem;
  background: #fff;
  color: #666;
  overflow: hidden;
  font-size: .28rem;
  border-bottom: .15rem solid #f5f5f5;
}
.select-address span {
  width: 7.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  color: #999;
  display: block;
}
.select-address ul {
  width: 6rem;
  padding: .3rem 0 .3rem .1rem;
  margin: auto 0;
  overflow: hidden;
}
.select-address ul li {
  line-height: .5rem;
}
.select-address .selectone {
  position: absolute;
  right: .1rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: -0.5rem;
  text-align: right;
  display: block;
}
.ordergoods {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.ordergoods h3 {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  color: #333;
  font-weight: normal;
  text-indent: .1rem;
  font-size: .28rem;
}
.ordergoods #cart-goods-ids {
  display: none;
}
.ordergoods ul {
  width: 7rem;
  padding: 0 .1rem;
  overflow: hidden;
}
.ordergoods ul li {
  position: relative;
  width: 100%;
  height: 1.4rem;
  border-top: 1px solid #f5f5f5;
  padding: .15rem 0;
  float: left;
}
.ordergoods ul li img {
  width: 1rem;
  height: 1rem;
  border: 1px solid #f5f5f5;
  padding: .2rem;
  float: left;
}
.ordergoods ul li .product-name {
  width: 4rem;
  height: 1.4rem;
  display: block;
  font-size: .28rem;
  margin-left: .1rem;
  color: #666;
  float: left;
}
.ordergoods ul li .total-fee {
  position: absolute;
  right: .1rem;
  top: .15rem;
  color: #f30;
  font-size: .28rem;
}
.ordergoods ul li .x2-nb {
  position: absolute;
  right: .1rem;
  top: .6rem;
  color: #999;
  font-size: .24rem;
}
.couponselect {
  position: relative;
  width: 7rem;
  height: .6rem;
  padding: .1rem;
  background: #fff;
  overflow: hidden;
  border-bottom: .15rem solid #f5f5f5;
}
.couponselect select {
  position: absolute;
  left: .1rem;
  top: .1rem;
  width: 7rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .28rem;
  color: #666;
}
.paymentinfo {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  margin-bottom: .8rem;
  border-bottom: 1px solid #f5f5f5;
}
.paymentinfo h3 {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  color: #333;
  font-weight: normal;
  text-indent: .1rem;
  font-size: .28rem;
  border-bottom: 1px solid #f5f5f5;
}
.paymentinfo ul {
  width: 7rem;
  overflow: hidden;
  padding: 0 .1rem;
  font-size: .28rem;
}
.paymentinfo ul li {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  color: #999;
  border-bottom: 1px dotted #f5f5f5;
  float: left;
}
.paymentinfo ul li:last-child {
  border-bottom: none;
}
.paymentinfo ul li em {
  float: right;
  color: #666;
}
.orderbtn {
  position: fixed;
  width: 7.2rem;
  height: .8rem;
  line-height: .8rem;
  text-indent: .1rem;
  left: 50%;
  bottom: 0;
  margin-left: -3.6rem;
  background: #fff;
  font-size: .28rem;
}
.orderbtn span {
  color: #f30;
  font-weight: bold;
}
.orderbtn a {
  position: absolute;
  right: .1rem;
  top: .1rem;
  width: 1.8rem;
  height: .6rem;
  line-height: .6rem;
  display: block;
  text-align: center;
  text-indent: 0;
  background: #07f;
  color: #fff;
  border-radius: 3px;
}
.paytips {
  width: 7.2rem;
  height: .6rem;
  line-height: .6rem;
  background: #ffffed;
  color: #f60;
  font-size: .28rem;
  text-indent: .1rem;
  border-bottom: .15rem solid #f5f5f5;
}
.paytips i {
  margin-right: .1rem;
}
.hassubmit {
  width: 7.2rem;
  height: 2.4rem;
  line-height: 2.4rem;
  background: #fff;
  color: #333;
  text-align: center;
  font-size: .48rem;
  border-bottom: 1px dotted #e3e3e3;
}
.hassubmit i {
  color: #07f;
  margin-right: .1rem;
}
.orderno {
  width: 7rem;
  height: .4rem;
  line-height: .4rem;
  padding: .2rem .1rem;
  background: #fff;
  color: #f30;
  font-size: .28rem;
  border-bottom: .15rem solid #f5f5f5;
}
.orderno em {
  float: right;
}
.chosepay {
  width: 7.2rem;
  background: #fff;
  overflow: hidden;
  font-size: .28rem;
}
.chosepay h3 {
  width: 7.2rem;
  height: .8rem;
  line-height: .8rem;
  text-indent: .1rem;
  font-weight: normal;
  font-size: .28rem;
  border-bottom: 1px solid #f5f5f5;
  color: #333;
}
.chosepay ul {
  width: 7rem;
  padding: 0 .1rem;
  overflow: hidden;
}
.chosepay ul li {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  border-bottom: 1px dotted #f5f5f5;
  color: #666;
}
.chosepay ul li:last-child {
  border-bottom: none;
}
.chosepay ul li.alipay {
  background: url("../images/alipay.png") left center no-repeat;
}
.chosepay ul li.payEase {
  background: url("../images/payease.png") left center no-repeat;
}
.chosepay ul li.wechat {
  background: url("../images/wechat.png") left center no-repeat;
}
.chosepay ul li.allinpay {
  background: url("../images/allinpay.png") left center no-repeat;
}
.chosepay ul li span {
  display: block;
  float: left;
}
.chosepay ul li .payname {
  width: 2rem;
  margin-left: .5rem;
}
.chosepay ul li .items {
  width: .3rem;
  height: .3rem;
  margin: .25rem;
  float: right;
}
.chosepay ul li .check {
  background: url("../images/check.png") left center no-repeat;
  background-size: 100%;
}
.chosepay ul li .uncheck {
  background: url("../images/uncheck.png") left center no-repeat;
  background-size: 100%;
}
.chosepay ul li .url {
  display: none;
}
.chosepay ul li #pay-url {
  display: none;
}
@media screen and (min-width: 720px) {
  html {
    font-size: 100px;
  }
}
@media screen and (max-width: 640px) and (min-width: 600px) {
  html {
    font-size: 88.8889px;
  }
}
@media screen and (max-width: 600px) and (min-width: 414px) {
  html {
    font-size: 83.33px;
  }
}
@media screen and (max-width: 414px) and (min-width: 412px) {
  html {
    font-size: 57.5px;
  }
}
@media screen and (max-width: 412px) and (min-width: 384px) {
  html {
    font-size: 57.2222px;
  }
}
@media screen and (max-width: 384px) and (min-width: 375px) {
  html {
    font-size: 53.3333px;
  }
}
@media screen and (max-width: 375px) and (min-width: 360px) {
  html {
    font-size: 52.0833px;
  }
}
@media screen and (max-width: 360px) and (min-width: 320px) {
  html {
    font-size: 50px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 44.44px;
  }
}
.about_banner {
  width: 7.2rem;
  height: 3.7rem;
  margin: 0 auto;
}
.am-sticky-placeholder {
  font-size: .24rem;
  height: auto;
}
.am-sticky-placeholder nav {
  width: 7.2rem;
  height: 45px;
  line-height: 45px;
  font-size: .24rem;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
.am-sticky-placeholder nav ul li {
  width: 1.44rem;
  text-align: center;
  float: left;
}
.am-sticky-placeholder nav ul li a {
  width: 100%;
  height: 45px;
  color: #000;
  display: block;
}
.am-sticky-placeholder nav ul li a.am-active {
  background: url("../images/about_menu_bg.png") center bottom no-repeat;
}
.am-panel {
  border: none;
  font-size: .24rem;
  margin: 0;
}
.am-panel .am-panel-hd {
  width: 7.2rem;
  height: 1.04rem;
  line-height: 1.04rem;
  background: url("../images/about_titbg.jpg") center no-repeat;
  background-size: 100%;
  font-size: .32rem;
  text-align: center;
  color: #333;
  margin: 0;
  padding: 0;
}
.am-panel .am-panel-bd {
  margin: 0;
  padding: 0;
  position: relative;
}
.am-panel .am-panel-bd .swiper-pagination {
  width: 50%;
  left: 25%;
  text-align: center;
  bottom: .1rem;
}
.thirdpart-login {
  position: fixed;
  left: 50%;
  top: 0;
  width: 7.2rem;
  height: 100%;
  background: #f6f6f6;
  margin-left: -3.6rem;
}
.thirdpart-login h2 {
  width: 7rem;
  height: 1rem;
  padding: .5rem .1rem 0 .1rem;
  line-height: .5rem;
  font-size: .28rem;
  font-weight: normal;
}
.thirdpart-login h2 em {
  color: #fb509e;
}
.thirdpart-login ul {
  width: 7rem;
  padding: .1rem;
  overflow: hidden;
  margin-top: .8rem;
  font-size: .28rem;
}
.thirdpart-login ul span {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  font-weight: normal;
  color: #333;
  display: block;
  margin-bottom: .2rem;
}
.thirdpart-login ul li {
  width: 100%;
  height: .7rem;
  line-height: .7rem;
}
.thirdpart-login ul li a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  background: #4eafff;
  color: #fff;
  border-radius: 5px;
}
.thirdpart-login ul li.band a {
  background: #f5f5f5;
  border: 1px solid #4eafff;
  color: #4eafff;
}

/* ==========================================================================

/* ==========================================================================

/* ==========================================================================
   表单页（address_add / address_add_order / address_edit / address_edit_order /
   mobilephone / personal_* / renzheng / forget_password 等）
   这些模板统一使用 <div class="address-edit-add"><form><ul><li><input> 结构
   （站内 forget_password.dwt 也是用 .address-edit-add ul li 这种元素选择器），
   但 style.css 里始终没有对应规则 → 输入框长期是浏览器默认样式。
   此处补齐：字体/行高/缩进直接沿用登录注册页 .forms ul li 的规格（.28rem/.8rem/#666），
   且只作用于**文本类输入框**，不碰 radio/checkbox/file（性别选择、实名上传等页面不受影响）。
   ========================================================================== */
.address-edit-add { width: 100%; background: #fff; border-top: .15rem solid #f5f5f5; }
.address-edit-add form { width: 100%; }
.address-edit-add ul { width: 100%; box-sizing: border-box; padding: .1rem .1rem 0; margin: 0; list-style: none; overflow: hidden; }
.address-edit-add ul li { width: 100%; min-height: .8rem; line-height: .8rem; padding: .1rem 0; box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5; list-style: none; overflow: hidden; }
.address-edit-add ul li > input[type="text"],
.address-edit-add ul li > input[type="tel"],
.address-edit-add ul li > input[type="password"],
.address-edit-add ul li > input[type="email"],
.address-edit-add ul li > input[type="number"],
.address-edit-add ul li > input:not([type]) { width: 100%; height: .8rem; line-height: .8rem; box-sizing: border-box;
    display: block; font-size: .28rem; text-indent: .1rem; color: #666; border: 0; outline: 0; background: transparent;
    padding: 0; -webkit-appearance: none; appearance: none; }
.address-edit-add ul li > input::-webkit-input-placeholder { color: #bbb; }
.address-edit-add ul li > input::placeholder { color: #bbb; }
.address-edit-add ul li select { -webkit-appearance: none; appearance: none; position: relative; float: left;
    width: 2rem; height: .7rem; line-height: .7rem; box-sizing: border-box; display: block; margin: .1rem .05rem;
    font-size: .28rem; color: #666; text-align: center; padding: 0 .44rem 0 .16rem; border: 1px solid #ddd;
    border-radius: 2px; background-color: #fff; background-repeat: no-repeat; background-position: right .16rem center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E"); }
.address-edit-add ul li select option { font-size: .28rem; color: #666; }

/* ==========================================================================
   收货地址列表（address_list.dwt / address_list_order.dwt）
   与地址表单同样的历史缺口：style.css 里从未有过 .address-list 规则，
   而模板用的是裸标签结构 <div class="address-list"><ul><h3>…</h3><a><li>…
   （小程序 pages/address_list 也印证：其 wxss 注释写明 .address-list 无全局样式、
   需按元素选择器适配）。此处按小程序 address_list.wxss 的规格换算（rpx/100 = rem）：
   ========================================================================== */
.address-list { width: 100%; background: #f5f5f5; min-height: 100vh; padding-bottom: .2rem; }
.address-list ul { width: 100%; margin: .2rem 0 0 0; padding: 0; background: #fff; list-style: none; overflow: hidden; }
.address-list ul h3 { width: 100%; height: .72rem; line-height: .72rem; margin: 0; padding: 0 .2rem; box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5; font-size: .24rem; font-weight: normal; color: #666; overflow: hidden; }
.address-list ul h3 a { font-size: .24rem; color: #666; display: inline-block; }
.address-list ul h3 a:first-child { float: left; }
.address-list ul h3 a:last-child { float: right; }
.address-list ul h3 a span,
.address-list ul h3 a em { display: inline-block; width: .28rem; height: .28rem; line-height: .28rem; text-align: center;
    box-sizing: border-box; border-radius: 50%; margin-right: .08rem; vertical-align: middle; font-style: normal; }
.address-list ul h3 a span { background: #07f; color: #fff; font-size: .2rem; }
.address-list ul h3 a span:before { content: '✓'; }
.address-list ul h3 a em { border: 1px solid #ccc; }
.address-list ul h3 a .iconfont { font-size: .32rem; color: #999; }
.address-list ul > a { width: 100%; display: block; padding: .16rem .2rem; box-sizing: border-box; }
.address-list ul > a li { width: 100%; display: block; list-style: none; line-height: .5rem; font-size: .28rem; color: #333; overflow: hidden; }
.address-list ul > a li:first-child { font-weight: bold; }
.address-list ul > a li:nth-child(2) { color: #999; font-size: .24rem; }
.address-list ul > a li:last-child { color: #666; }
.address-list > p { width: 100%; margin: 0; text-align: center; padding: 1.2rem 0; font-size: .28rem; color: #999; }
.address-list > p .iconfont { display: block; font-size: .8rem; color: #ddd; margin-bottom: .2rem; }

/* ==========================================================================
   手机版 UI 统一规范层（字体 / 输入框 / 按钮 / 背景 / 分隔线）
   —— 取值依据 style.css 现有高频统计（站点事实标准）：
      主色 #07f（68 处）、价格与强调 #f30（98 处）、正文 #333、次要文字 #666 / #999、
      页面背景 #f5f5f5（151 处）、卡片白底 #fff（283 处）、分隔线 #e3e3e3 / #f5f5f5、
      字号：正文 .28rem（143 处）、次要 .24rem（165 处）、小标题 .32rem、大标题 .36rem
      圆角：.08rem（8rpx）按钮 / .16rem 卡片；左右留白 .2rem
   本层只做「基础元素 + 通用组件」的兜底统一；页面里更具体的规则优先级更高，不受影响。
   ========================================================================== */

/* 1) 基础排版：此前 body 未设 font-size / color（未显式设字号的元素都按浏览器默认 16px 渲染），
      背景还是 #ddd；这里统一到规范值，并补中文字体栈 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-size: .28rem;
    color: #333;
    line-height: 1.5;
    background-color: #f5f5f5;
}

/* 2) 表单控件：统一字号/字色/占位色。
      此前 input/select/textarea 只重置了 margin/padding/border，浏览器对表单控件默认不继承字体，
      导致各页输入框字号字色各不相同（这也是前几轮"输入框看着不正常"的根因之一） */
input, select, textarea, button { font-family: inherit; font-size: .28rem; color: #666; }
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"],
input:not([type]), textarea { color: #666; }
select { color: #333; }
input::placeholder, textarea::placeholder { color: #bbb; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

/* 4) 通用主按钮（结算 / 提交 / 保存）：统一主色 #07f、圆角 .08rem、字号 .28rem */
.btn-submit { background: #07f; color: #fff; font-size: .28rem; border: 0; border-radius: .08rem; }
.btn-submit.btn-disabled, .btn-submit[disabled], .btn-disabled { background: #ccc; }
.btnOK a { background: #07f; color: #fff; font-size: .28rem; border-radius: .08rem; }

/* 5) 通用空状态（各页 .address-list > p、列表页空态等）：统一图标+文字规范 */
.address-list > p { font-size: .28rem; color: #999; }
.address-list > p .iconfont { font-size: .8rem; color: #ddd; }

/* ==========================================================================
   积分明细页（my_integral.dwt）宽度对齐 + 明细行自适应
   1) 汇总 / 筛选 / 分页统一对齐页面容器宽度：站点 .integral-top、.integral-details 都是
      固定 7.2rem 居中（整页容器），此前汇总与筛选用的是 margin:10px（px），比页面宽，看着不齐
   2) 明细行改为自适应高度：原 .integral-details ul li 写死 height:1.8rem、描述 span 仅 .6rem 单行，
      返点说明这类长文本（含订单号）会溢出压到下一行；这里放开高度、取消浮动，并把描述限制为最多 2 行
   ========================================================================== */
.integral-summary { width: 7.2rem; margin: 0 auto; box-sizing: border-box; display: flex; padding: .2rem .1rem;
    background: #fff; border-bottom: .15rem solid #f5f5f5; }
.integral-summary .cell { flex: 1; display: flex; flex-direction: column; align-items: center; }
.integral-summary .num { font-size: .32rem; font-weight: bold; color: #333; line-height: 1.4; }
.integral-summary .label { font-size: .24rem; color: #999; }

.integral-tabs { width: 7.2rem; margin: 0 auto; box-sizing: border-box; display: flex; flex-wrap: wrap;
    padding: .2rem .1rem .1rem; background: #fff; border-bottom: .15rem solid #f5f5f5; }
.integral-tabs a { font-size: .24rem; line-height: .44rem; height: .44rem; border-radius: .22rem; padding: 0 .2rem;
    margin: 0 .1rem .1rem 0; color: #666; background: #f5f5f5; }
.integral-tabs a.on { color: #fff; background: #07f; }

.integral-pager { width: 7.2rem; margin: 0 auto; padding: .2rem 0 .3rem; text-align: center;
    font-size: .26rem; color: #999; background: #fff; }
.integral-pager a { color: #07f; margin: 0 .24rem; }

.integral-details ul li { height: auto; min-height: 1.8rem; float: none; padding-bottom: .1rem; }
.integral-details ul li em { height: auto; line-height: .6rem; }
.integral-details ul li span { height: auto; line-height: .44rem; color: #666; word-break: break-all; }
.integral-details ul li i { height: auto; line-height: .4rem; margin-top: .06rem; color: #999; }

/* 验证码行：短信验证码输入框 + 获取验证码按钮并排（不换行）
   —— 重置密码页用的是 .address-edit-add 容器，而上面的通用规则把文本输入框设成了 width:100%，
      会把按钮挤到下一行；这里按注册页的比例给出并排宽度（3rem 级），保证一行放得下 */
.address-edit-add ul li > input.vcode { width: 2.9rem; display: block; float: left; }
.address-edit-add ul li > input.phone-btn { width: 2.6rem; height: .6rem; line-height: .6rem; display: block; float: left;
    margin: .1rem 0 0 .1rem; background: #f5f5f5; color: #999; font-size: .24rem; border-radius: .06rem; }


/* ===== 商品规格选择（颜色 / 尺码等） =====
   参照站（zzhy.com 手机端）的规格/套餐选择器样式逐条对齐：
   .goods-combo em a        → 未选中：inline-block + padding .05rem .1rem + 1px solid #aaa + color #aaa，直角、无底色、无圆角
   .goods-combo em a.now-select → 选中：border 与文字变 #07f + 右下角 sys_item_selected.gif 小对号
   之前自作主张加的浅灰底 + 圆角 + 固定高度会让「蓝框 + 灰底 + 圆角」看起来发灰、不像原来的样式，故去掉。

   注意：这里的选择器必须限定在商品页的 #goods-spec 容器内（goods.dwt 上是 id+class 同时存在）。
   订单列表/订单详情里的「所选属性」文本也叫 .goods-spec，早先用裸 .goods-spec 会让这些纯文本
   意外吃到 padding / 白底 / border-top，看起来像多出一个白框。 */
#goods-spec { padding: .1rem .1rem .2rem .1rem; background: #fff; border-top: 1px solid #f5f5f5; font-size: .24rem; overflow: hidden; }
#goods-spec .spec-row { display: flex; align-items: flex-start; padding: .1rem 0; }
#goods-spec dt { flex: 0 0 15%; width: 15%; font-size: .24rem; color: #333; line-height: .44rem; }
#goods-spec dd { flex: 1; display: flex; flex-wrap: wrap; }
#goods-spec .spec-item { display: inline-block; padding: .05rem .1rem; margin: 0 .1rem .1rem 0;
    font-size: .24rem; color: #aaa; border: 1px solid #aaa; background: none; }
#goods-spec .spec-item.on { color: #07f; border-color: #07f; background: url("../images/sys_item_selected.gif") right bottom no-repeat; }
#goods-spec .spec-item.disabled { color: #ccc; border-color: #eee; }

/* ===== 购物车/结算页的规格展示（颜色:红色 尺码:S）=====
   两个页面的商品行都已改成「缩略图 + 名称/规格 + 价格」的 flex 行：
   名称与规格是同一列的上下两行，所以规格行只要 width:100% 就能与名称左边缘对齐；
   再给固定 rem 宽度（旧版是 4.3rem，比该列还宽）会溢出到右侧价格列上。
   名称固定 1rem 高 + 两行截断，保证两页的规格行位置一致。 */
.ordergoods ul li { position: relative; }
.ordergoods ul li .product-name,
.order-items .product-items .product-name { width: 100%; height: 1rem; margin: 0; float: none;
    font-size: .26rem; line-height: 1.4; max-height: .72rem; overflow: hidden; color: #666;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ordergoods ul li .product-spec,
.order-items .product-items .product-spec { position: static; clear: none; float: none;
    width: 100%; margin: .04rem 0 0;
    font-size: .22rem; color: #999; line-height: .3rem;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 订单详情页的规格行（比通用 .order-goods ul li span 的右对齐红字更具体，故可覆盖） */
.order-goods ul li span.goods-spec { width: 4.1rem; height: auto; min-height: 0; text-align: left;
    clear: both; float: left; margin: -.4rem 0 .1rem 1.1rem; color: #999; font-size: .22rem;
    line-height: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ------------------------------------------------------------------
   底部导航：百货区 / 会员区 图标改为与首页一致的图形（2026-10-25）
   · 百货区 = 2x2 方格（描边，同首页 .ch-grid）
   · 会员区 = 客户提供的 会员.svg 皇冠（同首页 .ch-vip），小尺寸下加描边保证线条厚度
   两套导航结构都覆盖：内联 <footer><li>… 与 footer.dwt 的 .global-nav。
   填充/描边直接写在 svg 的展示属性上（fill / stroke / stroke-width），
   不依赖 CSS 选择器，避免选择器写错导致图标变实心。
   ------------------------------------------------------------------ */
footer li i.nav-ico-slot,
a.global-nav__nav-link i.nav-ico-slot {
  font-size: .34rem;
  line-height: 1;
  font-style: normal;
}

footer li i.nav-ico-slot svg {
  display: block;
  width: 1em;
  height: 1em;
  margin: .06rem auto 0;
}

a.global-nav__nav-link i.nav-ico-slot svg {
  display: block;
  width: 22px;
  height: 22px;
  margin: 4px auto 0;
}



/* ==========================================================================
   Luchiana 720 global layer — colors / buttons / radii for legacy pages.
   Appended after the legacy stylesheet; key pages add the component layer.
   ========================================================================== */
:root {
    --lu-black: #000;
    --lu-ink: #111;
    --lu-body: #f3f3f3;
    --lu-line: #e5e5e5;
    --lu-muted: #8e8e8e;
    --lu-light: #b8b8b8;
    --lu-sage: #87bab5;
    --lu-sand: #cfbdaf;
    --lu-blush: #e6c3c4;
}

body {
    background: var(--lu-body);
    color: var(--lu-ink);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
    letter-spacing: .06em;
    font-weight: 400;
}

/* legacy page header → Luchiana sage band */
header:not(.site-header) {
    background: var(--lu-sage) !important;
    border-bottom: 0 !important;
}

header:not(.site-header) a,
header:not(.site-header) .iconfont,
header:not(.site-header) h1,
header:not(.site-header) .tit {
    color: #fff !important;
}

header:not(.site-header) input {
    border-radius: 0;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    border-color: rgba(255, 255, 255, .4);
}

header:not(.site-header) input::placeholder {
    color: rgba(255, 255, 255, .75);
}

/* buttons */
body .btn-submit,
body .btnOK a,
body .coup-btn a,
body .buybtn,
body .go-shop,
body .add-cart,
body .cart-btn,
body .submit-btn,
body .login-btn,
body .reg-btn,
body .btn-login,
body .btn-reg,
body input[type="submit"] {
    border: 1px solid var(--lu-black) !important;
    border-radius: 0 !important;
    background: var(--lu-black) !important;
    color: #fff !important;
    font-weight: 400 !important;
    letter-spacing: .1em;
    box-shadow: none !important;
}

body .btn-submit:not(.is-locked):not(.is-mixed),
body input[type="submit"] {
    background: var(--lu-black) !important;
}

body .btn-submit.is-locked,
body .btn-submit.is-mixed,
body .btn-submit[disabled] {
    border-color: var(--lu-line) !important;
    background: #f3f3f3 !important;
    color: var(--lu-light) !important;
}

body .btn-submit:active,
body .btnOK a:active,
body .coup-btn a:active,
body .buybtn:active,
body .go-shop:active,
body input[type="submit"]:active {
    opacity: .84;
}

/* prices / emphasis */
body .price,
body .goods-price,
body .product-price,
body .order-total-price,
body .product-total-price,
body .total-price,
body .cart-total,
body .f30,
body .org,
body .red,
body .price em,
body .goods-price em,
body .order-total-price em,
body .product-total-price em {
    color: var(--lu-black) !important;
}

body .price del,
body .goods-price del,
body .product-price del {
    color: var(--lu-light) !important;
}

/* cards and panels */
body .order-items,
body .user-menus ul,
body .address-list ul,
body .coupon-list li,
body .order-list li,
body .profile-list,
body .integral-list li,
body .list-box,
body .goods-list li,
body .member-box,
body .user-head {
    border-radius: 0 !important;
    box-shadow: none !important;
}

body .order-items,
body .user-menus ul,
body .address-list ul,
body .coupon-list li,
body .order-list li,
body .profile-list,
body .integral-list li,
body .list-box,
body .goods-list li,
body .member-box {
    background: #fff;
}

body .user-head {
    background: var(--lu-sand) !important;
}

/* forms */
body input[type="text"],
body input[type="password"],
body input[type="tel"],
body input[type="number"],
body input[type="email"],
body select,
body textarea {
    border: 1px solid var(--lu-line) !important;
    border-radius: 0 !important;
    background: #fff;
    color: var(--lu-ink);
    box-shadow: none !important;
}

body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="tel"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body select:focus,
body textarea:focus {
    border-color: var(--lu-black) !important;
    outline: none;
}

/* inline tabs / filters */
body .listby a,
body .tabs li,
body .order-tabs li,
body .coupon-tabs li {
    border-radius: 0 !important;
}

body .listby a.on,
body .listby .on,
body .tabs li.default,
body .tabs li.on {
    color: var(--lu-black) !important;
    border-color: var(--lu-black) !important;
}

/* legacy fixed bottom nav */
footer:not(.site-footer) {
    background: #fff !important;
    border-top: 1px solid var(--lu-line) !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .02);
}

footer:not(.site-footer) li,
footer:not(.site-footer) li a {
    color: var(--lu-muted) !important;
}

footer:not(.site-footer) li a .iconfont {
    color: var(--lu-ink) !important;
}

footer:not(.site-footer) li.on a,
footer:not(.site-footer) li.at_this a,
footer:not(.site-footer) li a.on {
    color: var(--lu-black) !important;
}

footer:not(.site-footer) li a em {
    background: var(--lu-black) !important;
    color: #fff !important;
}

/* footer.dwt global-nav */
.global-nav {
    background: #fff !important;
    border-top: 1px solid var(--lu-line);
}

.global-nav__nav-tit {
    color: var(--lu-muted) !important;
    font-size: .1rem !important;
    letter-spacing: .04em;
}

.global-nav__nav-item.at_this .global-nav__nav-tit {
    color: var(--lu-black) !important;
}

.global-nav__nav-link .iconfont {
    color: var(--lu-ink) !important;
}

.global-nav__nav-shop-cart-num {
    background: var(--lu-black) !important;
    color: #fff !important;
    border-radius: 999px !important;
}

/* modal / quantity sheets */
body .mask {
    background: #000 !important;
}

body .setnum,
body .pop,
body .modal,
body .alert {
    border-radius: 0 !important;
    box-shadow: 0 -.2rem .8rem rgba(0, 0, 0, .14) !important;
}

body .setnum .buybtn {
    border-radius: 0 !important;
    background: var(--lu-black) !important;
    color: #fff !important;
}

/* common section headings and hairlines */
body .title,
body .section-title,
body .block-title {
    color: var(--lu-ink);
    font-weight: 400;
    letter-spacing: .06em;
}

body .border,
body .line {
    border-color: var(--lu-line) !important;
}
/* ---- account / login ---- */
body .user-top {
    background: var(--lu-sand) !important;
    background-image: none !important;
    color: var(--lu-ink) !important;
}

body .user-top span,
body .user-top a,
body .user-top .login-reg {
    color: var(--lu-ink) !important;
}

body .user-top img {
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .55);
}

body .user-menus ul {
    border-radius: 0 !important;
    background: #fff !important;
}

body .user-menus ul li {
    border-bottom: 1px solid var(--lu-line);
    color: var(--lu-ink) !important;
}

body .user-menus ul li i {
    color: var(--lu-ink) !important;
}

body .user-menus ul li span,
body .user-menus p a span {
    color: var(--lu-light) !important;
}

body .logout-btn {
    display: block;
    height: .64rem;
    margin: .3rem;
    border-radius: 0 !important;
    background: var(--lu-black) !important;
    color: #fff !important;
    font-size: .14rem;
    line-height: .64rem;
    letter-spacing: .12em;
    text-align: center;
}

body .login-reg-tabs {
    border-radius: 0 !important;
    background: #fff !important;
}

body .login-reg-tabs .login-tabs,
body .login-reg-tabs .reg-tabs {
    border-radius: 0 !important;
    color: var(--lu-muted);
}

body .login-reg-tabs .acti {
    color: var(--lu-black) !important;
    border-bottom: 1px solid var(--lu-black);
}

/* ---- category index ---- */
body .cate-left {
    background: #fff !important;
    border-right: 1px solid var(--lu-line);
}

body .cate-left ul li {
    color: var(--lu-muted);
    border-bottom: 1px solid var(--lu-line);
}

body .cate-left ul li.acti {
    background: var(--lu-body) !important;
    color: var(--lu-black) !important;
    box-shadow: inset 2px 0 0 var(--lu-black);
}

body .cate-right {
    background: #fff !important;
}

body .cate-right .cate-banner {
    filter: saturate(.5) contrast(.94);
}

body .cate-right .cate-sub h3,
body .cate-right .cate-brand h3 {
    border-left-color: var(--lu-black) !important;
    color: var(--lu-ink) !important;
}

body .cate-right .cate-sub li span {
    color: var(--lu-ink);
}

/* ---- member zone ---- */
body .zone-status {
    border-radius: 0 !important;
}

body .zone-status.locked {
    background: #f3f3f3 !important;
    border-color: var(--lu-line) !important;
    color: var(--lu-muted) !important;
}

body .zone-cats {
    background: #fff !important;
}

body .zone-cat-name {
    color: var(--lu-ink);
    letter-spacing: .04em;
}
body .login-reg-tabs .acti,
body .login-reg-tabs .login-tabs.acti,
body .login-reg-tabs .reg-tabs.acti {
    background: var(--lu-black) !important;
    border: 1px solid var(--lu-black) !important;
    color: #fff !important;
}

body .forms .iconfont,
body .forms i {
    color: var(--lu-ink) !important;
}

body .a-forget a {
    color: var(--lu-muted) !important;
}