.edit-attribute .tag-wrap .layui-form-radio:last-child{margin-right: 0;} /* 选择商品分类弹出框 */ .goods-category-layer {display: none;} .layui-layer-content .category-wrap .category-item, .layui-layer-content .category-head {height: 30px;line-height: 30px;border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;margin: 0 15px 10px 0;box-sizing: border-box;color: #666;font-size: 12px;} .layui-layer-content .category-head {background: #eee;height: 40px;line-height: 40px;} .layui-layer-content .category-wrap {overflow-y: scroll;height: calc(100% - 45px);} .layui-layer-content .category-wrap::-webkit-scrollbar {display: none;} .layui-layer-content .category-wrap .category-item {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* 商品块基础样式 */ /*.goods-list{overflow: hidden;}*/ .goods-list .goods-item {line-height: 1;} .goods-list .goods-item .sale {align-self: flex-end;font-size: 12px;} .goods-list .goods-item .info-wrap .goods-name{margin-bottom: 5px;font-size: 14px;line-height: 1.3;} .goods-list .goods-item .info-wrap .tag-wrap {margin-bottom: 10px;} .goods-list .goods-item .info-wrap .tag-wrap text{display: inline-block;font-size: 9px;} .goods-list .goods-item .info-wrap .tag-wrap .hollow-tag{border: 1px solid;border-radius: 2px;margin-right: 5px;box-sizing: border-box;line-height: 1.2;padding: 1px 2px 0;max-width: 100%;} .goods-list .goods-item .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;} .goods-list .goods-item .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;} .goods-list .goods-item .buy-btn{color: #fff;font-size: 12px;height: 26px;line-height: 28px;padding:0 10px;text-align: center;} .goods-list .goods-item .price-wrap{font-size: 0;} .goods-list .goods-item .icon-diy{font-size: 40px;} /* ---------- 单列(一行一列)---------- */ .goods-list.row1-of1 .goods-item{overflow: hidden;display: flex;margin-bottom: 10px;padding:8px;} .goods-list.row1-of1 .goods-item:last-of-type{margin-bottom: 0;} .goods-list.row1-of1 .goods-item .goods-img{width: 130px;height: 130px;} .goods-list.row1-of1 .goods-item .goods-img img{max-width: 100%;max-height: 100%;} .goods-list.row1-of1 .goods-item .info-wrap{width: calc(100% - 130px);padding: 3px 0 5px 10px;flex: 1;display: flex;flex-direction: column;box-sizing: border-box;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info{display: flex;justify-content: space-between;align-items: center;margin-top:auto;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info .sale{margin-top: 5px;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;flex-direction: column;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap{display: flex;align-items: flex-end;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;} .goods-list.row1-of1 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;} /* ---------- 两列(一行两列)---------- */ .goods-list.row1-of2{display: flex;flex-wrap: wrap;} .goods-list.row1-of2 .goods-item{overflow: hidden;margin-right: 10px;margin-top: 10px;width: calc(50% - 5px);display: flex;flex-direction: column;box-sizing: border-box;} .goods-list.row1-of2 .goods-item:nth-child(2n){margin-right: 0;} .goods-list.row1-of2 .goods-item:nth-of-type(1), .goods-list.row1-of2 .goods-item:nth-of-type(2){margin-top: 0;} .goods-list.row1-of2 .goods-item .goods-img{width: calc(100% + 2px);height: 160px;text-align: center;} .goods-list.row1-of2 .goods-item .goods-img img{width: 100%;height: 100%;} .goods-list.row1-of2 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 10px;} .goods-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;} .goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;font-weight: bold;} .goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;} .goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;} .goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap{display: inline-block;} .goods-list.row1-of2.style-1 .pro-info .discount-price .delete-price{display: inline-block;margin-left: 5px;} .goods-list.row1-of2.style-1 .pro-info .sale{margin-top: 5px;} .goods-list.row1-of2.style-2 .pro-info{align-items: center;} .goods-list.row1-of2.style-2 .pro-info .discount-price{display: flex;justify-content: space-between;align-items: baseline;flex-direction: column;} .goods-list.row1-of2.style-2 .pro-info .sale{margin-top: 5px;} .goods-list.row1-of2.style-3 .pro-info .discount-price{display: flex;justify-content: space-between;flex: 1;align-content: center;} /* ---------- 三列(一行三个)---------- */ .goods-list.row1-of3{display: flex;flex-wrap: wrap;} .goods-list.row1-of3 .goods-item{display: flex;flex-direction: column;background: #fff;overflow: hidden;margin-top: 10px;width: calc(33.33% - 6px);box-sizing: border-box;} .goods-list.row1-of3 .goods-item:nth-child(3n-1){margin-left: 9px;margin-right: 9px;} .goods-list.row1-of3 .goods-item:nth-of-type(1), .goods-list.row1-of3 .goods-item:nth-of-type(2), .goods-list.row1-of3 .goods-item:nth-of-type(3){margin-top: 0;} .goods-list.row1-of3 .goods-item .goods-img{width: calc(100% + 2px);height: 110px;} .goods-list.row1-of3 .goods-item .goods-img img{width: 100%;height: 100%;} .goods-list.row1-of3 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 5px;} .goods-list.row1-of3 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;flex-direction: column;justify-content: space-between;} .goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;align-items: flex-end;} .goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;} .goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;} .goods-list.row1-of3 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;} .goods-list.row1-of3.style-1 .pro-info .delete-price{margin-left: 10px;} .goods-list.row1-of3.style-2 .pro-info{flex-direction: initial !important;align-items: center;} .goods-list.row1-of3.style-2 .pro-info .discount-price{flex-direction: column;align-items: initial !important;} /* ---------- 横向滑动 ---------- */ .goods-list.horizontal-slide{white-space: nowrap;overflow: hidden;margin:10px;} .goods-list.horizontal-slide .goods-item{overflow: hidden;width: 97px;display: inline-block;margin-right: 10px;box-sizing: border-box;} .goods-list.horizontal-slide .goods-item:last-of-type{margin-right: 0;} .goods-list.horizontal-slide .goods-item .goods-img{width: calc(100% + 2px);height: 100px;} .goods-list.horizontal-slide .goods-item .goods-img img{width: 100%;height: 100%;} .goods-list.horizontal-slide .goods-item .info-wrap{padding: 5px 10px;} .goods-list.horizontal-slide .goods-item .info-wrap .pro-info{margin-top: 5px;display: flex;flex-direction: column;justify-content: space-between;} .goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;} .goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;} .goods-list.horizontal-slide .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;align-self: flex-end;flex-basis: 100%;} /* ---------- 大图 ---------- */ .goods-list.large-mode .goods-item{width: 100%;overflow: hidden;margin-top: 10px;background-color: #fff;} .goods-list.large-mode .goods-item:first-child{margin-top: 0;} .goods-list.large-mode .goods-img {width: 101.5%;height: 160px;position: relative;} .goods-list.large-mode .goods-img img {width: 100%;height: 100%;object-fit: cover;} .goods-list.large-mode .goods-item .info-wrap{padding: 10px 10px 25px;} .goods-list.large-mode .goods-item .info-wrap .pro-info{margin-top: 5px;display: flex;justify-content: space-between;align-items: center;position: relative;} .goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;} .goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;} .goods-list.large-mode .goods-item .info-wrap .pro-info .delete-price{margin-left: 5px;text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;} .goods-list.large-mode.style-1 .pro-info .discount-price{flex: 1;display: flex;align-items: baseline;} .goods-list.large-mode.style-1 .pro-info .discount-price .price-wrap{display: flex;align-items: baseline;} .goods-list.large-mode.style-1 .pro-info .discount-price .delete-price{display: inline-block;} .goods-list.large-mode.style-1 .pro-info .sale{position: absolute;bottom: -15px;font-size: 12px;} /* ---------- 购买按钮样式 ---------- */ .goods-list .btn-style .layui-form-label{margin-top: 5px;} .goods-list .btn-style .layui-input-block{display: flex;align-items: center;} .goods-list .btn-style .layui-input-block .item{margin-right: 10px;border: 1px solid transparent;padding: 5px;border-radius: 5px;width: 45px;text-align: center;cursor: pointer;height: 30px;line-height: 30px;} .goods-list .btn-style .layui-input-block .item:last-child{margin-right: 0;width: 60px;} .goods-list .btn-style .layui-input-block .item:nth-child(2),.goods-list .btn-style .layui-input-block .item:nth-child(3){width: 35px;} .goods-list .btn-style .layui-input-block .item .border-color{border: 1px solid;} .goods-list .btn-style .layui-input-block .buy-btn{color: #fff;border-radius: 25px;font-size: 12px;padding: 6px 10px;} .goods-list .btn-style .layui-input-block .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;} .goods-list .btn-style .layui-input-block .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;} .goods-list .btn-style .layui-input-block .diy-btn{border-radius: 25px;font-size: 12px;padding: 6px 10px;} .goods-list .diy-icon{margin-top: 10px;margin-bottom: 10px;display: flex;align-items: center;} .goods-list .diy-icon .action-box {display: flex;margin-bottom: 10px;} .goods-list .diy-icon .action {margin-right: 10px;width: 42px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #EEEEEE;cursor: pointer;} .goods-list .diy-icon .action .iconfont {font-size: 20px;} .goods-list .diy-icon .action:hover {border-color: var(--base-color);color: var(--base-color);} .goods-list .edit-content-wrap .layui-form-radio{margin-right:5px;} .goods-list .edit-content-wrap .layui-form-radio:last-child{margin-right: 0;padding-right: 0;}