@CHARSET "UTF-8";
a{cursor:pointer}
img{border:none}
.wst-shopstr-ads{padding:10px 0} 
.wst-shopstr-ads img{width:1200px;height:220px}
.wst-shopstr-cat{margin:10px 0 20px 0;padding:10px 20px;border:1px solid #dddbdb}
.wst-shopstr-catt{height:23px;color:#333;border-bottom:1px dashed #b5b5b5}
.wst-shopstr-cat span{float:left;margin:8px 60px 0 0;padding:8px 5px}
.wst-shopstr-cat span:hover{cursor:pointer;color:#fff;background:#fc6047;border-radius:3px}
.js-selected{cursor:pointer;color:#fff;background:#fc6047;border-radius:3px}
.wst-shopstr-shop{margin-top:20px;padding:10px;border:1px solid #dddbdb}
.wst-shopstr-shop:hover{border:1px solid #000}
.wst-shopstr-shopl{float:left;width:150px;height:150px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shopstr-shopi{float:left;width:26%;margin-left:12px}
.wst-shopstr-shopr{float:right;width:60%}
.wst-shopstr-shopl a{width:150px;height:150px;display:table-cell;vertical-align:middle}
.wst-shopstr-shopl a img{max-width:150px;max-height:150px}
.wst-shopstr-name{height:32px;line-height:32px}
.wst-shopstr-name .name{float:left;font-size:18px;color:#2e2e2e;font-weight:700;width:170px;height:30px;display:block;overflow:hidden}
.wst-shopstr-name .name:hover{color:#f53e28}
.wst-shopstr-name .favorite{padding:5px 5px 5px 23px;loat:left;border:1px solid #ededed;margin-left:5px}
.wst-shopstr-name .j-fav,.wst-shopstr-name .j-fav:hover{background:url(../img/iconfont_guanzhu_sel.png) 4px 5px no-repeat}
.wst-shopstr-name .j-fav2{background:url(../img/iconfont_guanzhu_nor.png) 3px 5px no-repeat;transition:background-position .15s ease-in-out 0s}
.wst-shopstr-name .j-fav2:hover{background:url(../img/iconfont_guanzhu_nor.png) 3px -19px  no-repeat;text-decoration:none}
.wst-shopstr-pr{float:left;width:100%;margin-top:7px;color:#807f7f}
.wst-shopstr-pr .company{text-decoration:underline;color:#57c4f5}
.wst-shopstr-pr .company:hover{color:#31b0e9}
.wst-shopstr-score{width:118px;height:96px;position:absolute;left:25px;bottom:-95px;color:#545252;text-indent:1em;cursor:pointer;background:url(../img/img_bg_xiala.png) 0 0 no-repeat}
.wst-shopstr-score .title{font-weight:700}
.wst-shopstr-more{float:left;width:100%}
.wst-shopstr-more a{font-size:13px;color:#666}
.wst-shopstr-more a:hover{color:#eb5f43}
.wst-shopstr-more span{width:100px;height:20px;color:#fff;line-height:20px;background:url(../img/img_dztj_bg.png) no-repeat}
.wst-shopstr-good{padding-top:2px;margin-left:26px}
.wst-shopstr-goods{float:left;margin:0 3px}
.wst-shopstr-goodimg{width:100px;height:100px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shopstr-goodimg a{width:100px;height:100px;display:table-cell;vertical-align:middle}
.wst-shopstr-goodimg a img{max-width:100px;max-height:100px}
.wst-shopstr-goods span{float:left;width:100px;margin-top:1px;text-align:center;color:#000;font-weight:700}
.shopstrPaging{padding:20px 0 50px 480px}
.als-container{position:relative;width:100%;margin:0 auto}
.als-viewport{position:relative;overflow:hidden;margin:0 auto}
.als-wrapper{position:relative;list-style:none}
.als-item{position:relative;display:block;text-align:center;cursor:pointer;float:left}
.als-next,.als-prev{position:absolute;cursor:pointer;clear:both}
.als-item img{width:135px;height:135px;vertical-align:middle}
.als-next,.als-prev{top:40px}
.als-prev{left:-25px}
.als-next{right:-30px}
.distance-icon{display: inline-block; width:20px;height: 20px;background: url('../img/location-icon.png');background-size: 100%;position: relative;top: 5px;left: -5px;}

        /* 主要内容区域样式 */
        .pages {
            padding: 20px 0;
        }

        /* 商家区域样式 */
        .merchant-section {
            margin-bottom: 40px;
        }

        /* 商家信息样式 */
        .merchant-info {
            background-color: #fff;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .merchant-header {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .merchant-avatar {
            flex-shrink: 0;
        }

        .merchant-avatar img {
            height: 80px;
        }

        .merchant-details {
            flex: 1;
        }

        .merchant-name {
            color: #333;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .merchant-description {
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }

        .merchant-stats {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-shrink: 0;
        }

        .stat-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
        }

        .follow-btn {
            background-color: #fe8100;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
        }

        .follow-btn:hover {
            background-color: #b30000;
        }

        .view-more-btn {
            background-color: #f0f0f0;
            color: #666;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.3s;
        }

        .view-more-btn:hover {
            background-color: #fe8100;
            color: white;
        }

        .stat-label {
            font-size: 12px;
            color: #666;
        }

        .stat-value {
            font-size: 16px;
            font-weight: bold;
            color: #fe8100;
        }

        /* 商品展示区域样式 */
        .products-section {
            background-color: #fff;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            overflow: hidden;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid #f0f0f0;
        }

        .section-header h3 {
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        .product-count {
            color: #666;
            font-size: 14px;
        }

        /* 商品网格样式 */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        /* 商品卡片样式 */
        .product-card {
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
            background-color: #fff;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .product-card a {
            display: block;
            text-decoration: none;
            color: inherit;
        }

        .product-image {
            position: relative;
            overflow: hidden;
        }

        .product-card img {
            width: 100%;
            /*height: 200px;*/
            object-fit: cover;
            transition: transform 0.3s;
        }

        .product-card:hover img {
            transform: scale(1.05);
        }

        .product-info {
            padding: 15px;
        }

        .product-title {
            font-size: 14px;
            line-height: 1.4;
            margin-bottom: 8px;
            color: #333;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 40px;
        }

        .product-author {
            font-size: 13px;
            color: #999;
            margin-bottom: 8px;
            font-weight: 500;
        }

        .price-section {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
        }

        .current-price {
            color: #fe8100;
            font-size: 16px;
            font-weight: bold;
        }
        .original-price {
            color: #999;
            text-decoration: line-through;
            font-size: 16px;
        }

        .product-tags {
            margin-bottom: 15px;
        }

        .tag {
            display: inline-block;
            background-color: #f0f0f0;
            color: #666;
            padding: 2px 6px;
            border-radius: 3px;
            font-size: 11px;
            margin-right: 5px;
            margin-bottom: 3px;
        }

        .product-actions {
            display: flex;
            gap: 10px;
            padding: 0 15px 15px;
        }

        .btn-cart,
        .btn-favorite {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid #fe8100;
            cursor: pointer;
            font-size: 13px;
            border-radius: 4px;
            transition: all 0.3s;
        }

        .btn-cart {
            background-color: #fe8100;
            color: white;
        }

        .btn-cart a {
            color: white;
            text-decoration: none;
        }

        .btn-cart:hover {
            background-color: #b30000;
        }

        .btn-favorite {
            background-color: #fff;
            color: #fe8100;
        }

        .btn-favorite a {
            color: #fe8100;
            text-decoration: none;
        }

        .btn-favorite:hover {
            background-color: #fe8100;
            color: white;
        }

        .btn-favorite:hover a {
            color: white;
        }

        /* 搜索区域样式 */
        .search-section {
            background-color: #fff;
            border-radius: 8px;
            padding: 30px;
            margin-top: 30px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            text-align: center;
        }

        .search-form {
            max-width: 600px;
            margin: 0 auto;
        }

        .search-input-group {
            display: flex;
            gap: 0;
            border: 2px solid #fe8100;
            border-radius: 8px;
            overflow: hidden;
        }

        .search-form-input {
            flex: 1;
            padding: 15px 20px;
            border: none;
            outline: none;
            font-size: 16px;
            background-color: #fff;
        }

        .search-form-input::placeholder {
            color: #999;
        }

        .search-form-btn {
            padding: 15px 30px;
            background-color: #fe8100;
            color: white;
            border: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            transition: background-color 0.3s;
        }

        .search-form-btn:hover {
            background-color: #b30000;
        }

        /* 返回顶部按钮 */
        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background-color: #fe8100;
            color: white;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            z-index: 999;
        }

        .back-to-top:hover {
            background-color: #b30000;
            transform: scale(1.1);
        }

        .back-to-top span {
            font-size: 20px;
            font-weight: bold;
        }

        /* 页脚 */
        .footer {
            background-color: #333;
            color: #ccc;
            margin-top: 40px;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
            padding: 40px 0;
        }

        .footer-section h4 {
            color: #fff;
            margin-bottom: 15px;
            font-size: 16px;
        }

        .footer-section ul {
            list-style: none;
        }

        .footer-section li {
            margin-bottom: 8px;
        }

        .footer-section a {
            color: #ccc;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

        .footer-section a:hover {
            color: #fe8100;
        }

        .footer-bottom {
            border-top: 1px solid #555;
            padding: 20px 0;
            text-align: center;
            font-size: 14px;
        }

        /* 响应式设计 */
        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .merchant-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }

            .merchant-stats {
                align-self: stretch;
                justify-content: space-around;
                flex-wrap: wrap;
            }
        }

        @media (max-width: 768px) {
            .container {
                padding: 0 15px;
            }

            .main-nav {
                padding: 10px 0;
            }

            .main-nav .container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
            }

            .logo img {
                height: 35px;
            }

            .search-box {
                flex: 1;
                margin: 0 15px;
                max-width: none;
            }

            .search-input {
                height: 35px;
                font-size: 13px;
                padding: 0 10px;
            }

            .search-btn {
                width: 60px;
                height: 35px;
                font-size: 13px;
            }

            .category-nav .container {
                flex-direction: column;
                align-items: stretch;
            }

            .all-categories {
                width: 100%;
                text-align: center;
                padding: 12px 20px;
            }

            .nav-menu {
                flex-wrap: wrap;
                margin-left: 0;
                margin-top: 0;
                justify-content: center;
                padding: 10px 0;
            }

            .nav-menu li {
                margin-right: 15px;
                margin-bottom: 5px;
            }

            .nav-menu a {
                padding: 8px 0;
                font-size: 14px;
            }

            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }

            .merchant-header {
                text-align: center;
            }

            .merchant-stats {
                gap: 15px;
            }

            .section-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }

            .search-form-input,
            .search-form-btn {
                padding: 12px 15px;
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
            }

            .merchant-info,
            .products-section,
            .search-section {
                padding: 15px;
                height: auto;
            }

            .merchant-avatar img {
                width: 60px;
                height: 60px;
            }

            .merchant-name {
                font-size: 20px;
            }

            .merchant-stats {
                gap: 10px;
            }

            .stat-item {
                min-width: 60px;
            }

            .search-input-group {
                flex-direction: column;
                border-radius: 8px;
            }

            .search-form-input {
                border-bottom: 1px solid #eee;
            }

            .search-form-btn {
                border-radius: 0 0 6px 6px;
            }
        }