body,
div,
h2,
h3,
h4,
h5,
h6,
html,
p,
pre {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a,
body,
button,
dd,
div,
dl,
dt,
form,
input,
li,
ol,
p,
td,
th,
ul {
  font-family: "微软雅黑", arial, helvetica;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
body {
  position: relative;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  clear: both;
}
body {
  font-size: 0.64rem;
}
.wrap {
  width: 100%;
  padding-top: 2.13333333rem;
  position: relative;
  background: #F0F0F0;
  overflow: hidden;
  font-size: 0.64rem;
}
.wrap .cartIcon {
  z-index: 20;
  width: 1.28rem;
  position: absolute;
  top: 2.34666667rem;
  right: 0.42666667rem;
}
.wrap .orderIcon {
  z-index: 20;
  width: 1.28rem;
  position: absolute;
  top: 2.34666667rem;
  right: 2.13333333rem;
}
.wrap .login-out {
  z-index: 20;
  width: 1.28rem;
  position: absolute;
  top: 2.34666667rem;
  right: 3.84rem;
}
.wrap .topBox {
  position: relative;
}
.wrap .topBox .swiper-container {
  width: 100%;
  height: 10.66666667rem;
}
.wrap .topBox .swiper-container .swiper-slide {
  text-align: center;
  font-size: 0.768rem;
  background: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wrap .topBox .swiper-container .swiper-slide img {
  height: 100%;
}
.wrap .topBox .swiper-container .swiper-pagination {
  color: black;
}
.wrap .topBox .flashSale {
  width: 100%;
  position: absolute;
  background: url("../../Public_iconimg/img/time_limit.png") center no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  left: 0;
  bottom: 0;
  z-index: 20;
  font-size: 0.55466667rem;
  color: #ffffff;
  padding: 0.29866667rem 0;
  display: none;
}
.wrap .topBox .flashSale .flashSale-title {
  width: 5.41866667rem;
  display: inline-block;
  text-align: center;
}
.wrap .topBox .flashSale .flashSale-Time {
  width: 10.368rem;
  display: inline-block;
  text-align: center;
}
.wrap .commodity-property {
  text-align: left;
  background: #ffffff;
  padding: 0.21333333rem 0.32rem;
  overflow: hidden;
}
.wrap .commodity-property .commodity-name {
  font-size: 0.81066667rem;
}
.wrap .commodity-property .commodity-price-member {
  font-size: 0.512rem;
  color: #9e9e9e;
  padding: 0.21333333rem 0;
}
.wrap .commodity-property .commodity-price-member .priceRed {
  font-size: 0.72533333rem;
  color: #C92A28;
}
.wrap .commodity-property .commodity-normal-price {
  color: #9e9e9e;
  font-size: 0.512rem;
  text-decoration: none;
  display: none;
}
.wrap .commodity-property .commodity-normal-price span.on {
  text-decoration: line-through;
}
.wrap .commodity-property .goods_address {
  margin-top: 0.32rem;
  color: #9e9e9e;
  font-size: 0.512rem;
  display: none;
  line-height: 0.96rem;
}
.wrap .get-coupons {
  margin-top: 0.256rem;
  background: #fff;
  text-align: left;
  line-height: 1.28rem;
  display: none;
}
.wrap .get-coupons .coupons-icon {
  width: 1.06666667rem;
  margin-left: 0.42666667rem;
  margin-top: 0.21333333rem;
}
.wrap .get-coupons .coupons-text {
  margin-left: 0.21333333rem;
  color: #C92A28;
}
.wrap .get-coupons .coupons-right-icon {
  width: 0.42666667rem;
  margin-top: 0.32rem;
  margin-right: 0.42666667rem;
}
.wrap .relevance_div {
  background-color: white;
  width: 100%;
}
.wrap .relevance_div .p1 {
  margin-top: 0.256rem;
  padding-top: 0.42666667rem;
  width: 100%;
  position: relative;
}
.wrap .relevance_div .p1 .span1 {
  font-size: 0.64rem;
  position: absolute;
  left: 0.42666667rem;
}
.wrap .relevance_div .p1 .span2 {
  font-size: 0.64rem;
  position: absolute;
  right: 0.42666667rem;
}
.wrap .relevance_div .p1 .span2 img {
  width: 0.42666667rem;
  position: relative;
  top: 0.10666667rem;
}
.wrap .relevance_div .div_center {
  width: 100%;
  margin-top: 1.06666667rem;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.wrap .relevance_div .div_center .div_center1 {
  width: 64rem;
  background: #F0F0F0;
  overflow: hidden;
}
.wrap .relevance_div .div_center .div_center1 .commodity {
  width: 6.4rem;
  float: left;
  margin: 0.256rem 0 0.256rem 0.42666667rem;
  background: #FFFFFF;
  text-align: left;
}
.wrap .relevance_div .div_center .div_center1 .commodity div {
  width: 100%;
  height: 4rem;
  overflow: hidden;
}
.wrap .relevance_div .div_center .div_center1 .commodity div img {
  width: 100%;
  display: block;
}
.wrap .relevance_div .div_center .div_center1 .commodity .p1 {
  font-size: 0.59733333rem;
  margin: 0;
  padding: 0;
  text-align: left;
  padding-top: 0.21333333rem;
  margin-left: 0.32rem;
}
.wrap .relevance_div .div_center .div_center1 .commodity .partner-name {
  color: #848484;
  display: block;
  font-size: 0.512rem;
  margin: 0.128rem 0 0.128rem 0.32rem;
}
.wrap .relevance_div .div_center .div_center1 .commodity .p2 {
  width: 100%;
  text-align: left;
  font-size: 0.46933333rem;
  margin-left: 0.32rem;
  color: #9e9e9e;
}
.wrap .relevance_div .div_center .div_center1 .commodity .p2 .span1 {
  color: #C92A28;
}
.wrap .relevance_div .div_center .div_center1 .commodity .p2 .span2 {
  text-decoration: line-through;
}
.wrap .relevance_div .div_center .div_center1 .commodity .p2 del {
  color: #9e9e9e;
  margin-bottom: 0.21333333rem;
}
.wrap .member {
  background-color: white;
  margin-top: 0.256rem;
  height: 1.28rem;
  display: none;
  position: relative;
}
.wrap .member .member_show {
  width: 1.06666667rem;
  position: absolute;
  left: 0.42666667rem;
  top: 0.256rem;
}
.wrap .member .member_explain {
  position: absolute;
  top: 0.256rem;
  left: 1.792rem;
  color: #C92A28;
  font-size: 0.55466667rem;
}
.wrap .slogan {
  margin-top: 0.256rem;
  height: 1.28rem;
  font-size: 0.55466667rem;
  background-color: white;
  text-align: left;
  padding-left: 0.42666667rem;
}
.wrap .slogan span {
  position: relative;
  top: 0.256rem;
  margin-right: 0.21333333rem;
}
.wrap .slogan img {
  position: relative;
  top: 0.32rem;
  width: 0.64rem;
}
.wrap .shopname {
  margin-top: 0.256rem;
  height: 2.13333333rem;
  background-color: white;
  overflow: hidden;
}
.wrap .shopname .div1 {
  float: left;
  overflow: hidden;
}
.wrap .shopname .div1 img {
  float: left;
  width: 1.70666667rem;
  height: 1.70666667rem;
  overflow: hidden;
  margin-top: 0.21333333rem;
  margin-left: 0.42666667rem;
}
.wrap .shopname .div1 span {
  float: right;
  font-size: 0.59733333rem;
  margin-top: 0.64rem;
  margin-left: 0.21333333rem;
}
.wrap .shopname .div2 {
  float: right;
  width: 2.56rem;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  border: 0.04266667rem solid black;
  margin-top: 0.42666667rem;
  margin-right: 0.42666667rem;
  font-size: 0.42666667rem;
  border-radius: 0.21333333rem;
  text-align: center;
  display: inline-block;
}
.artist_name {
  margin-top: 0.32rem;
  height: 1.28rem;
  line-height: 1.28rem;
  background-color: white;
  overflow: hidden;
}
.artist_name .div1 {
  text-align: left;
  margin-left: 0.32rem;
  font-size: 0.64rem;
}
.artist_name .div2 {
  text-align: right;
  margin-left: 5%;
  font-size: 0.64rem;
  color: #595757;
}
.shop_classify {
  margin-top: 0.32rem;
  height: 1.28rem;
  line-height: 1.28rem;
  background-color: white;
  overflow: hidden;
}
.shop_classify .div1 {
  text-align: left;
  margin-left: 0.32rem;
  font-size: 0.64rem;
}
.shop_classify .div2 {
  text-align: right;
  margin-left: 5%;
  font-size: 0.64rem;
  color: #595757;
}
.works_show {
  background-color: white;
  margin-top: 0.256rem;
  text-align: left;
  width: 100%;
  padding: 0.42666667rem;
}
.works_show .p1 {
  font-size: 0.64rem;
}
.works_show .p2 {
  margin-top: 0.42666667rem;
  font-size: 0.64rem;
  color: #595757;
}
.works_show .p2 img {
  display: block;
}
.works_show .p2 p img {
  display: block;
}
.works_show .p2 p span img {
  display: block;
}
.bootom_logimg {
  width: 100%;
  padding-bottom: 18%;
  text-align: center;
  background: #F0F0F0;
}
.bootom_logimg img {
  margin-top: 0.42666667rem;
  width: 5.54666667rem;
}
.btn_bottom {
  width: 100%;
  height: 2.13333333rem;
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
}
.btn_bottom img{
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: -2.133333rem;
    right: 0.3rem;
}
.btn_bottom .span1 {
  display: inline-block;
  line-height: 2.13333333rem;
  text-align: center;
  background-color: gray;
  height: 100%;
  width: 50%;
  color: white;
}
.btn_bottom .span2 {
  display: inline-block;
  height: 100%;
  line-height: 2.13333333rem;
  text-align: center;
  background-color: #000000;
  width: 50%;
  color: white;
}
.wrap1 {
  width: 100%;
  height: 0rem;
  overflow-y: auto;
  background-color: white;
  display: none;
  position: fixed;
  z-index: 30;
  bottom: 2.13333333rem;
  left: 0;
}
.wrap1 .closebtn {
  position: absolute;
  right: 0.32rem;
  top: 0.21333333rem;
}
.wrap1 .closebtn img {
  width: 0.64rem;
}
.wrap1 .buydiv {
  margin-top: 1.06666667rem;
}
.wrap1 .buydiv .div1 {
  height: 3.2rem;
  width: 5.33333333rem;
  margin-right: 0.42666667rem;
  overflow: hidden;
}
.wrap1 .buydiv .div2 {
  width: 9.81333333rem;
  margin-right: 0.42666667rem;
}
.wrap1 .buydiv .div2 .p1 {
  font-size: 0.768rem;
  color: #C92A28;
  text-align: left;
}
.wrap1 .buydiv .div2 .p2 {
  font-size: 0.53333333rem;
  margin-top: 0.10666667rem;
}
.wrap1 .buydiv .div2 .p3 {
  font-size: 0.53333333rem;
  margin-top: 0.10666667rem;
}
.wrap1 .buydiv .div2 .p4 {
  font-size: 0.512rem;
  color: #9e9e9e;
  display: none;
}
.wrap1 .buydiv .div2 .p4 .span2 {
  display: inline-block;
  width: 2.56rem;
  border-top: 0.02133333rem solid #F0F0F0;
  position: relative;
  top: -0.21333333rem;
  left: -2.34666667rem;
}
.wrap1 .buydiv .div2 .p4 .span3.on {
  text-decoration: line-through;
}
.wrap1 .buydiv img {
  width: 100%;
  margin-left: 0.42666667rem;
}
.wrap1 .buydiv .flyimg {
  width: 7%;
  display: none;
  position: absolute;
  right: 80%;
  bottom: 90%;
}
.wrap1 hr {
  width: 95%;
  border: 1px solid #F0F0F0;
}
.wrap1 .classify_div {
  padding-left: 0.42666667rem;
}
.wrap1 .classify_div ul {
  overflow: hidden;
  text-align: left;
  padding: 0 0.42666667rem;
}
.wrap1 .classify_div ul li {
  text-align: center;
  float: left;
  background: #eeefef;
  margin-left: 0;
  border-radius: 0.42666667rem;
  color: black;
  margin-right: 0.42666667rem;
  padding: 0.32rem;
  margin-top: 0.42666667rem;
  font-size: 0.53333333rem;
}
.wrap1 .classify_div ul .activeLi {
  background: #000;
  color: #ffffff;
}
.wrap1 .number_div {
  padding: 0.42666667rem 0.42666667rem 1.28rem;
}
.wrap1 .number_div .btndiv {
  width: 4.69333333rem;
  text-align: center;
  margin-left: 0.85333333rem;
  margin-top: 0.42666667rem;
  background: #eeefef;
  border-radius: 2.56rem;
}
.wrap1 .number_div .btndiv img {
  width: 1.28rem;
  height: 1.06666667rem;
}
.wrap1 .number_div .btndiv .btn_viule {
  display: inline-block;
  width: 2.13333333rem;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  text-align: center;
}
.wrap1 .spantitle {
  width: 5.97333333rem;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  display: none;
  position: absolute;
  left: 50%;
  bottom: 15%;
  margin-left: -2.98666667rem;
  text-align: center;
  background: gray;
  border-radius: 2.13333333rem;
}
.ring_up {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999999;
  display: none;
}
.ring_up .div1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: black;
  opacity: 0.5;
}
.ring_up .div2 {
  width: 14.93333333rem;
  height: 2.98666667rem;
  background: white;
  border-radius: 0.21333333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  margin-left: -7.46666667rem;
  font-size: 0.64rem;
  overflow: hidden;
}
.ring_up .div2 p {
  height: 1.70666667rem;
  padding: 0.42666667rem;
  color: black;
  border-bottom: 0.02133333rem solid gainsboro;
}
.ring_up .div2 span {
  height: 1.28rem;
  line-height: 1.06666667rem;
  display: inline-block;
  width: 7.44533333rem;
  float: left;
  color: #337AB7;
}
.ring_up .div2 .span1 {
  border-right: 0.02133333rem solid gainsboro;
}
#downloadbtns {
  width: 100%;
  height: 2.34666667rem;
  min-height: 0 !important;
  position: fixed;
  top: 0;
  border: 0;
  z-index: 10000;
}
.common {
  width: 100%;
  background-color: white;
  margin-top: 0.256rem;
  padding-top: 0.42666667rem;
}
.common h3 {
  text-align: center;
}
.common iframe {
  width: 100%;
  height: 11.73333333rem;
  border: none;
}
.login_out {
  width: 8.53333333rem;
  height: 3.2rem;
  background-color: white;
  text-align: center;
  position: fixed;
  top: 35%;
  left: 50%;
  margin-left: -4.26666667rem;
  border-radius: 0.29866667rem;
  display: none;
  z-index: 30;
  font-size: 0.55466667rem;
}
.login_out .login_out-title {
  width: 100%;
  padding: 0.64rem 0;
  border-bottom: 0.04266667rem solid #F0F0F0;
}
.login_out .login_out-con {
  width: 100%;
  text-align: center;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
}
.login_out .login_out-con span {
  width: 4.13866667rem;
  display: inline-block;
}
.login_out .login_out-con .login_out-cancel {
  border-right: 0.04266667rem solid #F0F0F0;
}
.hide-div {
  display: none;
  width: 6.4rem;
  height: 4.58666667rem;
}
.omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tip-show {
  background: #000000;
  color: #FFFFFF;
  padding: 0.42666667rem 0.85333333rem;
  font-size: 0.64rem;
  display: none;
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 100;
  border-radius: 0.512rem;
  width: 6.4rem;
  height: 1.74933333rem;
  margin: -0.87466667rem 0 0 -3.2rem;
  text-align: center;
}