body{background:var(--color-module)}section.container{margin-top:15px;font-size:0}section.container .breadcrumbs ul{background:#fff;height:46px;line-height:48px;padding:0 15px;margin:10px 0}section.container .breadcrumbs ul .tpd{text-transform:uppercase}section.container .search-title{font-size:14px;color:var(--color-base)}section.container .search-title span{font-size:22px;font-style:oblique;margin-right:2px}section.container .search-title i{font-size:22px;color:var(--color-error)}section.container .search-null{font-size:14px;background:#fff;border-radius:4px;text-align:center;padding:110px 0}section.container .search-null img{max-width:300px}section.container .search-null .text{margin-top:20px;line-height:22px;color:var(--color-light)}section.container .search-null .text span{font-size:20px;font-weight:600;color:var(--color-error)}section.container .filter{width:240px;display:inline-block;vertical-align:top;font-size:14px;position:relative}section.container .filter .layui-form{padding:8px 15px 10px;background:#fff;margin-bottom:10px;border-right:4px}section.container .filter .layui-form .title{font-size:14px;text-transform:uppercase;border-bottom:1px solid #f1f1f1;color:#666;height:30px;line-height:30px;margin-bottom:10px;font-weight:600}section.container .filter .layui-form .item{display:flex;height:28px;align-items:center;justify-content:space-between}section.container .filter .layui-form .item .layui-form-checked[lay-skin=primary] i{border-color:var(--color-active) !important;background-color:var(--color-active);color:#fff}section.container .filter .layui-form .item .layui-form-checkbox[lay-skin=primary]{width:100%;padding-left:24px;height:28px !important;line-height:28px !important}section.container .filter .layui-form .item .layui-form-checkbox[lay-skin=primary] span{line-height:28px}section.container .filter .layui-form .item .layui-form-checkbox[lay-skin=primary] i{border-radius:50%;width:20px;height:20px;line-height:20px;transform:scale(0.72);top:3px}section.container .filter .layui-form .item .layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--color-active)}section.container .filter .layui-form .item .layui-form-checkbox[lay-skin=primary]:hover span{transition:all .3s;color:var(--color-active)}section.container .filter .layui-form .item span:last-child{float:right;color:var(--color-base);margin-right:4px}section.container .filter .layui-form .item:hover span:last-child{color:var(--color-active)}section.container .filter .layui-form.brand{max-height:366px;overflow:hidden;position:relative}section.container .filter .layui-form.brand .brand-more{display:none;font-size:12px;color:var(--color-light);text-align:center;border-top:1px dashed #eee;height:34px;line-height:35px;cursor:pointer;position:absolute;bottom:0;left:15px;background:#fff;width:calc(100% - 30px)}section.container .filter .layui-form.brand .brand-more:hover{color:var(--color-active)}section.container .filter .layui-form.brand.toggle{max-height:none}section.container .filter .layui-form.brand.toggle .brand-more{width:100%;position:static;margin-top:10px;line-height:40px}section.container .filter .layui-form .box-input{display:flex;height:28px;align-items:center;justify-content:space-between}section.container .filter .layui-form .box-input .layui-form-mid{margin:0 10px}section.container .filter .layui-form .box-input .layui-input{flex:1;height:32px;border-radius:4px;margin-top:6px;font-size:12px;background:#f6f7f8;border:none}section.container .filter .layui-form #priceSubmit{width:100%;height:32px;font-size:12px;padding:0;line-height:34px;margin:14px 0 6px;border-radius:4px}section.container .filter .layui-form.ad{padding:10px;font-size:0}section.container .filter .layui-form.ad a{display:inline-block;overflow:hidden;width:100%;text-align:center}section.container .filter .layui-form.ad a img{transition:all .6s}section.container .filter .layui-form.ad a:hover img{transform:scale(1.1)}section.container .product{display:inline-block;width:calc(100% - 255px);font-size:14px;margin-left:15px}section.container .product>div{background:#fff}section.container .product .product-head{display:flex;justify-content:space-between;padding:0 15px;height:48px;align-items:center;padding-top:2px;background:#fff;margin-bottom:10px}section.container .product .product-head h2{font-size:16px;color:#606266;font-weight:600}section.container .product .product-head h2.isSearch{text-transform:capitalize}section.container .product .product-head h2.tpd{text-transform:uppercase}section.container .product .product-head .sort div{height:44px;line-height:44px;font-size:14px;color:#909399;padding:0 10px;margin-top:-2px;transition:all .3s;display:inline-block;position:relative;cursor:pointer}section.container .product .product-head .sort div::before{content:"";transition:all .4s;height:2px;width:0;position:absolute;left:0;bottom:0;background:var(--color-active);display:inline-block;border-radius:20px}section.container .product .product-head .sort div .indicate{display:flex;flex-direction:column;justify-content:center;align-items:center;float:right;height:44px;margin-left:3px}section.container .product .product-head .sort div .indicate i{display:inline-block;border:4px solid transparent;border-bottom-color:#a8a9ad;margin:1px}section.container .product .product-head .sort div .indicate i:last-child{transform:rotateZ(180deg)}section.container .product .product-head .sort div .indicate i.active{border-bottom-color:var(--color-active)}section.container .product .product-head .sort div.active,section.container .product .product-head .sort div:hover{color:var(--color-active);background:#f7f9fc;border-radius:4px}section.container .product .product-head .sort div.active::before,section.container .product .product-head .sort div:hover::before{width:100%}section.container .product .product-head .sort div:hover .indicate i{border-bottom-color:var(--color-active)}section.container .product .product-list{display:flex;flex-wrap:wrap;padding:10px}section.container .product .product-list .empty{width:100%;text-align:center;padding:100px 0}section.container .product .product-list .empty img{display:inline-block;max-width:300px}section.container .product .product-list .product-box{width:20%;padding:5px}section.container .product .product-list .product-box .product-item{height:100%;position:relative;background:#fff;transition:all .3s;border:1px solid #f6f7f8;z-index:9}section.container .product .product-list .product-box .product-item:hover{transform:translate3d(0, -5px, 0);-o-transform:translate3d(0, -5px, 0);-ms-transform:translate3d(0, -5px, 0);-moz-transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);box-shadow:0 2px 15px #e3e3e3}section.container .product .product-list .product-box .product-item .promotion{position:absolute;bottom:0;left:0;width:100%;color:#fff;font-size:13px;overflow:hidden;display:flex;align-items:flex-end}section.container .product .product-list .product-box .product-item .promotion .off{background:red;height:34px;width:50px;text-align:center;border-radius:0 10px 0 0;padding:4px 0;margin-right:-4px;font-size:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around}section.container .product .product-list .product-box .product-item .promotion .off span{display:block}section.container .product .product-list .product-box .product-item .promotion .giveaway{flex:1;background:#ff4343db;height:26px;line-height:26px;padding:0 6px 0 12px;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:12px}section.container .product .product-list .product-box .product-item .img-box{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:193px;height:193px}section.container .product .product-list .product-box .product-item .img-box img{transition:all .5s;transform:translateZ(0) scale(0.9)}section.container .product .product-list .product-box .product-item .img-box:hover img{transform:translateZ(0) scale(1)}section.container .product .product-list .product-box .product-item .stock-status{margin-top:4px;padding-top:1px;overflow:hidden;margin-bottom:-6px;padding-right:2px}section.container .product .product-list .product-box .product-item .stock-status .stock-status-item{text-align:center;float:right}section.container .product .product-list .product-box .product-item .info{padding:16px 10px 34px;color:#303030;font-size:13px}section.container .product .product-list .product-box .product-item .info h3{height:auto;font-size:13px;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-base);line-height:20px;margin-bottom:5px;font-weight:600}section.container .product .product-list .product-box .product-item .info h3 a{color:var(--color-base);cursor:pointer;transition:all .2s;font-family:Arial}section.container .product .product-list .product-box .product-item .info h3 a:hover{color:var(--color-bg);text-shadow:0 0 2px #ccc}section.container .product .product-list .product-box .product-item .info .price{height:20px;text-align:center;position:absolute;width:calc(100% - 20px);bottom:10px}section.container .product .product-list .product-box .product-item .info .price span{font-size:18px;color:var(--color-price);font-weight:600}section.container .product .product-list .product-box .product-item .info .price span.original{font-size:14px;color:#c5c5c5;text-decoration:line-through;margin-left:4px;font-weight:400}section.container .product .product-list .product-box .product-item .info .price-null{height:20px;line-height:20px;font-size:12px;color:#dd524d;text-transform:uppercase;position:absolute;bottom:10px;width:calc(100% - 20px);text-align:center}section.container .product .product-list .product-box .product-item .info .price-null i{font-size:12px}section.container .product .product-list .product-box .product-item .tag{position:absolute;background:linear-gradient(to right, #ff8500, #ff0000);top:8px;right:4px;color:#fff;text-align:center;padding:0 8px;min-width:50px;height:20px;line-height:22px;font-size:11px;border-radius:20px}section.container .product .product-list .product-box .product-item .tag.NEW{left:4px;right:auto;background:#f2c223}section.container .product .product-list .product-box .product-item .tag.TPD{left:4px;right:auto;background:#0068b7}section.container .product .product-list .product-box .product-item .tag.giveaway{padding:0 10px;width:auto}section.container .product .page{padding:10px 25px 25px;text-align:center;font-size:0}section.container .product .page a{overflow:hidden;display:inline-block;padding:0 4px}section.container .product .page span{height:28px;line-height:30px;min-width:30px;font-size:12px;border-radius:2px;padding:0 4px;color:var(--color-dark);background:#f7f9fc;display:inline-block;text-align:center;cursor:pointer;transition:all .3s}section.container .product .page span.active,section.container .product .page span:hover{color:#fff;background:var(--color-active)}section.container .product .tags{margin-top:10px;padding:15px 15px 6px}section.container .product .tags a{display:inline-block;background:#f7f9fc;margin:0 8px 8px 0;padding:6px 14px 5px;border-radius:4px;font-size:13px;color:#909399;transition:all .3s}section.container .product .tags a:hover{background:var(--color-active);color:#fff}@media screen and (max-width: 1350px){section.container .product .product-list .product-box{width:25%}section.container .product .product-list .product-box .product-item .stock-status{padding-right:10px}section.container .product .product-list .product-box .product-item .img-box{width:208px;height:208px}}@media screen and (max-width: 1240px){section.container .filter{width:200px}section.container .product{width:calc(100% - 215px)}section.container .product .product-list .product-box .product-item .stock-status{padding:0 2px}section.container .product .product-list .product-box .product-item .stock-status .stock-status-item{width:50%}section.container .product .product-list .product-box .product-item .img-box{width:179px;height:179px}}/*# sourceMappingURL=goods_list.css.map */