#app .product-box .have-product,#app .software-box{-ms-grid-columns:420px 420px 420px 420px;grid-template-columns:420px 420px 420px 420px;grid-gap:40px}#app{min-height:100vh;position:relative}#app .filter-box,#app .product-select{position:fixed;z-index:1;box-sizing:border-box;font-weight:700}#app .product-select{top:60px;right:60px;margin:0;width:128px;height:56px;background-color:#FFF;border:1px solid #CCC;border-radius:8px;font-size:24px;color:#333;line-height:56px;background-image:url(/content/images/filtrate.png);background-size:24px 24px;background-repeat:no-repeat;background-position:top 16px left 24px;padding:0 0 0 56px;cursor:pointer}#app .product-select:hover{background-color:#f5f5f5}#app .filter-box{top:0;right:0;width:640px;height:100vh;background-color:#fff;padding-left:40px;box-shadow:-4px 0 12px 0 rgba(0,0,0,.1),inset 1px 0 0 0 #E6E6E6;transition:all .5s}#app .filter-box .filter-title{font-size:24px;color:#333;line-height:40px;padding:40px 0 24px;margin:0;background-color:rgba(255,255,255,.9)}#app .filter-box .filter-zone{height:calc(100vh - 104px);overflow-y:scroll}#app .filter-box .filter-zone .filter-line{display:-ms-flexbox;display:flex;margin-bottom:32px}#app .filter-box .filter-zone .filter-line .filter-subtitle{width:120px;margin:24px 0 0;font-size:20px;color:#333;line-height:48px}#app .filter-box .filter-zone .filter-line .filter-type{width:474px}#app .filter-box .filter-zone .filter-line .filter-type .filter-item{float:left;height:48px;background:#F5F5F5;border-radius:8px;font-size:20px;color:#333;text-align:center;line-height:48px;padding:0 16px;margin:24px 0 0 24px;cursor:pointer}#app .filter-box .filter-zone .filter-line .filter-type .filter-item.active{background:#08F;color:#FFF}#app .product-box{width:1800px;margin:0 auto}#app .product-box .have-product{display:-ms-grid;display:grid;position:relative}#app .product-box .have-product .product-link{display:block}#app .product-box .have-product .product-link .product-item{width:420px;height:588px;background-color:#fff}#app .product-box .have-product .product-link .product-item .product-top{width:420px;height:472px;background:#F5F5F5;border-radius:8px;box-sizing:border-box;padding:104px 78px}#app .product-box .have-product .product-link .product-item .product-top .product-image{display:block;width:264px}#app .product-box .have-product .product-link .product-item .product-bottom{width:420px;height:116px}#app .product-box .have-product .product-link .product-item .product-bottom .product-name{font-size:20px;color:#333;line-height:32px;margin:24px 0 8px;font-weight:700}#app .product-box .have-product .product-link .product-item .product-bottom .product-model{font-size:20px;color:#333;line-height:32px}#app .product-box .no-product{position:relative}#app .product-box .no-product .empty{margin-top:222px}#app .product-box .no-product .empty .empty-image{width:240px;height:240px;display:block;margin:0 auto}#app .product-box .no-product .empty .empty-word{font-size:20px;color:#999;letter-spacing:0;text-align:center;line-height:32px;margin-top:20px}#app .software-box{display:-ms-grid;display:grid;position:relative;width:1800px;margin:0 auto}#app .software-box .software-link{display:block}#app .software-box .software-link .software-item{width:420px;height:588px;background-color:#fff}#app .software-box .software-link .software-item .software-top{width:420px;height:472px;background:#F5F5F5;border-radius:8px;box-sizing:border-box}#app .software-box .software-link .software-item .software-top .software-image{display:block;width:100%;height:100%}#app .software-box .software-link .software-item .software-bottom{width:420px;height:116px}#app .software-box .software-link .software-item .software-bottom .software-name{font-size:20px;color:#333;line-height:32px;margin:24px 0 8px;font-weight:700}#app .software-box .software-link .software-item .software-bottom .software-model{font-size:20px;color:#333;line-height:32px}