@charset "utf-8";

.row-vcenter{display:table; width:calc(100% + 30px)}
.row-vcenter > [class*='col-']{float:none; display:table-cell; vertical-align:middle;}
.no-img{background:url('../../image/ssam/renewal/channel_noimg.svg') no-repeat center #f3f3f3; background-size:67px auto}

.select{border-radius:3px; border:1px solid #ddd; height:34px; width:100%; appearance:none; background:url('../../image/ssam/renewal/ic_select.svg') no-repeat right 10px center; padding:0 25px 0 10px; background-size:10px 10px; color:#003333}
.btn.lg{height:52px; line-height:50px; padding:0 20px; font-weight:500; border-radius:12px; font-size:16px;}
.btn.md{height:34px; line-height:32px; padding:0 20px; font-weight:500;}
.btn.full{width:100%}
.btn-white{background:#fff !important; color:#333 !important}
.btn-gray{background:#f8f8f8 !important; color:#333 !important}
.btn-gray{background:#f8f8f8 !important; color:#333 !important}
.btn-blue{background:#7dd6f6 !important; color:#217a9a !important; border:0 !important}

.main .container::before, .main .container::after{content:none;}
.main .container + .container{margin-top:60px;}

.main-top{display:grid; grid-template-columns:auto 400px; gap:60px; align-items:flex-end; justify-content:space-between;}
.main-search .search-total{max-width:610px;}
.main-search .title{font-size:40px; font-family:'Gmarket Sans'; color:#000; line-height:1.3; padding:0 40px}
.main-search .search-wrap{margin:40px 0 30px}
.main-keyword{display:flex; flex-direction:column; gap:20px;}
.main-keyword > div{display:grid; grid-template-columns:1fr 2.1fr; gap:20px;}
.main-keyword ul{display:flex; gap:10px; margin:0; flex-wrap:wrap;}
.main-keyword p, .main-keyword a{display:flex; align-items:center; justify-content:center; margin:0; height:38px; border-radius:100px; padding:0 15px}
.main-keyword p{background:#7dd6f6; color:#217a9a; font-weight:500; gap:5px;}
.main-keyword a{background:#f3f3f3; color:#666}
.main-keyword p i{display:inline-block; width:19px; height:19px; background-size:contain !important;}
.ic-keyword01{background:url('../../image/ssam/renewal/ic_keyword01.svg') no-repeat center}
.ic-keyword02{background:url('../../image/ssam/renewal/ic_keyword02.svg') no-repeat center}

.card-container{max-width:400px; aspect-ratio:1 / 1; position:relative;}
.card-wrapper{width:100%; position:relative}
.card-container .card{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:16px; transition:transform 0.5s ease-out, opacity 0.5s, z-index 0s 0.5s; overflow:hidden;}
.card-container .card.active{opacity:1; transform:translate(0, 0); z-index:3; transition:transform 0.5s ease-out, opacity 0.5s, z-index 0s;}
.card.next-1{opacity:1; transform:translate(-10px, -10px); z-index:2; transition:transform 0.5s ease-out, opacity 0.5s, z-index 0s; box-shadow:0 0 18px 8px rgba(0,0,0,.09);}
.card-container .card.hide{opacity:0; transform:translate(0, 0); z-index:0; transition:opacity 0.5s;}
.navigation-controls{position:absolute; bottom:20px; right:20px; height:28px; display:flex; align-items:center; gap:15px; padding:0 10px; border-radius:100px; background:rgba(0,0,0,.5); z-index:4;}
.pagecount{letter-spacing:0.5px; color:rgba(255,255,255,.3)}
.pagecount span{color:#fff;}
.nav-btn{font-size:0; width:6px; height:13px; background:url('../../image/ssam/renewal/arrow_white.svg') no-repeat center; background-size:contain;}
#nextBtn{transform:rotate(180deg);}

.main-tab{display:grid; grid-template-columns:3fr 2fr 1.5fr 3fr; gap:20px;}
.main-tab .tab{border:1px solid #ddd; border-radius:16px; position:relative; padding:30px 0; min-width:0;}
.main-tab .tit{position:absolute; width:84px; height:30px; line-height:28px; border-radius:100px; text-align:center; border:1px solid #ddd; top:-15px; left:50%; transform:translateX(-50%); background:#fff; font-size:14px;}
.main-tab ul{display:flex; gap:50px; justify-content:center; align-items:flex-end; margin:0; text-align:center;}
.main-tab li{width:50px}
.main-tab span{white-space:nowrap; font-size:13px; display:inline-block; position:relative; left:50%; transform:translateX(-50%); margin-top:10px;}
.main-tab img{width:35px; height:35px;}

.main-title{text-align:center; margin-bottom:30px; position:relative;}
.main-title h2{font-family:'Gmarket Sans'; font-size:26px; color:#000; font-weight:normal; margin:0}
.main-title a{position:absolute; right:0; top:0; height:28px; width:80px; border-radius:100px; border:1px solid #ddd; background:#fff; display:flex; align-items:center; justify-content:center; gap:10px; font-size:13px;}
.main-title a i{width:4px; height:8px; background:url('../../image/ssam/renewal/arrow.svg'); background-size:contain;}
.main-title span{position:relative; z-index:1;}
.main-title span::before{content:''; position:absolute; top:-5px; left:-3px; right:-3px; bottom:-2px; z-index:-1;}
.title-1::before{background:#fff5a5}
.title-2::before{background:#ffc4d2}

.main-banner > div{border-radius:100px; overflow:hidden;}

.main-list{padding-top:60px; padding-bottom:60px; display:flex; flex-direction:column; gap:60px; position:relative;}
.main-list::before{content:'' !important; position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%); width:100vw; background:#fbfbfb; border-top:1px solid #edeef2; border-bottom:1px solid #edeef2;}

.item-swiper-wrap{position:relative;}
.item-swiper{overflow:hidden;visibility:hidden;}
.item-swiper .item-list{display:flex; gap:0;}
.item-prev, .item-next{position:absolute; top:22%; left:-18px; width:36px; height:36px; background:url('../../image/ssam/renewal/arrow.svg') no-repeat center rgba(255,255,255,.5); background-size:11px 11px; border:2px solid rgba(0,0,0,.5); border-radius:100%; z-index:1; font-size:0;}
.item-next{left:auto; right:-18px;}
.item-prev{transform:rotate(180deg);}
.item-prev.swiper-button-disabled, .item-next.swiper-button-disabled{opacity:.5;}
.item-list{display:grid; grid-template-columns:repeat(5, 1fr); gap:20px 10px;}
.item-box{border-radius:16px; overflow:hidden; border:1px solid #eee}
.item-box:hover img{transform:scale(1.1); transition:all 0.5s ease-in-out;}
.item-box .maskimg{padding-bottom:75%; display:block;}
.item-box .box{background:#fff; padding:15px 10px 10px; display:flex; flex-direction:column; gap:20px; min-height:140px;}
.item-box .name{display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; color:#686868; font-weight:500;}
.item-box .name span{flex-shrink:0;}
.item-box .tit{color:#003333; word-break:keep-all; height:36px; line-height:18px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; flex-shrink:0;}
.label-list{display:flex; gap:5px;}
.item-label{min-width:60px; height:20px; line-height:19px; font-size:12px; color:#fff; border-radius:5px; text-align:center; padding:0 5px; font-weight:normal; margin:0}
.bk-green{background:#05c187}
.bk-yellow{background:#ffbd29}
.bk-red{background:#ff6b57}
.bk-blue{background:#3180ff}
.bk-gray{background:#cbcbcb}
.bk-pink{background:#ff319c}
.item-box .price{margin:0; display:flex; gap:5px; align-items:center;}
.item-box .price strike{color:#aaa; font-size:14px;}
.item-box .price b{color:#000}

.main-cate{display:flex; justify-content:center; gap:10px; margin-bottom:30px;}
.main-cate button{padding:0 15px; border-radius:100px; background:#f3f3f3; height:38px; color:#888;}
.main-cate .active{background:#7dd6f6; color:#fff;}

.menu-wrap{display:grid; grid-template-columns:220px auto; gap:30px; align-items:flex-start;}
.menu-wrap > div{min-width:0;}
.menu-wrap .item-list{grid-template-columns:repeat(4, 1fr);}

.cate-menu{box-shadow:0 4px 10px rgba(0,0,0,.03); border-radius:16px; position:sticky; top:20px;}
.cate-menu ul{margin-bottom:0;}
.cate-menu .title{background:linear-gradient(150deg, #7dd6f6, #129ffb 45%); height:72px; line-height:80px; text-align:center; color:#fff; border-radius:16px 16px 0 0; font-size:20px; font-family:'Gmarket Sans'; margin:0}
.cate-menu .box{border:1px solid #ddd; border-top:0; border-radius:0 0 16px 16px; background:#f8f8f8}
.cate-menu .box > div{padding:20px}
.cate-menu .tit{font-size:12px; font-weight:500; color:#bbb}
.cate-menu .depth-1 > li > a{display:block; margin:0 -10px; padding:4px 10px; font-weight:500;}
.cate-menu .depth-1 > li > a:hover{background:rgba(0,0,0,.03); border-radius:100px;}
.cate-menu .cate2{border-top:1px solid #ddd;}
.cate-menu .cate2 .depth-1 > li > a{display:flex; align-items:center; justify-content:space-between; font-weight:normal;}
.cate-menu .cate2 a{font-size:15px; color:#666}
.cate-menu .depth-2{background:#fff; border-radius:5px; border:1px solid #eee; padding:10px; margin:5px 0; display:none}
.cate-menu .depth-2 li + li{margin-top:10px;}
.cate-menu .depth-2 a{font-size:14px; display:block;}
.cate-menu .menu-open i{display:inline-block; width:10px; height:5px; background:url('../../image/ssam/renewal/ic_select.svg') no-repeat center; background-size:contain;}
.cate-menu .menu-open.active i{transform:rotate(180deg);}
.cate-menu .depth-2 a:hover{color:#333; font-weight:500;}

.list-sort{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.list-sort *{color:#003333}
.list-sort > div{display:flex; align-items:center; gap:10px;}
.upload-btn{text-align:left; background:url('../../image/ssam/renewal/ic_upload.svg') no-repeat right 10px center; background-size:16px 16px; width:115px; color:#003333}

.select_box{position:relative;}
.select_btn{border:1px solid #ddd; border-radius:3px; height:34px; background:url('../../image/ssam/renewal/ic_select.svg') no-repeat right 10px center; padding:0 25px 0 10px; background-size:10px 10px; text-align:left;}
.select_list{position:absolute; top:33px; left:0; width:100%; z-index:1; background:#fff; border:1px solid #ddd; border-radius:3px; display:none;}
.select_list li{height:30px; line-height:30px;}
.select_list li:first-child{padding:0 10px; color:#bbb; font-size:12px;}
.select_list button{text-align:left; color:#333; padding:0 20px; font-size:14px; height:100%;}
.select_list button:hover{background:#f1f1f1}

.list-more{display:block; margin:50px auto 0; border:1px solid #eee; border-radius:5px; height:40px; width:100%; max-width:490px;}
.list-more i{display:inline-block; margin-left:10px; width:10px; height:10px; background:url('../../image/ssam/renewal/ic_select.svg') no-repeat center; background-size:contain}

.goods-info{display:grid; grid-template-columns:auto 310px; gap:50px; position:relative; padding:30px 0}
.goods-info::before{content:''; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); width:100vw; background:#f8f8f8; z-index:-1; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.goods-info .info-top{display:flex; justify-content:space-between; align-items:center; position:relative;}
.goods-info .cate{display:flex; color:#999; font-size:13px; margin:0}
.goods-info .cate span + span{position:relative; padding-left:17px; margin-left:10px}
.goods-info .cate span + span::before{content:'>'; position:absolute; top:0; left:0}
.goods-info .goods-tit{font-size:24px; font-weight:500; margin:15px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; line-height:30px; height:60px;}
.review-star{display:flex; align-items:center; gap:10px;}
.review-star .star{display:flex; align-items:center; gap:5px; line-height:0;}
.review-star .star span{width:20px; height:20px; background:url('../../image/ssam/renewal/star.svg') no-repeat center; background-size:contain;}
.review-star .star span.on{background:url('../../image/ssam/renewal/star_on.svg') no-repeat center; background-size:contain;}
.review-star small{font-size:14px; letter-spacing:0;}
.goods-info .channel{border:1px solid #ddd; border-radius:16px; padding:10px; background:#fff; margin-top:15px; display:grid; grid-template-columns:60px auto; gap:15px; align-items:center;}
.goods-info .channel > div{min-width:0;}
.goods-info .channel .thumb{position:relative; width:100%; padding-bottom:calc(100% - 2px); height:0; border-radius:100%; overflow:hidden; border:1px solid #ddd;}
.goods-info .channel img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%;}
.goods-info .channel .name{font-size:18px; font-weight:500; margin-bottom:5px; line-height:1;}
.goods-info .channel .intro{color:#888; margin:0}

.img-box-wrap{position:relative;}
.img-box-swiper{overflow:hidden;}
.img-box-swiper .swiper-slide{position:relative; padding-bottom:75%; overflow:hidden; border-radius:16px;}
.img-box-swiper .swiper-slide img{position:absolute; top:0; left:0; width:100%;}
.img-box-wrap .item-prev, .img-box-wrap .item-next{top:50%; margin-top:-18px;}

.goods-title{font-size:20px; font-weight:bold; margin-bottom:20px;}
.goods-detail{padding:30px 0 100px; background:#fff; display:grid; grid-template-columns:auto 230px; gap:45px; align-items:flex-start;}
.goods-cart{border:1px solid #ccc; border-radius:16px; position:sticky; top:75px}
.goods-cart > div{padding:20px}
.goods-cart .price-box{display:flex; flex-direction:column; gap:5px; border-bottom:1px solid #eee;}
.goods-cart .price{font-size:24px; font-weight:bold; margin:0;}
.goods-cart strike{color:#aaa; font-size:18px;}
.goods-cart .attach{color:#666}
.goods-cart dl{display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:10px;}
.goods-cart button{padding:0}
.goods-cart dt{color:#aaa; font-weight:normal;}
.goods-cart dd{color:#333; font-weight:500;}
.ic-download{display:inline-block; width:18px; height:18px; background:url('../../image/ssam/renewal/ic-download.svg') no-repeat center; background-size:contain; font-size:0; vertical-align:middle;}
.ic-note{display:block; width:18px; height:18px; background:url('../../image/ssam/renewal/ic-note.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; font-size:0;}
.goods-cart .btn-wrap{display:flex; gap:10px; flex-direction:column; margin-top:20px;}
.mo-goods-cart{display:none;}

.goods-wrap{min-width:0;}
.review-swiper{overflow:hidden; margin-bottom:20px;}
.review-swiper .review{display:flex; flex-direction:column; gap:10px; background:#f1f1f1; border-radius:12px; padding:20px;}
.review-swiper .name{font-size:14px; color:#888}
.review-swiper p{margin:0;}
.review-swiper .swiper-slide{height:124px;}
.review-swiper .review-star span{width:14px; height:14px}
.review-swiper .text{color:#888}
.review-swiper .list-none{height:100%; display:flex; align-items:center; justify-content:center; color:#888}

.goods-tab{position:sticky; top:0; display:flex; gap:50px; background:#fff; z-index:10;}
.goods-tab::before{content:''; position:absolute; left:0; width:100%; top:0; height:100%; background:#fff; border-bottom:1px solid #ddd;;}
.goods-tab.is-sticky::before{left:50%; transform:translateX(calc(-50% + 137px)); width:100vw}
.goods-tab li{padding:10px; font-size:18px; cursor:pointer; font-weight:500; position:relative;}
.goods-tab li.active::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#7dd6f6}

.goods-cont{padding-top:40px;}
.goods-cont + .goods-cont{margin-top:40px}
.goods-cont .wrap{padding:0 25px}
.detail-page{position:relative; height:700px; overflow:hidden;}
.detail-page::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:200px; background:linear-gradient(to top, #fff 30%, transparent); z-index:1;}
.detail-page.more{height:auto;}
.detail-page.more::before{content:none;}
.page-more{width:100%; border-radius:7px; background:#fff; border:1px solid #ccc; height:40px; z-index:2; letter-spacing:0; margin-top:40px;}
.page-more i{display:inline-block; width:12px; height:12px; background:url('../../image/ssam/renewal/arrow.svg') no-repeat center; background-size:contain; transform:rotate(90deg); margin-left:10px}
.detail-more{position:absolute; bottom:0; left:0;}
.detail-page.more .page-more{position:relative;}
.detail-page.more .page-more i{transform:rotate(-90deg);}

.goods-review .review-top{display:flex; align-items:center; justify-content:space-between;}
.goods-review .review-top .star span{width:25px; height:25px;}
.goods-review .review-top .review-star small{font-size:24px;}
.goods-review .count{margin:20px 0 40px; font-weight:bold;}

.reveiw-list .review + .review{margin-top:30px; padding-top:30px; border-top:1px solid #ddd}
.reveiw-list .review-star{margin-bottom:15px;}
.reveiw-list .review-star .date{margin:0 0 0 15px; color:#888}
.reveiw-list .name{font-size:14px; color:#888}
.reveiw-list .re-review{margin-top:30px; display:grid; grid-template-columns:60px auto; gap:10px;}

.goods-cont .item-list{grid-template-columns:repeat(4, 1fr);}


@media (max-width: 1240px) {
    .main-top{grid-template-columns:2fr 1fr;}
    .main-search .title{padding:0 20px; font-size:3.5vw;}
    .main-search .search-wrap{margin:20px 0}

    .main-keyword{gap:10px;}
    .main-keyword > div{grid-template-columns:140px auto; gap:10px;}
    .main-keyword ul{gap:5px;}
    .main-keyword p, .main-keyword a{font-size:14px;}

    .main-tab{gap:10px;}
    .main-tab ul{gap:30px;}

    .menu-wrap{gap:20px;}
}
@media (max-width: 991px) {
    .main-keyword p, .main-keyword a{font-size:13px;}
    .main-keyword > div{grid-template-columns:125px auto;}
    .main-keyword p i{width:15px; height:15px;}

    .menu-wrap .item-list{grid-template-columns:repeat(3, 1fr);}

    .goods-info{gap:20px}
    .goods-detail{gap:20px}
    .goods-cart > div{padding:15px}
    .goods-cont .wrap{padding:0 10px}
    .review-swiper .swiper-slide{height:113px;}
    .review-swiper .review{padding:15px}
    .goods-cont .item-list{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 767px) {
    body{font-size:14px;}
    .btn.lg{height:45px; line-height:43px; border-radius:7px;}

    .row-vcenter{width:100%}
    .mo-touch{overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; white-space:nowrap;}
    .mo-touch::-webkit-scrollbar{display:none;}
    .no-img{background-size:55px auto}

    .search-total.active{position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index:10;}
    .search-total.active .search-wrap{border-radius:0; margin:0; padding:0 10px; border-width:0 0 1px 0; grid-template-columns:15px auto 20px;}
    .search-total.active .keyword-list{position:relative; top:0; padding:20px 10px; border-width:0; border-radius:0;}
    .popular-list{gap:7px}
    .popular-list a{height:25px; line-height:25px; font-size:14px;}

    .main .container + .container{margin-top:0}
    .main .container{padding:30px 10px; overflow:hidden;}

    .main-search{max-width:none}
    .main-search .title, .main-keyword{display:none;}
    .main-search .search-wrap{margin:0 0 40px; grid-template-columns:auto 20px;}
    .main-search .search-wrap .back-search{display:none;}
    .main-search .search-total.active .back-search{display:block;}

    .main-top{display:block; background:linear-gradient(to bottom, #fff 10%, #f2f3f7 10%); padding-top:0 !important; padding-bottom:0 !important;}
    .card-container{aspect-ratio:inherit;}
    .card-container .card{border-radius:0; position:relative; max-width:100%}
    .card.next-1{transform:none;}
    .navigation-controls{height:25px; bottom:0; right:0; background:rgba(0,0,0,.3)}
    .nav-btn{display:none}
    .pagecount{font-size:12px;}
    .pagecount  .swiper-pagination-total{color:rgba(255,255,255,.3)}

    .main-tab-wrap{background:#f2f3f7; padding-bottom:10px !important;}
    .main-tab{padding:30px 10px 20px; background:#fff; border-radius:10px; grid-template-columns:repeat(2, 1fr); gap:25px 10px; border-radius:10px;}
    .main-tab .tab{border-color:rgba(221, 221, 221, .5)}
    .main-tab .tab:nth-child(1){grid-column:1 / 3;}
    .main-tab ul{gap:20px;}
    .main-tab .tab:nth-child(1) ul{gap:50px;}

    .main-title{margin-bottom:20px;}
    .main-title h2{font-size:18px;}
    .main-title a{top:-5px; width:75px;}

    .main-channel{margin:0 -10px; padding:0 10px;}
    .channel-items .channel{width:110px; margin-right:10px;}

    .main-banner{padding:0 !important}
    .main-banner > div{border-radius:0;}

    .main-list{gap:50px;}

    .item-swiper{margin:0 -10px; padding:0 10px}
    .item-prev, .item-next{display:none;}
    .item-box{border-radius:10px;}
    .item-box .box{gap:10px; padding:10px; min-height:115px;}
    .label-list{gap:3px;}
    .item-label{min-width:50px; font-size:11px; border-radius:3px;}

    .main-cate{justify-content:left; margin:0 -10px 20px; padding:0 10px; gap:5px}
    .main-cate button{font-size:14px; height:30px}

    .menu-wrap{grid-template-columns:1fr;}
    .cate-menu{box-shadow:none; border-radius:0; position:relative; top:0;}
    .cate-menu .title, .cate-menu .tit, .cate-menu .menu-open i{display:none;}
    .cate-menu .box{border:none; border-radius:0; background:none}
    .cate-menu .box > div{padding:0}
    .cate-menu ul{display:flex; justify-content:space-between;}
    .cate-menu .depth-1 > li > a{margin:0; padding:0}
    .cate-menu .box .cate2{margin:15px -10px 0; padding:15px 10px 0; white-space:nowrap; overflow:auto; -webkit-overflow-scrolling:touch; scroll-behavior:smooth;}
    .cate-menu .cate2::-webkit-scrollbar{display:none; width:0; height:0;}
    .cate-menu .cate2 ul{gap:10px;}
    .cate-menu .cate2 .depth-1 > li > a{background:#f3f3f3; color:#888; border-radius:100px; padding:5px 15px; font-size:14px;}
    .cate-menu .cate2 a.active{color:#fff !important; font-weight:500; background:#7dd6f6 !important}

    .list-sort{flex-direction:column; gap:10px;}
    .list-sort > div{width:100%}
    .list-sort button{width:100%}
    .list-sort .total{flex-shrink:0;}

    .menu-wrap .item-list{grid-template-columns:repeat(2,1fr); gap:10px;}

    .item-horizon{grid-template-columns:1fr !important;}
    .item-horizon .item-box{display:grid; grid-template-columns:150px auto;}

    .list-more{border-color:#ccc; margin-top:30px;}
    .page-more{margin-top:30px}

    .mo_sort_btn{border:1px solid #ddd; border-radius:3px; height:34px; background:url('../../image/ssam/renewal/ic_select.svg') no-repeat right 10px center; text-align:left; padding:0 25px 0 10px; background-size:10px 10px; color:#003333; margin:0 0 20px auto; display:block;}
    .mo_sort_btn.sm{width:115px}
    .mo_sort_pop{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,.5); display:none;}
    .mo_sort_pop .pop_con{position:absolute; bottom:0; left:0; width:100%; background:#fff; border-radius:15px 15px 0 0; padding:15px}
    .mo_sort_pop .title{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
    .mo_sort_pop .title p{font-weight:bold; color:#000; margin:0}
    .mo_sort_pop .pop_close{font-size:0; width:16px; height:16px; position:relative; transform:rotate(45deg);}
    .mo_sort_pop .pop_close::before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; width:1px; background:#666;}
    .mo_sort_pop .pop_close::after{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:1px; background:#666;}
    .mo_sort_pop ul{display:flex; flex-direction:column; gap:15px;}
    .mo_sort_pop li a{display:block; color:#666}

    .goods-info{padding:0; margin:0 -10px; display:flex; flex-direction:column; gap:0;}
    .goods-info .info-top{align-items:center;}
    .goods-info .text-box{order:2; background:#fff; border-radius:15px 15px 0 0; overflow:hidden; padding:20px 10px 40px; margin-top:-8px; position:relative; z-index:2;}
    .img-box-wrap{order:1; position:sticky; top:0;}
    .img-box-swiper .swiper-slide{border-radius:0;}
    .goods-info .text-box button{padding:0}
    .goods-info .goods-tit{font-size:18px; display:block; line-height:1.4; height:auto; margin:20px 0;}
    .goods-info .mo-flex{display:flex; align-items:center; justify-content:space-between;}
    .review-star .star{gap:3px;}
    .review-star .star span{width:16px; height:16px;}

    .goods-info .channel{border-radius:10px; margin-top:20px; grid-template-columns:50px auto 90px; gap:10px;}
    .goods-info .channel .name{font-size:16px;}

    .goods-detail{padding:0 0 30px; display:block;}
    .goods-title{font-size:18px; margin-bottom:15px;}

    .review-swiper{margin:0 -10px 20px; padding:0 10px;}

    .goods-tab{gap:20px;}
    .goods-tab::before, .goods-tab.is-sticky::before{left:-10px; width:calc(100% + 20px)}
    .goods-tab li{font-size:16px;}

    .goods-cont{padding-top:20px}
    .goods-cont + .goods-cont{margin-top:20px}
    .goods-cont .wrap{padding:0}
    .detail-page{height:400px}

    .goods-review .review-top .star span{widtH:20px; height:20px}
    .goods-review .review-top .review-star small{font-size:18px;}
    .goods-review .count{margin:10px 0 20px}

    .goods-cart{display:none;}
    .mo-goods-cart{display:block; position:fixed; top:auto; bottom:0; left:0; width:100%; background:#fff; z-index:10; border-radius:0; border:0; border-top:1px solid #ddd; padding:10px}
    .mo-goods-cart .btn-wrap{display:flex; gap:10px; margin-top:10px;}
    .mo-goods-cart .info{display:flex; align-items:center; justify-content:space-between;}
    .mo-goods-cart dl{display:flex; gap:10px; align-items:center; margin-bottom:5px;}
    .mo-goods-cart dt{color:#888}
    .mo-goods-cart dd{font-weight:bold;}
    .mo-goods-cart .price-box{display:flex; gap:10px; align-items:center; margin-bottom:5px;}
    .mo-goods-cart strike{color:#888}
    .mo-goods-cart .price{font-size:18px; font-weight:bold; color:#000; margin:0;}
}