.main-container{width:393px;min-height:100vh;overflow:auto;margin-bottom:59px}.main-container .main-banner{width:393px;height:311px;padding:25px;background:url(/_next/static/media/bannerBg.9dbad958.svg);position:relative}.main-container .main-banner .title{line-height:32px}.main-container .main-banner .title .first-title{font-size:20px}.main-container .main-banner .title .second-title{font-size:20px;font-weight:700}.main-container .main-banner .sub-title{margin-top:15px}.main-container .main-banner .sub-title p{font-size:14px}.main-container .main-banner .banner-character{position:absolute;bottom:0;right:0}.main-container .main-category{display:flex;justify-content:space-between;flex-wrap:wrap;height:200px;padding:0 64px}.main-container .main-category::-webkit-scrollbar{display:none}.main-container .main-wrap{padding:0 20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-container .main-wrap .main-bestSeller{margin-top:25px}.main-container .main-wrap .main-bestSeller .bestSeller-header{display:flex;justify-content:space-between;align-items:center;margin-top:33px}.main-container .main-wrap .main-bestSeller .bestSeller-header .bestSeller-title{align-items:center;display:flex}.main-container .main-wrap .main-bestSeller .bestSeller-header .bestSeller-title img{margin-right:5px}.main-container .main-wrap .main-bestSeller .bestSeller-header .bestSeller-title p{font-size:20px}.main-container .main-wrap .main-bestSeller .bestSeller-header .bestSeller-title p span{font-weight:700}.main-container .main-wrap .main-bestSeller .bestSeller-header .bestSeller-more{font-size:12px;cursor:pointer}.main-container .main-wrap .main-bestSeller .bestSeller-item{margin-top:20px}.main-container .main-wrap .main-bestSeller .bestSeller-item::-webkit-scrollbar{display:none}.main-container .main-wrap .main-collection{margin-top:25px}.main-container .main-wrap .main-collection .collection-header .collection-title{font-size:20px}.main-container .main-wrap .main-collection .collection-item{margin-top:25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.main-container .main-wrap .main-collection .collection-item::-webkit-scrollbar{display:none}.main-container .main-wrap .main-event{margin-top:9px}.main-container .main-wrap .main-event>p{font-size:20px;margin-bottom:33px}.main-container .main-wrap .main-event .event_1,.main-container .main-wrap .main-event .event_2{position:relative}.main-container .main-wrap .main-event .event_1 p,.main-container .main-wrap .main-event .event_2 p{position:absolute;top:20px;left:20px;font-size:20px}.main-container .main-wrap .main-event .event_1 p span,.main-container .main-wrap .main-event .event_2 p span{font-weight:700}.main-container .main-wrap .main-event .event_2{color:#fff;margin-top:24px;margin-bottom:24px}*{box-sizing:border-box;padding:0;margin:0;list-style:none}html{position:relative}body{width:393px}.main,body{margin:0 auto}.main{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;color:#151515}.main .main-container{width:393px;min-height:100vh}.header-container{padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:62px;background:#fff}.header-container>img{cursor:pointer}.header-container>p{font-size:20px;line-height:20px;font-weight:400}.header-container .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.header-container .header-menu{display:flex;justify-content:space-between;align-items:center}.header-container .header-menu img{margin:0 8.5px;cursor:pointer}.header-container .header-menu img:last-of-type{margin-right:0}.category-area{flex:0 0 30%;flex-direction:column;cursor:pointer;margin-top:20px}.category-area,.category-area .category-box{display:flex;justify-content:center;align-items:center}.category-area .category-box{width:61px;height:61px}.category-area p{text-align:center;font-size:10px;margin-top:5px}.itemBox-container{display:flex;justify-content:space-between;font-size:32px;font-weight:700;cursor:pointer;margin-bottom:20px;margin-left:6px}.itemBox-container .itemBox-main-number{margin-right:20px}.itemBox-container .itemBox-main-item{display:flex;align-items:center;position:relative;margin-right:10px;margin-bottom:33px}.itemBox-container .itemBox-main-item .box{display:flex}.itemBox-container .itemBox-main-item .box>div.itemBox-main-img{width:104px;height:104px;background:#ccc;border-radius:20px}.itemBox-container .itemBox-main-item .box>div.itemBox-main-img>img{width:100%;height:100%}.itemBox-container .itemBox-main-item .box>div.itemBox-main-contact{margin-left:23px}.itemBox-container .itemBox-main-item .itemBox-heart{margin-left:20px}.itemBox-container .itemBox-main-item .itemBox-cart{position:absolute;top:122px;right:13px}.itemBox-container .itemBox-item{width:168px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative}.itemBox-container .itemBox-item .itemBox-heart{position:absolute;top:15px;right:15px;z-index:10}.itemBox-container .itemBox-item .itemBox-img{position:relative}.itemBox-container .itemBox-item .itemBox-img .cart_btn{position:absolute;bottom:15px;right:10px;z-index:1;cursor:pointer}.itemBox-container .itemBox-item .itemBox-img .cart_btn:hover{scale:1.1}.name_font{font-weight:700;font-size:14px;line-height:18px}.type_font{color:#999}.type_font,.volume_font{font-size:10px;line-height:18px}.volume_font{font-weight:700}.price_font{font-weight:700}.price_font,.unit_font{font-size:10px;line-height:18px}.unit_font{color:#999}.score_font{font-weight:700;font-size:10px;color:#999;line-height:18px}.navigation,.score_font{display:flex;align-items:center}.navigation{width:393px;height:59px;background:#fff;position:fixed;bottom:0;justify-content:space-around}.navigation>div{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;cursor:pointer;width:50px}.navigation>div>img{width:20px;height:20px}.navigation>div>p{font-size:10px;margin-top:5px;color:#a6a6a6}.navigation>div>p.active{color:#ff6135}.collection-box{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;width:164px;margin:0 3px}.collection-box img{width:164px;height:164px}.collection-box p{width:164px;font-size:14px;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;margin-bottom:24px;margin-top:5px;margin-left:5px}