.top-wrap,.w1200{width:1200px}.top-wrap{padding-top:20px;margin:0 auto 20px;user-select:none}.top-wrap .title-wrap{display:flex;justify-content:space-between;align-items:center;height:58px;margin-bottom:17px}.top-wrap .title-wrap .title{font-size:28px;font-weight:700;color:#000}.top-wrap .title-wrap a{height:34px;padding:0 13px 0 18px;font-size:12px;font-weight:400;color:#000;text-align:center;line-height:32px;background:rgba(239,240,239,0);border:1px solid #B2B2B2}.brand-info-wrap,.top-wrap .brand-wrap{position:relative;height:320px;width:100%}.top-wrap .title-wrap a:hover{background:#000;color:#fff}.brand-info-wrap{overflow:hidden;border-radius:12px}.brand-info-wrap .brand-info-item{width:100%;height:100%;position:absolute;left:0;top:0;padding-left:156px;opacity:0;transition:all 1s}.brand-info-wrap .brand-info-item.active{opacity:1;z-index:2}.brand-info-wrap .bg-img{position:absolute;top:0;left:0;width:300px;height:320px}.brand-info-wrap .info-wrap{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding-left:26px;border-radius:12px;background:rgba(231,231,231,.9)}.brand-info-wrap .info-wrap .info-top{width:220px;margin-bottom:16px}.brand-info-wrap .info-wrap .info-top .brand-icon{width:46px;height:46px;margin-right:10px;border-radius:50%}.brand-info-wrap .info-wrap .info-top .brand-name{font-size:16px;font-weight:400;color:#000;line-height:46px}.brand-info-wrap .info-wrap .info-top .brand-a{float:right;height:28px;padding:0 16px 0 18px;margin-top:9px;font-size:14px;font-weight:400;color:#000;text-align:center;line-height:26px;border:1px solid #222;border-radius:3px}.brand-info-wrap .info-wrap .info-top .brand-a:hover{background:#000;color:#fff}.brand-info-wrap .info-wrap .para{width:220px;font-size:12px;font-weight:400;color:#666;line-height:20px;text-align:justify}.brand-img-swiper{position:absolute;right:18px;top:60px;z-index:3;width:720px;height:200px;padding:0 40px;overflow:hidden}.brand-img-swiper .swiper{width:640px}.brand-img-swiper .swiper-slide{width:200px;height:200px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid transparent;cursor:pointer}.brand-img-swiper .swiper-slide.active{border-color:#222}.brand-img-swiper .swiper-slide img{width:100%;height:100%}.brand-img-swiper .swiper-button::after{display:none}.brand-img-swiper .swiper-button-prev{background:url(/images/main/brand/icon-left.png) center/16px 26px no-repeat;left:0;right:auto}.brand-img-swiper .swiper-button-next{background:url(/images/main/brand/icon-left.png) center/16px 26px no-repeat;left:auto;right:0;transform:rotate(180deg)}.main{padding:60px 0 50px;background:linear-gradient(to bottom,#fff 0,#F6F6F6 236px,#F6F6F6 100%)}.main .title-wrap{margin-bottom:30px}.main .title-wrap .title{font-size:28px;font-weight:700;color:#000}.main .title-wrap .small{font-size:14px;font-weight:400;color:#666}.cate-wrap{padding:34px 30px 12px 32px;margin-bottom:20px;background:#fff;border-radius:10px}.cate-wrap .cate-cont .cate-cont-item{display:flex;font-size:14px;line-height:50px}.cate-wrap .cate-cont .cate-cont-item.brand-wrap{margin-bottom:16px}.cate-wrap .cate-cont .cate-cont-item.brand-wrap ul{padding:0}.cate-wrap .cate-cont .cate-cont-item.border-bottom ul{border-bottom:1px solid #EEE}.cate-wrap .cate-cont .cate-cont-item .label{flex-shrink:0;width:122px;color:#999}.cate-wrap .cate-cont .cate-cont-item .label.brand-label{line-height:1}.cate-wrap .cate-cont .cate-cont-item ul{display:flex;flex-wrap:wrap;width:calc(100% - 78px);padding:8px 0}.cate-wrap .cate-cont .cate-cont-item ul li{flex-shrink:0;padding:0 20px;cursor:pointer;user-select:none;line-height:34px;color:#666}.cate-wrap .cate-cont .cate-cont-item ul li.active{color:#CC9756}.cate-wrap .cate-cont .cate-cont-item ul li.brand-item{display:flex;align-items:center;justify-content:center;width:130px;height:65px;padding:0;font-size:18px;background:#fff;border:1px solid #DDD;border-right:none;overflow:hidden}.cate-wrap .cate-cont .cate-cont-item ul li.brand-item:last-child,.cate-wrap .cate-cont .cate-cont-item ul li.brand-item:nth-child(7n){border-right:1px solid #DDD}.cate-wrap .cate-cont .cate-cont-item ul li.brand-item:nth-child(n+8){border-top:none}.cate-wrap .cate-cont .cate-cont-item ul li.brand-item.active{border:2px solid #CC9756}.cate-wrap .cate-cont .cate-cont-item ul li.brand-item img{width:100%}.cate-wrap .cate-cont .cate-cont-item ul li.brand-item:hover{box-shadow:0 0 27px 3px rgba(62,62,62,.06)}.cate-wrap .cate-cont .cate-cont-item .line-2{max-height:84px;overflow:hidden}.pro-wrap{padding:0 20px}.sort-bar{display:flex;align-items:center;height:74px;padding:12px 10px;margin-bottom:20px;background:#FFF;border-radius:10px;overflow:hidden}.sort-bar .sort-nav-menu{display:flex;height:50px;margin-right:20px}.sort-bar .sort-nav-menu .menu-item{padding:0 22px;font-size:14px;color:#666;height:50px;line-height:50px;border-radius:12px;cursor:pointer;user-select:none}.sort-bar .sort-nav-menu .menu-item.active{background:#f4f4f4;color:#333;font-weight:700}.sort-bar .sort-nav-menu .i-price{position:relative;top:-1px;display:inline-block;width:12px;height:17px;background:url(/images/main/brand/icon-arrow.png) center/12px 17px no-repeat}.sort-bar .sort-nav-menu .i-price.up{background-image:url(/images/main/brand/icon-arrow-up.png)}.sort-bar .sort-nav-menu .i-price.down{background-image:url(/images/main/brand/icon-arrow-down.png)}.sort-bar .price-range{display:flex;align-items:center;height:50px}.sort-bar .price-range input{width:60px;height:36px;background:#FFF;border-radius:10px;margin-top:0;padding-left:24px;padding-right:4px;text-align:left}.sort-bar .price-range span{display:block;width:10px;height:1px;background:#999;margin:0 10px;position:relative;padding:0}.sort-bar .price-range span::after,.sort-bar .price-range span::before{content:'￥';display:block;color:#666;position:absolute;top:50%;transform:translateY(-50%);font-size:14px;font-weight:400}.sort-bar .price-range span::before{left:-62px}.sort-bar .price-range span::after{left:28px}.sort-bar .confirm-btn{width:60px;height:30px;margin-left:10px;font-size:14px;font-weight:400;color:#FFF;text-align:center;line-height:30px;background:#333;border-radius:10px;cursor:pointer;user-select:none}.brand-banner{width:100%;height:160px;display:none;margin-bottom:24px;overflow:hidden;text-align:center}.brand-banner img{height:100%}.pro-list{display:flex;flex-wrap:wrap;min-height:410px}.pro-list .pro-item{position:relative;width:224px;height:366px;margin:0 20px 24px 0;background:#fff}.pro-list .pro-item:nth-of-type(5n){margin-right:0}.pro-list .pro-item .img-box{width:224px;height:224px;overflow:hidden}.pro-list .pro-item .img-box img{width:100%;height:100%;transition:all 1s}.pro-list .pro-item .brand-img{position:relative;display:flex;align-items:center;width:120px;height:60px;margin:-26px auto 11px;background:#FFF;border:1px solid #DDD;overflow:hidden}.pro-list .pro-item .brand-img img{width:100%}.pro-list .pro-item .para-1{overflow:hidden;height:36px;padding:0 13px;margin-bottom:16px;font-size:12px;font-weight:400;color:#666;line-height:18px;text-align:justify}.pro-list .pro-item .price-wrap{display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:400;color:#222}.pro-list .pro-item .price-wrap .icon{width:64px;height:22px;margin-right:4px;border-radius:11px}.pro-list .pro-item .price-wrap small{position:relative;right:-3px}.pro-list .pro-item .btn-wrap{position:absolute;left:0;bottom:-44px;z-index:1;display:none;justify-content:center;align-items:center;width:100%;height:60px;background:#fff}.pro-list .pro-item .btn-wrap .btn{width:190px;height:38px;font-size:14px;font-weight:400;color:#B77C33;line-height:36px;text-align:center;background:rgba(204,151,86,0);border:1px solid #CC9756}.pro-list .pro-item:hover .img-box img{transform:scale(1.1)}.pro-list .pro-item:hover .btn-wrap{display:flex}.no-data,.paginations-wrap{display:none}.pro-list .pro-item-holder .brand-img{background:#f5f5f5;border:none}.pro-list .pro-item-holder .para-1{width:198px;height:36px;margin-left:13px;margin-bottom:16px;background:#f5f5f5}.pro-list .pro-item-holder .price-wrap{width:120px;height:28px;margin:0 auto;background:#f5f5f5}.no-data{width:100%;padding:100px 0;text-align:center}.no-data p{margin-top:10px}.paginations{height:74px;border-radius:10px}