.brand-detail .brand-detail-header{background-image:linear-gradient(0deg,#011516,#0f1014);padding:40px 0}.brand-detail .brand-detail-header .el-button--info{background-color:#bababa;border:none}.brand-detail .brand-detail-header .brand-detail-header-content{color:#fff;width:1520px;margin:0 auto;display:flex;justify-content:space-between}.brand-detail .brand-detail-header .brand-detail-header-content .icon{color:#02d6dc;margin-right:5px}.brand-detail .brand-detail-header .brand-detail-header-content h2{font-size:30px;font-weight:400;font-stretch:normal;line-height:40px;letter-spacing:0}.brand-detail .brand-detail-header .brand-detail-header-content p{font-size:14px;margin-top:20px}.brand-detail .brand-detail-header .brand-detail-header-content .description{line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.brand-detail .brand-detail-header .brand-detail-header-content>div:first-of-type{flex:1;margin-right:76px}.brand-detail .brand-detail-header .brand-detail-header-content>div:first-of-type .contact>span:not(:last-child){margin-right:10px}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2){width:264px}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2)>img{display:block;max-height:109px;background:#fff;padding:12px 10px}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2) ul{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:60px}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2) ul .subsidiary img{width:42px;height:42px;margin:0 12px}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2) ul:after{content:"";flex:auto}.brand-detail .hide-header .brand-detail-header-content{opacity:0}.brand-detail .brand-detail-brief{position:fixed;z-index:99;width:100%;padding:20px 0;top:60px;left:0;right:0;display:flex;justify-content:center;align-items:center;color:#fff}.brand-detail .brand-detail-brief h2{margin-right:32px;font-size:30px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-detail .brand-detail-brief img{max-height:40px}.brand-detail .brand-detail-main{display:flex;flex-direction:row}.brand-detail .brand-detail-main .filter-area{flex-shrink:0}.brand-detail .brand-detail-main .product-list-content{flex-shrink:1}.brand-detail .brand-detail-main .filter-tags-area{margin:10px 0}.brand-detail .brand-detail-main .filter-area{width:350px;padding:24px;color:#333;background-color:#fff}.brand-detail .brand-detail-main .filter-area .header>span{font-size:16px}.brand-detail .brand-detail-main .filter-area .filter-switcher>div{margin:12px;padding:0 8px;height:32px;line-height:32px;font-size:14px;background-color:#f8f8f8;position:relative;cursor:pointer}.brand-detail .brand-detail-main .filter-area .filter-switcher>div:after{font-family:iconfont;content:"\e6f1";font-size:16px;position:absolute;right:6px}.brand-detail .brand-detail-main .product-list-content{margin:20px}.brand-detail .brand-detail-main .product-list-content .title{color:#666;font-size:12px;height:32px;line-height:32px}.brand-detail .brand-detail-main .product-list-content .el-select{width:108px;margin-right:16px}.brand-detail .brand-detail-main .product-list-content .el-select .el-input__inner{height:32px;background-color:transparent}.el-button.el-button--default{color:#666;border-color:#ddd;background-color:transparent}.el-button.el-button--default:focus,.el-button.el-button--default:hover{color:#02d6dc;border-color:#02d6dc;background-color:transparent}.el-button.el-button--default:active{color:#00c4c9;border-color:#00c4c9;background-color:transparent}.el-button.el-button--primary{color:#fff;border-color:#02d6dc;background-color:#02d6dc}.el-button.el-button--primary:focus,.el-button.el-button--primary:hover{color:#fff;border-color:#01e1e8;background-color:#01e1e8}.el-button.el-button--primary:active{color:#fff;border-color:#00c4c9;background-color:#00c4c9}.el-button.el-button--warning{color:#fff;border-color:#ff8080;background-color:#ff8080}.el-button.el-button--warning:focus,.el-button.el-button--warning:hover{color:#fff;border-color:#ff9595;background-color:#ff9595}.el-button.el-button--warning:active{color:#fff;border-color:#ff6565;background-color:#ff6565}.el-button.el-button.is-disabled,.el-button.el-button.is-disabled:active,.el-button.el-button.is-disabled:focus,.el-button.el-button.is-disabled:hvoer{color:#ccc;border-color:#ddd;background-color:#eee}.el-button.el-button--text{border-style:none;color:#333}.el-button.el-button--text:active,.el-button.el-button--text:focus,.el-button.el-button--text:hover{color:#02d6dc}.el-input .el-input__inner:focus{border-color:#02d6dc}@font-face{font-family:YouSheBiaoTiHei;src:url(../fonts/YouSheBiaoTiHei-2.1726685c.ttf)}.record_n_varchar a{margin-left:12px;color:#aaa}.record_n_varchar a:hover{margin-left:12px;color:#02d6dc}@media screen and (max-width:1120px){.brand-detail .brand-detail-main .filter-area{width:auto;padding:24px 32px}.brand-detail .product-list-content{margin:0!important;margin-top:85px!important;width:100%}.brand-detail .card-container_warp>img{max-width:100%}.brand-detail .brand-detail-brief{top:48px;height:60px;padding:10px 0}.brand-detail .brand-detail-header .brand-detail-header-content{width:calc(100% - 64px);flex-wrap:wrap}.brand-detail .brand-detail-header .brand-detail-header-content .el-button{width:100%!important}.brand-detail .brand-detail-header .brand-detail-header-content .description{display:initial!important}.brand-detail .brand-detail-header .brand-detail-header-content>div:first-of-type{flex:initial;margin-right:0;margin-bottom:18px}.brand-detail .brand-detail-header .brand-detail-header-content>div:first-of-type .contact>span{display:block;margin-bottom:5px}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2){width:auto}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2) ul{padding-top:0}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2) ul img{width:34px!important;height:34px!important;margin:0 4px!important}.brand-detail .brand-detail-header .brand-detail-header-content>div:nth-of-type(2)>img{max-width:82px;height:34px;width:auto;float:left;padding:0}.brand-detail .list-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 32px}.brand-detail .list-nav .el-select{margin-right:0!important}}