.comp-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}.comp-content .toolbar{position:sticky;top:0;background:#fafafa;width:100%;min-height:56px;box-shadow:0 0 5px rgba(0,0,0,.1);border-bottom:1px solid #e9e9e9;z-index:2;padding:0 15px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.comp-content .toolbar .title-box{cursor:pointer;display:flex;align-items:center}.comp-content .toolbar .tool-box{display:flex;align-items:center;padding:5px 0 5px 20px}.comp-content .toolsbarRight{align-items:center}.comp-content .toolsbarRight button,.comp-content .toolsbarRight div{margin:5px 0 5px 8px!important}.comp-content>.content-box{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;flex-grow:1}.comp-content>.content-box>.table-box{flex-grow:1;padding:0 10px 10px;overflow:hidden}.comp-content>.content-box>.content{flex-grow:1;padding:0 10px;overflow:auto;display:flex;flex-direction:column}.comp-content>.content-box>.search-box{position:relative;padding:8px 10px;display:flex;align-items:center;flex-wrap:wrap;flex-shrink:0;z-index:30}.comp-content>.content-box>.search-box .search>div{display:inline-block;margin:5px 8px 5px 0!important;width:auto;min-width:200px;max-width:500px}.comp-content>.content-box>.search-box .btn{margin:5px 10px 5px 0}.comp-content>.content-box>.search-box .btn:last-child{margin-right:0}.comp-content>.content-box>.error-box{margin:10px}.comp-content .search{padding-right:10px}.comp-content .search .ivu-form-item{margin:5px 10px 5px 0!important}.comp-content .button-box{display:flex;flex-wrap:wrap;justify-content:flex-end}.comp-content .button-box>button,.comp-content .button-box>div{margin:3px 0 3px 5px}.elem-section{display:flex;align-items:center}.elem-section>.title{margin-right:10px}.elem-section .range-box{display:flex;align-items:center;justify-content:space-between}.elem-section .range-box .p{margin:0 10px}.elem-section .range-box .range{width:150px}.shop-selection-goods .toolsbarRight{align-items:center}.shop-selection-goods .toolsbarRight button,.shop-selection-goods .toolsbarRight div{margin:5px 0 5px 8px!important}.shop-selection-goods .content-box{position:fixed;top:60px;left:0;right:0;bottom:0;overflow-y:auto;background:#f9f9f9}.shop-selection-goods .search-box{margin:10px 20px;padding:0 10px;background:#fff;border-radius:8px}.shop-selection-goods .search-box .search-item{padding:10px 10px 10px 0;display:flex;width:100%;border-bottom:1px solid #f3f3f3}.shop-selection-goods .search-box .search-item:last-child{border-bottom:0}.shop-selection-goods .search-box .search-item>.title{line-height:32px;margin:2px 10px 2px 10px;flex-shrink:0;font-size:13px;color:#888}.shop-selection-goods .search-box .search-item .elem-box{flex-grow:1;display:flex;flex-wrap:wrap}.shop-selection-goods .search-box .search-item .elem-box>div{margin:2px 20px 2px 0}.shop-selection-goods .search-box .search-item .elem-box .item{margin-right:20px}.shop-selection-goods .search-box .search-item .elem-box .item>div{margin-top:4px}.shop-selection-goods .search-box .search-item .elem-box .item>div:first-child{margin-top:0}.shop-selection-goods .sort-box{padding:10px 0;margin:10px 20px;background:#fff;border-radius:8px;display:flex;align-items:center}.shop-selection-goods .sort-box .item{cursor:pointer;position:relative;padding:0 40px 0 30px;border-right:1px solid #f3f3f3;font-size:13px;color:#9f9f9f}.shop-selection-goods .sort-box .item:last-child{border-right:0}.shop-selection-goods .sort-box .item:after{top:1px;border-top:4px solid transparent;border-bottom:4px solid #cdcdcd}.shop-selection-goods .sort-box .item:after,.shop-selection-goods .sort-box .item:before{content:"";position:absolute;right:24px;border-right:4px solid transparent;border-left:4px solid transparent}.shop-selection-goods .sort-box .item:before{bottom:1px;border-top:4px solid #cdcdcd;border-bottom:4px solid transparent}.shop-selection-goods .sort-box .item.ac{color:#333}.shop-selection-goods .sort-box .item.not-sort-type{padding-right:30px}.shop-selection-goods .sort-box .item.not-sort-type:after,.shop-selection-goods .sort-box .item.not-sort-type:before{display:none}.shop-selection-goods .sort-box.desc .ac:after{border-bottom-color:#777}.shop-selection-goods .sort-box.asc .ac:before{border-top-color:#777}.shop-selection-goods .commodity-box{width:100%;padding:0 10px 10px;display:flex;flex-wrap:wrap;box-sizing:border-box}.shop-selection-goods .commodity-box .commodity-item{position:relative;width:calc(25% - 12px);margin:6px}@media (min-width:1200px){.shop-selection-goods .commodity-box .commodity-item{width:calc(16.66667% - 12px)}}@media (min-width:1800px){.shop-selection-goods .commodity-box .commodity-item{width:calc(14.28571% - 12px)}}@media (min-width:2000px){.shop-selection-goods .commodity-box .commodity-item{width:388px}}.shop-selection-goods .commodity-box .commodity-item .select-box{position:absolute;top:10px;left:10px;width:20px;height:20px;border:2px solid #888;border-radius:6px;z-index:10;background:#fff;display:flex;align-items:center;justify-content:center}.shop-selection-goods .commodity-box .commodity-item .select-box .icon{visibility:hidden;font-size:16px;font-weight:700}.shop-selection-goods .commodity-box .commodity-item .item-box{width:calc(100% - 2px);border:2px solid #f3f3f3;border-radius:8px;overflow:hidden;background:#fff}.shop-selection-goods .commodity-box .commodity-item .item-box .photo{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-bottom:1px solid #f3f3f3}.shop-selection-goods .commodity-box .commodity-item .item-box .photo .img-box{position:absolute;top:0;left:0;right:0;bottom:0;background-size:contain;background-repeat:no-repeat;background-position:50%;transition:all .3s ease}.shop-selection-goods .commodity-box .commodity-item .item-box>.name{color:#333;margin:10px 10px 10px 10px;text-align:center;height:44px;line-height:22px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-moz-box;-moz-line-clamp:2;overflow-wrap:break-word;word-break:break-all;white-space:normal;overflow:hidden}.shop-selection-goods .commodity-box .commodity-item .item-box .info{padding:10px;display:flex;height:70px;border-top:1px solid #f3f3f3}.shop-selection-goods .commodity-box .commodity-item .item-box .info .item{flex:1;border-right:1px solid #f3f3f3;display:flex;flex-direction:column;align-items:center;justify-content:center}.shop-selection-goods .commodity-box .commodity-item .item-box .info .item:last-child{border-right:0}.shop-selection-goods .commodity-box .commodity-item .item-box .info .item .name{color:#888;font-size:12px}.shop-selection-goods .commodity-box .commodity-item .item-box .info .item .value{color:#2d8cf0;font-size:14px}.shop-selection-goods .commodity-box .commodity-item.selected .item-box{border-color:#ecb7b7;box-shadow:0 0 10px rgba(0,0,0,.1)}.shop-selection-goods .commodity-box .commodity-item.selected .select-box .icon{visibility:initial}.shop-selection-goods .commodity-box .empty{text-align:center;width:100%;margin-top:50px;color:#888;font-size:14px}.shop-selection-goods .selected-base{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:30}.shop-selection-goods .selected-base .selected-box{position:absolute;top:0;right:0;bottom:0;width:400px;background:#f9f9f9;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:10px 0 0 10px;overflow:hidden}.shop-selection-goods .selected-base .selected-box .cart-box{width:100%;height:calc(100% - 62px);overflow-y:auto}.shop-selection-goods .selected-base .selected-box .cart-card{display:flex;padding:10px;margin:10px;background:#fff;border-radius:10px}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre{display:flex;align-items:center;flex-grow:1;overflow:hidden}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-img{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-img .img{width:100%;height:100%}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-img .out-stock{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,58.8%,.5)}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-img .out-stock:after{content:"无货";position:absolute;top:30px;left:30px;right:30px;bottom:30px;background:rgba(62,62,62,.8);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-content{position:relative;box-sizing:border-box;padding-left:10px;margin:5px 0;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-content .content-text{display:-webkit-box;width:100%;font-size:14px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-content .price{margin-top:4px;width:100%;box-sizing:border-box;vertical-align:bottom;display:flex;flex-wrap:wrap;flex-grow:1;align-items:flex-end}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-content .price .item{display:flex;align-items:center;font-size:12px;margin-right:15px;margin-top:2px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .card-centre-content .price .item .p{color:red;margin-left:3px}.shop-selection-goods .selected-base .selected-box .cart-card .card-centre .close{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:5px 10px 5px 10px;font-size:20px;margin-left:10px}.shop-selection-goods .selected-base .selected-box .empty-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shop-selection-goods .selected-base .selected-box .btns-box{position:absolute;bottom:0;width:100%;background:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 8px rgba(0,0,0,.2)}.shop-selection-goods .selected-base .selected-box .btns-box .btn{width:calc(33.33% - 5px);box-sizing:border-box}