@charset "utf-8";
.ietip{position:fixed;z-index:1975;top:0;right:0;bottom:0;left:0;background:#000;background:rgba(0,0,0,.99);text-align:center;padding-top:10%;height:100%;box-sizing:border-box;font-size:20px;color:#fff}
.ietip icon{font-size:120px;display:block;cursor:default}
.m-bg-a{background-color:var(--ag-a)}
.m-color-main{color:var(--main)}
.m-color-active{color:var(--active)}
.m-viewport.m-flex-lr{display:flex;flex-flow:row nowrap;justify-content:space-between;}
/*通用页头/logo/nav*/
.m-header{position:relative;z-index:88;color:var(--main);background-color:var(--ag-a);margin-bottom:var(--margin) !important;padding:.8rem 0}
.m-header>flex{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.m-header left{display:flex;flex-flow:row nowrap;align-items:center}
.m-header left>a{margin-left:1em;white-space:nowrap;line-height:2rem;}
.m-header left>a.m-logo{margin-left:0;margin-right:1em;font-size:1rem;color:var(--active)}
.m-header right{display:flex;flex-flow:row nowrap;align-items:center}
/*.m-header:after{content:'';border-bottom:.3rem dotted var(--ag-a);position:absolute;left:0;right:0;bottom:-.15rem;}*/
/*页头右搜索*/
.m-header-search{position:relative;min-width:12rem}
.m-header-search input[type=search]{-webkit-appearance:none;background-color:var(--main-b);height:2rem;border:none;padding:0 2rem 0 .6rem;width:100%;box-sizing:border-box;border-radius:var(--br);font-size:.7rem}
.m-header-search input[type=search]:focus~tags{display:none}
.m-header-search button{position:absolute;z-index:3;top:0;right:0;height:2rem;width:2rem;background-color:transparent;cursor:pointer}
.m-header-search button:before{content:'\e65c'}
.m-header-search tags{position:absolute;z-index:2;top:0;right:2rem;display:flex;align-items:center;height:2rem}
.m-header-search a{font-size:.6rem;line-height:1rem;margin:0 .2rem;padding:0 .3rem;background-color:currentcolor;border-radius:var(--br-xs)}
.m-header-search a:first-line{color:var(--white-a)}
/*页头右菜单*/
.m-header-nav{display:flex;justify-content:flex-end;position: relative;z-index:8}
.m-header-nav>li{position:relative}
.m-header-nav>li>a{width:2rem;height:2rem;line-height:2rem;display:block;margin-left:.4rem;position:relative;background-color:currentcolor;display:inline-flex;justify-content:center;align-items:center;border-radius:var(--br)}
.m-header-nav>li>a.icon-cart{background-color:var(--active);}
.m-header-nav>li>a:before{color:var(--white-a)}
.m-header-nav>li>a>sup{color:var(--white-a);position:absolute;top:-.2rem;right:-.2rem;line-height:.8rem;background-color:var(--active);min-width:.8rem;text-align:center;border-radius:50%;font-size:.6rem}
.m-header-nav>li>a.ag-close{border-radius:var(--br-1100);opacity:1}
.m-header-nav>li>ul.ag-toggle-ul{transform:translate3d(0,-50%,0) scale3d(1,0,0);margin-top:0;min-width:3.2rem;left:auto;right:0;box-shadow:var(--shadow-bottom);border-radius:var(--br-1011)}
.m-header-nav>li:hover>a.ag-toggle+ul.ag-toggle-ul,
.m-header-nav>li>a.ag-toggle.ag-close+ul.ag-toggle-ul{transform:translate3d(0,0,0) scale3d(1,1,1)}
/*新主菜单-x*/
.m-mainav-x{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;position:relative;z-index:101}
.m-mainav-x>li{line-height:1rem;padding:1rem 0}
.m-mainav-x>li>a{display:block;line-height:1rem;position:relative;color:var(--ag-y);text-align:center;opacity:1}
.m-mainav-x>li>a:after{position:absolute;bottom:-1rem;left:50%;margin-left:-.5rem;content:'';width:0;height:0;border:.5rem solid transparent}
.m-mainav-x>li:hover>a:after{border-bottom-color:var(--ag-a);}
.m-mainav-x li>ul{display:none;position:absolute;left:0;right:0;top:3rem;background-color:var(--ag-a);box-shadow:var(--shadow-bottom);padding:1rem}
.m-mainav-x li:hover>ul{display:block;font-size:.7rem;}
.m-mainav-x li>ul>li>a{padding:.5em;line-height:1rem;display:inline-block;color:var(--ag-z)}
.m-mainav-x li>ul>li>a:hover,
.m-mainav-x>li:hover>a{color:var(--main)}
.m-mainav-x li>ul>li>a:first-of-type{color:var(--active)}
.m-mainav-x li>ul>li>a:only-of-type{color:var(--ag-z)}
/*新主菜单-y*/
.m-mainav-y{font-size:.7rem;display:flex;flex-flow:column;justify-content:space-around;align-items:center;position:relative;z-index:101;top:0;bottom:0;left:0;background-color:var(--mask);width:20%;min-height:20rem;}
.m-mainav-y>li>a{position:relative;display:block;line-height:1rem;color:var(--white-a);opacity:1;padding:.5rem 1rem;}
.m-mainav-y>li>a:after{position:absolute;content:'';width:0;height:0;border:.25em solid transparent;border-left-color:currentColor;right:1em;top:50%;margin-top:-.25em;}
.m-mainav-y>li{width:100%;}
.m-mainav-y>li:hover{background-color:var(--ag-a);}
.m-mainav-y li>ul>li>a:hover,
.m-mainav-y>li:hover>a{color:var(--main)}
.m-mainav-y li>ul{display:none;position:absolute;top:0;background-color:var(--ag-a);left:100%;right:-400%;min-height:100%;box-shadow:var(--shadow);}
.m-mainav-y li:hover>ul{display:block}
.m-mainav-y li>ul>li{border-bottom:1px solid var(--ag-b);padding:.5em;}
.m-mainav-y li>ul>li>a{padding:.5em;line-height:1em;display:inline-block;color:var(--ag-y)}
.m-mainav-y li>ul>li>a:first-of-type{color:var(--active)}
/*首页一屏焦点图*/
viewport.m-main0,
viewport.m-main1{position:relative;margin-bottom:var(--margin) !important}
.m-main1 .m-mainav-y+.m-focus{position: absolute;left:0;top:0;bottom:0;right:0;}
.m-main1 .m-mainav-y+.m-focus .swiper-slide{height:100%;}
.m-main1 .m-mainav-y+.m-focus .swiper-slide>a{position: absolute;left:0;top:0;bottom:0;right:0;height:100%;padding-top:0;}
/*焦点图*/
.m-focus{position:relative;overflow:hidden}
.m-focus .swiper-wrapper{margin-bottom:-1px}
.m-focus .swiper-slide>a{opacity:1 !important;display:block !important;width:100%;height:0;padding-top:40%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.m-focus .swiper-pagination-bullet{width:.8rem;height:.8rem;line-height:.8rem;color:var(--white-a)}
.m-focus .swiper-pagination-bullet-active{background-color:var(--active) !important}
.m-focus .swiper-button-next,
.m-focus .swiper-button-prev{color:var(--white-a);opacity:0}
.m-focus:hover .swiper-button-next,
.m-focus:hover .swiper-button-prev{opacity:1}
.m-focus+.m-category{position:absolute;top:0;bottom:0}
/*楼层*/
.m-main2,
.m-floor{margin-bottom:var(--margin) !important}
.m-floor>nav{padding:.8rem 0;text-align:right;line-height:1rem}
.m-floor>nav>h3{margin:0;float:left;font-size:1rem;color:var(--ag-z)}
.m-floor>nav>a{display:inline-block;margin-left:1em;font-size:.7rem;color:var(--ag-y)}
.m-floor flex{display:flex;flex-flow:row nowrap}
.m-floor left{flex:0 0 20%;position:relative;margin-right:.8rem}
.m-floor left>a{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;background-position:50% 0;background-repeat:no-repeat;background-size:cover}
.m-floor left>a>h4{position:absolute;right:0;bottom:0;left:0;margin:0;padding:1em 0;background-color:var(--mask);color:var(--white-a);text-align:center;font-size:.7rem}
.m-floor center{flex:1 1 auto}
/*商品图列表*/
.m-list{display:flex;flex-flow:row wrap;margin:-.4rem;text-align:center}
.m-list>li{position:relative;flex:0 1 calc(25% - .8rem);background-color:var(--ag-a);margin:.4rem;overflow:hidden;transition:box-shadow .3s;}
.m-list>li a.cover{display:flex;flex-flow:column;justify-content:center;align-items:center;word-break:break-word;padding-bottom:1em}
.m-list>li a.cover>img{object-fit:cover;width:100%;box-sizing:border-box}
.m-list>li a.cover>figure{width:100%;height:0;padding-top:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:80%;transition:background-size .3s;}
.m-list>li a.cover:hover>figure{background-size:88%;}
.m-list>li h4{margin:1em;font-size:.8rem;text-align:justify;word-break: break-all;line-height:1rem;max-height:2rem;overflow:hidden;}
.m-list>li h5{margin:1em;font-size:.7rem;text-align:justify;word-break: break-all;line-height:1rem;max-height:2rem;overflow:hidden;}
.m-list>li p{margin:1em;font-size:.6rem;text-align:justify;word-break: break-all;line-height:.8rem;max-height:.8rem;overflow:hidden;color:var(--ag-y);}
.m-list>li p:empty{display:none !important;}
.m-list>li rmb{position:relative;z-index:2;height:1.6rem;line-height:1.6rem;display:inline-block;margin-top:-.8rem;font-size:1rem;padding:0 1em;border-radius:1rem;background-color:var(--ag-a);overflow:hidden;}
.m-list>li rmb:before{font-size:.6rem}
.m-list>li div.probottom{position:absolute;z-index:3;left:0;right:0;bottom:0;background-color:#ff4500;padding:0;display:flex;justify-content:space-around;color:var(--white-a);opacity:0;transition:all .5s;}
.m-list>li:hover div.probottom{padding:.5em 0;opacity:.88}
.m-list>li div.probottom>btn{cursor:pointer;font-size:.7rem}
.m-list>li div.probottom>btn:hover{color:white}
.m-list-x3>li{flex:0 1 calc(33.33% - .8rem)}
.m-list-x5>li{flex:0 1 calc(20% - .8rem)}
/**/
.m-list>li.cover{background-position:50% 0;background-repeat:no-repeat;background-size:cover;background-color:var(--main);background-image: radial-gradient(rgba(255,255,255,.24),rgba(0,0,0,0));}
.m-list>li.cover nav{background-color:var(--mask);transition:opacity .3s;opacity:0;position:absolute;z-index:3;right:0;bottom:0;left:0;display:flex;flex-flow:row wrap;align-items:flex-start;padding:.3rem .4rem;}
.m-list>li.cover nav>a{margin:.2rem .4rem;color:var(--white-a);font-size:.7rem;line-height:1rem;}
.m-list>li:hover{box-shadow:0 0 .4rem rgba(0,0,0,.08),0 .8rem .8rem -.4rem rgba(0,0,0,.16)}
.m-list>li.cover:hover nav{opacity:1;}

.m-list>li.cover.floor:before{content:attr(data-floor)'F';position:absolute;z-index:0;left:-1.2rem;top:-2rem;font-family: "arial black";font-size:10rem;color:var(--white-a);opacity:.24;transform:rotate(-45deg);letter-spacing:-.1em;}
.m-list>li.cover.floor nav{opacity:1 !important;background-color:transparent;}

/*优惠券grid*/
.m-list>dl{flex:0 1 calc(50% - .8rem);margin:.4rem}
.m-list-x3>dl{flex:0 1 calc(33.33% - .8rem)}
/*通用页脚*/
.m-footer-bg{ margin-top:30px; position:relative;background-color:#fff;background-image:linear-gradient(var(--ag-a),var(--ag-b));margin-top:var(--margin)}
.m-footer{text-align:center;font-size:.7rem;overflow:hidden}
.m-footer p{color:var(--ag-y)}
.m-footer-service{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f3f3;margin-bottom:.8rem}
.m-footer-service a{display:flex;flex-flow:column;align-items:flex-start;text-align:left;line-height:.8rem;color:var(--ag-y);margin:.8rem 0; margin-left:0.3rem; position:relative}
.m-footer-service a:before{color:var(--active);line-height:1.6rem;font-size:1.6rem;position:absolute;left:0;top:0}
.m-footer-service big{font-size:.7rem}
.m-footer-service small{font-size:.6rem;min-width:6em}
.m-footer-nav{display:flex;flex-flow:row wrap;justify-content:center}
.m-footer-nav a{margin:1em}
/*商城通用分页*/
div.m-msg{min-height:50vh;display:flex;justify-content:center;align-items:center;flex-flow:column;}
div.m-pages{margin:var(--margin) 0}
.m-pages{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;color:#0064b4; margin-top:30px;}
.m-pages>a{background-color:#e2eaf0;line-height:2rem;min-width:2rem;border-radius:1rem;margin:0 .5em;text-align:center;}
.m-pages>a:hover{background-color:var(--main-b)}
.m-pages>a.current{background-color:#ff7900;color:#fff}
.m-pages>a:not([class]){padding:0 1rem}
.m-pages>a.loadmore{padding:0 1rem;background-color:var(--main);color:var(--white-a);}
/*商品列表筛选器*/
.m-selector{position:relative;padding:0;font-size:.7rem;background-color:var(--ag-a);margin:var(--margin) 0}
.m-selector dl{display:flex;flex-flow:row nowrap;align-items:center;border-top:1px solid var(--ag-x)}
.m-selector dt{line-height:1.2rem;color:var(--ag-y);text-align:right;margin:0 .8rem;flex:0 0 4em;padding:.6rem 0}
.m-selector dd{display:flex;flex-flow:row wrap;align-items:center;flex:1 1 auto;padding:.4rem 0}
.m-selector dl:first-of-type{border-top:none}
.m-selector dd a{height:1.2rem;line-height:1.25rem;display:block;margin:.2rem .4rem;padding:0 1em;border-radius:1rem;overflow:hidden;color:var(--main)}
.m-selector dd a:empty{display:none;}
.m-selector dd a:hover{background-color:var(--main-a);}
.m-selector dd a.red,
.m-selector dd a.m-curr{background-color:#ff4500;color:#fff;}
.m-selector dd a.m-del{background-color:var(--main-a)}
.m-selector dd a.m-del:after{content:'\2715';color:var(--red);margin-left:.5em}
.m-selector dd i{font-style:normal}
.m-selector dd i.down:after{content:'\2193';}
.m-selector dd i.up:after{content:'\2191';}
.m-selector group{display:inline-flex;align-items:center;margin-left:2em}
.m-selector group>input{-webkit-appearance:none;border:none;height:1.2rem;line-height:1em;background-color:var(--main-b);width:4em;padding:0 .5em;margin:0 .5px;color:var(--main);font-size:unset;text-align:center;font-size:.6rem}
.m-selector group>input:first-of-type{border-radius:.6rem 0 0 .6rem}
.m-selector group>input:last-of-type{border-radius:0 .6rem .6rem 0}
/*商品详情*/
.m-view{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:var(--margin) !important;margin-bottom:var(--margin) !important;
background-color:#fff;}
.m-view>left,
.m-view>right{overflow:hidden;position:relative;padding:2.5%;}
.m-view>left{flex:0 1 45%;}
.m-view>right{flex:0 1 45%;}
.m-view>right>nav{font-size:.7rem;color:var(--ag-y);line-height:1.6rem}
.m-view>right>nav>a{display:inline-block}
.m-view .name{margin:1em 0 2em 0}
.m-view .name>h2,
.m-view .name>h6{user-select:text}
.m-view .boxshow1{margin:1em 0}
.m-view .boxshow2{display:flex;align-items:center}
.m-view .price{margin:1em 0;color:var(--ag-y)}
.m-view .price p{margin:.5em 0;display:flex;align-items:center}
.m-view .price rmb{font-size:1.5em;font-weight:700;margin-right:.5em}
.m-view .badge{margin:1em 0;font-size:.6rem;display:inline-flex;}
.m-view .badge>.ag-badge{margin-right:1em}
.m-view .deliver{color:var(--main);min-width:7rem;text-align:center;}
.m-view .number{display:flex;align-items:center;margin:1em 0;color:var(--main)}
.m-view .number a{width:2rem;height:2rem;line-height:2rem;text-align:center;background-color:#ebf3f9;}
.m-view a.reduce{border-radius:var(--br-1001)}
.m-view a.add{border-radius:var(--br-0110)}
.m-view input.result{height:2rem;line-height:2rem;padding:0;border:none;width:3rem;text-align:center;background-color:#d6e6f3;}
.m-view .buy{display:flex;margin:1em 0;}
.m-view .buy a{width:7rem;color:white;line-height:2rem;white-space:nowrap;text-align:center}
.m-view .buy a.buy-btn{background-color:#0064b4;border-radius:var(--br-1001)}
.m-view .buy a.cart-btn{background-color:#ff4500;border-radius:var(--br-0110)}
.m-view #proview{position:relative;overflow:hidden}
.m-view #proview .swiper-slide>a,
.m-view #proview .swiper-slide>figure{opacity:1 !important;display:block !important;width:100%;height:0;padding-top:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.m-view #proview .swiper-pagination-fraction{background-color:var(--main-a)}
/*猜你喜欢*/
.m-goodslike{margin-bottom:var(--margin) !important}
h2.m-h2c{margin:var(--margin) 0;color:var(--active);display:flex;flex-flow:row nowrap;align-items:center;height:1em;}
h2.m-h2c:before,
h2.m-h2c:after{content:'';flex:1 1 auto;height:1px;background-color:currentcolor;}
h2.m-h2c>span{margin:0 1em;}

/*商品详情二屏大选项卡*/
.m-tab{padding:2.5%;background-color:#fff; margin-bottom:var(--margin) !important}
.m-tab-a{display:flex;justify-content:space-between;align-items:center;background-color:var(--ag-a);position:sticky;z-index:77;top:0;}
.m-tab-a>a{line-height:2.3rem;flex:1 1 auto;text-align:center;border-bottom:.1rem solid #eeeeee;}
.m-tab-a>a.m-curr{color:#ff4500;border-bottom-color:currentcolor}
/*商品详情文本*/
.m-text{margin:2rem 0;text-align:justify;font-size:1rem;line-height:1.5;overflow:hidden !important;}
.m-text img{margin:0 auto;max-width:100%;height:auto;/*pointer-events:none;*/}
.m-text video{width:100%;height:auto;}
.m-text table{border:none !important;}
.m-text th,.m-text td{border:1px solid var(--ag-x);padding:.75em 1em;min-width:7em;}
.m-text a{color:var(--main);border-bottom:1px solid currentColor;}
/*商品详情评价*/
.m-evalute-a{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background-color:var(--ag-x)}
.m-evalute-a>li{line-height:2rem;text-align:center;flex:1 1 25%;cursor:pointer}
.m-evalute-a>li.check{color:var(--active)}
.m-evalute-b li{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ag-x);padding:1rem 0}
.m-evalute-b left{flex:0 0 25%;display:flex;flex-flow:column;justify-content: center;align-items:center;}
.m-evalute-b left img{width:3.2rem;background-color:var(--ag-x);border-radius:50%;}
.m-evalute-b right{flex:1 1 auto}
.m-evalute-b name,
.m-evalute-b time{color:var(--ag-y)}
/*layui重定义*/
.layui-layer-btn a{border:none !important;background-color:var(--main-b) !important;color:var(--main) !important;font-size:.6rem !important;}
.layui-layer-btn a.layui-layer-btn0{background-color:var(--main) !important;color:var(--white-a) !important;}
@media screen and (max-width:768px){
.m-floor left{display:none !important;}
.m-list>li{flex:0 1 calc(50% - .8rem) !important;}
.m-list>li.cover{flex:0 1 calc(100% - .8rem) !important;}
.m-list>li.cover nav{position: relative;opacity:1 !important;}
}