@charset "utf-8";
.ag-goods-hat{background-color:#303438;color:#aaaaaa;font-size:.6rem}
.ag-goods-hat>flex{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;position:relative;height:2rem}
.ag-goods-hat nav{margin:0 -.5em}
.ag-goods-hat a{display:inline-block;margin:0 .5em}
/**/
.ag-goods-header>flex{padding:.8rem 0;display:flex;flex-flow:row nowrap;justify-content:space-between;position:relative}
.ag-goods-header left,
.ag-goods-header right{display:flex;flex-flow:row nowrap;align-items:center}
.ag-goods-header left{flex:0 1 20%;justify-content:flex-start;display:flex;align-items:flex-start;}
.ag-goods-header right{flex:0 1 20%;justify-content:flex-end}
.ag-goods-header center{flex:0 1 75%}
.ag-goods-header center nav{display:flex;flex-flow:row wrap;font-size:.6rem;color:var(--ag-y);margin-top:.2rem}
.ag-goods-header center nav>a{margin:0 .2rem;line-height:1rem;white-space:nowrap}
.ag-goods-header center oneline{display:flex;flex-flow:row nowrap;align-items:center}
.ag-goods-header a.icon-cart{display:block;white-space:nowrap;margin-left:.4rem;height:2rem;line-height:2rem;padding:0 .6rem;background-color:#ff4500;position:relative;color:white;border-radius:var(--br-xs)}
.ag-goods-header a.icon-cart>sup{box-sizing:border-box;min-width:1rem;padding:0 .5em;height:1rem;line-height:1rem;position:absolute;right:-.25rem;top:-.25rem;background-color:#ff4500;border-radius:.5rem}
.ag-goods-header a.icon-cart>tit{font-size:.7rem}
.ag-goods-header span{min-width:12rem;flex:1 1 15rem;border:.1rem solid #0064b4;position:relative;border-radius:var(--br-xs)}
.ag-goods-header form{min-width:12rem;flex:1 1 15rem;border:.1rem solid var(--main);position:relative;border-radius:var(--br-xs)}
.ag-goods-header input{-webkit-appearance:none;height:1.8rem;line-height:1rem;border:none;margin:0;padding:0 .4rem;width:460px; float:left; background-color:var(--ag-a);color:var(--main);font-size:.7rem}
.ag-goods-header button{height:1.8rem;width:1.8rem;position:absolute;top:0;right:0;z-index:2;background-color:#0064b4;color:var(--white-a)}
.ag-goods-header button img{ bottom:10px; right:10px;}
.ag-goods-header qr{text-align:center;font-size:.6rem;margin-left:.8rem;white-space:nowrap}
.ag-goods-header qr img{width:5em}
.ag-goods-header qr p{margin:0}
/**/
.ag-goods-menu{position:relative;z-index:88;margin-bottom:var(--margin); margin-bottom:30px;}
.ag-goods-menu:after{content:'';position:absolute;z-index:0;left:0;right:0;bottom:0;height:.1rem;background-color:var(--main)}
.ag-goods-menu>flex{height:2rem;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;position:relative;z-index:7}
.ag-category-y{flex-flow:column;flex-basis:16.666666%;position:relative}
.ag-category-y h3{background-color:#dd0044;color:var(--white-a);height:2rem;line-height:2rem;width:100%;text-align:center;font-size:.7rem}
.ag-category-y .ag-category-ul{position:relative;z-index:101;bottom:0;left:0;top:0}
.ag-category-x{width:75%;overflow:hidden}
.ag-category-x nav{height:2rem;display:flex;flex-flow:row;align-items:center;justify-content:space-between;}
.ag-category-x nav>a{line-height:1.9rem;margin:0 1em;color:#666; font-weight:bold; border-bottom:.1rem solid transparent;white-space:nowrap}
.ag-category-x nav>a.ag-curr,
.ag-category-x nav>a:hover{color:#ff6a33;}
.ag-category-x nav>a.ag-curr{border-bottom-color:currentcolor}
/**/
.ag-category-ul{font-size:.7rem;min-height:20rem;width:100%;display:flex;flex-flow:column;justify-content:space-around;align-items:center;background-color:#313539;}
.ag-category-ul>li{width:100%;height:2rem;display: flex;justify-content:center;align-items:center}
.ag-category-ul>li:hover{background-color:var(--ag-a)}
.ag-category-ul>li>a{text-align:center;line-height:1em;color:#f0f0f0;}
.ag-category-ul>li>ul>li>a:hover,
.ag-category-ul>li:hover>a{color:var(--main)}
.ag-category-ul>li>ul{display:none;position:absolute;top:0;background-color:#fff;left:100%;right:-500%;min-height:100%}
.ag-category-ul>li>ul:empty{display:none !important;}
.ag-category-ul>li:hover>ul{display:block}
.ag-category-ul>li>ul>li{border-bottom:1px solid #eeeeee;min-height:1rem;padding:.4rem;display:flex;flex-flow:row wrap;align-items:center}
.ag-category-ul>li>ul>li:last-of-type{border-bottom:none}
.ag-category-ul>li>ul>li>a{margin:.2rem 1em;line-height:.8rem;color:var(--ag-y);white-space:nowrap}
.ag-category-ul>li>ul>li>a:first-of-type{color:#ff4500}
.ag-category-ul{display:none}
.ag-category-y:hover .ag-category-ul{display:flex}
.ag-goods-header,
.ag-goods-menu{background-color:#fff;}
/**/
.ag-mb,
.ag-floor{margin-bottom:1.6rem !important;}
.ag-floor>nav{margin:.8rem 0;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
.ag-floor>nav.ag-fold{margin:0;flex-flow:column;background-image:linear-gradient(var(--ag-a),var(--transparent));border-radius:var(--br-xs);padding:.8rem}
.ag-floor>nav>h3{color:var(--main);font-size:1rem}
.ag-floor>nav>h4{font-size:.7rem;color:var(--ag-y);margin:0 -.5em;display:flex;flex-flow:row wrap;justify-content:center;}
.ag-floor>nav>h4>a{margin:0 .5em}
.ag-floor>nav>h4>a.ag-curr{color:var(--main)}
/**/
.ag-brands{display:flex;flex-flow:row wrap;justify-content:flex-start !important;}
.ag-brands>a{flex:0 0 10%;position:relative;background-image:linear-gradient(150deg,var(--ag-a),var(--ag-x))}
.ag-brands>a>brand{display:block;height:0;padding-top:38.197%;background-position:50% 50%;background-repeat:no-repeat;background-size:80%;transition:all .3s;}
.ag-brands>a>tit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0;background-color:var(--mask);color:white;font-size:.7rem;}
.ag-brands>a:hover>tit{opacity:1}
.ag-brands>a:hover>brand{background-size:100%;opacity:.3;}
/**/
.ag-grid-gf{display:grid;gap:.8rem;grid-template:repeat(4,1fr)/repeat(5,1fr);grid-auto-flow:column dense;margin-bottom:.8rem}
.ag-grid-gf>li:nth-child(1){grid-row-start:span 4}
.ag-grid-gf>li:nth-child(2),
.ag-grid-gf>li:nth-child(3),
.ag-grid-gf>li:nth-child(4),
.ag-grid-gf>li:nth-child(5),
.ag-grid-gf>li:nth-child(6),
.ag-grid-gf>li:nth-child(7){grid-row-start:span 2}		
.ag-grid-gf>li{background:var(--ag-a);position:relative;overflow:hidden;}
.ag-grid-gf>li[data-floor]{background-color: var(--main);background-repeat:no-repeat;background-size:100% auto;background-color:var(--main)}
.ag-grid-gf>li[data-floor]:before{content:attr(data-floor);position:absolute;left:-1.2rem;top:-2rem;font-family:"arial black";font-size:10rem;color:var(--white-line);transform:rotate(-45deg);letter-spacing:-.1em}
.ag-grid-gf>li>a{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;}
.ag-grid-gf>li>a>figure{width:100%;height:0;padding-top:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:85%;transition:all .3s}	
.ag-grid-gf>li:nth-child(7)~li>a{position:absolute;top:0;right:0;bottom:0;left:0;}
.ag-grid-gf>li:nth-child(7)~li>a>figure{padding-top:0;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-size:auto 85%}
.ag-grid-gf>li:nth-child(7)~li>a>intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color: var(--mask);color:white;opacity:0;transition:all .3s}
.ag-grid-gf>li:nth-child(7)~li>a:hover>intro{opacity:1}
.ag-grid-gf>li:nth-child(7)~li>a>intro>rmb{position:relative;top:0}
.ag-grid-gf>li>nav{font-size:.7rem;position:absolute;z-index:3;right:0;bottom:0;left:0;display:flex;flex-flow:column;padding:.8rem;color:white}
.ag-grid-gf>li>nav>a{padding:.2rem;line-height:1rem}
.ag-grid-gf>li>nav>a:hover{color:var(--white-a)}
.ag-grid-gf>li>a:hover{opacity:1 !important}
.ag-grid-gf>li>a:hover>figure{background-size:100%}
.ag-grid-gf>li>a>intro{display:flex;flex-flow:column;align-items:center;justify-content:center;position:relative;padding:.8rem}
.ag-grid-gf>li>a>intro>rmb{position: absolute;top:-.6rem;background-color:var(--ag-a);color:var(--active);line-height:1.2rem;border-radius:.6rem;padding:0 1em}
.ag-grid-gf>li>a>intro>h4{margin:.4rem 0;line-height:1rem;max-height:2rem;overflow:hidden;text-align:justify;word-break:break-all;font-size:.7rem}
.ag-grid-gf>li>a>intro>p{line-height:.8rem;font-size:.6rem;opacity:.48;margin:0}
.ag-grid-gf>li>a>intro>p:empty{display:none}
@media screen and (max-width:768px){
.ag-goods-header center{flex:0 1 70%}
.ag-goods-header right,
.ag-goods-header a.icon-cart>tit{display:none}
/**/
.ag-floor>nav{flex-flow:column}
.ag-floor>nav>h3,
.ag-floor>nav>h4{line-height:1.6rem}
/**/
.ag-category-y{flex-basis:20%}
.ag-category-ul>li>ul{right:-400%}
.ag-category-x{margin-left:0;overflow-x:scroll;width:70%}
.ag-category-x::-webkit-scrollbar{width:0;height:0}
.ag-category-x nav{margin:0;font-size:.7rem}	
.ag-category-x nav>a{margin:0 .5em;white-space:nowrap}
/**/
.ag-grid-gf{display:grid;gap:.4rem;grid-template:repeat(8,1fr)/repeat(2,1fr);grid-auto-flow:row dense}
.ag-grid-gf>li:nth-child(1){grid-row-start:span 1;grid-column-start:span 2;display:none}

.ag-brands>a{flex:0 0 20%}
}