body{ background: #fff; }
.main-menu-wraps{ height: 1.02rem; margin: 0 auto; position: fixed; width: 100%; max-width: 750px; z-index: 10000; top: 0; }
.main-menu-main{ display: inline-block; /* display: -webkit-flex; */ width: 100%; overflow-x: scroll; white-space: nowrap; height: 1.02rem; padding: .1rem; box-sizing: border-box; max-width: 750px; background: linear-gradient(to right,#d515a2,#9905ff); font-size: 0; padding-left: 1.5rem; box-sizing: border-box; }
.logo{ position: absolute; left: 0; height: 100%; z-index: 999; }
.main-menu-main a{ position: relative; width: 1.3rem; display: inline-block; /* flex: 1; */ height: .82rem; padding: 0 .05rem; box-sizing: border-box; vertical-align: top; }
.main-menu-main::-webkit-scrollbar {width: 0px; height: 1px; background: #f5f5f5; }
.main-menu-main::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background: #f5f5f5; }
.main-menu-main::-webkit-scrollbar-thumb {border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); }
/* .main-menu-main a:last-child{ border-right: none; } */
.main-menu-main a::after{ position: absolute; left: -.05rem; top: 0; width: .1rem; height: 100%; background: url(../images/n-bi.png) left center no-repeat; background-size: auto 80%; }
#menuMobile, #menuWatch, #menuSport, #menuBag, #menuJewelry, #menuBeauty{ display: none; }
#menuMobile a:nth-of-type(1) i{ background: url(../images/branch/mobile/i-0.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(2) i{ background: url(../images/branch/mobile/i-1.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(3) i{ background: url(../images/branch/mobile/i-2.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(4) i{ background: url(../images/branch/mobile/i-3.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(5) i{ background: url(../images/branch/mobile/i-4.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(6) i{ background: url(../images/branch/mobile/i-5.png) no-repeat center center; background-size: 94%; }

#menuMobile a:nth-of-type(1).cur i{ background: url(../images/branch/mobile/hi-0.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(2).cur i{ background: url(../images/branch/mobile/hi-1.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(3).cur i{ background: url(../images/branch/mobile/hi-2.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(4).cur i{ background: url(../images/branch/mobile/hi-3.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(5).cur i{ background: url(../images/branch/mobile/hi-4.png) no-repeat center center; background-size: 94%; }
#menuMobile a:nth-of-type(6).cur i{ background: url(../images/branch/mobile/hi-5.png) no-repeat center center; background-size: 94%; }

#menuWatch a:nth-of-type(1) i{ background: url(../images/branch/watch/i-0.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(2) i{ background: url(../images/branch/watch/i-1.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(3) i{ background: url(../images/branch/watch/i-2.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(4) i{ background: url(../images/branch/watch/i-3.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(5) i{ background: url(../images/branch/watch/i-4.png) no-repeat center center; background-size: 94%; }

#menuWatch a:nth-of-type(1).cur i{ background: url(../images/branch/watch/hi-0.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(2).cur i{ background: url(../images/branch/watch/hi-1.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(3).cur i{ background: url(../images/branch/watch/hi-2.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(4).cur i{ background: url(../images/branch/watch/hi-3.png) no-repeat center center; background-size: 94%; }
#menuWatch a:nth-of-type(5).cur i{ background: url(../images/branch/watch/hi-4.png) no-repeat center center; background-size: 94%; }

#menuSport a:nth-of-type(1) i{ background: url(../images/branch/sport/i-0.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(2) i{ background: url(../images/branch/sport/i-1.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(3) i{ background: url(../images/branch/sport/i-2.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(4) i{ background: url(../images/branch/sport/i-3.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(5) i{ background: url(../images/branch/sport/i-4.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(6) i{ background: url(../images/branch/sport/i-5.png) no-repeat center center; background-size: 94%; }

#menuSport a:nth-of-type(1).cur i{ background: url(../images/branch/sport/hi-0.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(2).cur i{ background: url(../images/branch/sport/hi-1.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(3).cur i{ background: url(../images/branch/sport/hi-2.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(4).cur i{ background: url(../images/branch/sport/hi-3.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(5).cur i{ background: url(../images/branch/sport/hi-4.png) no-repeat center center; background-size: 94%; }
#menuSport a:nth-of-type(6).cur i{ background: url(../images/branch/sport/hi-5.png) no-repeat center center; background-size: 94%; }

#menuBag a:nth-of-type(1) i{ background: url(../images/branch/bag/i-0.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(2) i{ background: url(../images/branch/bag/i-1.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(3) i{ background: url(../images/branch/bag/i-2.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(4) i{ background: url(../images/branch/bag/i-3.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(5) i{ background: url(../images/branch/bag/i-4.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(6) i{ background: url(../images/branch/bag/i-5.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(7) i{ background: url(../images/branch/bag/i-6.png) no-repeat center center; background-size: 94%; }

#menuBag a:nth-of-type(1).cur i{ background: url(../images/branch/bag/hi-0.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(2).cur i{ background: url(../images/branch/bag/hi-1.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(3).cur i{ background: url(../images/branch/bag/hi-2.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(4).cur i{ background: url(../images/branch/bag/hi-3.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(5).cur i{ background: url(../images/branch/bag/hi-4.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(6).cur i{ background: url(../images/branch/bag/hi-5.png) no-repeat center center; background-size: 94%; }
#menuBag a:nth-of-type(7).cur i{ background: url(../images/branch/bag/hi-6.png) no-repeat center center; background-size: 94%; }

#menuJewelry a:nth-of-type(1) i{ background: url(../images/branch/jewelry/i-0.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(2) i{ background: url(../images/branch/jewelry/i-1.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(3) i{ background: url(../images/branch/jewelry/i-2.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(4) i{ background: url(../images/branch/jewelry/i-3.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(5) i{ background: url(../images/branch/jewelry/i-4.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(6) i{ background: url(../images/branch/jewelry/i-5.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(7) i{ background: url(../images/branch/jewelry/i-6.png) no-repeat center center; background-size: 94%; }

#menuJewelry a:nth-of-type(1).cur i{ background: url(../images/branch/jewelry/hi-0.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(2).cur i{ background: url(../images/branch/jewelry/hi-1.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(3).cur i{ background: url(../images/branch/jewelry/hi-2.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(4).cur i{ background: url(../images/branch/jewelry/hi-3.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(5).cur i{ background: url(../images/branch/jewelry/hi-4.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(6).cur i{ background: url(../images/branch/jewelry/hi-5.png) no-repeat center center; background-size: 94%; }
#menuJewelry a:nth-of-type(7).cur i{ background: url(../images/branch/jewelry/hi-6.png) no-repeat center center; background-size: 94%; }

#menuBeauty a:nth-of-type(1) i{ background: url(../images/branch/beauty/i-0.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(2) i{ background: url(../images/branch/beauty/i-1.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(3) i{ background: url(../images/branch/beauty/i-2.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(4) i{ background: url(../images/branch/beauty/i-3.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(5) i{ background: url(../images/branch/beauty/i-4.png) no-repeat center center; background-size: 94%; } 
#menuBeauty a:nth-of-type(6) i{ background: url(../images/branch/beauty/i-5.png) no-repeat center center; background-size: 94%; }

#menuBeauty a:nth-of-type(1).cur i{ background: url(../images/branch/beauty/hi-0.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(2).cur i{ background: url(../images/branch/beauty/hi-1.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(3).cur i{ background: url(../images/branch/beauty/hi-2.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(4).cur i{ background: url(../images/branch/beauty/hi-3.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(5).cur i{ background: url(../images/branch/beauty/hi-4.png) no-repeat center center; background-size: 94%; }
#menuBeauty a:nth-of-type(6).cur i{ background: url(../images/branch/beauty/hi-5.png) no-repeat center center; background-size: 94%; }

.main-menu-main a i{ display: block; width: .5rem; height: .5rem; margin: 0 auto; border-radius: .5rem; }
.main-menu-main a em{ display: block; height: .32rem; line-height: .32rem; font-size: .22rem; color: #b97fef; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-menu-main a.cur em{ color: #ffe400; }

.public-activity-wraps{ width: 100%; max-width: 768px; margin: 0 auto;padding-top: 1.02rem; }
.pac-ban{ display: block; }
.pac-half-wraps{ font-size: 0; }
.pac-half,.pac-cou{ display: inline-block; width: 50%; vertical-align: top; }
.pac-cou{ position: relative; }
.pac-ban img,.pac-half img,.pac-cou img{ width: 100%; vertical-align: top; }
.pac-product-list{ width: 100%; min-height: 4.2rem; padding: .2rem .1rem 0 .1rem; font-size: 0; box-sizing: border-box; }
.pac-product-list a{ display: inline-block; width: 31.333333%; position: relative; height: 3.8rem; margin: 0 1% .2rem 1%; padding: .1rem; overflow: hidden; border: 1px solid #e5e5e5; background: #fff; box-sizing: border-box; vertical-align: top; }
.pac-pimg{ display: block; width: 100%; height: 2rem; line-height: 2rem; position: relative; text-align: center; }
.pac-pimg img{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pac-product-list a em{ display: block; padding-top: .1rem; font-size: .24rem; max-height: .6rem; line-height: 130%; overflow:hidden; }
.pac-product-list a p{ display: block; padding-top: .05rem; }
.pac-product-list a p strong,.pac-product-list a p i{ display: inline-block; width: 50%; line-height: .4rem; vertical-align: top; }
.pac-product-list a p strong{ font-size: .24rem; color: #db0022; }
.pac-product-list a p i{ text-align: right; font-size: .24rem; color: #999; text-decoration: line-through; 
}
.pac-product-list a b{ display: block; padding-top: .05rem; font-size: .24rem; line-height: .3rem; height: .3rem; overflow:hidden; font-weight: normal; }
.pac-label{ width: 100%; height: auto; position: absolute; z-index: 111; top: 0; left: 0; text-align: left; }
.pac-label-mx{ display: inline-block; width: 50%; height: .4rem; line-height: .4rem; background: #db0022; padding: 0 .05rem; box-sizing: border-box; color: #fff; font-size: .22rem; vertical-align: top; text-align: center; }
.pac-label-mx:nth-of-type(2){ background: #ce38ef; border-left: 1px solid #fff; }
.cou-state-tips{ display: block; width: 70%; height: .4rem; line-height: .4rem; position: absolute; z-index: 11; top: 50%; left: 10%; transform: translateY(-50%); border-radius: 1rem; background: rgba(0, 0, 0, .6); padding: 0 5%; font-size: .26rem; color: #fff; text-align: center; }
/* grayscale */
.pac-cou.length-1{ width: 100%; }
.pac-cou.length-2{ width: 50%; }
.pac-cou.length-3{ width: 33.333333%; }
.pac-cou.length-4{ width: 25%; }
.pac-cou.isget img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }