/*reset.css*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
sup,
sub {
  font-size: 83%;
}
pre,
code,
kbd,
samp {
  font-family: inherit;
}
q:before,
q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label,
summary {
  cursor: default;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}
del,
ins,
u,
a,
a:hover {
  text-decoration: none;
}
a {
  color: #666;
}
/*常用功能样式*/
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
/*清除浮动*/
.hide {
  display: none;
}
/*隐藏*/
.show {
  display: block;
}
/*显示*/
.fl {
  float: left;
}
/*左浮动*/
.fr {
  float: right;
}
/*右浮动*/
.pr {
  position: relative;
}
/*相对定位*/
.pa {
  position: absolute;
}
/*绝对定位*/
.pf {
  position: fixed;
}
/*固定定位*/
.fwn {
  font-weight: normal;
}
/*文字-标准*/
.fwb {
  font-weight: bold;
}
/*文字-变粗*/
.tal {
  text-align: left;
}
/*文字居左*/
.tac {
  text-align: center;
}
/*文字居中*/
.tar {
  text-align: right;
}
/*文字居右*/
.vam {
  vertical-align: middle;
}
/*垂直居中*/
.vat {
  vertical-align: top;
}
/*垂直居上*/
.vab {
  vertical-align: bottom;
}
/*垂直居下*/
.csp {
  cursor: pointer;
}
/*光标-手*/
.csd {
  cursor: default;
}
/*光标-箭头*/
.csh {
  cursor: help;
}
/*光标-问号*/
.csm {
  cursor: move;
}
/*光标-四个箭头*/
.ma {
  margin: 0 auto;
}
/*水平自动居中*/
.onetxt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*文字只显示一行*/
.moretxt {
  text-overflow: clip;
  white-space: normal;
  overflow: hidden;
}
.list-block .item-title.moretxt {
  text-overflow: clip;
  white-space: normal;
  overflow: hidden;
}
::-webkit-scrollbar {
  display: none;
}
/*隐藏滚动条*/
.color-yellow {
  color: #fad934;
}
.color-orange {
  color: #f35732;
}
.color-gray {
  color: #808080;
}
.color-dark {
  color: #808080;
}
.color-black {
  color: #000000;
}
.color-blue {
  color: #2386d4;
}
.color-light-blue {
  color: #33d6ff;
}
.color-green {
  color: #3eb100;
}
.color-red {
  color: #f22944;
}
.color-white {
  color: #ffffff;
}
.bg-yellow {
  background-color: #fad934;
}
.bg-orange {
  background-color: #f35732;
}
.bg-gray {
  background-color: #f4f4f8;
}
.bg-black {
  background-color: #000000;
}
.bg-blue {
  background-color: #2386d4;
}
.bg-green {
  background-color: #3eb100;
}
.bg-red {
  background-color: #f22944;
}
.bg-white {
  background-color: #ffffff;
}
.bg-blue-black {
  background-color: #272c33;
}
.fs-small {
  font-size: .5rem;
}
.fs-default {
  font-size: .6rem;
}
.fs-big {
  font-size: .7rem;
}
.fs-big-sup {
  font-size: .8rem;
}
.lh-small {
  line-height: 1em;
}
.lh-default {
  line-height: 1.5em;
}
.lh-big {
  line-height: 3em;
}
.lh-big-sup {
  line-height: 4em;
}
.padding-small {
  padding-top: .25rem;
  padding-bottom: .25rem;
}
.padding-default {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.padding-big {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.padding-big-sup {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.margin-small {
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.margin-default {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.margin-big {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.margin-big-sup {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.border-top {
  border-top: 1px solid #f2f2f2;
}
.border-right {
  border-right: 1px solid #f2f2f2;
}
.border-bottom {
  border-bottom: 1px solid #f2f2f2;
}
.border-left {
  border-left: 1px solid #f2f2f2;
}
.divider-small {
  height: .25rem;
}
.divider {
  height: .5rem;
}
.divider-big {
  height: 1rem;
}
.divider-big-sup {
  height: 2rem;
}
.section {
  width: 100%;
  padding: .5rem 0;
}
.section.padding-none {
  padding: 0;
}
.common {
  width: 15rem;
  display: block;
  margin: 0 auto;
}
.common.w14 {
  width: 14rem;
}
.common.w10 {
  width: 10rem;
}
.divider {
  height: .5rem;
}
.divider.small {
  height: .25rem;
}
.divider.big {
  height: 1rem;
}
.tab-item {
  font-size: .5rem;
}
.tab-item .ic {
  width: 1rem;
  height: 1rem;
  display: block;
  margin: .25rem auto;
  background-image: url("../../images/mobile/icon/icon.png");
  background-repeat: no-repeat;
  background-size: 8.75rem 2.5rem;
}
.tab-item .ic-home {
  background-position: 0 0;
}
.tab-item .ic-address {
  background-position: -1rem 0;
}
.tab-item .ic-order {
  background-position: -2rem 0;
}
.tab-item .ic-me {
  background-position: -3rem 0;
}
.tab-item .ic-coupon {
  background-position: -4rem 0;
}
.tab-item .ic-vip {
  background-position: -5rem 0;
}
.tab-item.active .ic-home {
  background-position: 0 -1.25rem;
}
.tab-item.active .ic-address {
  background-position: -1rem -1.25rem;
}
.tab-item.active .ic-order {
  background-position: -2rem -1.25rem;
}
.tab-item.active .ic-me {
  background-position: -3rem -1.25rem;
}
.tab-item.active .ic-coupon {
  background-position: -4rem -1.25rem;
}
.tab-item.active .ic-vip {
  background-position: -5rem -1.25rem;
}
.bottom-btn {
  height: 4rem;
  padding: 1rem .5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
}
.bottom-btn ~ .content {
  padding-bottom: 4rem;
}
.bottom-btn .button {
  border-radius: .1rem;
}
.bottom-btn .login-out {
  display: block;
  position: absolute;
  left: 0;
  top: 1rem;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
  color: #f22a45;
}
.search-box {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
  height: 2.15rem;
}
.search-box .searchbar {
  padding: .25rem 0;
  height: 1.9rem;
}
.search-box .searchbar .search-input input {
  background-color: #f3f3f3;
  border: none;
  padding-left: 4.9rem;
  border-radius: .1rem;
}
.search-box .searchbar .search-input .icon {
  left: 3.75rem;
}
.search-box ~ .content {
  padding-top: 2.15rem;
}
.search-box .select {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1.4rem;
  text-align: right;
  line-height: 1.4rem;
  font-size: .6rem;
  color: #000;
  width: 3rem;
  padding-right: .75rem;
  background: url("../../images/mobile/icon/arrow-down.png") 2.6rem 0.55rem no-repeat;
  background-size: .375rem .2rem;
}
.search-box .select .val {
  display: block;
  line-height: 1.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-box .select select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.shop-list li {
  background-color: #fff;
  padding: .6rem .5rem;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  overflow: hidden;
}
.shop-list li:last-child {
  border-bottom: none;
}
.shop-list li .left {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  float: left;
}
.shop-list li .right {
  width: 10.5rem;
  float: left;
  margin-left: .5rem;
}
.shop-list li .right h3 {
  line-height: 1.2rem;
  font-size: .65rem;
  margin-bottom: .4rem;
  color: #000;
}
.shop-list li .distance {
  position: absolute;
  right: .5rem;
  top: .6rem;
  font-size: .55rem;
  color: #999;
}
.shop-list li .line {
  line-height: .8rem;
  margin-bottom: .4rem;
}
.shop-list li .line:last-child {
  margin-bottom: 0;
}
.shop-list li .tag {
  display: inline-block;
  vertical-align: top;
  width: .8rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  color: #fff;
  margin-right: .25rem;
}
.shop-list li .tag-red {
  background-color: #ff596f;
}
.shop-list li .tag-black {
  background-color: #000;
  color: #b69669;
}
.shop-list li .tag-green {
  background-color: #00b762;
}
.vip-list li {
  width: 14.375rem;
  height: 8.985rem;
  margin: 0 auto;
  color: #fff;
  background-color: #f22a45;
  border-radius: .3rem;
  position: relative;
  overflow: hidden;
  margin-top: -3.25rem;
  box-shadow: 0 0.075rem 0.2rem 0.075rem #b2b2b2;
}
.vip-list li a {
  color: #fff;
}
.vip-list li:first-child {
  margin-top: 0;
}
.vip-list li .light-white-bj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.985rem;
  margin: 0 auto;
  background: url("../../images/mobile/pic/bj-s.png") no-repeat center center;
  background-size: 18rem 8.985rem;
}
.vip-list li img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  float: left;
}
.vip-list li .name {
  margin: .7rem 0 .5rem 1rem;
  font-size: .8rem;
  font-family: 宋体;
  color: #e6b86f;
}
.vip-list li .desc {
  margin-left: 1rem;
  font-size: .7rem;
  color: #fafafa;
}
.vip-list li .b {
  position: absolute;
  line-height: 6rem;
  right: -1.25rem;
  bottom: -0.3rem;
  color: #fff;
  font-size: 6rem;
}
.vip-list li .time {
  position: absolute;
  left: .6rem;
  bottom: 1.3rem;
  font-size: .5rem;
}
.vip-list li .num {
  position: absolute;
  left: .6rem;
  bottom: .4rem;
  font-size: .45rem;
}
.vip-list li.light-white {
  font-family: 宋体;
  background: linear-gradient(-45deg, #000000, #656565);
}
.vip-list li.light-white .b {
  color: #74bb6b;
}
.vip-list li.orange {
  background-color: #f08500;
}
.vip-list li.orange .b {
  color: #f2921c;
}
.vip-list li.blue {
  background-color: #509fc9;
}
.vip-list li.blue .b {
  color: #63aacf;
}
.vip-list li.purple {
  background-color: #9062c0;
}
.vip-list li.purple .b {
  color: #9c73c7;
}
.vip-list li.dark-green {
  background-color: #2c9f67;
}
.vip-list li.dark-green .b {
  color: #43aa78;
}
.vip-list li.black {
  background-color: #2a2a2a;
}
.vip-list li.black .b {
  color: #414141;
}
.vip-list li.red {
  background-color: #cf3e36;
}
.vip-list li.red .b {
  color: #d4534c;
}
.coupon-list.coupon-list-detail .left {
  padding-left: 0;
}
.coupon-list li {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: .5rem;
}
.coupon-list li .inner {
  padding: .5rem 0 .5rem .5rem;
  min-height: 4rem;
  border: 1px solid #e6e6e6;
}
.coupon-list li .inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.coupon-list li:before {
  content: '';
  display: block;
  position: absolute;
  width: .7rem;
  height: .7rem;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background-color: #f4f4f8;
  top: -0.35rem;
  left: 9.65rem;
  z-index: 10;
}
.coupon-list li:after {
  content: '';
  display: block;
  position: absolute;
  width: .7rem;
  height: .7rem;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background-color: #f4f4f8;
  bottom: -0.35rem;
  left: 9.65rem;
  z-index: 10;
}
.coupon-list li .left {
  width: 9.5rem;
  min-height: 3rem;
  position: relative;
  float: left;
  padding-left: 3.5rem;
  border-right: 1px dotted #e6e6e6;
}
.coupon-list li .left img {
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 0;
  top: 0;
}
.coupon-list li .left .name {
  font-size: .65rem;
  color: #000;
  line-height: 1.5rem;
  margin-bottom: .25rem;
}
.coupon-list li .left .line {
  line-height: 1rem;
  font-size: .45rem;
  color: #b3b3b3;
}
.coupon-list li .left .time {
  font-size: .45rem;
  line-height: 1rem;
  color: #b3b3b3;
}
.coupon-list li .right {
  width: 4.9rem;
  float: right;
  text-align: center;
  color: #f22a45;
}
.coupon-list li .right .b {
  font-size: .8rem;
  line-height: 1.6rem;
  font-weight: bold;
}
.coupon-list li .right .s {
  font-size: .55rem;
}
.coupon-list li .right a {
  display: block;
  width: 3.5rem;
  height: .85rem;
  line-height: .85rem;
  font-size: .5rem;
  text-align: center;
  margin: .3rem auto;
  background-color: #f22944;
  color: #fff;
  border-radius: .425rem;
}
.coupon-list li .right a.already {
  background-color: #808080;
}
.mine-info {
  padding: 2.25rem 1rem 1.75rem 1.5rem;
  background-color: #fff;
  overflow: hidden;
}
.mine-info .message {
  display: block;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: .6rem;
  top: .6rem;
  padding: .2rem;
}
.mine-info .message img {
  display: block;
  width: 100%;
  height: 100%;
}
.mine-info .message .tag {
  display: block;
  background-color: #f22944;
  color: #fff;
  width: .8rem;
  height: .8rem;
  font-size: .45rem;
  text-align: center;
  line-height: .8rem;
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
}
.mine-info .left {
  float: left;
  width: 9rem;
}
.mine-info .left .name {
  font-size: .85rem;
  line-height: .9rem;
  font-weight: bold;
  color: #000;
  margin-bottom: .7rem;
}
.mine-info .left .name img {
  margin-left: .3rem;
  width: .8rem;
  vertical-align: top;
}
.mine-info .left .line {
  line-height: .85rem;
  font-size: .5rem;
  color: #999;
}
.mine-info .right {
  width: 3rem;
  height: 3rem;
  float: right;
}
.mine-info .right img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.mine-aisle {
  background-color: #fff;
  text-align: center;
}
.mine-aisle img {
  display: block;
  width: 1.3rem;
  margin: 0 auto .5rem;
}
.mine-aisle .item {
  padding: .75rem 0;
  color: #000;
  font-size: .55rem;
}
.mall-detail {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.mall-detail .bg {
  background: url('../../images/mobile/icon/mall.png') no-repeat center;
  background-size: contain;
  width: 100%;
  height: 5.5rem;
}
.mall-detail .pa {
  width: 14.5rem;
  height: 3.1rem;
  background-color: #fff;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  border-radius: 0.6rem;
}
.mall-detail .pa .img {
  overflow: hidden;
  width: 5.5rem;
  height: 4.25rem;
  position: absolute;
  bottom: 0;
  left: 0.7rem;
  background-color: #fff;
  border-radius: 0.6rem;
}
.mall-detail .pa .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vip-form {
  font-size: .7rem;
}
.vip-form input,
.vip-form select {
  text-align: right;
}
.vip-form .select {
  width: 100%;
}
.vip-form .select .val {
  display: block;
  line-height: 1.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}
.vip-form .select select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.vip-detail {
  width: 14.375rem;
  margin: 0 auto;
  padding: 1rem 0;
  color: #666;
}
.vip-detail h3 {
  color: #000;
  font-size: .7rem;
  font-weight: bold;
}
.vip-detail .line {
  height: 2.25rem;
  line-height: 2.25rem;
  border-bottom: 1px solid #f2f2f2;
}
.vip-detail .line:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.vip-detail .line img {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: .5rem 0;
}
.vip-detail p {
  line-height: .65rem;
  margin-bottom: .45rem;
  font-size: .575rem;
}
.vip-detail .list-block li {
  padding-left: 0;
  padding-top: .35rem;
  padding-bottom: .35rem;
}
.vip-detail .list-block li img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10600;
  display: none;
}
.mask.show {
  display: block;
}
.mask .ewm-content {
  position: absolute;
  width: 11.5rem;
  height: 16.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: .2rem;
  text-align: center;
}
.mask .ewm-content .yjjx {
  display: block;
  width: 100%;
  margin: -1px 0;
}
.mask .ewm-content .top {
  height: 4.25rem;
  padding: .5rem 1.75rem;
  font-size: .55rem;
  color: #000;
  background-color: #fff;
  border-top-right-radius: .2rem;
  border-top-left-radius: .2rem;
}
.mask .ewm-content .top img {
  display: block;
  width: 100%;
}
.mask .ewm-content .middle {
  background-color: #fff;
  height: 10rem;
  padding: 1rem 1.75rem;
}
.mask .ewm-content .middle img {
  display: block;
  width: 100%;
}
.mask .ewm-content .bottom {
  height: 1.75rem;
  line-height: 1.75rem;
  background-color: #f2f2f2;
  color: #808080;
  border-bottom-right-radius: .2rem;
  border-bottom-left-radius: .2rem;
}
.mask .ewm-content .close {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  background: url("../../images/mobile/icon/close.png") center center no-repeat;
  background-size: 1.25rem 1.25rem;
  border-radius: 50%;
}
.coupon-detail {
  padding: .5rem;
  position: relative;
  margin-top: 1.75rem;
}
.coupon-detail.is-used .top {
  position: relative;
}
.coupon-detail.is-used .top:after {
  content: '';
  position: absolute;
  left: 9.5rem;
  top: 5.5rem;
  width: 4.5rem;
  height: 4.5rem;
  background: url("../../images/mobile/icon/used.png") center center no-repeat;
  background-size: cover;
}
.coupon-detail.is-used .code {
  opacity: .5;
}
.coupon-detail.is-used .ewm {
  opacity: .3;
}
.coupon-detail.is-gq .top {
  position: relative;
}
.coupon-detail.is-gq .top:after {
  content: '';
  position: absolute;
  left: 9.5rem;
  top: 5.5rem;
  width: 4.5rem;
  height: 4.5rem;
  background: url("../../images/mobile/icon/gq.png") center center no-repeat;
  background-size: contain;
}
.coupon-detail.is-gq .code {
  opacity: .5;
}
.coupon-detail.is-gq .ewm {
  opacity: .3;
}
.coupon-detail .ic {
  width: 3.25rem;
  height: 3.25rem;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  left: 50%;
  top: -1.125rem;
  margin-left: -1.625rem;
  box-shadow: 0 0.075rem .7rem #eee;
  z-index: 10;
}
.coupon-detail .ic img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin: .375rem auto;
}
.coupon-detail .top {
  font-size: .65rem;
  color: #333;
  background-color: #fff;
  padding-top: 1.75rem;
  text-align: center;
  overflow: hidden;
  border-top-right-radius: .2rem;
  border-top-left-radius: .2rem;
}
.coupon-detail .top h3 {
  font-size: 1rem;
  font-weight: bold;
  color: #f22944;
  line-height: 2.5rem;
}
.coupon-detail .top .ewm {
  width: 7.8rem;
  height: 7.8rem;
  margin: .75rem auto;
  border: 1px solid #e6e6e6;
}
.coupon-detail .top .ewm img {
  display: block;
  width: 100%;
  height: 100%;
}
.coupon-detail .top .code {
  width: 12rem;
  height: 2rem;
  line-height: 2rem;
  margin: 0 auto;
  background-color: #f2f2f2;
  padding: 0 .4rem;
  color: #333;
  text-align: left;
}
.coupon-detail .top .code span {
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: .75rem;
  vertical-align: top;
}
.coupon-detail .top .btn-box {
  width: 5.55rem;
  margin: .75rem auto;
}
.coupon-detail .top .btn-box .button {
  line-height: 1.75rem;
  height: 1.75rem;
}
.coupon-detail .bottom {
  padding: .4rem .6rem;
  color: #666;
  background-color: #fff;
  border-bottom-right-radius: .2rem;
  border-bottom-left-radius: .2rem;
}
.coupon-detail .bottom h3 {
  color: #000;
  font-size: .7rem;
  font-weight: bold;
}
.coupon-detail .bottom .line {
  height: 2.25rem;
  line-height: 2.25rem;
  border-bottom: 1px solid #f2f2f2;
}
.coupon-detail .bottom .line:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.coupon-detail .bottom .line img {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: .5rem 0;
}
.coupon-detail .bottom p {
  line-height: .65rem;
  margin-bottom: .45rem;
  font-size: .575rem;
}
.coupon-detail .bottom .list-block li {
  padding-left: 0;
  padding-top: .35rem;
  padding-bottom: .35rem;
}
.coupon-detail .bottom .list-block li img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.coupon-detail .yjjx {
  display: block;
  width: 100%;
}
.info-form .photo {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin: .5rem;
}
.sign-bg {
  background-image: url("../../images/mobile/pic/sign-bg.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 16rem 10rem;
}
.sign-form {
  padding-top: .8rem;
  position: relative;
  font-size: .7rem;
}
.sign-form .link {
  position: absolute;
  height: 1.4rem;
  line-height: 1.4rem;
  color: #f22944;
  font-size: .7rem;
  left: 0;
  right: 0;
  top: .3rem;
}
.sign-form .link a {
  color: #f22944;
}
.sign-form .item-content {
  margin: .5rem 0;
  padding-left: 0;
}
.sign-form .item-content .item-title {
  color: #000;
}
.sign-form .logo {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: 1rem auto;
  border-radius: .5rem;
}
.sign-form .line {
  line-height: 1rem;
  height: 1rem;
  font-size: .55rem;
}
.sign-form .sign-btn {
  margin-top: 1rem;
}
.sign-form .code-btn {
  line-height: 1.5rem;
  height: 1.5rem;
}
.sign-form .mode {
  text-align: center;
  font-size: .6rem;
  color: #000;
}
.sign-form .mode a {
  color: #000;
  display: block;
  width: 2.5rem;
  height: 4.5rem;
  margin: 0 auto;
}
.sign-form .mode img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin: .4rem auto;
}
.sign-form .terms {
  text-align: center;
  font-size: .5rem;
  line-height: 1.6rem;
  margin: .5rem 0;
  color: #999;
}
.sign-form .terms a {
  color: #000;
}
.rc-list {
  overflow: hidden;
}
.rc-list .item {
  display: block;
  width: 4.75rem;
  height: 2.5rem;
  border: 1px solid #2386d4;
  float: left;
  margin-right: .3rem;
  margin-bottom: .3rem;
  border-radius: .1rem;
  text-align: center;
  color: #2386d4;
  padding: .3rem;
}
.rc-list .item.active {
  background-color: #2386d4;
  color: #fff;
}
.rc-list .item.active em {
  color: #fff;
}
.rc-list .item:nth-child(3n) {
  margin-right: 0;
}
.rc-list .item span {
  display: block;
  font-size: .7rem;
}
.rc-list .item em {
  display: block;
  font-size: .5rem;
  color: #52aef5;
}
.rc-input {
  padding-right: 2rem;
  position: relative;
}
.rc-input input {
  width: 100%;
  border: none;
  outline: none;
  line-height: 1.4rem;
  height: 1.4rem;
  font-size: 1rem;
  color: #000;
  font-family: inherit;
}
.rc-input span {
  position: absolute;
  right: 0;
  top: 0;
  color: #2386d4;
  font-size: 1rem;
}
.rc-classify {
  text-align: center;
  color: #000;
}
.rc-classify img {
  width: 1.5rem;
  display: block;
  margin: .25rem auto;
}
.mall-info {
  background-color: #fff;
  padding: 0 0.75rem 0.75rem;
}
.mall-info .item {
  line-height: 0.7rem;
  padding: 0.4rem 0.7rem;
}
.mall-info .item .icon {
  margin-right: 0.3rem;
}
.mall-info .item .icon img {
  width: .7rem;
  height: auto;
  vertical-align: middle;
}
.mall-info .item span {
  font-size: 0.7rem;
  font-size: #000;
}
.mall-info .item.vip {
  margin: 0.4rem 0 0.75rem 0;
  background-color: #ffecd2;
  border-radius: .5rem;
}
.mall-info .item.vip span {
  color: #64492f;
}
.mall-info .item.vip .fr {
  color: #64492f;
}
.mall-info .item.vip .fr img {
  vertical-align: middle;
  width: 0.35rem;
  height: auto;
}
.mall-info .item.tz {
  margin: 0.4rem 0;
  padding: 0.4rem .7rem 0.4rem 1.6rem;
  background-color: #fffaf3;
  border-radius: .7rem;
  position: relative;
}
.mall-info .item.tz .icon {
  left: 0.7rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.mall-info .item.tz span {
  color: #64492f;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: .9rem;
}
.mall-list {
  margin-top: .5rem;
  background-color: #fff;
  padding: 0.75rem;
}
.mall-list li {
  position: relative;
  width: 14.5rem;
  height: 5rem;
  background: url('../../images/mobile/icon/mall-list.png') no-repeat center;
  background-size: contain;
  margin-bottom: .75rem;
  overflow: hidden;
}
.mall-list li.invalid {
  background: url('../../images/mobile/icon/invalid.png') no-repeat center;
  background-size: contain;
}
.mall-list li.invalid .right {
  color: #999999;
}
.mall-list li.invalid .right .man {
  color: #999999;
}
.mall-list li.invalid .right .end {
  font-size: 0.65rem;
  line-height: 1.5rem ;
}
.mall-list li .left {
  float: left;
  width: 5.15rem;
  text-align: center;
  color: #fff;
}
.mall-list li .left .sum {
  line-height: 1.65rem;
  font-size: 1.65rem;
  margin: 0.8rem 0 0.4rem;
}
.mall-list li .left .man {
  line-height: .7rem;
  font-size: 0.7rem;
}
.mall-list li .left .btn {
  font-size: 0.6rem;
  color: #fff;
  width: 3.7rem;
  height: 0.85rem;
  line-height: .85rem;
  background-color: #bd041d;
  display: block;
  text-align: center;
  border-radius: 0.4rem;
  margin: 0.4rem auto 0;
}
.mall-list li .right {
  width: 9.35rem;
  float: left;
  color: #fff;
  padding-left: 1.05rem;
  padding-top: 1.05rem;
}
.mall-list li .right .man {
  margin-bottom: .5rem;
  line-height: .7rem;
  font-size: 0.7rem;
  color: #333333;
}
.mall-list li .right .s,
.mall-list li .right .time {
  height: .65rem;
  line-height: .65rem;
  font-size: 0.65rem;
  color: #b2b2b2;
}
.mall-list li .right .time {
  margin-top: .5rem;
}
.back {
  overflow: hidden;
  height: 100%;
  background: -webkit-linear-gradient(#fedf63, #fdb334);
  /* Safari 5.1 - 6.0 */
  background: linear-gradient(#fedf63, #fdb334);
  /* 标准的语法 */
}
.back .back-img1 {
  width: 100%;
  display: block;
}
.back .back-img2 {
  margin: 2.8rem auto 1rem;
  position: relative;
}
.back .back-img2 .img-box {
  position: absolute;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 50%;
  border: solid .08rem #fff;
  background-color: #fff;
  overflow: hidden;
  left: 50%;
  top: -4.8rem;
  transform: translate(-50%, 0);
}
.back .back-img2 .img-box img {
  width: 100%;
  height: auto;
}
.back .back-img2 .code {
  position: absolute;
  background-color: #fff;
  width: 7rem;
  left: 50%;
  top: 1rem;
  transform: translate(-50%, 0);
}
.back .back-img2 .code img {
  width: 100%;
}
.back .back-img2 .img {
  width: 10rem;
  margin: 0 auto;
  display: block;
}
.back .back-img2 .pa-top {
  position: absolute;
  top: -1.5rem;
  color: #333;
  font-weight: bold;
  font-size: .65rem;
  text-align: center;
  width: 100%;
}
.back .back-img2 .pa-bottom {
  position: absolute;
  bottom: .65rem;
  color: #fff;
  font-size: .65rem;
  text-align: center;
  width: 100%;
}
.back .back-img3 {
  margin: 0 auto;
  width: 13.5rem;
  display: block;
}
.com {
  width: 5.25rem;
  height: 1.25rem;
  position: absolute;
  z-index: 999;
  bottom: .15rem;
  right: .3rem;
  background: url('../../images/mobile/pic/com.png') no-repeat center;
  background-size: 100%;
}
.volume .volume-top {
  text-align: center;
  width: 100%;
  height: 3.8rem;
  background: url('../../images/mobile/pic/volume-top.png') no-repeat center;
  background-size: contain;
}
.volume .volume-top p {
  color: #ffe6be;
  font-size: 1.1rem;
  line-height: 2.9rem;
}
.volume .pic {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
}
.volume-box {
  margin-top: 0.85rem;
  padding: 0 1.15rem;
}
.volume-box .top {
  text-align: center;
  background-color: #fff;
  width: 100%;
  min-height: 9rem;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
  padding-top: 0.65rem;
  padding-bottom: .55rem;
}
.volume-box .top .mlj {
  padding-left: 0.6rem;
  text-align: left;
}
.volume-box .top .mlj .btn {
  border-radius: .5rem;
  width: 2.75rem;
  height: 1.1rem;
  display: inline-block;
  border: solid .05rem #f22b48;
  color: #f22b48;
  font-size: 0.55rem;
  text-align: center;
  line-height: 1.1rem;
}
.volume-box .top-title {
  font-size: 0.95rem;
  line-height: 2rem;
  color: #000;
}
.volume-box .top-sum {
  font-size: 2.75rem;
  color: #f22b48;
  line-height: 3rem;
}
.volume-box .top-sum em {
  font-size: .75rem;
  color: #000000;
}
.volume-box .top-p {
  color: #000000;
  font-size: 0.7rem;
}
.volume-box .top-time {
  color: #868686;
  font-size: 0.75rem;
}
.volume-box .bottom {
  background-color: #fff;
  width: 100%;
  min-height: 10rem;
  border-bottom-left-radius: .2rem;
  border-bottom-right-radius: .2rem;
  padding: 0 .55rem 1.25rem;
}
.volume-box .bottom .text {
  padding-bottom: 1.25rem;
  border-bottom: dashed .1rem #ededed;
  font-size: .6rem;
}
.volume-box .bottom .text p {
  color: #000000;
  line-height: 1.75rem;
}
.volume-box .bottom .text div {
  line-height: .7rem;
  color: #868686;
}
.volume-box .bottom .btn {
  margin-top: 1.25rem;
  border-radius: .25rem;
  background-color: #f22b48;
  font-size: 0.95rem;
  text-align: center;
  display: block;
  line-height: 2.35rem;
  color: #fff;
}
.volume-box img {
  width: 100%;
  display: block;
}
.code {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.code-title {
  color: #333;
  font-size: 0.85rem;
  line-height: 3rem;
  text-align: center;
}
.code-text {
  color: #333;
  font-size: 0.85rem;
  line-height: 1rem;
  text-align: center;
}
.code-tag {
  color: #666;
  font-size: 0.85rem;
  text-align: center;
  background-color: #eee;
  line-height: 2rem;
}
.code .code-pic {
  width: 60%;
  display: block;
  margin: 0 auto 1rem;
}
.code .code-pic canvas{
  display: block;
  margin: 0 auto ;
}