/* reset S */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

audio,
canvas,
video {
  display: inline-block;
}

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal
}

ol,
ul,
li {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ''
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

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

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

img {
  border: 0;
  -webkit-touch-callout: none;
}

body {
  -webkit-text-size-adjust: 100%;
  width: 100%;
  background: #ece7e1;
}

.wrapper {
  font-size: 0;
}

.wrapper .main {
  width: 6.90rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page-main {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* reset E */

/* font start */
#afooter {
  background-color: #191219;
  text-align: center;
  font-size: 0.22rem;
  padding: 0.2rem 0;
  padding-bottom: 0.2rem;
}

#afooter,
#afooter a {
  color: #c0c0c0;
  text-decoration: none;
}

/* ����ͼ S */
.spr {
  background-image: url(../ossweb-img/m/spr.png);
  background-repeat: no-repeat;
  background-size: 10.00rem 3.88rem;
}

.spr.btn1 {
  background-position: -5.22rem -1.38rem;
  width: 2.87rem;
  height: .70rem;
}

.spr.i-title {
  width: 6.04rem;
  height: 0.29rem;
  background-position: 4.47761% 2.47934%;
}

.spr.i-zk {
  background-position: -8.32rem -.60rem;
  width: .60rem;
  height: .60rem;
}

.spr.item-bg {
  background-position: 0 0;
  width: 3.10rem;
  height: 3.88rem;
}

.spr.nav1.on {
  background-position: -3.10rem -2.31rem;
  width: 2.32rem;
  height: .60rem;
}

/* .spr.nav1 {
  width: 2.06rem;
  height: 0.64rem;
  background-position: 73.45576% 97.2561%;
} */

.spr.nav2.on {
  background-position: -3.10rem -2.31rem;
  width: 2.32rem;
  height: .60rem;
}

/* .spr.nav2 {
  width: 2.09rem;
  height: 0.64rem;
  background-position: 1.51007% 92.68293%;
} */
.spr.nav3.on {
  background-position: -3.10rem -2.31rem;
  width: 2.32rem;
  height: .60rem;
}

/* .spr.nav3.on {
  background-position: -5.42rem -2.31rem;
  width: 2.32rem;
  height: .60rem;
  filter: grayscale(1);
} */

/* .spr.nav3 {
  width: 2.04rem;
  height: 0.64rem;
  background-position: 98.33611% 75%;
} */

.spr.price-box {
  background-position: -5.22rem -.60rem;
  width: 3.10rem;
  height: .78rem;
}

.spr.sold-out {
  width: 1.71rem;
  height: 1.39rem;
  background-position: 97.94953% 3.55731%;
}

/* ����ͼ E */
/* ͨ�ò��� S */
.title-box {
  background: url(../ossweb-img/m/page1-tit.png)no-repeat center top/100% 100%;
  width: 6.88rem;
  height: 1.51rem;
  margin: -0.17rem 0 0.30rem -0.34rem;
}

.title-box i {
  display: none;
}

.title-box p {
  text-indent: -9999.99rem;
}

.page2 .title-box{
  background: url(../ossweb-img/m/page2-tit.png) no-repeat center top / 100% 100%;
  width: 7.50rem;
  height: 1.51rem;
  margin: 1.23rem 0 0.30rem -0.38rem;
}



.show_pc {
  display: none !important;
}

/* ͨ�ò��� E */
.head-page {
  height: 8.26rem;
  background: url(../ossweb-img/m/head-bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  padding-top: 6.51rem;
}

.page1 {
  height: 12.69rem;
  background: url(../ossweb-img/m/bg1.jpg) no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  margin-top: -1px;
}

.page2 {
  height: auto;
  background: url(../ossweb-img/m/bg2.jpg) no-repeat top center;
  background-size: 100% 11.24rem;
  position: relative;
  padding: 0.2rem 0 1rem 0;
  margin-top: -1px;
}

.head-page .logo {
  width: 1.78rem;
  height: 0.37rem;
  background: url(../ossweb-img/m/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.42rem;
  left: 0.48rem;
}

.head-page .logo2 {
  width: 1.41rem;
  height: 0.22rem;
  background: url(../ossweb-img/m/logo2.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.41rem;
  left: 2.22rem;
}

/* .head-page .slogan {
  width: 7.34rem;
  height: 2.74rem;
  background: url(../ossweb-img/m/slogan.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.63rem;
  left: 50%;
  margin-left: -3.67rem;
} */

.head-page .btn1 {
  display: block;
  margin: 0 auto;
  font-size: 0.26rem;
  line-height: 0.70rem;
  color: #1e1e1e;
  font-weight: bold;
  text-align: center;
}

.head-page .logo3 {
  width: 1.41rem;
  height: 1.2rem;
  background: url(../ossweb-img/logo3.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.34rem;
  left: 2.52rem;
}

.page1 .p1-nav {
  display: flex;
  font-size: 0;
  text-align: center;
  background-position: -3.10rem 0;
  width: 6.90rem;
  height: .60rem;
  margin: 0 auto 0;
}

.page1 .p1-nav li {
  display: inline-block;
  vertical-align: top;
  width: 2.32rem;
  height: .60rem;
  position: relative;
}

/* .page1 .p1-nav li:nth-child(2) {
  width: 2.09rem;
  margin: 0 0 0 -0.1rem;
}

.page1 .p1-nav li:nth-child(3) {
  width: 2.05rem;
  margin: 0.01rem 0 0 -0.08rem;
} */

.page1 .p1-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0.60rem;
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.page1 .p1-nav .on a {
  color: #1e1e1e !important;
}

.page1 .p1-nav li i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.page1 .p1-nav li i.nav3 {
  top: -1px;
}

.page1 .p1-nav li i.on {
  display: none;
}

.page1 .p1-nav li.on i {
  display: none;
}

.page1 .p1-nav li.on i.on {
  display: block;
}

.page1 .p1-box {
  width: 6.9rem;
  margin: 0.27rem auto 0;
  height: 10.40rem;
  overflow-y: auto;
}

.page1 .p1-box::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent;
}

.page1 .p1-box::-webkit-scrollbar-thumb {
  background-color: #61febb;
  border: none;
  border-radius: 2px;
}

.page1 .p1-box::-webkit-scrollbar-track {
  background-color: #2c157d;
  border: none;
  border-radius: 2px;
}

.page1 .tab-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.page1 .tab-box>li {
  width: 100%;
  max-height: 9.7rem;
  display: none;
}

.page1 .tab-box>li.on {
  display: block;
}

.page1 .p1-sw {
  width: 100%;
  height: auto;
}

.page1 .p1-sw ul {
  width: 100%;
  height: auto;
  font-size: 0;
  text-align: center;
}

.page1 .p1-sw li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 0.35rem;
}

.page1 .p1-sw li:nth-child(2n) {
  margin-left: 0.4rem;
}

.page1 .p1-sw li i.i-zk {
  position: absolute;
  top: 0;
  left: 0.16rem;
  pointer-events: none;
  font-size: 0.2rem;
  line-height: 0.24rem;
  color: #1e1e1e;
  font-style: normal;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.page1 .p1-sw li img {
  max-width: 2.90rem;
  height: 2.90rem;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  pointer-events: none;
}

.page1 .p1-sw li .item-bg {
  padding-top: 0.20rem;
  position: relative;
}

.page1 .p1-sw li .item-bg>a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page1 .p1-sw li .text-box {
  margin: 0.08rem auto 0;
  height: .70rem;
  position: relative;
}

.page1 .p1-sw li .text-box p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .70rem;
  line-height: .26rem;
  font-size: .20rem;
  color: #ece8e1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.page1 .p1-sw li .price-box {
  margin: 0.20rem auto 0;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  padding-top: .1rem;
  padding-right: .3rem;
}
.page1 .p1-sw li .price-cy{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding:  0 0 0 0.10rem;
}


.page1 .p1-sw li .price-box p {
  line-height: 0.62rem;
  color: #1e1e1e;
  font-size: 0.46rem;
  padding-left: 0.08rem;
  font-weight: bold;
}

.page1 .p1-sw li .price-box p.price-small {
  font-size: .46rem;
}

.page1 .p1-sw li .price-box i {
  font-style: normal;
  font-size: 0.18rem;
  margin-right: -.02rem;
}

.page1 .p1-sw li .price-box .old-price {
  font-size: 0.18rem;
  line-height: 0.30rem;
  color: #5d49d8;
  position: relative;
  display: block;
  margin-top: .08rem;
}

.page1 .p1-sw li .price-box .old-price::before {
  content: "";
  width: 100%;
  height: .02rem;
  background-color: #5d49d8;
  position: absolute;
  top: 50%;
  left: 0.02rem;
}

.page1 .p1-sw li>a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page1 .swiper-wrapper {
  display: block;
  transform: none;
}

.page1 .price-box .sj {
  display: none;
}

.page1 .p1-sw li .price-box>a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}








.page2 .p2-box {
  margin-top: 0.27rem;
  width: 100%;
  height: 7.55rem;
}

.page2 .tab-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.page2 .tab-box>li {
  width: 100%;
  height: 100%;
}

.page2 .p2-box {
  width: 6.90rem;
  height: auto;
  margin: 0 auto;
}

.page2 .p2-box .p2-sw {
  width: 6.90rem;
  height: 3.85rem;
}

.page2 .p2-box .p2-sw li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.90rem;
  height: 3.85rem;
}

.page2 .p2-box .p2-sw img {
  display: block;
  width: 6.90rem;
  height: 3.85rem;
  object-fit: cover;
  margin: 0 auto;
  border: 0.02rem solid #73ffce;
}

.page2 .p2-box .p2-sw li {
  width: 6.90rem;
  height: 3.85rem;
  /* background: url(../ossweb-img/m/p2-sw-bg.png) no-repeat; */
  background-size: 100% 100%;
  display: block;
  padding-top: 0.22rem;
  margin-bottom: 0.56rem;
}

.page2 .p2-box .p2-sw .swiper-wrapper {
  display: block;
  transform: none;
}

.page1 .p1-sw li .classtb {
  padding-top: 0.36rem;
  position: relative;
  margin: 0 auto;
}

.page1 .p1-sw li .classtb .text-box {
  margin: .56rem auto 0;
}

.ysq {
  pointer-events: none;
}

.ysq .ysq-i {
  display: block;
  background: url(../ossweb-img/ysq.png)no-repeat center top/100% 100%;
  width: 2.12rem;
  height: 1.71rem;
  position: absolute;
  top: 41%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ysq .price-box {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.page1 .p1-sw li .classtb img {
  max-width: 2.50rem;
  height: 2.27rem;
}

.item-fon1 {
  width: 3.10rem;
  position: absolute;
  left: 0;
  bottom: .80rem;
  color: #261e85;
  font-size: .20rem;
  text-align: center;
  font-weight: bold;
}

.gary {
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
  filter: gray !important;
}

.ccc1 {
  color: #cdcdcd !important;
}

.jqqd{
  pointer-events:none;
}

.left-xf{
  background: url(../ossweb-img/m/left-xf.png)no-repeat center top /100% 100%;
  width: 1.02rem;
  height: 1.41rem;
  position: fixed;
  top: 46%;
  right: 0;
  z-index: 2;
}

/* pop */
.pop {
  outline: none;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.pop-close {
  display: block;
  background: url(../ossweb-img/close.png)no-repeat center top/100% auto;
  width: .41rem;
  height: .41rem;
  position: absolute;
  top: -.44rem;
  right: 0;
}

.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mk1 {
  background: url(../ossweb-img/mk1.png)no-repeat center top/100% auto;
  width: 6.90rem;
  height: 4.86rem;
  box-sizing: border-box;
  padding: .44rem 0 0 0;
  position: relative;
}

.mk-tit{
  font-size: .48rem;
  color: #1e1e1e;
  font-weight: bold;
  text-align: center;
}

.mk1-quan-bg{
  background: url(../ossweb-img/mk1-quan-bg.png)no-repeat center top/100% auto;
  width: 5.70rem;
  height: 1.30rem;
  margin:  .16rem auto ;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mk1-quan-bg li{
  width: 50%;
}

.mk1-jg1{
  font-size: .18rem;
  color: #ffffff;
  text-align: center;
  margin-top: -.20rem;
}

.mk1-jg-span1{
  font-size: .22rem;
  color: #61febb;
}

.mk1-jg-span2{
  font-size: .65rem;
  color: #61febb;
  font-weight: bold;
}

.mk1-jg2{
  font-size: .14rem;
  color: #ffffff;
  text-align: center;
  margin-top: -.15rem;
}

.mk1-btn1{
  display: block;
  background: url(../ossweb-img/mk1-btn1.png)no-repeat center top/100% auto;
  width: 1.84rem;
  height: .58rem;
  line-height: .58rem;
  text-align: center;
  font-size: .24rem;
  color: #1e1e1e;
  margin: 0 auto 0;
  font-weight: bold;
}

.mk1-fo1{
  font-size: .18rem;
  color: #1e1e1e;
  text-align: center;
}

.m-fsk{
  display: block;
  text-align: center;
  line-height: .26rem;
  font-size: .20rem;
  color: #ece8e1;
  margin: -0.20rem auto 0.20rem;
}


.san-sc{
  width: .28rem;
  display: block;
  line-height: .22rem;
  font-size: .18rem;
  color: #ece8e1;
  position: absolute;
  right: .16rem;
  top:.06rem;
}