* { margin:0; padding:0; box-sizing:border-box; }
html, body { background:#fff; }
body { font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif; color:#333; min-width:1200px; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
.w1200 { width:1200px; margin:0 auto; }
.header { height:40px; border-bottom:1px solid #E2E2E2; background:#FAFAFA; width:100%; font-size:13px; }
.header .w1200 { display:flex; justify-content:space-between; align-items:center; height:40px; }
.header .l { display:flex; align-items:center; max-width:520px; }
.header .l .collect { color:#cf4f42; cursor:pointer; margin-right:10px; white-space:nowrap; }
.header .l .collect:hover { text-decoration:underline; }
.header .l marquee { width:340px; color:#666; }
.header .r { display:flex; align-items:center; }
.header .r a { color:#666; }
.header .r a:hover, .header .r a.ok{ color:#cf4f42; }
.header .r i { margin:0 13px; background:#ccc; width:1px; height:14px; display:inline-block; }
.h100 { height:100px; position:relative; background:#fff; }
.logo { float:left; height:60px; display:flex; align-items:center; gap:12px; margin-top:20px; }
.logo .mark { width:44px; height:44px; display:flex; align-items:center; justify-content:center; flex:none; }
.logo .mark img {max-width:100%;}
.logo .name { font-size:28px; font-weight:bold; color:#cf4f42; letter-spacing:1px; white-space:nowrap; }
.logo .name small { display:block; font-size:11px; font-weight:normal; color:#999; letter-spacing:1px; margin-top:2px; white-space:nowrap; }
.search { line-height:40px; float:right; width:800px; margin-top:30px; position:relative; }
.search .box { height:40px; position:relative; }
.search .box .pic { position:absolute; top:2px; left:2px; z-index:999; }
.search .box .pic .up { display:flex; align-items:center; height:36px; line-height:36px; border-right:1px #cf4f42 solid; color:#cf4f42; font-size:14px; padding:0 12px; background:#fff; cursor:pointer; user-select:none; }
.search .box .pic .up:hover { color:#b33b30; }
.search .box .pic .up i { margin-right:8px; display:inline-flex; font-size:22px;}
.search .box .pic input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.search #kw { width:360px; float:left; height:40px; line-height:40px; padding:0 10px; border:2px solid #cf4f42; outline:none; border-right:0; text-indent:108px; color:#333; font-size:14px; }
.search button{ width:80px; float:left; background:#cf4f42; height:40px; line-height:40px; color:#fff; text-align:center; cursor:pointer; display:flex; align-items:center; justify-content:center; border:0;}
.search button:hover { background:#b33b30; }
.search button svg { width:24px; height:24px; }
.search .buy { float:right; }
.imgsel { position:absolute; top:42px; left:2px; z-index:998; display:none; align-items:center; gap:10px; background:#fff; border:1px solid #cf4f42; padding:8px 12px; box-shadow:0 3px 10px rgba(0,0,0,.12); }
.imgsel img { width:48px; height:48px; object-fit:cover; display:block; border:1px solid #eee; }
.imgsel span { color:#666; font-size:13px; }
.search .buy a { height:40px; line-height:40px; display:inline-block; float:left; padding:0 16px; text-align:center; color:#666; font-size:15px; margin-left:10px; background:#F7F7F7; }
.search .buy a:hover { background:#cf4f42; color:#fff; }
.navbox { width:100%; height:50px; line-height:50px; border-bottom:2px solid #cf4f42; background:#fff; overflow:hidden; position:relative; } /* 高度动画由 jQuery animate 控制 */
.navbox.on { height:auto; }
.navbox .mbox { width:1120px; float:left; }
.navbox li { float:left; color:#666; font-size:15px; }
.navbox li a { display:inline-block; padding:0 12px; color:#666; }
.navbox li a:hover, .navbox li a.this { color:#cf4f42; }
.navbox .open { float:right; width:80px; display:inline-block; color:#cf4f42; font-size:15px; cursor:pointer; text-align:center; }
.banner { width:100%; height:350px; position:relative; overflow:hidden; background:#fff; }
.banner .slide { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:opacity .8s ease; z-index:1; }
.banner .slide.active { opacity:1; z-index:2; }
.banner .slide img { width:100%; height:100%; object-fit:cover; display:block; }
.banner .slide .txt { position:absolute; left:50%; margin-left:-600px; top:0; bottom:0; width:50%; padding:58px 0 0 60px; background:linear-gradient(90deg, rgba(251,241,232,0.96) 0%, rgba(251,241,232,0.82) 60%, rgba(251,241,232,0) 100%); }
.banner .slide .txt .tag { display:inline-block; font-size:13px; color:#fff; background:#cf4f42; padding:3px 12px; border-radius:14px; margin-bottom:16px; }
.banner .slide .txt h2 { font-size:42px; color:#2b2b2b; letter-spacing:1px; }
.banner .slide .txt p.en { font-size:15px; color:#cf4f42; margin:12px 0 6px; letter-spacing:1px; }
.banner .slide .txt p.sub { font-size:14px; color:#7a6a5d; }
.banner .slide .txt .go { margin-top:22px; display:inline-flex; align-items:center; gap:6px; color:#fff; background:#cf4f42; padding:10px 22px; border-radius:4px; font-size:14px; cursor:pointer; }
.banner .slide .txt .go:hover { background:#b33b30; }
.banner .dots { position:absolute; bottom:14px; left:0; width:100%; text-align:center; z-index:5; }
.banner .dots span { display:inline-block; width:12px; height:12px; background:rgba(255,255,255,.6); margin:0 5px; border-radius:50%; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.banner .dots span.active { background:#cf4f42; }
.banner .arrow { position:absolute; top:50%; margin-top:-37px; width:40px; height:74px; line-height:74px; text-align:center; font-size:36px; color:#fff; background:rgba(0,0,0,.25); cursor:pointer; z-index:5; user-select:none; font-family:Arial, sans-serif; }
.banner .arrow.prev { left:20px; }
.banner .arrow.next { right:20px; }
.banner .arrow:hover { background:rgba(0,0,0,.5); }
.shop { padding:20px 0 40px; }
.title { height:40px; line-height:36px; background:#fff; font-size:18px; color:#cf4f42; padding:0 12px; }
.title .more { float:right; font-size:14px; line-height:40px; color:#999; cursor:pointer; }
.title .more:hover { color:#cf4f42; }
.sale { background:#fff; margin-bottom:20px; overflow:hidden; }
.sale .list { padding:15px 12px; overflow:hidden; margin-top:15px;}
.sale .item { float:left; width:185px; height:180px; margin-right:10px; position:relative; overflow:hidden; }
.sale .item.r { margin-right:0; }
.sale .item .img { width:185px; height:120px; overflow:hidden; border-radius:4px; }
.sale .item .img img { width:100%; min-height:100%; object-fit:cover; display:block; }
.sale .item .text { margin-top:10px; line-height:20px; height:20px; overflow:hidden; font-size:13px; color:#555; white-space:nowrap; text-overflow:ellipsis; }
.sale .item .xia { line-height:20px; height:20px; overflow:hidden; font-size:12px; color:#cf4f42; }
.goods { background:#fff; margin-bottom:20px; overflow:hidden; }
.glist { position:relative; height:401px; margin-top:15px;}
.glist .tile { position:absolute; overflow:hidden; display:block; border-radius:4px; }
.glist .tile img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease-in-out; }
.glist .tile:hover img { transform:matrix(1.03,0,0,1.03,0,0); }
.glist .tile .t-text { position:absolute; bottom:0; left:0; height:40px; line-height:40px; width:100%; background:rgba(0,0,0,.72); color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; opacity:0; transition:opacity .25s ease-in-out; }
.glist .tile:hover .t-text { opacity:1; }
.glist .tile .t-buy { position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:#cf4f42; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 12px rgba(0,0,0,.3); opacity:0; transform:rotate(0deg); transition:all .6s ease-in-out; z-index:2; cursor:pointer; }
.glist .tile .t-buy svg { width:26px; height:26px; }
.glist .tile:hover .t-buy { opacity:1; transform:rotate(360deg); }
.glist .tile.s { width:200px; height:200px; }
.glist .tile.big { width:396px; height:401px; }
.glist .p1 { left:0; top:0; }
.glist .p2 { left:201px; top:0; }
.glist .p3 { left:0; top:201px; }
.glist .p4 { left:201px; top:201px; }
.glist .p5 { left:402px; top:0; }
.glist .p6 { left:799px; top:0; }
.glist .p7 { left:1000px; top:0; }
.glist .p8 { left:799px; top:201px; }
.glist .p9 { left:1000px; top:201px; }
.footer { background:#2f2f2f; color:#b8b8b8; font-size:13px; margin-top:10px; }
.footer .inner { padding:26px 0; text-align:center; }
.footer .links { margin-bottom:12px; }
.footer .links a { color:#cfcfcf; padding:0 12px; font-size:13px; }
.footer .links a:hover { color:#fff; }
.footer p { line-height:1.9; }
.float { position:fixed; right:24px; bottom:90px; display:flex; flex-direction:column; gap:10px; z-index:50; }
.float a { width:46px; height:46px; border-radius:50%; background:#fff; border:1px solid #e5e5e5; box-shadow:0 3px 10px rgba(0,0,0,.12); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#666; font-size:10px; gap:2px; }
.float a svg { width:20px; height:20px; }
.float a:hover { border-color:#cf4f42; color:#cf4f42; }
.toast { position:fixed; left:50%; bottom:60px; transform:translateX(-50%) translateY(20px); background:rgba(30,30,30,.92); color:#fff; padding:10px 22px; border-radius:6px; font-size:14px; opacity:0; transition:all .25s; z-index:99; pointer-events:none; }
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }
.mainbox {margin-top:16px; }
.crumb{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eee;margin-bottom:16px;}
.crumb h1.t{font-size:18px; font-weight:normal; color:#CF4F42;margin:0;}
.crumb p.pos{font-size:13px;color:#999;margin:0;}
.crumb p.pos a{color:#666;text-decoration:none;}
.filter { border-bottom:1px solid #eee; }
.filter .row { overflow:hidden; line-height:34px; }
.filter .lab { float:left; width:76px; color:#999; font-size:13px; }
.filter .ops { float:left; width:940px; max-height:34px; overflow:hidden; transition:max-height .45s ease; }
.filter .row.open .ops { max-height:600px; }
.filter .ops .g { display:inline; }
.filter .ops .g2 { display:block; clear:both; }
.filter .ops a { float:left; padding:0 10px; color:#333; font-size:13px; }
.filter .ops a:hover, .filter .ops a.on { color:#cf4f42; }
.filter .more { float:right; color:#999; font-size:13px; cursor:pointer; }
.filter .more:hover { color:#cf4f42; }
.filter .row.kw { padding:8px 0; line-height:34px; }
.filter .row.kw input { width:320px; height:34px; border:1px solid #ccc; padding:0 10px; color:#333; font-size:13px; }
.filter .row.kw .btn { float:left; background:#cf4f42; color:#fff; padding:0 22px; height:34px; line-height:34px; margin-left:8px; cursor:pointer; font-size:14px; }
.filter .row.kw .btn:hover { background:#b33b30; }
.grid { display:flex; flex-wrap:wrap; justify-content:space-between; padding:14px 0 6px; }
.pitem { width:220px; margin:12px 0 0; cursor:pointer; }
.pimg { width:220px; height:220px; overflow:hidden; border:1px solid #eee; background:#f7f7f7; position:relative; }
.pimg img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease-in-out; }
.pitem:hover .pimg img { transform:matrix(1.03,0,0,1.03,0,0); }
.pitem:hover .pname{color:#cf4f42;}
.pimg .t-buy { position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:#cf4f42; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 12px rgba(0,0,0,.3); opacity:0; transform:rotate(0deg); transition:all .6s ease-in-out; z-index:2; cursor:pointer; }
.pimg .t-buy svg { width:26px; height:26px; }
.pitem:hover .pimg .t-buy { opacity:1; transform:rotate(360deg); }
.pname { line-height:34px; height:34px; overflow:hidden; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; }
.pprice {color:#cf4f42; height:30px; display: flex; justify-content: space-between; align-items: center;}
.pprice b {font-size:16px; font-weight:bold; }
.pprice span{font-size: 13px;  border: 1px solid #CF4F42;  border-radius: 5px; padding: 0 5px; height: 26px; line-height: 26px;}
.page { text-align:center; padding:20px 0 6px; color:#666; font-size:13px; clear:both; }
.page .info { display:inline-block; margin-right:12px; color:#666; }
.page a { display:inline-block; padding:4px 11px; border:1px solid #ddd; background:#fff; margin:0 3px; color:#666; cursor:pointer; }
.page a.active { background:#cf4f42; color:#fff; border-color:#cf4f42; }
.page a:hover { border-color:#cf4f42; color:#cf4f42; }
.bread { height:42px; line-height:42px; color:#999; font-size:13px; }
.bread a { color:#cf4f42; }
.bread a:hover { color:#b33b30; }
.cat { height:36px; line-height:36px; font-size:16px; color:#cf4f42; border-bottom:2px solid #cf4f42; margin-bottom:6px; }
.cat a { color:#cf4f42; }
.news-main { float:left; width:880px; background:#fff; border:1px solid #e8e8e8; border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,.05); padding:24px 26px; }
.news-main .item { overflow:hidden; padding:12px 0; border-bottom:1px dashed #e5e5e5; }
.news-main .item:last-child { border-bottom:none; }
.news-main .item .img { float:left; width:150px; height:92px; overflow:hidden; border:1px solid #eee; background:#f7f7f7; }
.news-main .item .img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease-in-out; }
.news-main .item:hover .img img { transform:matrix(1.03,0,0,1.03,0,0); }
.news-main .item .cont { float:right; width:670px; }
.news-main .item .cont .tit { display:block; font-size:16px; color:#333; line-height:24px; height:24px; overflow:hidden; margin-bottom:5px; }
.news-main .item .cont .tit:hover { color:#cf4f42; }
.news-main .item .cont .desc { font-size:13px; color:#999; line-height:20px; height:40px; overflow:hidden; }
.news-main .item .cont .binfo { font-size:12px; color:#bbb; margin-top:5px; line-height:16px; }
.news-side { float:right; width:250px; background:#fff; border:1px solid #e8e8e8; border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,.05); padding:8px 14px; }
.news-side .s-title { height:36px; line-height:36px; font-size:16px; color:#cf4f42; border-bottom:2px solid #cf4f42; margin-bottom:4px; }
.news-side ul { position:relative; padding-left:16px; }
.news-side ul:before { content:''; position:absolute; left:3px; top:6px; bottom:6px; width:2px; background:#e0e0e0; }
.news-side li { position:relative; padding:8px 0; border-bottom:1px dotted #eee; }
.news-side li:before { content:''; position:absolute; left:-16px; top:16px; width:8px; height:8px; border-radius:50%; background:#cf4f42; box-shadow:0 0 0 2px #fff; }
.news-side li a { display:block; font-size:13px; color:#666; line-height:22px; height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-side li a:hover { color:#cf4f42; }
.news-side li span { display:block; font-size:12px; color:#bbb; line-height:18px; }
.page .pg { display:inline-block; padding:4px 11px; border:1px solid #ddd; background:#fff; margin:0 3px; color:#666; cursor:pointer; }
.page .pg.on { background:#cf4f42; color:#fff; border-color:#cf4f42; }
.page .pg:hover { border-color:#cf4f42; color:#cf4f42; }
.news-main .d-title { font-size:22px; color:#333; line-height:32px; margin-bottom:14px; }
.news-main .d-meta { display:flex; justify-content:space-between; color:#bbb; font-size:13px; padding-bottom:14px; border-bottom:1px solid #f0f0f0; margin-bottom:18px; }
.news-main .d-content p { font-size:14px; color:#555; line-height:28px; text-indent:2em; margin-bottom:14px; }
.news-side .s-title.mt { margin-top:14px; }

.login {
    background: #f95c68;
    overflow: hidden;
    height: 700px;
    width: 100%;
    position: relative;
}

.login .box {
    width: 600px;
    height: 450px;
    background: #fff;
    margin: 75px auto;
}
.wav {
    background: url('../images/wave.png');
    width: 200%;
    height: 50px;
    background-size: 50%;
    -webkit-animation: 40s linear wave infinite;
    -moz-animation: 40s linear wave infinite;
    -ms-animation: 40s linear wave infinite;
    animation: 40s linear wave infinite;
    position: absolute;
    bottom: 0;
}

@-webkit-keyframes cloudMove {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(40px, -10px, 0);
        -moz-transform: translate3d(40px, -10px, 0);
        -ms-transform: translate3d(40px, -10px, 0);
        transform: translate3d(40px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes cloudMove {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(40px, -10px, 0);
        -moz-transform: translate3d(40px, -10px, 0);
        -ms-transform: translate3d(40px, -10px, 0);
        transform: translate3d(40px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes cloudMove {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(40px, -10px, 0);
        -moz-transform: translate3d(40px, -10px, 0);
        -ms-transform: translate3d(40px, -10px, 0);
        transform: translate3d(40px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes cloudMove {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(40px, -10px, 0);
        -moz-transform: translate3d(40px, -10px, 0);
        -ms-transform: translate3d(40px, -10px, 0);
        transform: translate3d(40px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(-25%, 0, 0);
        -moz-transform: translate3d(-25%, 0, 0);
        -ms-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes wave {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(-25%, 0, 0);
        -moz-transform: translate3d(-25%, 0, 0);
        -ms-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes wave {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(-25%, 0, 0);
        -moz-transform: translate3d(-25%, 0, 0);
        -ms-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wave {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(-25%, 0, 0);
        -moz-transform: translate3d(-25%, 0, 0);
        -ms-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.cloud {
    position: absolute;
    width: 9vw;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: 12s linear cloudMove infinite;
    -moz-animation: 12s linear cloudMove infinite;
    -ms-animation: 12s linear cloudMove infinite;
    animation: 12s linear cloudMove infinite;
}

.cloud-1 {
    left: 6vw;
    top: 14vh;
    background-size: 3vw;
    background-image: url('../images/cloud1.png');
}

.cloud-2 {
    left: 13vw;
    top: 6vh;
    background-size: 6vw;
    background-image: url('../images/cloud2.png');
}

.cloud-3 {
    right: 16vw;
    top: 4vh;
    background-size: 6vw;
    background-image: url('../images/cloud3.png');
}

.cloud-4 {
    right: 5vw;
    top: 12vh;
    background-size: 5vw;
    background-image: url('../images/cloud4.png');
}

/* ===== 购物车 sc_cart 样式 ===== */
.sc-cart-wrap{margin:0 0 30px;}
.sc-cart-box{background:#fff;border:1px solid #ddd;}
.sc-cart-table{width:100%;border-collapse:collapse;background:#fff;}
.sc-cart-table th,.sc-cart-table td{border:1px solid #f7f7f7;padding:10px !important;color:#888;text-align:center;vertical-align:middle;}
.sc-cart-table th{background:#f5f5f5;color:#333;font-weight:normal; font-size:13px;}
.sc-cart-table tr.sc-checked{background:#fdf5f5;}
.sc-ck{width:16px;height:16px;vertical-align:-2px;cursor:pointer;}
.sc-ck-all{margin-right:4px;}
.sc-pic{width:60px;height:60px;object-fit:cover;vertical-align:middle;margin-right:8px;}
.sc-td-title{text-align:left;}
.sc-td-title a{color:#333;}
.sc-td-title a:hover{color:#e4393c;}
.sc-qty{width:70px;text-align:center;border:1px solid #ddd;height:30px;line-height:30px;}
.change-goods-num{width:108px;height:30px;border:1px solid #e0e0e0;text-align:center;background-color:#fff;position:relative;zoom:1;box-sizing:content-box;display:inline-block;}
.change-goods-num input{float:left;width:42px;height:30px;line-height:30px;padding:0;border-width:0;color:#424242;font-size:15px;text-align:center;}
.change-goods-num input:focus{outline:none;}
.change-goods-num a{float:left;width:32px;height:30px;line-height:30px;color:#757575;font-size:18px;-webkit-transition:all .3s;transition:all .3s;text-decoration:none;cursor:pointer;}
.change-goods-num a:hover{background-color:#e0e0e0;}
.sc-total{text-align:right;margin:15px;font-size:16px;color:#333;}
.sc-total-num{color:#e4393c;font-weight:bold;margin:0 4px;}
.sc-cart-actions{display:flex;align-items:center;border:1px solid #ddd; margin-top: 10px; background:#f5f5f5; height:42px; justify-content: space-between;}
.sc-bar-left{font-size:14px;color:#333; margin-left:20px;}
.sc-bar-left label{cursor:pointer;margin-right:20px;}
.sc-batch-del{color:#e4393c;cursor:pointer;}
.sc-bar-right{font-size:14px;color:#333;}
.sc-checkout-btn{background:#e4393c;color:#fff;border:none;padding:10px 40px;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block;margin-left:20px;}
.sc-checkout-btn:hover{opacity:.9;color:#fff;}
.sc-del-btn{color:#e4393c;cursor:pointer;}
.sc-cart-empty{text-align:center;padding:80px 0;color:#888; display: flex; justify-content:center; flex-direction:column;}
.sc-cart-empty i{font-size:40px;}

.sc-fav-list{display:flex;flex-wrap:wrap;margin:-7px;}
.sc-fav-item{width:25%;padding:7px;box-sizing:border-box;}
.sc-fav-box{background:#fff;border:1px solid #e5e5e5;overflow:hidden;position:relative;}
.sc-fav-box:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);}
.sc-fav-img{display:block;width:100%;height:200px;object-fit:cover;background:#f7f7f7;}
.sc-fav-info{padding:10px 12px;}
.sc-fav-title{font-size:14px;color:#333;line-height:1.4;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sc-fav-title a{color:#333;}
.sc-fav-title a:hover{color:#e4393c;}
.sc-fav-time{font-size:12px;color:#999;margin-top:6px;}
.sc-fav-del{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.45);color:#fff;border:none;height:26px;line-height:26px;padding:0 10px;border-radius:2px;font-size:12px;cursor:pointer;}
.sc-fav-del:hover{background:#e4393c;}
.sc-fav-empty{text-align:center;padding:80px 0;color:#888;}

.sc-order-wrap{margin:10px 0;}
.sc-order-empty{text-align:center;padding:60px 0;color:#888;background:#fff;border:1px solid #ddd;}
.sc-order-card{background:#fff;border:1px solid #ddd;margin-bottom:15px;}
.sc-order-head{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f2f2f2;color:#888;font-size:13px;flex-wrap:wrap;gap:4px 0;}
.sc-order-head .sc-oc{color:#333;font-weight:bold;margin-left:4px;}
.sc-order-head .sc-time{margin-left:20px;color:#999;}
.sc-order-table{width:100%;border-collapse:collapse;}
.sc-order-table th,.sc-order-table td{border-bottom:1px solid #f2f2f2;padding:12px 15px;color:#333;text-align:left;vertical-align:middle;}
.sc-order-table th{background:#fafafa;color:#888;font-weight:normal;font-size:13px;text-align:left;}
.sc-order-table tbody tr:hover{background:#f5f5f5;}
.sc-order-table td.sc-col-price,.sc-order-table td.sc-col-qty{text-align:center;}
.sc-order-table th.sc-th-price,.sc-order-table th.sc-th-qty{text-align:center;}
.sc-total-money{text-align:center;vertical-align:middle;border-left:1px solid #f2f2f2;}
.sc-total-money .sc-amt{color:#e4393c;font-size:16px;font-weight:bold;}
.sc-total-status{text-align:center;vertical-align:middle;border-left:1px solid #f2f2f2;}
.sc-total-status .sc-st{color:#e4393c;font-weight:bold;}
.sc-gimg{width:50px;height:50px;object-fit:cover;margin-right:10px;vertical-align:middle;border:1px solid #f2f2f2;flex:none;}
.sc-gcell{display:flex;align-items:flex-start;overflow:hidden;}
.sc-ginfo{flex:1;min-width:0;}
.sc-gtitle{font-size:14px;color:#333;line-height:1.4;}
.sc-gtitle a{color:#333;}
.sc-gtitle a:hover{color:#e4393c;}
.sc-gspec{font-size:12px;color:#888;margin-top:3px;text-align:left;}
.sc-sn{margin-right:10px;}
.sc-gprice{color:#e4393c;font-size:14px;}
.user-info-title{height:40px; line-height:38px; border-bottom: 2px #e8e8e8 solid; margin-bottom:20px;}
.user-info-title h1{border-bottom: 2px #CF4F42 solid;  font-size: 16px; padding: 0 15px; float:left; text-align: center;}
.sc-search{background:#fff;border:1px solid #ddd;margin-bottom:15px;padding:15px;}
.sc-search .sc-search-row{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
.sc-search .sc-search-row:last-child{margin-bottom:0;}
.sc-search label{color:#666;font-size:13px;margin-right:6px;}
.sc-search .sc-fi{flex:1;min-width:0;}
.sc-search input[type="text"],.sc-search input[type="datetime-local"],.sc-search select{height:34px;line-height:34px;border:1px solid #e6e6e6;border-radius:2px;padding:0 10px;font-size:13px;color:#333;background:#fff;outline:none;}
.sc-search input[type="text"],.sc-search input[type="datetime-local"]{width:100%;}
.sc-search select{width:100%;}
.sc-search .sc-btn{background:#ff6c00;color:#fff;border:none;height:34px;line-height:34px;padding:0 22px;border-radius:2px;font-size:13px;cursor:pointer;}
.sc-search .sc-btn:hover{opacity:.9;}
.sc-search .sc-mr{margin-right:15px;}

.sc-confirm-wrap{background:#fff;border:1px solid #ddd;}
.sc-confirm-table{width:100%;border-collapse:collapse;}
.sc-confirm-table th,.sc-confirm-table td{border-bottom:1px solid #f2f2f2;padding:14px 15px;text-align:center;color:#333;}
.sc-confirm-table th{background:#fafafa;color:#666;font-weight:normal;font-size:13px;}
.sc-confirm-table tbody tr:hover{background:#f5f5f5;}
.sc-confirm-table td.sc-cname{text-align:center;}
.sc-confirm-table .sc-camt{color:#e4393c;font-weight:bold;}
.sc-print-btn{display:inline-block;background:#3cb034;color:#fff;border:none;height:30px;line-height:30px;padding:0 14px;border-radius:2px;font-size:13px;cursor:pointer;text-decoration:none;}
.sc-print-btn:hover{opacity:.9;color:#fff;}
.sc-confirm-empty{text-align:center;padding:60px 0;color:#888;}

/* ===== 分类导航展开按钮：图标旋转动画（navbox.on 时右箭头转 90° 朝下） ===== */
#navOpen .iconfont{
  display: inline-block;
  vertical-align: -1px;
  transition: transform 0.3s ease;
}
#navbox.on #navOpen .iconfont{
  transform: rotate(90deg);
}


/* ===== 商品详情页（原 view_product.htm 内联样式，已整合去重） ===== */
/* ===== 商品详情页（参考锐途服饰风格）===== */
.pro-body{display:flex;gap:16px;align-items:flex-start;}
.pro-body img{max-width:100%;}
.pro-main{flex:1;min-width:0;}
.pro-side{width:280px;flex:none; background:#F5F5F5;}
.pcard{margin-bottom:16px;}
.pcard .pc-head{width:100%; height:40px; border-bottom:2px #CF4F42 solid;}
.pcard .pc-head span{padding: 0 10px; height: 40px; line-height: 40px; background: #CF4F42; color: #FFF; display: inline-block;}

.pcard .pc-body{margin:15px 0;}
/* 主图 */
.pro-gallery{padding:20px;}
.pro-gallery .pg-main{text-align:center;background:#fafafa;border:1px solid #f0f0f0;height:380px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.pro-gallery .pg-main img{max-width:100%;max-height:100%;object-fit:contain;}
.pro-gallery .pg-thumbs{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.pro-gallery .pg-thumbs a{width:72px;height:72px;border:2px solid #eee;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:#fff;}
.pro-gallery .pg-thumbs a.on{border-color:#e4393c;}
.pro-gallery .pg-thumbs a img{max-width:100%;max-height:100%;object-fit:cover;}
/* 商品资料卡 */
.pro-info .pc-body{padding:16px 18px;}
.pi-title{font-size:22px;color:#333;font-weight:700;margin-bottom:14px;}
.pi-rows{display:flex;flex-wrap:wrap;margin:-8px;}
.pi-row{width:50%;box-sizing:border-box;padding:8px 0;font-size:14px;color:#555;line-height:1.6;}
.pi-row .pi-lab{color:#999;margin-right:8px;}
.pi-row .pi-val{color:#333;font-weight:600;}
.pi-row .pi-price{color:#e4393c;font-size:20px;font-weight:700;}
.pi-row .pi-price em{font-size:14px;font-style:normal;}
/* 规格（沿用现有组件容器）*/
.pro-spec{padding:0 18px 16px;border-top:1px dashed #eee;margin-top:6px;padding-top:14px;}
/* 操作按钮 */
.pro-actions{display:flex;gap:14px;padding:0 18px 20px;flex-wrap:wrap;}
.btn-act{height:44px;padding:0 30px;border:0;border-radius:4px;font-size:15px;cursor:pointer;line-height:44px;text-align:center;display:inline-block;text-decoration:none;}
.btn-cart{background:#e4393c;color:#fff;}
.btn-cart:hover{opacity:.9;color:#fff;}
.btn-fav{background:#fff;color:#e4393c;border:1px solid #e4393c;}
.btn-fav:hover{background:#fdf0f0;}
/* 数据包下载 */
.pc-download .pc-body{padding:16px 18px;}
.dl-vip{background:#fff4e5;border:1px solid #ffe2b3;color:#c07a14;font-size:13px;padding:8px 10px;border-radius:4px;margin-bottom:14px;}
.dl-row{display:flex;justify-content:space-between;font-size:14px;color:#555;padding:7px 0;border-bottom:1px dashed #f0f0f0;}
.dl-row .dl-lab{color:#999;}
.dl-row .dl-val{color:#333; max-width:160px;}
.dl-btn{display:block;height:42px;line-height:42px;background:#e4393c;color:#fff;text-align:center;border-radius:4px;margin-top:16px;text-decoration:none;font-size:15px;}
.dl-btn:hover{opacity:.9;color:#fff;}
/* 商品介绍 */
.pro-detail{background:#fff;border:1px solid #e6e6e6;margin-bottom:16px;}
.pro-detail .pd-head{height:40px;line-height:40px;padding:0 16px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;color:#222;border-left:4px solid #e4393c;}
.pro-detail .pd-body{padding:20px 18px;line-height:1.8;color:#444;}
.pro-detail .pd-body img{max-width:100%;}
@media (max-width:1000px){
  .pro-body{flex-direction:column;}
  .pro-side{width:100%;}
  .pi-row{width:100%;}
}

/* ===== 产品主图：淘宝式展示 (跟随放大镜 + 放大图) ===== */
.pro-gallery{position:relative;}
.pg-viewer{display:flex;align-items:flex-start;position:relative;}
.pg-main{width:400px;height:400px;position:relative;overflow:hidden;cursor:crosshair;border:1px solid #f0f0f0;background:#fff;flex:none;}
.pg-main img{width:100%;height:100%;object-fit:contain;display:block;}
.pg-lens{width:180px;height:180px;position:absolute;display:none;border:1px solid #ff5000;background:rgba(255,80,0,.18);box-shadow:0 0 4px rgba(255,80,0,.35);pointer-events:none;z-index:6;cursor:crosshair;}
.pg-zoom{width:400px;height:400px;position:absolute;display:none;overflow:hidden;border:1px solid #eee;background:#fff;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,.12);}
.pg-zoom img{position:absolute;max-width:none;display:block;}
.pg-thumbs{margin:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:400px;width:76px;flex:none;padding-right:4px;}
.pg-thumbs::-webkit-scrollbar{height:4px;}
.pg-thumbs::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px;}
.pg-thumb{width:64px;height:64px;flex:none;border:2px solid #ededed;border-radius:3px;overflow:hidden;display:block;cursor:pointer;background:#fff;transition:border-color .2s;}
.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pg-thumb.on{border-color:#ff5000;}
.pg-thumb:hover{border-color:#ff5000;}


.product-filter-weapp{max-width:1200px;margin:0 auto;font-size:14px;color:#333;line-height:1.6;}
    .product-filter-weapp *{box-sizing:border-box;}
    .product-filter-weapp form{display:block;padding:5px 15px;border-bottom:2px solid #cf4f42;background:#f9f9f9;}
    .product-filter-weapp dl{border-bottom:1px dotted #aaa;line-height:40px;overflow:hidden;margin:10px 0;padding-bottom:10px;display:flex;align-items:flex-start;}
    .product-filter-weapp dl:last-of-type{border-bottom:none;}
    .product-filter-weapp dl dt{width:70px;flex:none;display:block;line-height:40px;font-weight:normal;font-size:14px;color:#333;}
    .product-filter-weapp dl dd{display:block;position:relative;flex:1;overflow:hidden;height:40px;line-height:40px;padding-right:64px;}
    .product-filter-weapp dl.open dd{height:auto;overflow:visible;}
    .product-filter-weapp .filter-nav ul{margin:0;padding:0;overflow:hidden;}
    .product-filter-weapp .filter-nav ul li{margin:0;display:block;float:left;width:auto;line-height:32px;}
    .product-filter-weapp .pf-cat{display:inline-block;cursor:pointer;line-height:24px;margin:0;font-weight:normal;}
    .product-filter-weapp .pf-cat-name{display:block;margin:0 10px 8px 0;padding:2px 38px 2px 12px;cursor:pointer;color:#000;border:1px solid #d2d2d2;border-radius:2px;background:#d2d2d2;line-height:24px;position:relative;transition:.1s;}
    .product-filter-weapp .pf-cat:hover .pf-cat-name{border-color:#c2c2c2;background:#c2c2c2;color:#000;}
    .product-filter-weapp .pf-cat-name::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:100%;line-height:24px;text-align:center;font-size:16px;color:#5FB878;background:#fff;}
    .product-filter-weapp .pf-cat:hover .pf-cat-name::after{content:'✓';color:#c2c2c2;}
    .product-filter-weapp .pf-cat.active .pf-cat-name{border-color:#5FB878;background:#5FB878;color:#fff;}
    .product-filter-weapp .pf-cat.active .pf-cat-name::after{content:'✓';color:#5FB878;}
    .product-filter-weapp .pf-more{position:absolute;right:0;top:3px;display:inline-block;height:28px;line-height:28px;border:1px solid #dedede;width:58px;text-align:center;background:#fff;cursor:pointer;border-radius:2px;color:#333;font-size:13px;user-select:none;}
    .product-filter-weapp .pf-more:hover{border-color:#cf4f42;background:#cf4f42;color:#fff;}
    .product-filter-weapp .pf-submit{display:block;height:40px;width:300px;margin:20px auto 15px;background:#cf4f42;text-align:center;line-height:40px;border-radius:2px;color:#fff;font-size:18px;cursor:pointer;border:none;}
    .product-filter-weapp .pf-submit:hover{opacity:.85;}
    .product-filter-weapp .pf-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:14px 0 4px;}
    .product-filter-weapp .pf-kw{flex:1;max-width:280px;height:40px;line-height:40px;border:1px solid #d2d2d2;border-radius:2px;padding:0 12px;font-size:14px;color:#333;background:#fff;}
    .product-filter-weapp .pf-kw:focus{border-color:#cf4f42;outline:none;}
    .product-filter-weapp .pf-actions .pf-submit{width:120px;margin:0;}
	
	 .product-filter-weapp .pf-search{display:flex;align-items:center;gap:10px;}
    .product-filter-weapp .pf-search input[type=text]{height:36px;border:2px solid #cf4f42;width:400px;padding:0 10px;font-size:14px;outline:none;color:#333;}
    .product-filter-weapp .pf-search input[type=text]:focus{border-color:#cf4f42;}
	 .product-filter-weapp .pf-btn{display:block;height:40px;width:300px;margin:20px auto 15px;background:#cf4f42;text-align:center;line-height:40px;border-radius:2px;color:#fff;font-size:18px;cursor:pointer;border:none;}
    .product-filter-weapp .pf-btn:hover{opacity:.85;}
    .product-filter-weapp .pf-btn-reset{background:#999;}
/* ===== 已选条件标签 ===== */
.pf-selected{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #f2f2f2;}
.pf-selected .pf-sel-title{font-size:13px;color:#666;}
.pf-selected .pf-sel{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#f0f0f0;border-radius:3px;font-size:12px;color:#333;}
.pf-selected .pf-sel-name{color:#333;}
.pf-selected .pf-sel-del{color:#999;font-size:14px;text-decoration:none;line-height:1;margin-left:2px;}
.pf-selected .pf-sel-del:hover{color:#cf4f42;}
.pf-selected .pf-sel-clear{font-size:12px;color:#cf4f42;text-decoration:none;margin-left:4px;}