﻿.menuNav span {font-size:12px}
.mainBody {padding-bottom: 50px}

/*页面基本样式*/
* {padding:0;margin:0;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;font-family:microsoft yahei,simsun,Helvetica,sans-serif}
html,body {position:relative;width:100%;min-width:360px;max-width:560px;height:100%;margin:0 auto;background:#fff}
ul {list-style:none}
img {width:100%;height:100%;object-fit:cover}
/*去掉img无图片时默认边框*/
img[src=""],img:not([src]){opacity:0}
input::-webkit-search-cancel-button {display:none}
input::-webkit-input-placeholder {color:inherit}
input::-moz-placeholder {color:inherit}
input:-moz-placeholder {color:inherit}
input::-ms-input-placeholder {color:inherit}
input {border: none;outline: rgba(0,0,0,0);}
.commFlex {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.isShowAdIcon {display:none}
.isShowAdIcon ul {margin:0 auto 0}

.isShowCoupon,.isShowSeckill,.isShowGroup,.isShowAlbum,.isShowSerie,.isShowBrand,.isShowPackage,.isShowUnion,.isShowAdIcon2 {display:none}
.txtOver {text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.commRadian {overflow:hidden;-webkit-border-radius:0.13rem;-moz-border-radius:0.13rem;border-radius:0.13rem}
.radius10 {-moz-border-radius: .133rem;-webkit-border-radius: .133rem;border-radius: .133rem}
.radius20 {-moz-border-radius: 0.267rem;-webkit-border-radius: 0.267rem;border-radius: 0.267rem}
.radius30 {-moz-border-radius: 0.4rem;-webkit-border-radius: 0.4rem;border-radius: 0.4rem}

/*轮播广告位*/
.adSlide {width:100%;height:5rem}
.swiper-wrapper,.swiper-slide {-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-perspective:1000;-webkit-perspective:1000;perspective:1000}

/* 默认模板优惠券 */
.coupon-box {width:100%}
.coupon-box .swiper-slide {width:100%}
.couponBox {position:relative;width:96%;height:2.7rem;margin:0 auto;background:linear-gradient(60deg,#f77f04,#e51c23);color:#fff}
.couponBox:before {position:absolute;z-index:3;top:-.13rem;left:6.68rem;width:0.24rem;height:0.24rem;content:'';background:#f4f4f4;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.couponBox:after {position:absolute;z-index:3;bottom:-.13rem;left:6.68rem;width:0.24rem;height:0.24rem;content:'';background:#f4f4f4;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.couponL,.couponR {background-image:-webkit-radial-gradient(#fff 0px,#fff 0.12rem,transparent 0.15rem);background-image:-moz-radial-gradient(#fff 0px,#fff 0.12rem,transparent 0.15rem);background-image:radial-gradient(#fff 0px,#fff 0.12rem,transparent 0.15rem);background-size:0.45rem 0.23rem;background-repeat:repeat-y}
.couponL {position:relative;width:71%;height:100%;padding:.58rem 0 0 .9rem;border-right:1px dashed #fff;background-position:-4% .2rem}
.couponR {position:relative;padding-top:0.4rem;width:29%;height:100%;background-position:111% .2rem;text-align:center}

.couponL p:nth-child(1) {font-size:0.48rem;font-weight:800;line-height:1.3}
.consumeSum {font-size:0.37rem;color:#fff}
.consumeSum span {padding:0 0.1rem;font-size:0.37rem;color:#fff}
.activeTime {font-size:0.32rem;color:#FFF}
.discount {font-size:0.81rem;font-weight:800;line-height:1.5;text-indent:-.13rem}
.discount:before {content:'￥';font-size:0.54rem;font-weight:400}
.getTxt {font-size:0.37rem}

/*秒杀活动*/
.seckill-box {width:98%;height:100%;margin:0 auto;padding:0.1rem 0.21rem;background:#fff}
.seckill-item {width:100%}
.seckill-pic-tag {position:relative;width:31%;height:2.9075rem}
.seckill-pic,.seckill-end {overflow:hidden;width:100%;height:100%}
.seckill-end {position:absolute;top:0;left:0;padding:0.54rem;z-index:2;color:#BFBFBF;background-color:rgba(0,0,0,0.51)}
.seckill-end p {-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-size:.4rem;font-weight:800;border:1px solid;height:100%;width:100%;text-align:center;line-height:4.5}
.seckill-info {width:69%;border-bottom:1px solid #e5e5e5;padding:0.3rem 0.27rem 0.35rem 0.4rem;display:flex;flex-direction:column;justify-content:space-between;height:3.6075rem}
ul li:last-child .seckill-info {border:none}
.seckill-detail {color:#3e3e3e;font-size: 0.4rem;height:.65rem;line-height:1.1}
.active-time {height:0.55rem;color:#973F02;font-size:0.32rem;line-height:0.55rem;margin-bottom:.1rem}
.active-time p {display:inline-block;margin:0 0.1rem;width:0.55rem;text-align:center;font-size:0.32rem;color:#fff;background:#FF8029}
.seckill-remind,.seckill-price {font-size:0.32rem;color:#3e3e3e}
.seckill-remind span,.seckill-price span {font-size:0.37rem}
.seckill-init {font-size:0.32rem;color:#a8a8a8;text-decoration:line-through;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:13% 100%;-moz-transform-origin:13% 100%;transform-origin:0 100%}
.seckill-init span {font-size:0.34rem}
.seckill-init:after {content:'i';color:#fff;font-size:.34rem}
.seckill-price span {color:#E51C23}
.buy-now-btn {padding:.15rem .18rem;color:#fff;font-size:0.32rem;background:#FF2000;line-height:1}
.seckill-end-btn {background:#8e8d8d}

/*拼团*/
.group-box {width:98%;margin:0 auto}
.group-item {width:49.6%;padding:0.16rem .16rem .22rem;background:#fff}
.group-pic-time {position:relative;width:100%;height:4.5412rem}
.group-pic {width:100%;height:100%}
.group-active-time {position:absolute;left:0;bottom:0;width:100%;height:.7rem;margin:0;padding:.1rem 0 .1rem .2rem;line-height:.51rem;background-color:rgba(87,87,87,.61);color:#fff}
.group-active-time p {width:.5rem;margin:0 0.08rem;background:#92835C}
.group-active-time p:first-child {margin-left:0.27rem}
.group-detail {height: .8rem;line-height: .8rem;font-size: 0.4rem;color:#3e3e3e}
.group-price {font-size:0.42rem;color:#FF0000}
.group-btn {width:0.67rem;height:0.67rem;margin-right:.1rem;line-height:.67rem;background: #ec3838;color:#fff;text-align:center;font-size:0.32rem;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}

/*系列*/
.serie-box {width:94%;margin:0 auto}
.serie-item {width:49.1%;padding:0.35rem .4rem 0.2rem;margin-bottom:.17rem;background:#fff;text-align:center}
.serie-pic {width:100%;height:1.364rem}
.serie-name {width:90%;padding-top:.13rem;margin:0 auto;font-size:0.37rem;color:#575757}

/*品牌*/
.single-brand {width:65%}
.single-brand .brand-pic {height:3.4542rem}
.single-brand .brand-name {height:2rem;line-height:2rem}
.brand-box {width:98%;padding:0.37rem 0.15rem;margin:0 auto;background:#fff}
.brand-box .swiper-container {padding-bottom:0.1rem}
.brand-item {-webkit-box-shadow:-1px -1px 2px #ccc inset;box-shadow:-1px -1px 2px #ccc inset;border:1px solid #bbb}
.swiper-slide.brand-item.swiper-slide-next {}
.brand-pic {width:100%;height:2.583rem}
.brand-name {width:61%;height:1.62rem;line-height:1.62rem;margin:.14rem auto;text-align:center;font-size:0.42rem}
.brand-name img {object-fit:contain}

/*联盟*/
.union-banner {width:100%;padding:0.35rem 0 .4rem;background:#EE909B;color:#fff;font-size:0.48rem;text-align:center;line-height:1}
.union-banner h3 {font-weight:800;font-size:0.62rem}
.union-banner p {font-size:0.45rem;padding-top:.23rem}
.union-item {width:100%;padding:.4rem 0.5rem .4rem .7rem;border-bottom:1px solid #e5e5e5}
.union-pic {width:29%;height:2.5786rem}
.union-info {width:65%;color:#535353}
.union-store {font-size: 0.44rem;padding-bottom: .2em;color: #101010}
.union-type {font-size:0.32rem;padding-bottom: .14rem;color: #7f7c7c}
.union-addr {font-size: 0.35rem;padding-bottom: .45rem;color: #7f7c7c}
a.union-phone {width:40%}
.phone-pic {display:inline-block;width: 0.4rem}
.phone-pic img {vertical-align:sub}
.union-phone p {display:inline-block;font-size: 0.37rem;color:#0AA078;padding-left:.2rem}
.union-url {display:inline-block;width:51%;font-size:0.37rem;color:#E51C23;border-left:1px solid #bbb;text-align:center}

/* 报名弹框 start  */
.secForm {position:fixed;z-index:29;visibility:hidden;opacity:0;top:0;min-width:360px;max-width:560px;width:100%;height:100%;background:rgba(0,0,0,.35);-moz-transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}
.closeMask,.secBtn a {position:absolute;display:block;width:100%;height:100%}
.userInfo label {font-size: 0.43rem}
.secForm.target {visibility:visible;opacity:1}
.secForm.target .formInfo {bottom:0;height: 8rem;-moz-border-radius: .3rem;-webkit-border-radius: .3rem;border-radius: .3rem}
.formInfo {position:absolute;z-index:5;bottom:-8.7rem;width:100%;padding: .7rem 0 0 0;background: #fff;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}
.formInfo p {font-size: .45rem;color:#101010;text-align:center;letter-spacing:2px;line-height:1.5}
.userInfo {-webkit-justify-content:space-between;justify-content:space-between;width:80%;margin:0 auto;text-align:center;font-size:.37rem}
.formInfo .userInfo:nth-child(3) {margin: .5rem auto .7rem}
.inputBox {padding: 0 0 0 .24rem;border-bottom: 1px solid #bbb}
.inputBox .clearInput {visibility:hidden;font-size:.54rem;color:#c7c7c7}
.inputBox input:valid + .clearInput {visibility:visible}
.userName,.userPhone {height: 1rem;width:5.8rem;outline:transparent;border:none;font-size:.4rem}
.submitBtn {position:absolute;z-index:3;bottom:0;width:100%;height: 1.3rem;line-height: 1.3rem;text-align:center;font-size:.5rem;color:#fff;background:#e62129;letter-spacing:3px;text-indent:3px}

/* 左侧 start */
.secFix .showMask {display:none;border-bottom:1px solid #fff}
.secFix {position:fixed;z-index:4;right:.3rem;bottom:3.91rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;width:.95rem;background:#32C6B1;-moz-border-radius:.13rem;-webkit-border-radius:.13rem;border-radius:.13rem}
.secFix a {display:block;width:100%;padding:.22rem .15rem}

/* 弹框 start */
.showCode {position:fixed;z-index:29;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;background:rgba(0,0,0,.7)}
.codeBox {position:relative;top: 50%;left: 50%;width:7.2rem;height:8.4rem;padding-top:.7rem;-webkit-transform: scale(0) translate(-50%, -50%);transform: scale(0) translate(-50%, -50%);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;background:#fff;-webkit-border-radius:.32rem;-moz-border-radius:.32rem;border-radius:.32rem;text-align:center;color:#626262;font-weight:800;letter-spacing:1px;text-indent:1px;transform-origin:top left}
.QRCode {overflow:hidden;width:4.5rem;max-height:6.75rem;margin:.32rem auto .48rem}
.codeBox img {width:100%;height:100%;object-fit:cover}
.showCode.target {visibility:visible;opacity:1}
.showCode.target .codeBox {-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
.close {position:absolute;display:block;top:-4.5%;right:-4%;width:.8rem;height:.8rem;font-size:.5rem;font-weight:300;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background-color:#fff;z-index:4;color:#0A0A0A;line-height:.8rem;text-align:center}
.closeMask {display:block;position:fixed;width:100%;height:100%}
.tipTxt1 {font-size:.56rem}
.tipTxt2 {font-size:.42rem}


/* 模板 17 后的弹框、侧栏 */
.secSide2 {bottom:2.888rem;width:.78rem;height:3.08rem;padding:.32rem}
.secSide2 .sideIcon {width:.41rem;height:.41rem}
.secSide2 .sideTxt {font-size:.24rem;line-height:1}

.codeBox2 {width:5.8rem;height:6.8rem;padding-top:.5rem;}
.codeBox2 .close {width:.6rem;height:.6rem;font-size:.34rem;line-height:.6rem;}
.codeBox2 .tipTxt1 {font-size:.4rem;}
.codeBox2 .QRCode {width:4rem;font-size:.36rem}
.codeBox2 .tipTxt2 {font-size:.34rem;}

.secForm.target .formInfo2 {height:6.5rem}
.formInfo2 .formTxt {font-size:.34rem}
.formInfo2 .userInfo label {font-size:.3rem;}
.formInfo2 .userName,.formInfo2 .userPhone {width:4.5rem;font-size:.32rem}
.formInfo2 .userInfo:nth-child(3) {margin:.4rem auto .5rem;}
.formInfo2 .submitBtn {height:1rem;line-height:1rem;font-size:.36rem;background-color:#e63526}


/* 边框一像素 start */
.border-1px::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid;
}

/* dpr为2 */
@media (-webkit-min-device-pixel-ratio: 2) {
    .border-1px::after {
        width: 200%;
        height: 200%;
        transform: scale(.5);
        transform-origin: 0 0;
    }
}

/* dpr为3 */
@media (-webkit-min-device-pixel-ratio: 3)  {
    .border-1px::after {
        width: 300%;
        height: 300%;
        transform: scale(.333);
        transform-origin: 0 0;
    }
}
/* 边框一像素 end */