|
|
@@ -58,26 +58,28 @@
|
|
|
.order-address-form{ width: 100%;height: auto;padding: 16px 16px 10px 16px;box-sizing: border-box;background: #FFFFFF; }
|
|
|
.order-product-form { width: 100%;height: auto;padding:0 16px 16px 16px;box-sizing: border-box;background: #FFFFFF;}
|
|
|
.order-product-form .cartTit{height:50px;line-height:50px;border-bottom: 1px solid #E2E7EF;text-align: center;}
|
|
|
- .order-product-form .c1{float:left;width:300px;height:100%;position:relative;}
|
|
|
- .order-product-form .c2{float:left;width:150px}
|
|
|
- .order-product-form .c3{float:left;width:200px}
|
|
|
- .order-product-form .c4{float:left;width:80px}
|
|
|
- .order-product-form .c5{float:left;width:200px;position:relative}
|
|
|
+ .order-product-form .c1{float:left;width:100%;height:100%;position:relative;}
|
|
|
+ .order-product-form .c2{float:left;width:25%;line-height: 12vw;}
|
|
|
+ .order-product-form .c3{float:left;width:25%;line-height: 12vw;color: #F94B4B;}
|
|
|
+ .order-product-form .c4{float:left;width:25%;line-height: 12vw;}
|
|
|
+ .order-product-form .c5{float:left;width:25%;line-height: 12vw;position:relative;color: #F94B4B;}
|
|
|
.order-product-none { text-align: center;width: 100%;height: 122px;padding: 25px 0;box-sizing: border-box;}
|
|
|
.order-product-none p{ line-height: 36px;font-size: 14px;color: #9AA5B5;}
|
|
|
- .order-product-main{width: 100%;height: auto;box-sizing: border-box;padding: 10px 0; }
|
|
|
- .order-product-item{width: 100%;height: 80px;text-align: center;line-height: 80px;position: relative;padding: 10px 0;}
|
|
|
- .order-product-item .item-delete{width: 80px;height: 80px;text-align: center;line-height: 80px;position: absolute;right: -20px;}
|
|
|
- .order-product-item .item-delete .el-icon-close{font-size: 16px;color: #333333;cursor: pointer;}
|
|
|
- .order-product-item .product-img{width: 80px;height: 80px;float: left;box-sizing: border-box;border: 1px solid #e1e1e1;}
|
|
|
- .order-product-item .product-img img{width: 80px;height: 80px;}
|
|
|
- .order-product-item .product-name{width: 220px;height: 80px;float: left;box-sizing: border-box;padding: 20px 0}
|
|
|
- .order-product-item .product-name p{line-height: 20px; font-size: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
|
|
|
- .order-product-total{width: 100%;height: 58px;box-sizing: border-box;padding-top: 16px;border-top: 1px solid #E1E1E1; }
|
|
|
- .order-product-total .order-product-note{float: left;width: 70%;height: 100%;line-height: 42px;font-size: 16px;color: #22272E;}
|
|
|
- .order-product-total .order-product-note .el-input{width: 480px !important; }
|
|
|
- .order-product-total .order-product-price{float: right;width: 30%;height: 100%;line-height: 42px;}
|
|
|
- .order-product-total .order-totalPrice{float: left;font-size: 16px;color: #22272E;margin-right: 20px;}
|
|
|
+ .order-product-main{width: 100%;height: auto;box-sizing: border-box;padding: 10px 0;float: left; }
|
|
|
+ .order-product-item{width: 100%;height: auto;text-align: center;position: relative;padding: 3vw 0 0 0;float: left;border-bottom: 1px solid #e1e1e1;}
|
|
|
+ .order-product-item:last-child{border-bottom: none;}
|
|
|
+ .order-product-item .item-delete{width: 8vw;height: 8vw;text-align: center;line-height: 8vw;position: absolute;right: 0;top: 0;}
|
|
|
+ .order-product-item .item-delete .el-icon-close{font-size: 16px;color: #F94B4B;cursor: pointer;}
|
|
|
+ .order-product-item .product-img{width: 18vw;height: 18vw;float: left;box-sizing: border-box;border: 1px solid #e1e1e1;}
|
|
|
+ .order-product-item .product-img img{width:17vw;height: 17vw;}
|
|
|
+ .order-product-item .product-name{width: 220px;height: 80px;float: left;box-sizing: border-box;padding: 20px 0;padding-left: 5vw;}
|
|
|
+ .order-product-item .product-name p{line-height: 20px; font-size: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: left;}
|
|
|
+ .order-product-total{width: 100%;height: auto;box-sizing: border-box;padding-top: 3vw;border-top: 1px solid #E1E1E1;float: left; }
|
|
|
+ .order-product-total .order-product-note{float: left;width:100%;height: 21vw;line-height: 21vw;font-size: 3.4vw;color: #22272E;}
|
|
|
+ .order-product-total .order-product-note .el-input{width: 80vw !important; }
|
|
|
+ .order-product-total .order-product-price{float: left;width: 100%;height: 100%;line-height: 42px;}
|
|
|
+ .order-product-total .order-product-price .freight{float: left;}
|
|
|
+ .order-product-total .order-totalPrice{float: right;font-size: 16px;color: #22272E;}
|
|
|
.order-product-total .order-totalPrice .red{color: #F94B4B;}
|
|
|
.freight-radio{ width: 100%;height: 28px;line-height: 28px;float: left;margin-bottom: 10px;}
|
|
|
.order-product-bsn { width: 100%;height: auto;padding:0 16px 16px 16px;box-sizing: border-box;background: #FFFFFF;margin-top: 16px;}
|
