|
@@ -3,6 +3,8 @@ li{list-style:none}
|
|
|
.addressWrap input[type=checkbox]:after{color:#1890f9;border-color:#1890f9;}
|
|
|
.addressWrap input[type=checkbox]:checked:after{background:#1890f9;border-color:#1890f9;color:#FFF;}
|
|
|
[v-cloak]{display: none}
|
|
|
+#globalHead.fiexd{position: sticky !important;z-index: 996 !important;}
|
|
|
+/*.summaryWrap{position: sticky !important;top: calc(100vh - 117px) !important; left: 0 !important;}*/
|
|
|
/**
|
|
|
* PC端
|
|
|
*/
|
|
@@ -143,8 +145,13 @@ li{list-style:none}
|
|
|
.couponWrap .coupon-list-cell .coupon-tags{height: 24px;line-height: 24px;text-align: center;border-radius: 8px 0 8px 0;position: absolute;top: 0;left: 0;padding: 0 10px;background-color: #f94b4b;color: #FFF;}
|
|
|
|
|
|
/* 底部结算 */
|
|
|
- .summaryWrap{width:100%;background:#FFF;margin:16px 0 -29px 0;position:relative}
|
|
|
- .summaryWrap .summary{width:1184px;margin:0 auto;font-size:18px;padding:11px 0;height:50px;line-height:50px;text-align:right}
|
|
|
+ .summary-wrapper{height:117px;margin:8px 0 -30px}
|
|
|
+ .summaryWrap{width:100%;background:#FFF;position:relative}
|
|
|
+ .summaryWrap .agreement{background:#FFFAF8}
|
|
|
+ .summaryWrap .agreement .agreement-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:1184px;margin:0 auto;text-align:right;height:48px;color:#22272E}
|
|
|
+ .summaryWrap .agreement .agreement-content input{margin-right:8px;cursor:pointer}
|
|
|
+ .summaryWrap .agreement span{color:#1890F9;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
|
|
+ .summaryWrap .summary{width:1184px;margin:0 auto;font-size:18px;padding:16px 0;height:50px;line-height:50px;text-align:right}
|
|
|
.summaryWrap .summary em{font-style:normal;color: #f55c5c;}
|
|
|
.summaryWrap .summary .left,.summaryWrap .summary .right{display:inline}
|
|
|
.summaryWrap .summary .left .item:first-child{float:left}
|
|
@@ -162,7 +169,7 @@ li{list-style:none}
|
|
|
.summaryWrap .summary .totalCoupon{font-size:14px;line-height:24px;color: #f55c5c;text-align: left;}
|
|
|
.summaryWrap .summary .submit{display:inline-block;width:232px;height:50px;line-height:50px;text-align:center;background:linear-gradient(135deg,rgba(242,143,49,1) 0%,rgba(225,86,22,1) 100%);border-radius:2px;color:#FFF;float: right;}
|
|
|
.summaryWrap .summary .submit.dis{background:#999;}
|
|
|
- .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:99999;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
|
|
|
+ .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:996;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
|
|
|
.summaryWrap .summary .back{color:#f55c5c}
|
|
|
.summaryWrap .summary .back .icon:before{width:20px;height:20px;background-position:-345px 0;margin-right:15px}
|
|
|
.priceTotal{position:relative;text-align:right;height: 50px;line-height: 50px;display:inline-block;}
|
|
@@ -171,6 +178,14 @@ li{list-style:none}
|
|
|
.priceTotal .dl em{position:absolute;top:-12px;height:24px;white-space:nowrap;right:0;background:#ff4500;line-height:24px;color:#FFF;padding:0 12px;border-radius:2px;font-size:14px}
|
|
|
.priceTotal .dl em:before{content:'';width:0;height:0;border-width:5px 5px 0 5px;border-style:solid;border-color:#ff4500 transparent;position:absolute;top:24px;left:50%}
|
|
|
|
|
|
+ /* 退货协议弹窗 */
|
|
|
+ .dialog-agreement-wrapper .mask{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);left:0;top:0;z-index:998}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement{position:fixed;width:400px;background:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;border-radius:2px}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-title{font-size:16px;color:#4A4F58;font-weight:bold;text-align:center;padding:16px 24px}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-content{font-size:14px;color:#22272E;text-align:justify;padding:16px 24px;line-height:24px;max-height: 160px;overflow-y: auto;}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-footer{padding:16px 24px;text-align:right}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-footer .confirm{width:88px;height:32px;color:#fff;background:#E15616;text-align:center;line-height:32px;border:0;cursor:pointer}
|
|
|
+
|
|
|
/* 收货地址 */
|
|
|
.addressWrap{padding:16px;position:relative; box-sizing: border-box;
|
|
|
text-align: center;
|
|
@@ -313,6 +328,9 @@ li{list-style:none}
|
|
|
@media screen and (max-width:768px){
|
|
|
footer{display: none;}
|
|
|
h2.title>a{color: #E15621;margin-left: 2vw;}
|
|
|
+ #globalHead{z-index: 996 !important;}
|
|
|
+ .priceTag .tag:before{top: 0.2vw;transition:none;}
|
|
|
+ .priceTag .close{color: #e15616;}
|
|
|
.pageTitle .step{width:100%;height:12.4vw;line-height:12.4vw;background:#FFF;color:#9AA5B5;font-size:3.1vw;text-align:center}
|
|
|
.pageTitle .step span{display:inline-block;height:4.2vw;line-height:4.2vw;vertical-align:middle;position:relative;padding-right:6.4vw}
|
|
|
.pageTitle .step span:before{font-style:normal;font-size:5.2vw;vertical-align:text-top;margin-right:1vw}
|
|
@@ -366,6 +384,7 @@ li{list-style:none}
|
|
|
.listWrap .cartItem .c2{top:2.2vw;height:10vw;width:58vw}
|
|
|
.listWrap .cartItem .c2 .name{color:#22272e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
|
|
.listWrap .cartItem .c3{top:14vw;height:5vw}
|
|
|
+ .listWrap .cartItem .c3.confirm{top: 20.4vw;height: 5vw;left: 66.3vw;}
|
|
|
.listWrap .cartItem .c4{bottom:2.2vw;height:5vw}
|
|
|
.listWrap .cartItem .c5{position:absolute;right:3.3vw;bottom:2.2vw;height:6.4vw;line-height:6.4vw}
|
|
|
.listWrap .cartItem .c10{color:#f94b4b;top:16vw;height:5vw}
|
|
@@ -435,7 +454,12 @@ li{list-style:none}
|
|
|
|
|
|
/* 底部结算 */
|
|
|
/*.listWrap{padding-bottom: 24vw;}*/
|
|
|
- #shoppingConfirm .wrap{padding-bottom: 14vw;}
|
|
|
+ #shoppingConfirm .wrap{padding-bottom: 22.8vw;}
|
|
|
+ /* 底部结算 */
|
|
|
+ .summaryWrap .agreement{background:#FFFAF8}
|
|
|
+ .summaryWrap .agreement .agreement-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:8.8vw;color:#22272E;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:4.6vw;font-size: 3.4vw;}
|
|
|
+ .summaryWrap .agreement .agreement-content input{margin-right:2.4vw}
|
|
|
+ .summaryWrap .agreement span{color:#1890F9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
|
|
.summaryWrap{width:100%;background:#FFF;position: fixed;bottom: 0;left: 0;}
|
|
|
.summaryWrap .summary{width:93vw;margin:0 auto;font-size:3.4vw;padding:1.5vw 0}
|
|
|
.summaryWrap .summary em{font-style:normal}
|
|
@@ -454,7 +478,7 @@ li{list-style:none}
|
|
|
.summaryWrap .summary .totalPrice span{color: #f55c5c;}
|
|
|
.summaryWrap .summary .totalCoupon{font-size:3vw;line-height:5.1vw;color: #f55c5c;text-align: left;}
|
|
|
.summaryWrap .summary .submit{display:inline-block;width:30.4vw;height:11.2vw;line-height:11.2vw;text-align:center;background-color:#e15616;border-radius:2px;color:#FFF;float: right;}
|
|
|
- .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:99999;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
|
|
|
+ .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:996;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
|
|
|
.priceTotal{position:relative;text-align:right;margin-left:6.8vw;height:10.6vw;line-height:18vw;display:inline-block;}
|
|
|
.priceTotal em{color:#f55c5c}
|
|
|
.priceTotal .dl{position:absolute;right:0;top:3vw;cursor:pointer;height:5vw;line-height:5vw;font-size:3.1vw}
|
|
@@ -556,5 +580,12 @@ li{list-style:none}
|
|
|
.confirm-Model .model-content .button a.cancel{background: #FFFFFF;border-color: #B8BFCA;color: #333333;}
|
|
|
.confirm-Model .model-content .button a.confirm{background: #E15616;margin-bottom: 2vw}
|
|
|
|
|
|
+ /* 退货协议弹窗 */
|
|
|
+ .dialog-agreement-wrapper .mask{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);left:0;top:0;z-index:998}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement{position:fixed;width:74.6vw;background:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;border-radius:1.6vw;}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-title{font-size:3.6vw;color:#4A4F58;font-weight:bold;text-align:center;padding:4.8vw 6vw;}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-content{font-size:3.4vw;color:#333333;text-align:justify;padding:2.4vw 6vw;line-height:6.4vw;max-height: 36vw;overflow-y: auto;}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-footer{padding:4.8vw 6vw;text-align:right}
|
|
|
+ .dialog-agreement-wrapper .dialog-agreement .dialog-footer .confirm{display: block;width: 100%; height:9.9vw;color:#fff;background:#E15616;text-align:center;line-height:9.9vw;border:0;}
|
|
|
}
|
|
|
|