.spp{padding:16px 0}.spp .spp-box{background:#f5f5f5;border:1px solid #ededed;border-radius:5px;display:flex;height:830px;justify-content:space-between;margin:auto;padding:18px;width:1080px}.spp .spp-box .product-area{display:flex;flex-direction:column;width:480px}.spp .spp-box .product-area .list-wrapper{flex:1;margin-top:12px;overflow:hidden}.spp .spp-box .product-area .list-wrapper .list{height:100%;overflow-y:auto}.spp .spp-box .product-area .list-wrapper .list::-webkit-scrollbar{all:unset;height:2px;width:2px}.spp .spp-box .product-area .list-wrapper .list::-webkit-scrollbar-thumb{background-color:#c1c1c1}.spp .spp-box .product-area .list-wrapper .list-item-loading{margin:40px 0;text-align:center}.spp .spp-box .form-area{background:#fff;border-radius:3px;height:785px;padding:22px;width:550px}.spp .spp-box .form-area .el-form-item{margin-bottom:15px}.spp .spp-box .form-area .el-form-item__error{padding-top:3px}.spp .spp-box .form-area .block-title{border-bottom:1px solid #f0f0f0;color:#1a1f1b;font-size:18px;font-weight:700;margin-bottom:24px;padding-bottom:16px}.spp .spp-box .form-area .product-setting{height:410px}.spp .spp-box .form-area .btn-block{margin-top:54px;text-align:center}.spp .spp-box .form-area .btn-block .el-button{background:linear-gradient(90deg,#2d6cff,#759eff);border:none;border-radius:5px;height:54px;width:196px}.spp .spp-box .form-area .btn-block .el-button:hover{background:linear-gradient(90deg,#2d6cff,#2d6cff)}.spp .spp-box .form-area .el-select{width:100%}.spp .spp-box .form-area .el-checkbox{background:#eef2ff;border:1px solid #aec1ff;border-radius:3px;color:#3770ff;font-size:12px;font-weight:400;height:34px;line-height:32px;margin-right:0;padding:0;text-align:center;width:100px}.spp .spp-box .form-area .el-checkbox.is-checked{background:linear-gradient(90deg,#3670ff,#6e9cff);border:none;color:#fff;position:relative}.spp .spp-box .form-area .el-checkbox.is-checked:after{background:url(http://img.bc.haodanku.com/haodanku/1629452714) no-repeat;background-size:cover;content:"";height:16px;position:absolute;right:0;top:0;width:21px}.spp .spp-box .form-area .el-checkbox .el-checkbox__label{color:inherit!important;padding:0}.spp .spp-box .form-area .el-checkbox .el-checkbox__inner{display:none}.spp .spp-box .form-area .tips{color:#5c5c5c;font-size:12px;font-weight:400;line-height:20px}.spp .spp-box .form-area .tips a{color:#3972ff;text-decoration:underline}.spp .spp-box .form-area .selected-card{background:#fff;border:1px solid #c1c1c1;border-radius:3px;height:136px;width:371px}.spp .spp-box .form-area .selected-card .goods-card{pointer-events:none;transform:scale(.765);transform-origin:top left;width:478px}.spp .spp-box .form-area .selected-card .empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.spp .spp-box .form-area .selected-card .empty img+img{margin-top:10px}.spp .spp-box .search-box .el-input .el-input-group__append,.spp .spp-box .search-box .el-input input{border:0;height:38px}.spp .spp-box .search-box .el-input .el-input-group__append{background:linear-gradient(90deg,#2d6cff,#759eff);border-radius:0 7px 7px 0;color:#fff;height:38px;padding:0;width:105px}.spp .spp-box .search-box .el-input .el-input-group__append:hover{background:linear-gradient(90deg,#2d6cff,#2d6cff)}.spp .spp-box .search-box .el-input .el-input-group__append .btn{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.spp .spp-box .search-box .el-input .el-input-group__append .btn i{font-size:20px}.spp .spp-box .search-box .el-input .el-input-group__append .btn i .text{vertical-align:top}.spp .goods-card{align-items:center;background:#fff;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;margin:0 0 20px;padding:10px;position:relative;transition:all .3s}.spp .goods-card:hover{box-shadow:0 10px 10px 0 rgba(0,0,0,.1);transform:translateY(-5px)}.spp .goods-card>img{border-radius:8px;display:block;filter:contrast(97%);height:140px;width:140px}.spp .goods-card .detail{box-sizing:border-box;padding-left:10px;width:calc(100% - 140px)}.spp .goods-card .detail .title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700;margin:0}.spp .goods-card .detail .title .icon{height:16px;margin-right:4px;width:auto}.spp .goods-card .detail .title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spp .goods-card .detail .center{align-items:center;display:flex;justify-content:space-between;margin:15px 0 30px}.spp .goods-card .detail .center>div{align-items:center;border:1px solid;border-radius:2px;display:flex;font-size:12px;font-weight:400;height:24px;justify-content:center;width:calc(50% - 5px)}.spp .goods-card .detail .center>div .text{display:inline-block;margin-left:2px;margin-top:-2px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spp .goods-card .detail .center .shop-box{background:#f0f9ff;border-color:#b3d9ff;color:#2e6cff;overflow:hidden;text-overflow:ellipsis}.spp .goods-card .detail .center .commission-box{background:#fff7f7;border-color:#ffc7c7}.spp .goods-card .detail .price{align-items:baseline;display:flex;font-size:14px;font-weight:700;line-height:1em;margin-bottom:.2rem}.spp .goods-card .detail .price>div{font-size:14px;font-weight:500;width:auto}.spp .goods-card .detail .price .end-price{color:#2d6cff;margin-right:.1rem}.spp .goods-card .detail .price .end-price strong{font-size:24px}.spp .goods-card .detail .price .origin{color:#b9b9b9}.spp .goods-card .detail .tags{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.spp .goods-card .detail .tags .ticket{align-items:center;background:linear-gradient(0deg,#ff753c,#ff4b42);border-radius:2px;box-sizing:border-box;display:inline-flex;font-size:0;height:18px;padding:1px 1px 1px 0}.spp .goods-card .detail .tags .ticket .name,.spp .goods-card .detail .tags .ticket .value{font-size:12px;padding:0 4px}.spp .goods-card .detail .tags .ticket .name{color:#fff;font-weight:300;line-height:1em}.spp .goods-card .detail .tags .ticket .value{align-items:center;background:#fff;color:#f1551f;display:flex;font-family:PingFang SC;font-weight:500;height:100%}.spp .goods-card .detail .tags ul{align-items:center;display:flex}.spp .goods-card .detail .tags ul li+li{margin-left:4px}.select-pid .el-select-dropdown__item{border-bottom:1px solid #f7f7f7;height:100%;line-height:2;padding:8px 20px}.el-select-dropdown__item.auth-opt{border-bottom:none;padding:0}.el-select-dropdown__item.auth-opt a{display:block;padding:0 20px}.el-select-dropdown__item.pid-opt a{color:#5287ff;padding:8px 20px}.select-pid .pid-remark{align-items:center;color:#999;display:flex;font-size:12px}.select-pid .pid-remark span{background:#ededed;height:12px;margin:0 10px;width:1px}.select-pid .el-select-dropdown__item.selected,.select-pid .el-select-dropdown__item.selected .pid-remark{color:#5287ff}.select-pid .el-select-dropdown__item.selected .pid-remark span{background:#5287ff}.el-tooltip__popper:not(.is-light){line-height:1.6em;padding:16px}.el-tooltip__popper.is-light{border:none;box-shadow:0 4px 8px 2px rgba(0,0,0,.1)}.el-tooltip__popper.is-light .popper__arrow{border:none!important}