部分样式修改优化

src/main/resources/static/css/article/article.css

@@ -61,7 +61,7 @@ dl,dd,dt{zoom:1}
 	#scrollTop .item .wechatHover span{color:#93979F;margin-top:10px}
 	#scrollTop .item .wechatHover a:hover{text-decoration:underline}
 	#scrollTop .item:hover .wechatHover{display:block}
-	.pageWrap{width:100%;text-align:center;padding:20px 0 36px;background: #fff;}
+	.pageWrap{width:100%;text-align:center;padding:20px 0 36px;background: #fff;border-radius: 0 0 8px 8px;margin-bottom: 40px;}
 	.pageWrap a{box-sizing:border-box;display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #EBECEF;font-size:16px;margin:0 5px;color:#2D3036;background:#fff;border-radius:2px}
 	.pageWrap a.on{background:#FF5B00;color:#fff;border:1px solid #FF5B00}
 	.pageWrap a:hover{color:#FF5B00}
@@ -94,9 +94,9 @@ dl,dd,dt{zoom:1}
 	.header .search-top{display:flex;width:1185px;margin:0 auto; height: 100px;align-items: center;}
 	.search-top .info-logo-content {width: 168px;height: 76px;background: url(/img/article/h5-logo.png);background-size: contain;cursor: pointer;}
 	.search-top .search{position:relative;display:flex;width:685px;margin-left:134px;flex-direction: column;}
-	.search-top .search .search-info {width: 100%;height: 44px;border:1px solid #FF5B00;box-sizing: border-box;border-radius:2px;overflow: hidden;}
-	.search-top .search .keyword{width:100%;height:100%;border: none;color:#B2B2B2;font-size:14px; padding: 0 80px 0 16px;}
-	.search-top .search .search-info .label-keyword {height: 100%;width: 604px;padding: 0 10px; border: none;color:#B2B2B2;}
+	.search-top .search .search-info {width: 100%;height: 44px;border:1px solid #FF5B00;box-sizing: border-box;border-radius:2px;overflow: hidden;border-radius: 22px;}
+	.search-top .search .keyword{width:100%;height:100%;border: none;color:#B2B2B2;font-size:14px; padding: 0 80px 0 24px;}
+	.search-top .search .search-info .label-keyword {height: 100%;width: 604px;padding: 0 24px; border: none;color:#B2B2B2;}
 	.search-top .search .keywords {display: flex;flex-wrap: wrap;}
 	.search-top .search .keywords .label-active {color: #FF5B00;}
 	.search-top .search .keywords span {margin-right: 4px;}
@@ -125,7 +125,7 @@ dl,dd,dt{zoom:1}
 	/*.nav .search{position:relative;display:table-cell;vertical-align:top;width:200px;height:32px;margin-left:39px}*/
 	/*.nav .search .keyword{width:200px;height:32px;line-height:32px;margin:22px 0 16px 0;padding:0 32px 0 16px;border:none;border-radius:16px;background:#eb7941;color:#fff;font-size:14px}*/
 	.search .keyword:focus{border:none;outline:medium}
-	.search .searchBtn{position:absolute;display: block;top: 0; right: 0;width: 80px;height: 44px;background: #FF5B00;color:#fff;line-height:44px;text-align: center;}
+	.search .searchBtn{position:absolute;display: block;border-radius: 22px; top: 0; right: 0;width: 80px;height: 44px;background: #FF5B00;color:#fff;line-height:44px;text-align: center;}
 	.search .keyword::-webkit-input-placeholder,
 	.search .keyword:-moz-placeholder,
 	.search .keyword::-moz-placeholder,
@@ -150,7 +150,7 @@ dl,dd,dt{zoom:1}
 	.bar a{color:#777;font-size:14px}
 	.classify.biaoqian{border-bottom:solid 1px #ededed}
 	/*精选文章*/
-	.featured-Articles {width:100%;position:relative;height: 298px;box-sizing: border-box;padding: 24px 16px;margin-bottom: 16px;background: #fff;}
+	.featured-Articles {width:100%;position:relative;height: 298px;box-sizing: border-box;padding: 24px 16px;margin-bottom: 16px;background: #fff;border-radius: 8px;}
 	.featured-Articles .featured-title {display: flex;justify-content: space-between;border-bottom: 1px solid #F0F0F0;margin-bottom: 24px;}
 	.featured-Articles .featured-title div:nth-child(1) {color: #333333;font-size: 18px;font-weight: bold;border-bottom: 2px solid #FF5B00;height: 40px;}
 	.featured-Articles .featured-content {display: flex;}
@@ -168,7 +168,7 @@ dl,dd,dt{zoom:1}
 	.content .new-list{width:100%;}
 	.content .new-list .dataRousce {background: #fff;}
 	.dataRousce .handleMore {display: none;}
-	.listData-select-title {background: #fff;}
+	.listData-select-title {background: #fff;border-radius: 8px 8px 0 0;}
 	.search-select {display: flex;width: 800px;margin: 0 30px;padding: 20px 16px 0 16px; border-bottom: 1px solid #F0F0F0;background: #fff;height: 60px;}
 	.search-select div {cursor: pointer; font-size: 18px;color: #666666;}
 	.search-select .select-earliest {margin-left: 40px;}
@@ -188,7 +188,7 @@ dl,dd,dt{zoom:1}
 	.info-banner .sider-banner div {height: 187px;}
 	.info-banner .sider-banner div:nth-child(2) {margin-top: 8px;}
 	.info-banner img {width: 100%;height:100%;object-fit: cover}
-	.info-Notice {width: 284px;background: #fff;float: right;height: 384px;margin-bottom: 16px;}
+	.info-Notice {width: 284px;background: #fff;float: right;height: 384px;margin-bottom: 16px;border-radius: 8px;overflow: hidden;}
 	.info-Notice .notice-title {display: flex;justify-content: space-between;box-sizing: border-box;height: 48px;padding: 14px 16px;}
 	.info-Notice .notice-title div:nth-child(1) {font-size: 16px;font-weight: bold;color: #333333;}
 	.info-Notice .notice-content {height: calc(100% - 48px);padding: 0 20px;box-sizing: border-box;overflow: hidden;}
@@ -239,7 +239,7 @@ dl,dd,dt{zoom:1}
 	.tag{max-height:437px;overflow:hidden;padding:18px 7px 2px 19px;border-top:solid 1px #ededed;margin-bottom:20px}
 	.tag a{float:left;font-size:14px;color:#fff;height:32px;line-height:32px;padding:0 12px;background:#FF5B00;text-align:center;border-radius:4px;margin:2px 12px 18px 0;cursor:pointer}
 	.tag a:hover{padding:0 13px;height:35px;line-height:35px;margin:0px 10px 17px 0}
-	.other .recommend{background:#fff;margin-bottom:20px}
+	.other .recommend{background:#fff;margin-bottom:20px;border-radius: 8px;overflow: hidden;}
 
 	/*感兴趣的商品*/
 	.other .recommend .classify .more-product {display: inline-flex;align-items: center;}
@@ -323,8 +323,8 @@ dl,dd,dt{zoom:1}
 	.emliu{display:inline-block;min-width:100px}
 	.middle{text-align:center;font-size:16px;padding:200px 0}
 	.middle img{width:200px}
-	#articleRelated {background: #fff;}
-	.content .new-list.article{padding:24px;margin-bottom:20px;background: #fff;}
+	#articleRelated {background: #fff;border-radius: 8px;overflow: hidden;}
+	.content .new-list.article{padding:24px;margin-bottom:20px;background: #fff;border-radius: 8px;}
 	.article .title{line-height:40px;font-size:28px;color:#333}
 	.article .xinxi{margin-top:5px;padding-bottom:14px;border-bottom:solid 1px #ededed}
 	.article .new-mian{margin:23px 0;}
@@ -370,6 +370,7 @@ dl,dd,dt{zoom:1}
 	.ross-from .from-row .link.right{float: right;}
 	@keyframes rundbottom{ 0%{bottom: -260px;opacity: 0;} 100%{bottom:0;opacity: 1;} }
 	.el-carousel__button{ width: 10px !important; }
+	.el-carousel--horizontal{border-radius: 8px;}
 
 }
 @media screen and (max-width:768px){

src/main/resources/static/css/article/drawer-footer.css

@@ -111,6 +111,7 @@
         width: 100%;
         height: 200px;
         animation: retractAnimation 1s ease-in-out forwards;
+        z-index: 999;
     }
     .related-Reading .related-content {
         width: 1185px;
@@ -198,7 +199,7 @@
         align-items: center;
         justify-content: space-around;
         margin-right: 24px;
-        border-right: 2px;
+        border-radius: 12px;
     }
     .related-content-item .reading-content .content-text .content-icon .icon-recommend div:nth-child(1) {
         background: url(/img/article/PC-fire.png) no-repeat;

src/main/resources/static/css/base/base.h5.css

@@ -236,7 +236,7 @@
 #scrollTop .phoneHover a{color:#FF5B00}
 #scrollTop .phoneHover a>i{display:inline-block;height:7.2vw;line-height:7.2vw;padding:0 2vw;background:#F55C5C;border-radius:3.6vw;margin-left:4vw;font-size:3.4vw}
 /* 活动标签，阶梯价格 */
-.priceTag .tag,.listTag{width:12vw;height:5vw;line-height:5vw;font-size:3vw;padding:0 6vw 0 3vw;background-color:#ffe6dc;color:#FF5B00;border-radius:2px;font-style:normal;white-space:nowrap;}
+.priceTag .tag,.listTag{width:12vw;height:5vw;line-height:5vw;font-size:3vw;padding:0 6vw 0 3vw;background-color:#ffe6dc;color:#FF5B00;border-radius:2.6vw;font-style:normal;white-space:nowrap;}
 .priceTag .tag{position:absolute;left:0;top:-6.8vw}
 .listTag{padding:0 2vw;}
 .priceTag .tag:before{width:4vw;height:4vw;background-position:-51.6vw -.9vw;position:absolute;right:1.5vw;top:1.2vw}

src/main/resources/static/css/base/base.pc.css

@@ -55,7 +55,7 @@ iframe{width:320px !important;height: 280px !important}
 .content-model .model-content .model-form .refresh .icon:before{width: 16px;height: 16px;background-position:-210px -375px;}
 .content-model .model-content .model-form .refresh span{display: none;}
 .content-model .model-content .model-button{width: 100%;height: 32px;float: left;margin-top: 32px;}
-.content-model .model-content .model-button .button{width: 120px;height: 32px;border-radius: 2px;background-color: #FF5B00;text-align: center;line-height: 32px;font-size: 14px;float: right;color: #FFFFFF;cursor: pointer;}
+.content-model .model-content .model-button .button{width: 120px;height: 32px;border-radius: 16px;background-color: #FF5B00;text-align: center;line-height: 32px;font-size: 14px;float: right;color: #FFFFFF;cursor: pointer;}
 
 /* 头部 */
 .baseHeadTop{width:100%;font-size:14px;background:#F7F7F7;}
@@ -70,7 +70,7 @@ iframe{width:320px !important;height: 280px !important}
 .baseHeadTop li .qrCode p{line-height:24px;white-space:nowrap;text-align:center;color:#4A4F58}
 .baseHeadTop li > a.cTab{padding-right: 18px;}
 .baseHeadTop li > a.cTab:after{content: '\276F';font-weight: normal;position: absolute;right: 6px;top: 0;transform: rotate(90deg);}
-.baseHeadTop li .cShow{display:none;position:absolute;right:calc((100% - 90px)/2);width:90px;background:#FFF;box-shadow:0 3px 6px rgba(45,48,54,.2);border-radius:2px;z-index: 995;}
+.baseHeadTop li .cShow{display:none;position:absolute;right:calc((100% - 90px)/2);width:90px;background:#FFF;box-shadow:0 3px 6px rgba(45,48,54,.2);border-radius:8px;z-index: 995;overflow: hidden;}
 .baseHeadTop li .cShow a{display:inline-block;width:100%;height:38px;line-height:38px;white-space:nowrap;text-align:center}
 .baseHeadTop li .cShow a:hover{background:#FEF6F3;color:#FF5B00}
 
@@ -78,7 +78,7 @@ iframe{width:320px !important;height: 280px !important}
 .baseHeadTop .header_top_ul .headsupplier {cursor: pointer; position:relative;}
 .baseHeadTop .headsupplier  .tab_name {padding-right: 18px;}
 .baseHeadTop .headsupplier  .tab_name:after{content: '\276F';font-weight: normal;position: absolute;right: 6px;top: 0;transform: rotate(-90deg);transition: .3s;}
-.baseHeadTop .header_top_ul .headsupplier .supplierData {display: none;grid-template-columns: repeat(2, 1fr); width: 160px;position:absolute;right:0;top:41px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:2px;padding: 12px;align-items: center;}
+.baseHeadTop .header_top_ul .headsupplier .supplierData {display: none;grid-template-columns: repeat(2, 1fr); width: 160px;position:absolute;right:0;top:41px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:8px;padding: 12px;align-items: center;}
 .baseHeadTop .headsupplier:hover .tab_name {color: #FF5B00;border-color: #FF5B00}
 .baseHeadTop .headsupplier:hover .supplierData {display:grid;-webkit-animation:fadeInDown .4s;animation:fadeInDown .4s;}
 .baseHeadTop .headsupplier:hover .tab_name:after{transform: rotate( 90deg);}
@@ -94,20 +94,20 @@ iframe{width:320px !important;height: 280px !important}
 .baseHeadTop li.headmsg .msg-btn:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:1px 1px;margin-right:2px}
 .baseHeadTop li.headmsg .msg-btn em{color:#FF5B00;font-style:normal;margin-left:4px;}
 
-.baseHeadTop .cartData{display:none;position:absolute;right:0;top:40px;width:360px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:2px}
+.baseHeadTop .cartData{display:none;position:absolute;right:0;top:40px;width:360px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:8px}
 .baseHeadTop .cartData .empty{padding:72px 10px;text-align:center;font-size:16px;line-height:26px;}
 .baseHeadTop .cartData .empty a{color:#FF5B00;margin:0 5px;border-bottom:1px solid #FF5B00}
 .baseHeadTop .cartData .empty img{display:block;margin:0 auto 28px auto;width:160px;height:136px}
 .baseHeadTop .cartMain{max-height:424px;overflow:auto}
 .baseHeadTop .cartItem{width:100%;height:auto;box-sizing:border-box;padding:10px 10px 10px 106px;position:relative}
-.baseHeadTop .cartItem img{position:absolute;left:10px;top:10px;width:86px;height:86px;box-shadow:0 0 2px #eee}
+.baseHeadTop .cartItem img{position:absolute;left:10px;top:10px;width:86px;height:86px;box-shadow:0 0 2px #eee;border-radius: 4px;}
 .baseHeadTop .cartItem span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:24px}
 .baseHeadTop .cartItem span.unit{color:#93979F}
 .baseHeadTop .cartItem span.price{color:#F94B4B;margin-top:14px}
 .baseHeadTop .cartItem .delBtn{position:absolute;right:10px;bottom:0;width:30px;line-height:30px;text-align:center;font-size:0;cursor: pointer;}
 .baseHeadTop .cartItem .delBtn:before{content:'\2715';color:#93979F;font-size:14px}
 .baseHeadTop .cartBtm{border-top:1px solid #EBECEF;box-sizing:border-box;height:60px;line-height:24px;padding:6px 10px;position:relative;}
-.baseHeadTop .cartBtm .btn{position:absolute;right:10px;top:10px;height:40px;line-height:40px;border-radius:2px;padding:0 20px;background:#FF5B00;color:#FFF;font-size:14px}
+.baseHeadTop .cartBtm .btn{position:absolute;right:10px;top:10px;height:40px;line-height:40px;border-radius:20px;padding:0 20px;background:#FF5B00;color:#FFF;font-size:14px}
 .baseHeadTop .cartBtm .btn:hover{opacity:.8}
 .baseHeadTop .cartBtm>span{display:block}
 .baseHeadTop .cartBtm>span em{font-style:normal;color:#F94B4B}
@@ -458,18 +458,18 @@ iframe{width:320px !important;height: 280px !important}
 /* 活动标签，阶梯价格 */
 .priceTag{position:relative}
 .couponTag{display:inline-block;height:20px;line-height:20px;border:1px solid #f94b4b;border-radius:2px;font-size:12px;color:#f94b4b;background:#fff1eb;padding:0 2px;position:relative;font-style:normal}
-.priceTag .tag,.listTag{display:inline-block;height:20px;line-height:20px;border:1px solid #ffe6dc;border-radius:2px;font-size:12px;color:#FF5B00;cursor:pointer;background:#fff;padding:0 24px 0 10px;position:relative;font-style:normal}
+.priceTag .tag,.listTag{display:inline-block;height:20px;line-height:20px;border:1px solid #ffe6dc;border-radius:10px;font-size:12px;color:#FF5B00;cursor:pointer;background:#fff;padding:0 24px 0 10px;position:relative;font-style:normal}
 .listTag{float:right;padding:0 5px;margin:12px 15px 0 0;}
-.priceTag .tag:before{width:24px;height:24px;background-position:-88px 3px;position:absolute;right:0;top:0}
-.priceTag .tag.on:before{background-position:-117px 3px}
+.priceTag .tag:before{width:24px;height:24px;background-position:-88px 0px;position:absolute;right:0;top:0}
+.priceTag .tag.on:before{background-position:-117px 0px;}
 .priceTag .ladder,.priceTag .promotion{position:absolute;background:#fff;box-shadow:0 3px 6px 0 #d7dfec;border-radius:2px;line-height:42px;left:0;top:28px;z-index:9;transition:all .8s;display:none}
 .priceTag .ladder>span{padding:0 20px 10px;text-align:center;font-size:16px;display:block;}
 .priceTag .ladder em{white-space:nowrap;width: 240px;display: block;}
 .priceTag .ladder i{font-style:normal;display:inline-block;width:120px;text-align:center}
 .priceTag .ladder .t{color:#627386}
 .priceTag .ladder .p{color:#f94b4b}
-.priceTag .close{background:#FF5B00;color:#fff;border-radius:2px;cursor:pointer;display:inline-block;padding:0 20px;height:30px;line-height:30px;font-style:normal;}
-.priceTag .promotion{font-size:14px;line-height:30px;padding:8px 15px;width:320px;}
+.priceTag .close{background:#FF5B00;color:#fff;border-radius:15px;cursor:pointer;display:inline-block;padding:0 20px;height:30px;line-height:30px;font-style:normal;float: right;}
+.priceTag .promotion{font-size:14px;line-height:30px;padding:8px 15px;width:320px;border-radius: 8px;}
 .priceTag .promotion p{text-align:left;clear:both;}
 .priceTag .promotion p>em{color:#FF5B00;font-style:normal;cursor: pointer;}
 .priceTag .promotion .p{display:block;height:40px;padding:10px 0 10px 50px;position:relative;line-height:20px;}
@@ -482,7 +482,7 @@ iframe{width:320px !important;height: 280px !important}
 .loading{box-sizing:border-box;padding:200px 0;text-align:center;}
 .loading.home{position:fixed;z-index:9999;width:100%;height:100%;background:#FFF;}
 .empty{box-sizing:border-box;padding:100px 0;text-align:center;color:#4A4F58;line-height:30px;font-size:16px;}
-.empty img{width:180px;height:180px;}
+.empty img{width:150px;height:150px;}
 .empty a{color:#FF5B00;}
 
 /*采美豆弹窗样式*/

src/main/resources/static/css/base/form.css

@@ -2,11 +2,11 @@
 /**
  * PC端
  */
- .formLine .diyBox i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
+ .formLine .diyBox i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:22px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
 @media screen and (min-width:768px){
 .formLine{padding-bottom:5px;font-size:14px;position:relative}
 .formLine input,.formLine select{box-sizing:border-box;width:100%;height:36px;line-height:34px;text-indent:1.2em;background-color:#FFF;border:1px solid #b8bfca;border-radius:30px;}
-.formLine textarea{width:100%;height:114px;margin-top: 20px; box-sizing:border-box;border:solid 1px #b8bfca;padding:10px 16px;line-height:20px;resize: none;border-radius: 2px;outline: none;}
+.formLine textarea{width:100%;height:114px;margin-top: 20px; box-sizing:border-box;border:solid 1px #b8bfca;padding:10px 16px;line-height:20px;resize: none;border-radius: 8px;outline: none;}
  .formLine textarea.none{margin-top: 0;}
  .formLine select{width:154px}
 .formLine.error input,
@@ -71,7 +71,7 @@
 @media screen and (max-width:768px){
 .formLine{width:100%;position:relative;font-size:3.4vw;}
 .formLine input,.formLine select{outline:none;box-sizing:border-box;width:100%;height:11.2vw;line-height:6vw;padding: 2.6vw 0;text-indent:1.2em;font-size:3.4vw;text-align:left;background-color:#ffffff;border-radius:5.2vw;border:solid 1px #b8bfca;}
-.formLine textarea{display:inline-block;width:100%;height:42.4vw;box-sizing:border-box;border:solid 1px #b8bfca;padding:3vw;line-height:5vw;margin-top:2.7vw;resize: none;}
+.formLine textarea{display:inline-block;width:100%;height:42.4vw;border-radius: 3vw; box-sizing:border-box;border:solid 1px #b8bfca;padding:3vw;line-height:5vw;margin-top:2.7vw;resize: none;}
 .formLine select {width: 29.5vw;}
 .formLine.error input{border-color:#f94b4b}
 .formLine input:focus{border-color:#ffe6dc;}

src/main/resources/static/css/product/detail.h5.css

@@ -13,8 +13,8 @@ li{list-style:none}
 .productBox .detailBox .crumbs{height:8vw;line-height:8vw;font-size:3.1vw;overflow:hidden;color:#93979F}
 .productBox .detailBox .crumbs a{color:#93979F}
 .productBox .detailBox .title{width: 80vw;font-size:4.2vw;font-weight:bold;line-height:6.4vw;color:#4A4F58;margin-bottom:3.5vw;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
-.productBox .detailBox .tags span{display:inline-block;height:4.2vw;line-height:4.2vw;padding:0 1vw;font-size:2.6vw;color:#FFF;background:#86B2FF;border-radius:2px;margin-right:2.7vw}
-.productBox .detailBox .detail{box-sizing:border-box;padding:2.8vw;font-size:3.4vw;line-height:7.5vw;color:#93979F;background:#f3f7fe;border-radius:2px;position:relative;margin:3.5vw 0}
+.productBox .detailBox .tags span{display:inline-block;height:4.2vw;line-height:4.2vw;padding:0 1vw;font-size:2.6vw;color:#FFF;background:#86B2FF;border-radius:2.1vw;margin-right:2.7vw}
+.productBox .detailBox .detail{box-sizing:border-box;padding:2.8vw;font-size:3.4vw;line-height:7.5vw;color:#93979F;background:#f3f7fe;border-radius:3vw;position:relative;margin:3.5vw 0}
 .productBox .detailBox .detail hr{border:none;border-top:1px dashed #BEC2C9;margin:2vw 0}
 .productBox .detailBox .none-details{opacity: 0;box-sizing:border-box;padding:7vw;font-size:3.4vw;color:#9aa5b5;margin:10px 0;position:relative;min-height: 33.2vw;}
 .productBox .detailBox .none-details .none-image{width: 38.6vw;height: 30.5vw;display: block;margin: 0 auto;}
@@ -39,7 +39,7 @@ li{list-style:none}
 .productBox .detailBox .row .coupon-tags>em{font-style:normal;display: inline-block;}
 .productBox .detailBox .row .unit-tags{display: inline-block;box-sizing: border-box;line-height: 5vw;}
 .productBox .detailBox .row .unit-tags>em{font-style:normal;display: inline-block;margin-right: 8px;position: relative;}
-.productBox .detailBox .row .unit-tags .unitTags{display: inline-block;height: 5.2vw;line-height: 5.2vw;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 2.8vw;color: #627386;background: #FFFFFF;padding: 0 1.6vw;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 3vw;}
+.productBox .detailBox .row .unit-tags .unitTags{min-width: 4vw;text-align: center; display: inline-block;height: 5.2vw;line-height: 5.2vw;border: 1px solid #BFC6D2;border-radius: 2.6vw;font-size: 2.8vw;color: #627386;background: #FFFFFF;padding: 0 1.6vw;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 3vw;}
 .productBox .detailBox .row .unit-tags .unitTags.active{border-color: #E15621;color: #E15621;}
 .productBox .detailBox .row .unit-tags .unitTags.active .tips{background: #FF5B00;}
 .productBox .detailBox .row .unit-tags .tips{display: block;padding: 0 1.2vw;height: 4.2vw;line-height: 4.2vw;font-style: normal; font-size: 2.4vw;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -12px;color: #FFFFFF;}
@@ -60,13 +60,13 @@ li{list-style:none}
 .productBox .detailBox .price .svip-tag .svip-price span{color: #333}
 .productBox .detailBox .price .svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
 
-.productBox .detailBox .number{display:inline-block;width:26.6vw;line-height:6.4vw;height:6.4vw;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
+.productBox .detailBox .number{display:inline-block;width:26.6vw;line-height:6.4vw;height:6.4vw;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:3.2vw;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
 .productBox .detailBox .number>em{display:inline-block;width:6.4vw;height:6.4vw;background:#FFE6DC;font-size:4vw;line-height:6vw;vertical-align:top;font-style: normal;}
 .productBox .detailBox .number input{width:13.5vw;border:none;line-height:6vw;vertical-align:top;text-align:center;color:#FF5B00;font-size:3.4vw}
 .productBox .detailBox .detail .btn{position:absolute;right:2.8vw;top:2.8vw;height:6vw;line-height:6vw;padding:0 2vw;background:#F94B4B;font-size:3.4vw;color:#FFF;border-radius:2px}
 .productBox .detailBox .btnBox:before{content:'';display:block;width:200%;height:2.7vw;background:#F5F5F5;margin-left:-25%}
 .productBox .detailBox .btnBox{text-align:center}
-.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:40vw;height:11.2vw;line-height:11.2vw;text-align:center;border:1px solid #FF5B00;background:#FFE6DC;cursor:pointer;border-radius:2px;font-size:3.4vw;color:#FF5B00;margin:1.7vw 1.1vw}
+.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:40vw;height:11.2vw;line-height:11.2vw;text-align:center;border:1px solid #FF5B00;background:#FFE6DC;cursor:pointer;border-radius:5.5vw;font-size:3.4vw;color:#FF5B00;margin:1.7vw 1.1vw}
 .productBox .detailBox .btnBox .buy{background:#FF5B00;color:#FFF}
 .productBox .detailBox .btnBox .cart.disable{background: #FFE6DC;border-color: rgba(255, 230, 220, 0.3);}
 .productBox .detailBox .btnBox .buy.disable{background: rgba(225, 86, 22, 0.2);border-color: rgba(225, 86, 22, 0.2);}

src/main/resources/static/css/product/detail.pc.css

@@ -3,7 +3,7 @@
  * PC端
  */
 li{list-style:none;}
-.productBox{width:100%;margin:16px 0;background:#FFF;box-sizing:border-box;padding:15px}
+.productBox{width:100%;margin:16px 0;background:#FFF;box-sizing:border-box;padding:15px;border-radius: 8px;}
 .productBox .imageBox{float:left;width:452px;height:545px;position:relative}
 .productBox .page_main_type{width: 34px;height: 34px;text-align: justify;box-sizing: border-box;padding: 5px;border-radius: 0 0 8px 8px;background-color: #33CCBF;font-size: 12px;color: #FFFFFF;line-height: 13px;position: absolute;top: 0;left: 15px;z-index: 88;}
 .productBox .cm-product-cover-tag{position:absolute;top: 0;right: 15px;z-index: 99;width: 75px;height: 49px;background: url(/img/activity/cm_cover_bg_pc.png) no-repeat center;background-size: 75px;text-align: center;color: #fff;line-height: 27px;font-size: 12px;}
@@ -13,7 +13,7 @@ li{list-style:none;}
 .productBox .bigImage .mask{display:none;position:absolute;left:0;top:0;width:215px;height:215px;border:1px solid #aaa;background:rgba(255,208,22,.4);opacity:.5;filter:alpha(opacity:50);cursor:move}
 .productBox .smallImage{height:79px;padding-top:14px;overflow:hidden}
 .productBox .smallImage ul{width:452px}
-.productBox .smallImage li{float:left;box-sizing:border-box;width:79px;height:79px;margin-left:14px;background:#F3F7FE;opacity:.5;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
+.productBox .smallImage li{float:left;box-sizing:border-box;width:79px;height:79px;margin-left:14px;background:#F3F7FE;opacity:.5;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;border-radius: 8px;overflow: hidden;cursor: pointer;}
 .productBox .smallImage li.on{opacity:1;border:1px solid #FF5B00}
 .productBox .smallImage li:first-child{margin-left:0}
 .productBox .zoomImage{display:none;overflow:hidden;position:absolute;right:-466px;top:0;width:452px;height:452px;border:1px solid #e4e4e4;z-index:9999;background:#FFF}
@@ -26,8 +26,8 @@ li{list-style:none;}
 .productBox .detailBox .crumbs a:hover{color:#FF5B00}
 .productBox .detailBox .title{font-size:18px;font-weight:bold;line-height:24px;padding:5px 0;color:#4A4F58;width: 620px;}
 .productBox .detailBox .tags{padding:2px 0}
-.productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #9aa5b5;border-radius:2px;margin-right:10px;border: 1px solid #e2e7ef;}
-.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#9aa5b5;background:#f3f7fe;border-radius:2px;margin:10px 0;position:relative;}
+.productBox .detailBox .tags span{display:inline-block;line-height:16px;padding: 3px 6px;font-size:12px;color: #9aa5b5;border-radius:14px;margin-right:10px;border: 1px solid #e2e7ef;}
+.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#9aa5b5;background:#f3f7fe;border-radius:8px;margin:10px 0;position:relative;}
 .productBox .detailBox .none-details{opacity: 0;box-sizing:border-box;padding:70px 20px;font-size:14px;color:#9aa5b5;margin:10px 0;position:relative;min-height: 332px;}
 .productBox .detailBox .none-details .none-image{width: 179px;height: 141px;display: block;margin: 0 auto;}
 .productBox .detailBox .none-details .none-text{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #ffb496;font-size: 16px;}
@@ -50,7 +50,7 @@ li{list-style:none;}
 .productBox .detailBox .row .coupon-tags>em.couponTag-more{color: #4a4f58;cursor: pointer;}
 .productBox .detailBox .row .unit-tags{display: inline-block;padding-left: 7px;}
 .productBox .detailBox .row .unit-tags>em{font-style:normal;display: inline-block;margin-right: 8px;position: relative;}
-.productBox .detailBox .row .unit-tags .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 3px;font-size: 14px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;}
+.productBox .detailBox .row .unit-tags .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 12px;font-size: 14px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;min-width: 30px;text-align: center;}
 .productBox .detailBox .row .unit-tags .unitTags.active{border-color: #E15621;color: #E15621;}
 .productBox .detailBox .row .unit-tags .unitTags.active .tips{background: #FF5B00;}
 .productBox .detailBox .row .unit-tags .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
@@ -74,13 +74,13 @@ li{list-style:none;}
 .productBox .detailBox .price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
 .productBox .detailBox .price .svip-tag .svip-price span{color: #333;margin-left: 4px}
 
-.productBox .detailBox .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top;}
+.productBox .detailBox .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:12px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top;}
 .productBox .detailBox .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
 .productBox .detailBox .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00;}
 .productBox .detailBox .detail .btn{position:absolute;right:20px;top:20px;height:32px;line-height:32px;padding:0 16px;background:#F94B4B;font-size:14px;color:#FFF;border-radius:2px}
 .productBox .detailBox .detail .row .btn{top:6px;right:0}
 .productBox .detailBox .btnBox{padding:15px 0}
-.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #FF5B00;background:#fff;cursor:pointer;border-radius:2px;font-size:16px;color:#FF5B00;margin:0 10px}
+.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #FF5B00;background:#fff;cursor:pointer;border-radius:20px;font-size:16px;color:#FF5B00;margin:0 10px}
 .productBox .detailBox .btnBox .cart.disable{background: #FFE6DC;border-color: rgba(255, 230, 220, 0.3);color: #EFC5B2;}
 .productBox .detailBox .btnBox .buy.disable{background: rgba(225, 86, 22, 0.2);border-color: rgba(225, 86, 22, 0.2);}
 .productBox .detailBox .btnBox .cart:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
@@ -88,9 +88,9 @@ li{list-style:none;}
 .productBox .detailBox .detail .btn:hover,.productBox .detailBox .btnBox .cart:hover,.productBox .detailBox .btnBox .buy:hover{opacity:.8}
 .productBox .detailBox .concatBox{height:120px;padding:15px}
 .productBox .detailBox .concatBox img{height:120px;width:auto}
-.productBox .detailBox .upgrade{background:#F94B4B;border-radius:2px;display:inline-block;text-align:center;color:#FFFFFF;height:40px;line-height:40px;padding:0 30px;font-size:16px}
+.productBox .detailBox .upgrade{background:#F94B4B;border-radius:20px;display:inline-block;text-align:center;color:#FFFFFF;height:40px;line-height:40px;padding:0 30px;font-size:16px}
 /*配套商品*/
-.product-supporting{width: 100%;min-height: 200px;background-color: #FFFFFF;box-sizing: border-box;padding: 16px;margin-bottom: 16px;}
+.product-supporting{width: 100%;min-height: 200px;background-color: #FFFFFF;box-sizing: border-box;padding: 16px;margin-bottom: 16px;border-radius: 8px;}
 .product-supporting-title{width: 100%;height: 30px;line-height: 30px;text-align: left;font-size: 16px;color: #333333;font-weight: bold;}
 .product-supporting-content{width: 100%;height: auto;}
 .product-supporting-td{width: 100%;height: 38px;line-height: 38px;}
@@ -111,7 +111,7 @@ li{list-style:none;}
 .product-supporting-list .tr-2{width:20%;height: 100%;box-sizing: border-box;padding: 16px 0;}
 .product-supporting-list .tr-2 p{text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
 .product-supporting-list .tr-3{width:15%;box-sizing: border-box;padding: 16px;position: relative;}
-.product-supporting-list .tr-3 .sku-popup{position: relative;height: 26px;display: inline-block;box-sizing: border-box;cursor: pointer; border: 1px solid #E2E7EF;border-radius: 2px;padding: 0 8px;}
+.product-supporting-list .tr-3 .sku-popup{position: relative;height: 26px;display: inline-block;box-sizing: border-box;cursor: pointer; border: 1px solid #E2E7EF;border-radius: 13px;padding: 0 8px;}
 .product-supporting-list .tr-3 .sku-popup .sku-text{width: 54px;height: 24px;text-align: left; display: block;line-height: 24px;font-size: 12px;color: #22272E;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
 .product-supporting-list .tr-3 .sku-popup .sku-icon{width: 24px;height: 24px;float: right;}
 .product-supporting-list .tr-3 .sku-popup .sku-icon .icon:before{width: 24px;height: 24px;background-position:-83px 2px;}
@@ -156,11 +156,11 @@ li{list-style:none;}
 
 .product-supporting-list .tr-4{width:20%;box-sizing: border-box;padding: 16px 0 0 44px;text-align: left;}
 .product-supporting-list .tr-4 .price .icon:before{width:63px;height: 22px;}
-.product-supporting-list .tr-4 .price .icon.i1:before{background-position:-2px -715px}
-.product-supporting-list .tr-4 .price .icon.i2:before{background-position:-2px -745px}
-.product-supporting-list .tr-4 .price .icon.i3:before{background-position:-2px -775px}
-.product-supporting-list .tr-4 .price .icon.i4:before{background-position:-2px -805px}
-.product-supporting-list .tr-4 .price .icon.i5:before{background-position:-2px -835px}
+.product-supporting-list .tr-4 .price .icon.i1:before{background-position:-2px -706px}
+.product-supporting-list .tr-4 .price .icon.i2:before{background-position:-2px -738px}
+.product-supporting-list .tr-4 .price .icon.i3:before{background-position:-2px -765px}
+.product-supporting-list .tr-4 .price .icon.i4:before{background-position:-2px -790px}
+.product-supporting-list .tr-4 .price .icon.i5:before{background-position:-2px -817px}
 .product-supporting-list .tr-4 .price .price_text_tag .svip-tag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);}
 .product-supporting-list .tr-4 .price .price_text_tag .listTag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);margin: 0;float: left;}
 .product-supporting-list .tr-4 .price .svip-tag{width:100%;height:22px;letter-spacing:0}
@@ -172,19 +172,19 @@ li{list-style:none;}
 .product-supporting-list .tr-4 .price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
 .product-supporting-list .tr-4 .price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;}
 .product-supporting-list .tr-5{width:20%;box-sizing: border-box;padding: 16px 0;}
-.product-supporting-list .tr-5 .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
+.product-supporting-list .tr-5 .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:12px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
 .product-supporting-list .tr-5 .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
 .product-supporting-list .tr-5 .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00}
 .product-supporting-list .tr-6{width:15%;box-sizing: border-box;padding: 16px 0;padding-left: 30px;}
 .product-supporting-more{width: 100%;height: 32px;}
-.product-supporting-more .more{width: 98px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 auto;border-radius: 2px;border: 1px solid #cccccc;color: #909090;text-align: left;transition: all 0.2s;cursor: pointer;padding-left: 15px;box-sizing: border-box;position: relative;}
+.product-supporting-more .more{width: 98px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 auto;border-radius: 16px;border: 1px solid #cccccc;color: #909090;text-align: left;transition: all 0.2s;cursor: pointer;padding-left: 15px;box-sizing: border-box;position: relative;}
 .product-supporting-more .more .icon:before{background-position: -93px 7px;width: 20px;height: 32px;right: 0;position: absolute;}
 .product-supporting-button{width: 100%;height: auto;}
 .product-supporting-button .product-supporting-total{width: 100%;height: 44px;text-align: right;line-height: 44px;font-size: 16px;color: #22272E;}
 .product-supporting-button .product-supporting-total .ore{color: #E15621;}
 .product-supporting-button .product-supporting-total .red{color: #F94B4B;}
 .product-supporting-button .product-supporting-btn{width: 100%;height: 36px;text-align: right;}
-.product-supporting-button .product-supporting-btn .btn{width: 128px;height: 36px;text-align: center;border: 1px solid #E15621;float: right;margin-left: 20px;line-height: 36px;font-size: 14px;cursor: pointer;}
+.product-supporting-button .product-supporting-btn .btn{width: 128px;height: 36px;text-align: center;border: 1px solid #E15621;float: right;margin-left: 20px;line-height: 36px;font-size: 14px;cursor: pointer;border-radius: 18px;}
 .product-supporting-button .product-supporting-btn .btn.add{background-color: #FFE6DC;color: #E15621;}
 .product-supporting-button .product-supporting-btn .btn.buy{background-color: #E15621;color: #FFFFFF;}
 .recommendBox{margin-bottom:16px;overflow: hidden;}
@@ -203,7 +203,7 @@ li{list-style:none;}
 #productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#FF5B00;border-radius:2px}
 #productRecommend .swiper-pagination span.on{width:28px;opacity:1;}
 
-.wrap>.productInfo{float:left;box-sizing:border-box;padding:0 0;width:884px;background:#FFF;min-height: 487px}
+.wrap>.productInfo{float:left;box-sizing:border-box;padding:0 0;width:884px;background:#FFF;min-height: 487px;border-radius: 8px;overflow: hidden;}
 .productInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #ffe6dc;font-size:16px;color:#333333}
 .productInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer}
 .productInfo .tabTit span:hover{color:#E15621}
@@ -223,13 +223,13 @@ li{list-style:none;}
 .productInfo .product-qualificationImg image{width: 100%;height: auto;display: block;}
 .wrap>.rgt{float:right;width:284px}
 .wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:16px;color:#FF5B00;font-weight:bold;background:#ffe6dc}
-.shopBox{margin-bottom:16px;background:#FFF}
+.shopBox{margin-bottom:16px;background:#FFF;border-radius: 8px;overflow: hidden;}
 .shopBox .bd{padding:15px}
 .shopBox .bd .name{line-height:20px;padding: 10px 0;font-weight:bold;color:#4A4F58;font-size:14px;border-bottom:1px solid #F7F7F7;position: relative}
 .shopBox .bd .tit{line-height:30px;font-weight:bold;color:#4A4F58;font-size:14px}
 .shopBox .bd .con{line-height:20px;color:#627386;font-size:12px;margin-bottom:12px}
-.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:2px;font-size:14px;color:#FF5B00;margin-top:12px;background: #fef6f3}
-.wrap>.rgt .section{background:#FFF}
+.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:18px;font-size:14px;color:#FF5B00;margin-top:12px;background: #fef6f3}
+.wrap>.rgt .section{background:#FFF;border-radius: 8px;overflow: hidden;}
 .wrap>.rgt .section .bd{padding:15px;line-height:24px;font-size:12px;color:#627386;margin-bottom: 12px}
 .wrap>.rgt .section .bd div:nth-child(1){font-weight: bold;font-size: 14px;color: #4a4f58;}
 .wrap>.rgt .section .bd div{margin-bottom: 12px}

src/main/resources/static/css/shopping/shopping.css

@@ -1,598 +1,601 @@
-@charset "utf-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端
- */
-@media screen and (min-width:768px){
-    .formLine .checked{top: 7px;}
-    input[type="number"]{-moz-appearance:none;-webkit-appearance:none}
-    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
-    .pageTitle{height:57px;line-height:57px;padding-top:16px}
-    .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
-    .pageTitle h1 span{color:#627386;font-size:12px;font-weight:normal;margin-left:10px}
-    h2.title{height:36px;font-size:16px;padding:0 ;line-height:36px;color:#22272e;font-weight:normal;clear:both}
-    h2.title>a{color: #E15621;margin-left: 32px;}
-    .pageTitle .step{float:right;color:#999999;font-size:14px;height:44px;line-height:44px}
-    .pageTitle .step span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;position:relative;padding-right:55px;}
-    .pageTitle .step span:before{font-style:normal;font-size:20px;vertical-align:text-top;margin-right:5px}
-    .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
-    .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
-    .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
-    .pageTitle .step span:after{position:absolute;right:0;top:10px;content:'';width:50px;border-top:1px solid #9AA5B5;}
-    .pageTitle .step span:nth-of-type(3){padding-right:0}
-    .pageTitle .step span:nth-of-type(3):after{display:none}
-    .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
-    .pageTitle .step span.prev:after{border-color:#FF5B00;}
-    .listWrap .cartTit,.listWrap .supplierItem,.addressWrap,.balanceWrap,.invoiceWrap,.totalPriceWrap{box-sizing:border-box;padding:0 14px;text-align:center;width:100%;background:#FFF;margin-bottom:8px;box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
-    /* 商品清单 */
-    .listWrap{width:100%}
-    .listWrap .supplierItem.disable{background:#f1f0f5}
-    .listWrap .supplierItem em{font-style:normal}
-    .listWrap .supplierTit{border-bottom:1px solid #F7F7F7;height:60px;line-height:60px;text-align:left}
-    .listWrap .supplierTit .img{width:auto;height:32px;border:1px solid #F7F7F7;margin-right:10px}
-    .listWrap .supplierTit .name{color:#9aa5b5}
-    .listWrap .supplierTit .couponTag{cursor: pointer;}
-    .listWrap .cartTit,.listWrap .supplierBtn{height:60px;line-height:60px}
-    .listWrap .cartTit{color:#333333}
-    .listWrap .supplierItem,.listWrap .supplierBtn{color:#22272E}
-    .listWrap .supplierBtn{border-top:1px solid #F5F5F5;text-align:right}
-    .listWrap .supplierBtn em{color:#f55c5c;font-size:16px}
-    .listWrap .supplierBtn .item-note{float:left;}
-    .listWrap .supplierBtn .item-note input{width:600px;height:36px;line-height:36px;background:#F7F7F7;border-radius:5px;border:none;padding:0 10px;font-size:14px}
-    .listWrap .supplierBtn .item-content{float:right;height: 100%;}
-    .listWrap .supplierBtn .item{line-height:50px;float:right;}
-    .listWrap .supplierBtn .freight{float:right;margin-right:20px;line-height:50px;cursor: pointer;}
-    .freight-radio{ width: 100%;height: 28px;line-height: 28px;float: left;margin-bottom: 10px;}
-    .listWrap .cartItem{width:100%;height:100px;line-height:100px;margin-top:10px;padding:14px 0;font-size:16px}
-    .listWrap .cartItem:first-child{margin-top:0}
-    .listWrap .cartItem .c2{text-align:left}
-    .listWrap .cartItem>div>*{vertical-align:middle}
-    .listWrap .c0{float:left;width:34px;text-align:left;height: 100%;display: flex;align-items: center;}
-    .listWrap .c1{float:left;width:102px;height:100%;position:relative;}
-    .listWrap .c2{float:left;width:280px}
-    .listWrap .c3{float:left;width:170px}
-    .listWrap .c4{float:left;width:142px}
-    .listWrap .c5{float:left;width:185px;position:relative}
-    .listWrap .c6{float:left;width:122px}
-    .listWrap .c7{float:right;width:118px}
-    .listWrap .c10{float:left;width:495px}
-    .listWrap .c11{float:left;width:480px;text-align:left}
-    .listWrap .c1 .smalltype{width: 26px;height: 26px;position: absolute;top: 0;right: 10px;z-index: 88;}
-    .listWrap .c1 span.tip{position:absolute;background:#ff4500;line-height:20px;height:20px;padding:0 10px;white-space:nowrap;font-size:12px;color:#FFF;top:0;left:0}
-    .listWrap .coll-checked{width: 16px;height: 16px;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;}
-    .listWrap .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
-    .listWrap .coll-checked.disable{background: url("/img/cart/icon_weigouxuan_desied@2x.png") no-repeat;background-size: cover;}
-    .listWrap .image{display:block;width:100px;height:100px;border:1px solid #F7F7F7}
-    .listWrap .name,.listWrap .unit{line-height:20px;display:inline-block;max-height:100px;overflow:hidden;vertical-align:middle}
-    .listWrap .cartItem .name{padding-left:14px}
-    .listWrap .cartItem .name .tag{display:inline-block;background:#f94b4b;color:#FFF;font-size:12px;padding:0 6px;height:20px;line-height:20px;border-radius:2px;font-style:normal;margin-right:5px}
-    .listWrap .c7 em,.listWrap .c10 em{color:#f94b4b;font-style:normal}
-    .listWrap .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
-    .listWrap .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
-    .listWrap .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00}
-    .listWrap .del{color:#9AA5B5;font-size:20px;position:relative;cursor:pointer;display:inline-block;height:40px;line-height:40px;width:30px}
-    .listWrap .del .tips{position:absolute;top:40px;left:4px;opacity:0;white-space:nowrap;background-color:#f94b4b;color:#FFF;border-radius:3px;line-height:30px;font-size:12px;text-align:center;display:inline-block;transition:all .8s;padding:0 10px;font-style:normal}
-    .listWrap .del .tips:before{content:"";width:10px;height:10px;background:#f94b4b;position:absolute;top:-3px;left:6px;transform:rotate(45deg)}
-    .listWrap .del:hover{color:#f94b4b}
-    .listWrap .del:hover .tips{opacity:1}
-    .listWrap .price{position:relative;display:inline-block;line-height:24px}
-    .listWrap .price>em{font-style:normal;font-size:16px;display:inline-block;width:100%}
-    .listWrap .price>del{font-size:16px;display:inline-block;width:100%;color:#B8BFCA}
-    .invalidTit{height:44px;line-height:44px;padding-top:16px;font-size:16px}
-    .invalidTit .tit{color:#22272e;float:left}
-    .invalidTit .delAll{color:#FF5B00;float:right;cursor:pointer}
-    .invalidTit .tit em{font-style:normal;color:#FF5B00}
-    /*重选规格*/
-    .listWrap .c8{float:left;width: 450px;height: 100%;box-sizing: border-box;padding: 37px 120px;position: relative;}
-    .listWrap .sku-popup{float:left;width: 100%;height: 100%;}
-    .listWrap .sku-popup .sku-text{float:left;font-size: 16px;line-height: 24px;color: #22272E;text-align: left;margin-right: 10px;}
-    .listWrap .sku-popup .sku-btn{display: block;height: 24px;padding: 0 8px; float:left;font-size: 14px;line-height: 24px;color: #E15621;text-align: center;box-sizing: border-box;border: 1px solid #E15621;border-radius: 2px;}
-    .listWrap .c8 .sku-popup-viw{width: 360px;height: 394px;z-index: 999; box-sizing: border-box;padding: 16px;position: absolute;bottom: -360px;left: 36px;background: #FFFFFF;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1);border: 1px solid #E2E7EF;}
-    .listWrap .c8 .sku-popup-viw.none{display: none;}
-    .listWrap .c8 .sku-popup-viw.show{display: block;}
-    .listWrap .c8 .sku-popup-viw .sku-title{width: 100%;height: 80px;float: left;margin-bottom: 10px;}
-    .listWrap .c8 .sku-popup-viw .sku-image{width: 80px;height: 80px;float: left;border: 1px dashed #E2E7EF;box-sizing: border-box;}
-    .listWrap .c8 .sku-popup-viw .sku-image img{width: 100%;height: 100%;display: block}
-    .listWrap .c8 .sku-popup-viw .sku-price{width: 200px;height: 80px;float: left;box-sizing: border-box;padding-left: 16px;padding-top: 16px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .price_grade{float: left;width: 100%;margin-bottom: 10px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .price_text_tag{float: left;line-height: 22px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .couponTag{float: left;margin-right: 5px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .icon{float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {width: 63px;height: 22px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {background-position: -2px -715px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag{height:22px;letter-spacing:0;float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price span{color: #333}
-
-    .listWrap .c8 .sku-popup-viw .sku-h1 {width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #22272E;font-weight: bold;float: left;text-align: left;}
-    .listWrap .c8 .sku-popup-viw .sku-unit{width: 100%;height: 148px;padding: 12px 0;overflow-y: scroll;box-sizing: border-box;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 12px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active{border-color: #E15621;color: #E15621;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active .tips{background: #FF5B00;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
-    .listWrap .c8 .sku-popup-viw .sku-button{width: 100%;height: 104px;position: absolute;bottom: 0;left: 0;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-button-center{width: 184px;height: 80px;margin: 24px auto;box-sizing: border-box;padding: 16px 0;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn{width: 68px;height: 32px;display: block;margin: 0 12px;font-size: 14px;text-align: center;line-height: 32px;float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.cancel{background: #E2E2E2;color: #4A4F58;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.confirm{background: #E15621;color: #FFFFFF;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.disable{background: rgba(255,86,22,0.3);color: #FFFFFF;}
-    .listWrap .c8 .sku-popup-viw .sku-num{width: 100%;height: 24px;float: left;box-sizing: border-box;padding: 0 16px;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-numlabe{float: left;line-height: 24px;font-size: 14px;color: #22272E;font-weight: bold;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-number{float: right;display: inline-block;width: 96px;line-height: 24px;height: 24px;box-sizing: border-box;border: 1px solid #FFE6DC;border-radius: 2px;font-size: 0;white-space: nowrap;text-align: center;overflow: hidden;vertical-align: top;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-number .input{width: 48px;border: none;line-height: 24px;font-size: 14px;vertical-align: top;text-align: center;color: #FF5B00;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-number>span{display: inline-block;width: 24px;height: 24px;background: #FFE6DC;font-size: 20px;font-style: normal;line-height: 22px;vertical-align: top;cursor: pointer;}
-
-
-
-    /*优惠券选择*/
-    .couponWrap{width: 100%;min-height: 200px;box-sizing: border-box;padding: 32px 16px 10px 16px;background: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 32px;float: left;}
-    .couponWrap .coupon-list-cell{width: 369px;height: 148px;float: left;cursor: pointer;margin-bottom:24px;margin-right: 15px;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
-    .couponWrap .coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;position: relative;}
-    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked{position: absolute;right: 16px;top: 16px;width: 16px;height: 16px;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;}
-    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
-    .couponWrap .coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
-    .couponWrap .coupon-list-cell .coupon-list-money .maxMoney{font-size: 40px;margin-right: 8px;}
-    .couponWrap .coupon-list-cell .coupon-list-name{width: 100%;height: 22px;line-height: 22px;color: #333333;font-size: 14px;text-align: left;margin-top: 13px;}
-    .couponWrap .coupon-list-cell .coupon-list-time{width: 100%;height: 22px;line-height: 22px;color: #999999;font-size: 12px;text-align: left;}
-    .couponWrap .coupon-list-cell .coupon-list-ri{width: 109px;height: 148px;float: left;box-sizing: border-box;padding: 54px 47px;font-size: 16px;color: #FFF;cursor: pointer;}
-    .couponWrap .coupon-list-cell .coupon-list-ri.none{padding: 45px 47px;}
-    .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;}
-
-    /* 底部结算 */
-    .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}
-    .summaryWrap .summary .item{display:inline-block;margin-right:32px;position:relative}
-    .summaryWrap .summary .item.priceTotal{float: right;margin-right: 0;}
-    .summaryWrap .summary .item p.priceTotal-t{height: 32px;font-size: 16px;display: inline-block;width: 100%;float: left;text-align: left;line-height: 30px;}
-    .summaryWrap .summary .item p.priceTotal-b{height: 18px;font-size: 14px;display: inline-block;width: 100%;float: left;text-align: left;line-height: 18px;}
-    .summaryWrap .summary .coll-checked{width: 16px;height: 16px;float: left;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;vertical-align:top;margin:18px 16px 0 16px;}
-    .summaryWrap .summary .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
-    .summaryWrap .summary .delete{margin-left:16px;color:#f55c5c}
-    .summaryWrap .summary .totalMoney{display:inline-block;margin-right:32px;position:relative;}
-    .summaryWrap .summary .totalPrice{line-height: 24px;font-size: 18px;}
-    .summaryWrap .summary .totalPrice.none{line-height: 50px;}
-    .summaryWrap .summary .totalPrice span{color: #f55c5c;}
-    .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(90deg, #FF9300 0%, #FF5B00 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: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:-340px 0;margin-right:15px}
-    .priceTotal{position:relative;text-align:right;height: 50px;line-height: 50px;display:inline-block;float: right;}
-    .priceTotal em{color:#f55c5c}
-    .priceTotal .dl{position:absolute;right:0;top:-20px;cursor:pointer;height:24px;font-size:12px}
-    .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:#FF5B00;text-align:center;line-height:32px;border:0;cursor:pointer}
-
-    /* 收货地址 */
-    .addressWrap{padding:16px;position:relative;    box-sizing: border-box;
-    text-align: center;
-    width: 100%;
-    background: #FFF;
-    margin-bottom: 8px;
-    box-shadow: 0px 3px 6px rgba(0,0,0,0.07);}
-    .addressWrap .info{position:relative;width:810px;text-align:left}
-    .addressWrap .info>p{height:30px;line-height:30px;font-size:14px;color:#22272e}
-    .addressWrap .info>p.none{height:90px;line-height:90px;font-size:14px;color:#9AA5B5;text-align: center;}
-    .addressWrap .info>p .label{color:#627386;margin-right:5px;display:inline-block;min-width:60px;height:30px;text-align:justify;vertical-align:top}
-    .addressWrap .info>p .label:after{content:'';display:inline-block;width:100%}
-    .addressWrap .info .btnBox{height:24px;line-height:24px;font-size:14px;color:#1890f9;position:absolute;top:0;right:0}
-    .addressWrap .info .btnBox .default .icon:before{height:24px;width:24px;background-position:-255px -330px}
-    .addressWrap .info .btnBox .default span{display:inline-block;height:24px;background-color:#f94b4b;font-size:12px;color:#FFFFFF;border-radius:12px;text-align:center;vertical-align:top;padding:0 12px;margin-left:5px;cursor:pointer}
-    .addressWrap .info .btnBox .default a{display:inline-block;height:24px;line-height:24px;vertical-align:top;margin-left:15px;color:#1890f9}
-    .addressWrap .info .btnBox .group{position:absolute;right:-345px;top:0}
-    .addressWrap .btnBox .group{text-align:left;height:92px;box-sizing:border-box;border-left:1px dashed #b8bfca;padding: 0 30px;}
-    .addressWrap .btnBox .group .btn{display:block;width:128px;height:34px;line-height:34px;margin:0 auto;text-align:center;font-size:14px;color:#1890f9;border:1px solid #FFFFFF}
-    .addressWrap .btnBox .group .btn.con{background-color:#FFE6DC;color:#FF5B00;border-color:#FF5B00}
-    .addressWrap .btnBox .group .btn.con.none{margin-top: 30px;}
-    .addressWrap .btnBox .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00}
-    .addressWrap .btnBox .group .btn.save.disable{background: #EFEFEF;color:#999999;border-color:#EFEFEF;}
-    .addressWrap .formLine{padding-bottom:16px;font-size:14px;position:relative;padding-left:90px;text-align:left;width:526px}
-    .addressWrap .formLine .label{position:absolute;left:0;top:0;width:90px;text-align:right;line-height:36px;font-size:14px}
-    .addressWrap .formLine .checked{top:8px}
-    .addressWrap .formLine .errTips{display:none}
-    .addressWrap .formLine.error .errTips{display:block}
-    .addressWrap .formLine input{width:496px;height:36px}
-    .addressWrap .formLine textarea{width:496px;min-height:114px;padding:10px 16px;line-height:20px;resize:none}
-    .addressWrap .formLine select{width:162px;height:36px}
-    .addressWrap .form{position:relative}
-    .addressWrap .form .btnBox{position:absolute;left:686px;top:100px}
-    .addressWrap .form .btnBox .group{width:450px}
-    .addressWrap .form .btnBox .group .btn{display:inline-block}
-    .addressWrap .form .btnBox .group .btn.save{margin-right:15px}
-    .addressWrap .btnBox .group p:first-child{line-height:32px}
-    .addressWrap .btnBox .group .check{display:inline-block;height:18px;line-height:18px;color:#1890f9;margin-bottom: 22px;}
-    .addressWrap .btnBox .group .check input{vertical-align:top;margin-right:10px}
-    .model-address-content{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
-    .model-address-content .model-content{width:650px;height:593px;padding:0 0 16px 0;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
-    .model-address-content .title{width:100%;height:42px;float:left;box-sizing:border-box;position:relative;padding:0 16px;border-bottom:1px solid #e2e7ef}
-    .model-address-content .title p{font-size:14px;line-height:42px;text-align:left;color:#22272e;float:left}
-    .model-address-content .title .icon{width:16px;height:16px;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
-    .model-address-content .title .icon:before{width:16px;height:16px;background-position:-318px 0}
-    .model-address-content .content{width:100%;height:499px;box-sizing:border-box;padding:16px;float:left;overflow:hidden;overflow-y:auto}
-    .model-address-content .content .list{cursor:pointer;position:relative;width:100%;height:145px;box-sizing:border-box;padding:16px;float:left;margin-bottom:16px;border:1px solid #b8bfca;border-radius:2px}
-    .model-address-content .content .list .list-left{width:100%;height:auto;float:left}
-    .model-address-content .content .list .list-right{width:auto;height:24px;position:absolute;top:16px;right:12px}
-    .model-address-content .content .list p{width:100%;height:36px;line-height:36px;font-size:14px;color:#22272e}
-    .model-address-content .content .list p .label{color:#627386;margin-right:5px;display:inline-block;min-width:60px;height:36px;text-align:justify;vertical-align:top}
-    .model-address-content .content .list p .label:after{content:'';display:inline-block;width:100%}
-    .model-address-content .content .list .list-defalut{float:left}
-    .model-address-content .content .list .list-btn{background-color:#ffe6dc;border-radius:12px;border:1px solid #FF5B00;color:#FF5B00;float:left;display:inline-block;width:48px;height:22px;font-size:12px;margin-left:8px;text-align:center;line-height:22px}
-    .model-address-content .content .list .list-defalut .icon{height:24px;width:24px;display:block;float:left;margin-right:5px}
-    .model-address-content .content .list .list-defalut .icon:before{height:24px;width:24px;background-position:-255px -330px}
-    .model-address-content .content .list .list-defalut .span-s{display:inline-block;height:24px;line-height:24px;padding:0 15px;background-color:#f94b4b;font-size:12px;color:#FFFFFF;border-radius:12px;text-align:center;cursor:pointer}
-    .model-address-content .content .list .list-defalut a{display:inline-block;height:24px;line-height:24px;vertical-align:top;margin-left:15px;color:#1890f9}
-    .model-address-content .content .list .seclet{width:40px;height:40px;position:absolute;bottom:0;right:0;opacity:0}
-    .model-address-content .content .list .seclet .icon{width:40px;height:40px;display:block}
-    .model-address-content .content .list .seclet .icon:before{width:40px;height:40px;background-position:-290px -457px;}
-    .model-address-content .content .list.checked{border-color:#FF5B00}
-    .model-address-content .content .list.checked .seclet{opacity:1}
-    .model-address-content .button{width:100%;height:36px;float:left;box-sizing:border-box;padding:0 187px}
-    .model-address-content .button .btn{width:128px;height:34px;float:left;line-height:34px;text-align:center;font-size:14px;display:block;border:1px solid #FF5B00}
-    .model-address-content .button .btn-confirm{background-color:#FF5B00;color:#ffffff;margin-right:15px}
-    .model-address-content .button .btn-cancel{background-color:#FFE6DC;color:#FF5B00}
-    /* 余额 */
-    .balanceWrap{padding:16px;text-align:left}
-    .balanceWrap .text{display:inline-block;height:16px;line-height:16px;font-size:14px;color:#333;margin-left:15px;vertical-align:top}
-    .balanceWrap .text .red{color:#FF2A2A}
-    .totalPriceWrap{line-height:36px;text-align:right;padding:16px;width: 100%;float: left;}
-    .totalPriceWrap span{display:inline-block;width:160px;}
-    .totalPriceWrap .pis{color: #FF5B00;}
-    .totalPriceWrap span em{font-style:normal;color:#FF2A2A}
-    /* 发票 */
-    .invoiceWrap{padding:16px;text-align:left}
-    .invoiceForm{margin-top: 15px;}
-    .invoiceForm .formLine{position:relative;padding-left:80px;width:456px}
-    .invoiceForm .formLine .label{position:absolute;left:0;top:0;width:80px;text-align:right;line-height:36px;font-size:14px}
-    .invoiceForm .formLine input[disabled]{border:none}
-
-    /*优惠券弹窗*/
-    .coupon-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;opacity: 0;}
-    .coupon-popup.hide{opacity: 0;}
-    .coupon-popup.show{opacity: 1;}
-    .coupon-popup .coupon-popup-model-content{width:540px;height:492px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
-    .coupon-popup .title{width:100%;height:50px;float:left;box-sizing:border-box;position:relative;padding:0 24px;background-color: #f8f8f8;}
-    .coupon-popup .title p{font-size:16px;line-height:50px;text-align:left;color:#333333;float:left;font-weight: bold;}
-    .coupon-popup .title .icon{width:16px;height:16px;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
-    .coupon-popup .title .icon:before{width:16px;height:16px;background-position:-318px 0}
-    .coupon-popup .coupon-popup-main{width:100%;height:442px;box-sizing:border-box;padding:0 40px;float:left;}
-    .coupon-popup .coupon-popup-tabs{width: 100%;height: 57px;box-sizing: border-box;border-bottom: 1px solid #efefef;float: left;}
-    .coupon-popup .popup-tabs-cell{width: 230px; float: left;box-sizing: border-box;padding: 0 91px;}
-    .coupon-popup .popup-tabs-cell span{display: block;line-height: 57px;height: 57px;font-size: 16px;color: #333;cursor: pointer;box-sizing: border-box;text-align: center;}
-    .coupon-popup .popup-tabs-cell.active span{color: #E15621;border-bottom: 1px solid #E15621;}
-    .coupon-popup .coupon-popup-content{width:100%;height:385px;box-sizing:border-box;padding: 16px 0;float: left;}
-    .coupon-popup .coupon-popup-content .empty{padding: 60px 0;}
-    .coupon-popup .coupon-popup-content .empty img{width: 120px;height: 120px;}
-    .coupon-popup .coupon-popup-content .empty .msg{color: #999;}
-    .coupon-popup .coupon-popup-scroll{width:100%;height:100%;box-sizing:border-box;padding:0 45px;float:left;overflow:hidden;overflow-y:auto}
-    .coupon-popup .coupon-list-cell{width: 369px;height: 148px;float: left;margin-bottom:24px;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
-    .coupon-popup .coupon-list-cell.none{background: url("/img/account/icon-coupon-received@2x.png") no-repeat;background-size: cover;}
-    .coupon-popup .coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;}
-    .coupon-popup .coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
-    .coupon-popup .coupon-list-cell .coupon-list-money .maxMoney{font-size: 40px;margin-right: 8px;}
-    .coupon-popup .coupon-list-cell .coupon-list-name{width: 100%;height: 22px;line-height: 22px;color: #333333;font-size: 14px;text-align: left;margin-top: 13px;}
-    .coupon-popup .coupon-list-cell .coupon-list-time{width: 100%;height: 22px;line-height: 22px;color: #999999;font-size: 12px;text-align: left;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri{width: 109px;height: 148px;float: left;box-sizing: border-box;font-size: 16px;color: #FFF;cursor: pointer;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 58px 0 0 0;text-align: center;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri .buy p{font-size: 16px;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri span{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 45px 47px;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri span.none{padding: 45px 47px;}
-    .coupon-popup .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;}
-    /*会员标签*/
-    .listWrap .cartItem .priceTag .svip-tag{width:100%;height:22px;letter-spacing:0}
-    .listWrap .cartItem .priceTag .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
-    .listWrap .cartItem .priceTag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-    .listWrap .cartItem .priceTag .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
-    .listWrap .cartItem .priceTag .svip-tag .svip-price span{color: #333}
-    /*订单金额偏小弹窗提示*/
-    .confirm-Model{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
-    .confirm-Model .model-content{width: 389px;height: 342px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
-    .confirm-Model .model-content .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
-    .confirm-Model .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
-    .confirm-Model .model-content .content{margin: 10px 0 0 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
-    .confirm-Model .model-content .content p{text-align: left;font-size: 14px;color: #666666;font-weight: normal;}
-    .confirm-Model .model-content .content p.small{font-size:12px;color: #E15621;}
-    .confirm-Model .model-content .content-image {width: 100%;height: 120px;float: left;margin: 12px 0;}
-    .confirm-Model .model-content .content-image img{width: 120px;height: 120px;display: block;margin: 0 auto;}
-    .confirm-Model .model-content .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;}
-    .confirm-Model .model-content .button a{height: 32px;padding: 0 15px;display: block;margin-left: 10px;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;box-sizing: border-box;border: 1px solid #FFFFFF;}
-    .confirm-Model .model-content .button a.cancel{background: #FFFFFF;border-color: #B8BFCA;color: #333333;}
-    .confirm-Model .model-content .button a.confirm{background: #FF5B00;}
-
-}
-
-/**
-* 移动端
-*/
-@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: #FF5B00;}
-    .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}
-    .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
-    .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
-    .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
-    .pageTitle .step span:after{position:absolute;right:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
-    .pageTitle .step span:nth-of-type(3){padding-right:0}
-    .pageTitle .step span:nth-of-type(3):after{display:none}
-    .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
-    .pageTitle .step span.prev:after{border-color:#FF5B00;}
-    .pageTitle h1,h2.title{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw}
-    .pageTitle h1 span{font-size:3.1vw;font-weight:normal;color:#627386;margin-left:2vw}
-    .gradient i{width:5vw;height:1vw;background:linear-gradient(-45deg,#f9d14b 25%,#FF5B00 0,#FF5B00 50%,#1674e1 0,#1674e1 75%,#f9d14b 0)}
-    /* 商品清单 */
-    .listWrap .supplierItem{width:100%;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw}
-    .listWrap .supplierItem.disable{background:#f1f0f5}
-    .listWrap .supplierItem em{font-style:normal}
-    .listWrap .supplierTit{border-bottom:1px solid #F7F7F7;height:7.4vw;line-height:7.4vw;padding:1.3vw 3.3vw;position:relative;}
-    .listWrap .supplierTit .coll-checked{margin-top: 2vw;}
-    .listWrap .supplierTit .price{height:6.4vw;float: left;}
-    .listWrap .supplierTit .shop{display: block;float: left;}
-    .listWrap .supplierTit .couponTag{float:left;margin-left: 10px;height: 6.4vw;line-height: 6.4vw;box-sizing: border-box;border-radius: 0.2vw;}
-    .listWrap .supplierTit .priceTag .tag{float: left;position: relative;top: 0;left: 0;margin-left: 2vw;}
-
-    /*会员标签*/
-    .listWrap .cartItem .c4{height: auto !important;}
-    .listWrap .cartItem .price .svip-tag{height:4.74vw;letter-spacing:0;overflow: hidden}
-    .listWrap .cartItem .price .svip-tag .svip-icon{position:relative;z-index:9;float: left; width:9.8vw;height:4.74vw;text-align:center;line-height:4.74vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
-    .listWrap .cartItem .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-    .listWrap .cartItem .price .svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:5.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.74vw;height: 4.74vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
-    .listWrap .cartItem .price .svip-tag .svip-price span{color: #333}
-    .listWrap .cartItem .price .svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
-
-    .listWrap .cartItem{padding:2.2vw 3.3vw;height:24vw;line-height:24vw;position:relative}
-    .listWrap .supplierBtn{border-top:1px solid #F7F7F7;width:93vw;margin:0 auto;padding-bottom:2vw;color:#22272e;font-size:3.4vw;text-align:right}
-    .listWrap .supplierBtn em{color:#f55c5c}
-    .listWrap .supplierBtn .item-content{width: 100%;float: left;}
-    .listWrap .supplierBtn .item-note{width: 100%;float: left; text-align:left;white-space:nowrap;overflow:hidden}
-    .listWrap .supplierBtn .item-note input{width:79vw;height:8vw;line-height:8vw;background:#F7F7F7;border-radius:1vw;border:none;padding:0 2vw;font-size:3.1vw}
-    .listWrap .supplierBtn .item{display:inline-block;padding-top:2vw;line-height:8vw;float: right;}
-    .listWrap .supplierBtn .freight{float:right;margin-right:3vw;padding-top:2vw;line-height:8vw;}
-    .freight-radio{ width: 100%;height: 6vw;line-height: 6vw;float: left;margin-bottom: 2vw;}
-    .listWrap .supplierItem .c0{float:left;width:9.6vw;text-align:center;    height: 100%;display: flex;align-items: center;}
-    .listWrap .coll-checked{width: 16px;height: 16px;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;margin-top: 0;}
-    .listWrap .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
-    .listWrap .supplierItem .c1{float:left;width:24vw;position:relative;}
-    .listWrap .c1 .smalltype{width: 26px;height: 26px;position: absolute;top: 0;right: 10px;z-index: 88;}
-    .listWrap .c1 span.tip{position:absolute;background:#ff4500;line-height:5vw;height:5vw;padding:0 2vw;white-space:nowrap;font-size:3.1vw;color:#FFF;top:0;left:0}
-    .listWrap .supplierItem .image{display:block;box-sizing:border-box;width:24vw;height:24vw;border:1px solid #F7F7F7}
-    .listWrap .supplierTit .img{width:7.4vw;height:7.4vw;border:1px solid #F7F7F7;margin-right:2vw}
-    .listWrap .supplierTit .name{color:#9aa5b5}
-    .listWrap .cartItem .c2,.listWrap .cartItem .c3,.listWrap .cartItem .c4,.listWrap .cartItem .c10{position:absolute;left:39vw;line-height:5vw}
-    .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}
-    .listWrap .cartItem .number{display:inline-block;width:26.6vw;line-height:6.4vw;height:6.4vw;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
-    .listWrap .cartItem .number>em{display:inline-block;width:6.4vw;height:6.4vw;background:#FFE6DC;font-size:4vw;line-height:6vw;vertical-align:top}
-    .listWrap .cartItem .number input{width:13.5vw;border:none;line-height:6vw;vertical-align:top;text-align:center;color:#FF5B00;font-size:3.4vw}
-    .invalidTit{height:9vw;line-height:9vw;font-size:3.7vw;padding:0 3.3vw}
-    .invalidTit .tit{color:#22272e;float:left}
-    .invalidTit .delAll{color:#FF5B00;float:right}
-    .invalidTit .tit em{font-style:normal;color:#FF5B00}
-    /*重选规格*/
-    .listWrap .c8{position: absolute;width: 58vw;left: 39vw;top: 19vw;height: 6vw;}
-    .listWrap .sku-popup{float:left;width: 100%;height: 100%;}
-    .listWrap .sku-popup .sku-text{float:left;font-size: 3.6vw;line-height: 6vw;color: #22272E;text-align: left;margin-right: 10px;}
-    .listWrap .sku-popup .sku-btn{display: block;height: 6vw;padding: 0 8px; float:left;font-size: 3.4vw;line-height: 6vw;color: #E15621;text-align: center;box-sizing: border-box;border: 1px solid #E15621;border-radius: 2px;}
-    .listWrap .c8 .sku-popup-viw{width: 100%;height: 110vw;z-index: 999; box-sizing: border-box;padding: 3.2vw;position: fixed;bottom: 0;left: 0;background: #FFFFFF;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1);border: 1px solid #E2E7EF;}
-    .listWrap .c8 .sku-popup-model{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 990;}
-    .listWrap .c8 .sku-popup-viw .sku-title{width: 100%;height: 80px;float: left;margin-bottom: 10px;}
-    .listWrap .c8 .sku-popup-viw .sku-image{width: 80px;height: 80px;float: left;border: 1px dashed #E2E7EF;box-sizing: border-box;}
-    .listWrap .c8 .sku-popup-viw .sku-image img{width: 100%;height: 100%;display: block}
-    .listWrap .c8 .sku-popup-viw .sku-price{width: 200px;height: 80px;float: left;box-sizing: border-box;padding-left: 16px;padding-top: 16px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .price_grade{float: left;width: 100%;margin-bottom: 10px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;font-size: 4vw;}
-    .listWrap .c8 .sku-popup-viw .sku-price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;font-size: 4vw;}
-    .listWrap .c8 .sku-popup-viw .sku-price .price_text_tag{float: left;line-height: 22px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .couponTag{float: left;margin-right: 5px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .icon{float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {width: 63px;height: 22px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {background-position: -2px -715px;}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag{height:4.2vw;letter-spacing:0;float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:4.2vw;text-align:center;line-height:4.2vw;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-25px;line-height:4.2vw;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
-    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price span{color: #333}
-    .listWrap .c8 .sku-popup-viw .sku-h1 {width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #22272E;font-weight: bold;float: left;text-align: left;}
-    .listWrap .c8 .sku-popup-viw .sku-unit{width: 100%;height: 148px;padding: 12px 0;overflow-y: scroll;box-sizing: border-box;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags{display: inline-block;height: 28px;line-height: 28px;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 12px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active{border-color: #E15621;color: #E15621;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active .tips{background: #FF5B00;}
-    .listWrap .c8 .sku-popup-viw .sku-unit .tips{display: block;padding: 0 4px;height: 18px;line-height: 18px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
-    .listWrap .c8 .sku-popup-viw .sku-button{width: 100%;height: 38vw;position: absolute;bottom: 0;left: 0;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-button-center{width: 72vw;height: 17vw;margin: 24px auto;box-sizing: border-box;padding: 16px 0;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn{width: 30vw;height: 9vw;display: block;margin: 0 12px;font-size: 14px;text-align: center;line-height: 9vw;float: left;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.cancel{background: #E2E2E2;color: #4A4F58;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.confirm{background: #E15621;color: #FFFFFF;}
-    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.disable{background: rgba(255,86,22,0.3);color: #FFFFFF;}
-    .listWrap .c8 .sku-popup-viw .sku-num{width: 100%;height: 24px;box-sizing: border-box;padding: 0 16px;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-numlabe{float: left;line-height: 24px;font-size: 14px;color: #22272E;font-weight: bold;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-number{float: right;display: inline-block;width: 96px;line-height: 24px;height: 24px;box-sizing: border-box;border: 1px solid #FFE6DC;border-radius: 2px;font-size: 0;white-space: nowrap;text-align: center;overflow: hidden;vertical-align: top;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-number .input{width: 48px;border: none;line-height: 24px;font-size: 14px;vertical-align: top;text-align: center;color: #FF5B00;}
-    .listWrap .c8 .sku-popup-viw .sku-num .sku-number>span{display: inline-block;width: 24px;height: 24px;background: #FFE6DC;font-size: 20px;font-style: normal;line-height: 22px;vertical-align: top;cursor: pointer;}
-
-    /*优惠券*/
-    .couponWrap{width: 100%;box-sizing: border-box;padding: 4.8vw 3.2vw 2vw 3.2vw;background: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 4.8vw;float: left;}
-    .couponWrap .coupon-list-cell{width: 93.1vw;height: 33vw;float: left;margin: 0 0 2.4vw 0;position: relative;border-radius: 1vw;}
-    .couponWrap .coupon-list-cell .coupon-list-le{width: 70.5vw;height: 33vw;float: left;box-sizing: border-box;padding: 6.8vw 3.7vw 3.3vw 3.7vw;position: relative;}
-    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked{position: absolute;right: 4vw;top: 4vw;width: 3.6vw;height: 3.6vw;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;}
-    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
-    .couponWrap .coupon-list-cell .coupon-list-money{width: 100%;height:10vw;line-height: 10vw;color: #f94b4b;font-size: 3vw;text-align: left; }
-    .couponWrap .coupon-list-cell .coupon-list-money .maxMoney{font-size: 7.2vw;margin-right: 2.4vw;}
-    .couponWrap .coupon-list-cell .coupon-list-money.none, .coupon-list-cell .coupon-list-name.none, .coupon-list-cell .coupon-list-time.none{color: #FFF;}
-    .couponWrap .coupon-list-cell .coupon-list-name{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #333333;font-size: 3.4vw;text-align: left;margin-top: 4vw;}
-    .couponWrap .coupon-list-cell .coupon-list-time{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #999999;font-size: 2.4vw;text-align: left;}
-    .couponWrap .coupon-list-cell .coupon-list-ri{width: 22.5vw;height: 33vw;float: left;box-sizing: border-box;font-size:3.4vw;color: #FFF;cursor: pointer;padding: 9.5vw 9.5vw;}
-    .couponWrap .coupon-list-cell .coupon-tags{height: 4.8vw;line-height: 4.8vw;text-align: center;background-color: #f94b4b;color: #FFF;border-radius: 1.6vw 0 1.6vw 0;position: absolute;top: 0;left: 0;padding: 0 1.5vw;font-size: 3vw;}
-    .couponWrap .coupon-list-cell{background: url("/img/account/icon-coupon-uesb@h52x.png") no-repeat;background-size: cover;}
-
-    /* 底部结算 */
-    /*.listWrap{padding-bottom: 24vw;}*/
-    #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}
-    .summaryWrap .summary .left{height:9.4vw;line-height:9.4vw}
-    .summaryWrap .summary .right{height:11.2vw;line-height:11.2vw}
-    .summaryWrap .summary .right .item{float: left;}
-    .summaryWrap .summary .item.priceTotal{float: left;margin-left:0;}
-    .summaryWrap .summary .item p.priceTotal-t{height:11.2vw;line-height:11.2vw;font-size: 3.4vw;display: inline-block;width: 100%;float: left;text-align: left;}
-    .summaryWrap .summary .item.priceTotal p.priceTotal-t{height: 6.6vw;line-height: 6.6vw;}
-    .summaryWrap .summary .item p.priceTotal-b{height: 4.6vw;font-size: 3vw;display: inline-block;width: 100%;float: left;text-align: left;line-height: 4.6vw;}
-    .summaryWrap .summary .coll-checked{width: 16px;height: 16px;float: left;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;vertical-align:top;margin:11px 16px 0 0;}
-    .summaryWrap .summary .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
-    .summaryWrap .summary .delete{width:12vw;height:6vw;line-height:6vw;display:inline-block;text-align:center;color:#f55c5c}
-    .summaryWrap .summary .totalPrice{line-height: 5.1vw;font-size: 3.4vw;}
-    .summaryWrap .summary .totalPrice.none{line-height: 11.2vw;}
-    .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:#FF5B00;border-radius:2px;color:#FFF;float: right;}
-    .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}
-    .priceTotal .dl em{position:absolute;top:-5vw;left:0;height:5vw;white-space:nowrap;background:#ff4500;line-height:5vw;color:#FFF;padding:0 1vw;border-radius:2px}
-    .priceTotal .dl em:before{content:'';width:0;height:0;border-width:1vw 1vw 0 1vw;border-style:solid;border-color:#ff4500 transparent;position:absolute;top:5vw;left:50%}
-    /* 收货地址 */
-    .addressWrap{box-sizing:border-box;width:100%;position:relative}
-    .addressWrap .info,.model-address-content .content .list{line-height:7.4vw;background:#FFF;padding:3.3vw}
-    .model-address-content .content .list{margin-bottom:1vw;border-bottom:1px dashed #eee;position:relative}
-    .addressWrap .info>p,.model-address-content .content .list p{display:inline-block;min-width:49%;line-height:5vw;font-size:3.4vw;color:#22272e}
-    .addressWrap .info>p.none{display:inline-block;min-width:49%;line-height:5vw;font-size:3.4vw;color:#9AA5B5;text-align: center;}
-    .addressWrap .info>p .label,.model-address-content .content .list p .label{color:#627386;margin-right:2vw}
-    .addressWrap .info .btnBox,.model-address-content .content .list-right{padding-top:2vw}
-    .addressWrap .info .btnBox .btn,.model-address-content .content .list-btn{display:inline-block;height:8vw;line-height:8vw;font-size:3.4vw;color:#1890f9;padding:0 3vw;border-radius:4.5vw;background-color:#e0f1ff;border:solid 1px #1890f9}
-    .addressWrap .info .btnBox .btn.con,.model-address-content .content .list-btn{background-color:#ffd8d8;color:#f94b4b;border-color:#f94b4b;margin-left:2vw}
-    .model-address-content .content .list-btn{padding:0 6vw}
-    .addressWrap .btnBox .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00}
-    .addressWrap .info .btnBox .default,.model-address-content .content .list-defalut{height:8vw;line-height:8vw}
-    .addressWrap .info .btnBox .default .mIcon,.model-address-content .content .list-defalut .mIcon{display:inline-block;vertical-align:middle}
-    .addressWrap .info .btnBox .default .mIcon:before,.model-address-content .content .list-defalut .mIcon:before{height:8vw;width:8vw;background-position:-94.1vw -36.7vw}
-    .addressWrap .info .btnBox .default span,.model-address-content .content .list-defalut span{display:inline-block;height:6vw;line-height:6vw;font-size:3.1vw;color:#FFFFFF;background-color:#f94b4b;border-radius:3vw;padding:0 3vw;vertical-align:middle}
-    .addressWrap .info .btnBox .default a,.model-address-content .content .list-defalut a{display:inline-block;height:6vw;line-height:6vw;margin-left:2vw;color:#1890f9;vertical-align:middle}
-    .model-address-content .content .list-defalut a{padding:0;margin:0;font-size: 3.1vw;}
-    .addressWrap .formWrap,.model-address-content{position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;background-color:rgba(74,79,88,.7);z-index:999999;}
-    .addressWrap .formWrap .form,.model-content{width:100%;box-sizing:border-box;position:absolute;bottom:0;left:0;background:#FFF;border-radius:2vw 2vw 0 0;padding:3.3vw}
-    .addressWrap .formWrap .form .group{text-align:center}
-    .addressWrap .btnBox .group p:first-child{margin-bottom:5vw}
-    .addressWrap .formWrap .form .group .check{display:inline-block;color:#1890f9}
-    .addressWrap .formWrap .form .group .check input{vertical-align:top;margin-right:2vw}
-    .addressWrap .formWrap .form .group .btn{display:inline-block;width:40vw;height:11vw;line-height:11vw;text-align:center;font-size:3.4vw;color:#FF5B00;border:1px solid #FF5B00;background:#FFE6DC}
-    .addressWrap .formWrap .form .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00}
-    .addressWrap .formWrap .form .group .btn.save.disable{background: #EFEFEF;color:#999999;border-color:#EFEFEF;}
-    .model-address-content .content{max-height:80vh;box-sizing:border-box;overflow:hidden;overflow-y:auto}
-    .model-address-content .content .list .seclet{width:6vw;height:6vw;position:absolute;bottom:0;right:0;opacity:0}
-    .model-address-content .content .list .seclet .mIcon{width:6vw;height:6vw;display:block}
-    .model-address-content .content .list .seclet .mIcon:before{width:6vw;height:6vw;background-position:-75.1vw -7.8vw}
-    .model-address-content .content .list.checked{border:1px solid #FF5B00}
-    .model-address-content .content .list.checked .seclet{opacity:1}
-    .model-address-content .button{text-align:center;padding-top:3.3vw}
-    .model-address-content .button .btn{display:inline-block;width:40vw;height:11vw;line-height:11vw;text-align:center;font-size:3.4vw;color:#FF5B00;border:1px solid #FF5B00;background:#FFE6DC}
-    .model-address-content .button .btn-confirm{background-color:#FF5B00;color:#FFF;border-color:#FF5B00;margin-right:2vw}
-    /* 余额 */
-    .balanceWrap,.totalPriceWrap,.invoiceWrap{width:100%;box-sizing:border-box;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw;text-align:left;padding:3.4vw}
-    .balanceWrap .text{display:inline-block;height:4vw;line-height:4vw;color:#333;margin-left:2vw;vertical-align:top;white-space:nowrap}
-    .balanceWrap .text .red{color:#FF2A2A}
-    .totalPriceWrap{color:#333;line-height:6vw;text-align:left;padding:3.3vw;float: left;}
-    .totalPriceWrap span{width:46vw;float:right;text-align:right}
-    .totalPriceWrap span em{font-style:normal;color:#FF2A2A}
-    .totalPriceWrap:after,.invoiceWrap:after,.invoiceWrap .formLine:after{content:'';display:table;clear:both}
-    /* 发票 */
-    .invoiceWrap .formLine .diyBox {width: 28vw;}
-
-    /*优惠券弹窗*/
-    .coupon-popup{width:100%;height:100%;position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;opacity: 0;}
-    .coupon-popup.hide{opacity: 0;}
-    .coupon-popup.show{opacity: 1;}
-    .coupon-popup .coupon-popup-model-content{width:100%;height:106.7vw;position:absolute;bottom:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
-    .coupon-popup .title{width:100%;height:11vw;float:left;box-sizing:border-box;position:relative;padding:2.3vw 0;background-color: #f8f8f8;}
-    .coupon-popup .title p{font-size:3.4vw;line-height:6.4vw;text-align:center;color:#333333;font-weight: bold;}
-    .coupon-popup .title .icon{width:6.4vw;height:6.4vw;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
-    .coupon-popup .title .icon:before{width:6.4vw;height:6.4vw;background-position:-33.6vw 0;}
-    .coupon-popup .coupon-popup-main{width:100%;height:95.7vw;box-sizing:border-box;padding:0 3.5vw;float:left;}
-    .coupon-popup .coupon-popup-tabs{width: 100%;height: 11vw;box-sizing: border-box;border-bottom: 1px solid #efefef;float: left;}
-    .coupon-popup .popup-tabs-cell{width: 50%; float: left;box-sizing: border-box;padding: 0 18.1vw;}
-    .coupon-popup .popup-tabs-cell span{display: block;line-height: 11vw;height: 11vw;font-size: 3.4vw;color: #333;cursor: pointer;box-sizing: border-box;text-align: center;}
-    .coupon-popup .popup-tabs-cell.active span{color: #E15621;border-bottom: 1px solid #E15621;}
-    .coupon-popup .coupon-popup-content{width:100%;height:84.7vw;box-sizing:border-box;padding: 4vw 0;float: left;}
-    .coupon-popup .coupon-popup-content .empty{padding: 15vw 0;}
-    .coupon-popup .coupon-popup-content .empty img{width: 20vw;height: 20vw;}
-    .coupon-popup .coupon-popup-content .empty .msg{color: #999;font-size: 3vw;}
-    .coupon-popup .coupon-popup-scroll{width:100%;height:100%;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto}
-    .coupon-popup .coupon-list-cell{width: 93.1vw;height: 33vw;float: left;margin: 0 0 2.4vw 0;position: relative;border-radius: 1vw;}
-    .coupon-popup .coupon-list-cell .coupon-list-le{width: 70.5vw;height: 33vw;float: left;box-sizing: border-box;padding: 6.8vw 3.7vw 3.3vw 3.7vw;}
-    .coupon-popup .coupon-list-cell .coupon-list-money{width: 100%;height:10vw;line-height: 10vw;color: #f94b4b;font-size: 3vw;text-align: left; }
-    .coupon-popup .coupon-list-cell .coupon-list-money .maxMoney{font-size: 7.2vw;margin-right: 2.4vw;}
-    .coupon-popup .coupon-list-cell .coupon-list-money.none, .coupon-list-cell .coupon-list-name.none, .coupon-list-cell .coupon-list-time.none{color: #FFF;}
-    .coupon-popup .coupon-list-cell .coupon-list-name{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #333333;font-size: 3.4vw;text-align: left;margin-top: 4vw;}
-    .coupon-popup .coupon-list-cell .coupon-list-time{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #999999;font-size: 2.4vw;text-align: left;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri{width: 22.5vw;height: 33vw;float: left;box-sizing: border-box;font-size:3.4vw;color: #FFF;cursor: pointer;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 12vw 0 0 0;text-align: center;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri .buy p{font-size: 3.4vw;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri span{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 9.5vw 9.5vw;}
-    .coupon-popup .coupon-list-cell .coupon-list-ri span.none{padding: 11.8vw 9.5vw;}
-    .coupon-popup .coupon-list-cell .coupon-tags{height: 4.8vw;line-height: 4.8vw;text-align: center;background-color: #f94b4b;color: #FFF;border-radius: 1.6vw 0 1.6vw 0;position: absolute;top: 0;left: 0;padding: 0 1.5vw;font-size: 3vw;}
-    .coupon-popup .coupon-list-cell{background: url("/img/account/icon-coupon-uesb@h52x.png") no-repeat;background-size: cover;}
-    .coupon-popup .coupon-list-cell.none{background: url("/img/account/icon-coupon-received@h52x.png") no-repeat;background-size: cover;}
-    /*订单金额偏小弹窗提示*/
-    .confirm-Model{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
-    .confirm-Model .model-content{width: 74.6vw;height: 100.8vw;background: #FFFFFF;border-radius: 2vw;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
-    .confirm-Model .model-content .title{width: 100%;height: 11vw;box-sizing: border-box;font-size: 14px;line-height: 11vw;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #FFFFFF;padding: 0 14px;}
-    .confirm-Model .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
-    .confirm-Model .model-content .content{margin: 4.8vw 0 4.8vw 0;width: 100%;height: auto;line-height: 4.8vw;float: left;box-sizing: border-box;}
-    .confirm-Model .model-content .content p{text-align: left;font-size: 3.4vw;color: #666666;font-weight: normal;}
-    .confirm-Model .model-content .content p.small{font-size:3vw;color: #E15621;}
-    .confirm-Model .model-content .content-image {width: 100%;height: 128px;float: left;margin-bottom: 20px;}
-    .confirm-Model .model-content .content-image img{width: 29.5vw;height: 29.5vw;display: block;margin: 0 auto;}
-    .confirm-Model .model-content .button{width: 100%;height: 9.9vw;float: left;box-sizing: border-box;}
-    .confirm-Model .model-content .button a{width: 100%;height: 9.9vw;display: block;border-radius: 2px;font-size: 3.4vw;text-align: center;line-height: 9.9vw;color: #FFFFFF;float: right;box-sizing: border-box;border: 1px solid #FFFFFF;}
-    .confirm-Model .model-content .button a.cancel{background: #FFFFFF;border-color: #B8BFCA;color: #333333;}
-    .confirm-Model .model-content .button a.confirm{background: #FF5B00;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:#FF5B00;text-align:center;line-height:9.9vw;border:0;}
-}
-
+@charset "utf-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端
+ */
+@media screen and (min-width:768px){
+    .formLine .checked{top: 7px;}
+    .empty{background: #FFFFFF;width: 1184px;margin: 40px auto;border-radius: 8px;}
+    input[type="number"]{-moz-appearance:none;-webkit-appearance:none}
+    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
+    .pageTitle{height:57px;line-height:57px;padding-top:16px}
+    .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
+    .pageTitle h1 span{color:#627386;font-size:12px;font-weight:normal;margin-left:10px}
+    h2.title{height:36px;font-size:16px;padding:0 ;line-height:36px;color:#22272e;font-weight:normal;clear:both}
+    h2.title>a{color: #E15621;margin-left: 32px;}
+    .pageTitle .step{float:right;color:#999999;font-size:14px;height:44px;line-height:44px}
+    .pageTitle .step span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;position:relative;padding-right:55px;}
+    .pageTitle .step span:before{font-style:normal;font-size:20px;vertical-align:text-top;margin-right:5px}
+    .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
+    .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
+    .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
+    .pageTitle .step span:after{position:absolute;right:0;top:10px;content:'';width:50px;border-top:1px solid #9AA5B5;}
+    .pageTitle .step span:nth-of-type(3){padding-right:0}
+    .pageTitle .step span:nth-of-type(3):after{display:none}
+    .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
+    .pageTitle .step span.prev:after{border-color:#FF5B00;}
+    .listWrap .cartTit,.listWrap .supplierItem,.addressWrap,.balanceWrap,.invoiceWrap,.totalPriceWrap{border-radius: 8px;box-sizing:border-box;padding:0 14px;text-align:center;width:100%;background:#FFF;margin-bottom:8px;box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
+    /* 商品清单 */
+    .listWrap{width:100%}
+    .listWrap .supplierItem.disable{background:#f1f0f5}
+    .listWrap .supplierItem em{font-style:normal}
+    .listWrap .supplierTit{border-bottom:1px solid #F7F7F7;height:60px;line-height:60px;text-align:left}
+    .listWrap .supplierTit .img{width:auto;height:32px;border:1px solid #F7F7F7;margin-right:10px}
+    .listWrap .supplierTit .name{color:#9aa5b5}
+    .listWrap .supplierTit .couponTag{cursor: pointer;}
+    .listWrap .cartTit,.listWrap .supplierBtn{height:60px;line-height:60px;}
+    .listWrap .cartTit{color:#333333;}
+    .listWrap .supplierItem,.listWrap .supplierBtn{color:#22272E;}
+    .listWrap .supplierBtn{border-top:1px solid #F5F5F5;text-align:right}
+    .listWrap .supplierBtn em{color:#f55c5c;font-size:16px}
+    .listWrap .supplierBtn .item-note{float:left;}
+    .listWrap .supplierBtn .item-note input{width:600px;height:36px;line-height:36px;background:#F7F7F7;border-radius:18px;border:none;padding:0 10px;font-size:14px}
+    .listWrap .supplierBtn .item-content{float:right;height: 100%;}
+    .listWrap .supplierBtn .item{line-height:50px;float:right;}
+    .listWrap .supplierBtn .freight{float:right;margin-right:20px;line-height:50px;cursor: pointer;}
+    .freight-radio{ width: 100%;height: 28px;line-height: 28px;float: left;margin-bottom: 10px;}
+    .listWrap .cartItem{width:100%;height:100px;line-height:100px;margin-top:10px;padding:14px 0;font-size:16px}
+    .listWrap .cartItem:first-child{margin-top:0}
+    .listWrap .cartItem .c2{text-align:left}
+    .listWrap .cartItem>div>*{vertical-align:middle}
+    .listWrap .c0{float:left;width:34px;text-align:left;height: 100%;display: flex;align-items: center;}
+    .listWrap .c1{float:left;width:102px;height:100%;position:relative;}
+    .listWrap .c2{float:left;width:280px}
+    .listWrap .c3{float:left;width:170px}
+    .listWrap .c4{float:left;width:142px}
+    .listWrap .c5{float:left;width:185px;position:relative}
+    .listWrap .c6{float:left;width:122px}
+    .listWrap .c7{float:right;width:118px}
+    .listWrap .c10{float:left;width:495px}
+    .listWrap .c11{float:left;width:480px;text-align:left}
+    .listWrap .c1 .smalltype{width: 26px;height: 26px;position: absolute;top: 0;right: 10px;z-index: 88;}
+    .listWrap .c1 span.tip{position:absolute;background:#ff4500;line-height:20px;height:20px;padding:0 10px;white-space:nowrap;font-size:12px;color:#FFF;top:0;left:0}
+    .listWrap .coll-checked{width: 16px;height: 16px;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;}
+    .listWrap .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+    .listWrap .coll-checked.disable{background: url("/img/cart/icon_weigouxuan_desied@2x.png") no-repeat;background-size: cover;}
+    .listWrap .image{display:block;width:100px;height:100px;border:1px solid #F7F7F7;border-radius: 8px;}
+    .listWrap .name,.listWrap .unit{line-height:20px;display:inline-block;max-height:100px;overflow:hidden;vertical-align:middle}
+    .listWrap .cartItem .name{padding-left:14px}
+    .listWrap .cartItem .name .tag{display:inline-block;background:#f94b4b;color:#FFF;font-size:12px;padding:0 6px;height:20px;line-height:20px;border-radius:2px;font-style:normal;margin-right:5px}
+    .listWrap .c7 em,.listWrap .c10 em{color:#f94b4b;font-style:normal}
+    .listWrap .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:12px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
+    .listWrap .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
+    .listWrap .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#FF5B00}
+    .listWrap .del{color:#9AA5B5;font-size:20px;position:relative;cursor:pointer;display:inline-block;height:40px;line-height:40px;width:30px}
+    .listWrap .del .tips{position:absolute;top:40px;left:4px;opacity:0;white-space:nowrap;background-color:#f94b4b;color:#FFF;border-radius:3px;line-height:30px;font-size:12px;text-align:center;display:inline-block;transition:all .8s;padding:0 10px;font-style:normal}
+    .listWrap .del .tips:before{content:"";width:10px;height:10px;background:#f94b4b;position:absolute;top:-3px;left:6px;transform:rotate(45deg)}
+    .listWrap .del:hover{color:#f94b4b}
+    .listWrap .del:hover .tips{opacity:1}
+    .listWrap .price{position:relative;display:inline-block;line-height:24px}
+    .listWrap .price>em{font-style:normal;font-size:16px;display:inline-block;width:100%}
+    .listWrap .price>del{font-size:16px;display:inline-block;width:100%;color:#B8BFCA}
+    .invalidTit{height:44px;line-height:44px;padding-top:16px;font-size:16px}
+    .invalidTit .tit{color:#22272e;float:left}
+    .invalidTit .delAll{color:#FF5B00;float:right;cursor:pointer}
+    .invalidTit .tit em{font-style:normal;color:#FF5B00}
+    /*重选规格*/
+    .listWrap .c8{float:left;width: 450px;height: 100%;box-sizing: border-box;padding: 37px 120px;position: relative;}
+    .listWrap .sku-popup{float:left;width: 100%;height: 100%;}
+    .listWrap .sku-popup .sku-text{float:left;font-size: 16px;line-height: 24px;color: #22272E;text-align: left;margin-right: 10px;}
+    .listWrap .sku-popup .sku-btn{display: block;height: 24px;padding: 0 8px; float:left;font-size: 14px;line-height: 24px;color: #E15621;text-align: center;box-sizing: border-box;border: 1px solid #E15621;border-radius: 2px;}
+    .listWrap .c8 .sku-popup-viw{width: 360px;height: 394px;z-index: 999; box-sizing: border-box;padding: 16px;position: absolute;bottom: -360px;left: 36px;background: #FFFFFF;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1);border: 1px solid #E2E7EF;}
+    .listWrap .c8 .sku-popup-viw.none{display: none;}
+    .listWrap .c8 .sku-popup-viw.show{display: block;}
+    .listWrap .c8 .sku-popup-viw .sku-title{width: 100%;height: 80px;float: left;margin-bottom: 10px;}
+    .listWrap .c8 .sku-popup-viw .sku-image{width: 80px;height: 80px;float: left;border: 1px dashed #E2E7EF;box-sizing: border-box;}
+    .listWrap .c8 .sku-popup-viw .sku-image img{width: 100%;height: 100%;display: block}
+    .listWrap .c8 .sku-popup-viw .sku-price{width: 200px;height: 80px;float: left;box-sizing: border-box;padding-left: 16px;padding-top: 16px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .price_grade{float: left;width: 100%;margin-bottom: 10px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .price_text_tag{float: left;line-height: 22px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .couponTag{float: left;margin-right: 5px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .icon{float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {width: 63px;height: 22px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {background-position: -2px -715px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag{height:22px;letter-spacing:0;float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price span{color: #333}
+
+    .listWrap .c8 .sku-popup-viw .sku-h1 {width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #22272E;font-weight: bold;float: left;text-align: left;}
+    .listWrap .c8 .sku-popup-viw .sku-unit{width: 100%;height: 148px;padding: 12px 0;overflow-y: scroll;box-sizing: border-box;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags{display: inline-block;height: 24px;line-height: 24px;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 12px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active{border-color: #E15621;color: #E15621;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active .tips{background: #FF5B00;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .tips{display: block;padding: 0 4px;height: 16px;line-height: 16px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
+    .listWrap .c8 .sku-popup-viw .sku-button{width: 100%;height: 104px;position: absolute;bottom: 0;left: 0;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-button-center{width: 184px;height: 80px;margin: 24px auto;box-sizing: border-box;padding: 16px 0;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn{width: 68px;height: 32px;display: block;margin: 0 12px;font-size: 14px;text-align: center;line-height: 32px;float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.cancel{background: #E2E2E2;color: #4A4F58;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.confirm{background: #E15621;color: #FFFFFF;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.disable{background: rgba(255,86,22,0.3);color: #FFFFFF;}
+    .listWrap .c8 .sku-popup-viw .sku-num{width: 100%;height: 24px;float: left;box-sizing: border-box;padding: 0 16px;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-numlabe{float: left;line-height: 24px;font-size: 14px;color: #22272E;font-weight: bold;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-number{float: right;display: inline-block;width: 96px;line-height: 24px;height: 24px;box-sizing: border-box;border: 1px solid #FFE6DC;border-radius: 2px;font-size: 0;white-space: nowrap;text-align: center;overflow: hidden;vertical-align: top;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-number .input{width: 48px;border: none;line-height: 24px;font-size: 14px;vertical-align: top;text-align: center;color: #FF5B00;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-number>span{display: inline-block;width: 24px;height: 24px;background: #FFE6DC;font-size: 20px;font-style: normal;line-height: 22px;vertical-align: top;cursor: pointer;}
+
+
+
+    /*优惠券选择*/
+    .couponWrap{width: 100%;min-height: 200px;box-sizing: border-box;padding: 32px 16px 10px 16px;background: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 32px;float: left;}
+    .couponWrap .coupon-list-cell{width: 369px;height: 148px;float: left;cursor: pointer;margin-bottom:24px;margin-right: 15px;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
+    .couponWrap .coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;position: relative;}
+    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked{position: absolute;right: 16px;top: 16px;width: 16px;height: 16px;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;}
+    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+    .couponWrap .coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
+    .couponWrap .coupon-list-cell .coupon-list-money .maxMoney{font-size: 40px;margin-right: 8px;}
+    .couponWrap .coupon-list-cell .coupon-list-name{width: 100%;height: 22px;line-height: 22px;color: #333333;font-size: 14px;text-align: left;margin-top: 13px;}
+    .couponWrap .coupon-list-cell .coupon-list-time{width: 100%;height: 22px;line-height: 22px;color: #999999;font-size: 12px;text-align: left;}
+    .couponWrap .coupon-list-cell .coupon-list-ri{width: 109px;height: 148px;float: left;box-sizing: border-box;padding: 54px 47px;font-size: 16px;color: #FFF;cursor: pointer;}
+    .couponWrap .coupon-list-cell .coupon-list-ri.none{padding: 45px 47px;}
+    .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;}
+
+    /* 底部结算 */
+    .summary-wrapper{height:117px;margin:8px 0 -30px}
+    .summaryWrap{width:100%;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;background: #FFFFFF;border-radius: 8px;}
+    .summaryWrap .summary em{font-style:normal;color: #f55c5c;}
+    .summaryWrap .summary .left,.summaryWrap .summary .right{display:inline}
+    .summaryWrap .summary .left .item:first-child{float:left}
+    .summaryWrap .summary .item{display:inline-block;margin-right:32px;position:relative}
+    .summaryWrap .summary .item.priceTotal{float: right;margin-right: 0;}
+    .summaryWrap .summary .item p.priceTotal-t{height: 32px;font-size: 16px;display: inline-block;width: 100%;float: left;text-align: left;line-height: 30px;}
+    .summaryWrap .summary .item p.priceTotal-b{height: 18px;font-size: 14px;display: inline-block;width: 100%;float: left;text-align: left;line-height: 18px;}
+    .summaryWrap .summary .coll-checked{width: 16px;height: 16px;float: left;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;vertical-align:top;margin:18px 16px 0 16px;}
+    .summaryWrap .summary .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+    .summaryWrap .summary .delete{margin-left:16px;color:#f55c5c}
+    .summaryWrap .summary .totalMoney{display:inline-block;margin-right:32px;position:relative;}
+    .summaryWrap .summary .totalPrice{line-height: 24px;font-size: 18px;}
+    .summaryWrap .summary .totalPrice.none{line-height: 50px;}
+    .summaryWrap .summary .totalPrice span{color: #f55c5c;}
+    .summaryWrap .summary .totalCoupon{font-size:14px;line-height:24px;color: #f55c5c;text-align: left;}
+    .summaryWrap .summary .submit{display:inline-block;width:232px;height:50px;margin-right: 16px; line-height:50px;text-align:center;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius:25px;color:#FFF;float: right;}
+    .summaryWrap .summary .submit.dis{background:#999;}
+    .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:996;}
+    .summaryWrap.fixed .summary{padding-left: 16px;}
+    .summaryWrap .summary .back{color:#f55c5c}
+    .summaryWrap .summary .back .icon:before{width:20px;height:20px;background-position:-340px 0;margin-right:15px}
+    .priceTotal{position:relative;text-align:right;height: 50px;line-height: 50px;display:inline-block;float: right;}
+    .priceTotal em{color:#f55c5c}
+    .priceTotal .dl{position:absolute;right:0;top:-20px;cursor:pointer;height:24px;font-size:12px}
+    .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:12px;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:#FF5B00;text-align:center;line-height:32px;border:0;cursor:pointer}
+
+    /* 收货地址 */
+    .addressWrap{padding:16px;position:relative;    box-sizing: border-box;
+    text-align: center;
+    width: 100%;
+    background: #FFF;
+    margin-bottom: 8px;
+    box-shadow: 0px 3px 6px rgba(0,0,0,0.07);}
+    .addressWrap .info{position:relative;width:810px;text-align:left}
+    .addressWrap .info>p{height:30px;line-height:30px;font-size:14px;color:#22272e}
+    .addressWrap .info>p.none{height:90px;line-height:90px;font-size:14px;color:#9AA5B5;text-align: center;}
+    .addressWrap .info>p .label{color:#627386;margin-right:5px;display:inline-block;min-width:60px;height:30px;text-align:justify;vertical-align:top}
+    .addressWrap .info>p .label:after{content:'';display:inline-block;width:100%}
+    .addressWrap .info .btnBox{height:24px;line-height:24px;font-size:14px;color:#1890f9;position:absolute;top:0;right:0}
+    .addressWrap .info .btnBox .default .icon:before{height:24px;width:24px;background-position:-255px -330px}
+    .addressWrap .info .btnBox .default span{display:inline-block;height:24px;background-color:#f94b4b;font-size:12px;color:#FFFFFF;border-radius:12px;text-align:center;vertical-align:top;padding:0 12px;margin-left:5px;cursor:pointer}
+    .addressWrap .info .btnBox .default a{display:inline-block;height:24px;line-height:24px;vertical-align:top;margin-left:15px;color:#1890f9}
+    .addressWrap .info .btnBox .group{position:absolute;right:-345px;top:0}
+    .addressWrap .btnBox .group{text-align:left;height:92px;box-sizing:border-box;border-left:1px dashed #b8bfca;padding: 0 30px;}
+    .addressWrap .btnBox .group .btn{display:block;width:128px;height:34px;line-height:34px;margin:0 auto;text-align:center;font-size:14px;color:#1890f9;border:1px solid #FFFFFF}
+    .addressWrap .btnBox .group .btn.con{background-color:#FFE6DC;color:#FF5B00;border-color:#FF5B00;border-radius: 17px;}
+    .addressWrap .btnBox .group .btn.con.none{margin-top: 30px;}
+    .addressWrap .btnBox .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00}
+    .addressWrap .btnBox .group .btn.save.disable{background: #EFEFEF;color:#999999;border-color:#EFEFEF;}
+    .addressWrap .formLine{padding-bottom:16px;font-size:14px;position:relative;padding-left:90px;text-align:left;width:526px}
+    .addressWrap .formLine .label{position:absolute;left:0;top:0;width:90px;text-align:right;line-height:36px;font-size:14px}
+    .addressWrap .formLine .checked{top:8px}
+    .addressWrap .formLine .errTips{display:none}
+    .addressWrap .formLine.error .errTips{display:block}
+    .addressWrap .formLine input{width:496px;height:36px}
+    .addressWrap .formLine textarea{width:496px;min-height:114px;padding:10px 16px;line-height:20px;resize:none}
+    .addressWrap .formLine select{width:162px;height:36px}
+    .addressWrap .form{position:relative}
+    .addressWrap .form .btnBox{position:absolute;left:686px;top:100px}
+    .addressWrap .form .btnBox .group{width:450px}
+    .addressWrap .form .btnBox .group .btn{display:inline-block}
+    .addressWrap .form .btnBox .group .btn.save{margin-right:15px;border-radius: 17px;}
+    .addressWrap .btnBox .group p:first-child{line-height:32px}
+    .addressWrap .btnBox .group .check{display:inline-block;height:18px;line-height:18px;color:#1890f9;margin-bottom: 22px;}
+    .addressWrap .btnBox .group .check input{vertical-align:top;margin-right:10px}
+    .model-address-content{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;}
+    .model-address-content .model-content{width:650px;height:593px;padding:0 0 16px 0;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
+    .model-address-content .title{width:100%;height:42px;float:left;box-sizing:border-box;position:relative;padding:0 16px;border-bottom:1px solid #e2e7ef}
+    .model-address-content .title p{font-size:14px;line-height:42px;text-align:left;color:#22272e;float:left}
+    .model-address-content .title .icon{width:16px;height:16px;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
+    .model-address-content .title .icon:before{width:16px;height:16px;background-position:-318px 0}
+    .model-address-content .content{width:100%;height:499px;box-sizing:border-box;padding:16px;float:left;overflow:hidden;overflow-y:auto}
+    .model-address-content .content .list{cursor:pointer;position:relative;width:100%;height:145px;box-sizing:border-box;padding:16px;float:left;margin-bottom:16px;border:1px solid #b8bfca;border-radius:2px}
+    .model-address-content .content .list .list-left{width:100%;height:auto;float:left}
+    .model-address-content .content .list .list-right{width:auto;height:24px;position:absolute;top:16px;right:12px}
+    .model-address-content .content .list p{width:100%;height:36px;line-height:36px;font-size:14px;color:#22272e}
+    .model-address-content .content .list p .label{color:#627386;margin-right:5px;display:inline-block;min-width:60px;height:36px;text-align:justify;vertical-align:top}
+    .model-address-content .content .list p .label:after{content:'';display:inline-block;width:100%}
+    .model-address-content .content .list .list-defalut{float:left}
+    .model-address-content .content .list .list-btn{background-color:#ffe6dc;border-radius:12px;border:1px solid #FF5B00;color:#FF5B00;float:left;display:inline-block;width:48px;height:22px;font-size:12px;margin-left:8px;text-align:center;line-height:22px}
+    .model-address-content .content .list .list-defalut .icon{height:24px;width:24px;display:block;float:left;margin-right:5px}
+    .model-address-content .content .list .list-defalut .icon:before{height:24px;width:24px;background-position:-255px -330px}
+    .model-address-content .content .list .list-defalut .span-s{display:inline-block;height:24px;line-height:24px;padding:0 15px;background-color:#f94b4b;font-size:12px;color:#FFFFFF;border-radius:12px;text-align:center;cursor:pointer}
+    .model-address-content .content .list .list-defalut a{display:inline-block;height:24px;line-height:24px;vertical-align:top;margin-left:15px;color:#1890f9}
+    .model-address-content .content .list .seclet{width:40px;height:40px;position:absolute;bottom:0;right:0;opacity:0}
+    .model-address-content .content .list .seclet .icon{width:40px;height:40px;display:block}
+    .model-address-content .content .list .seclet .icon:before{width:40px;height:40px;background-position:-290px -457px;}
+    .model-address-content .content .list.checked{border-color:#FF5B00}
+    .model-address-content .content .list.checked .seclet{opacity:1}
+    .model-address-content .button{width:100%;height:36px;float:left;box-sizing:border-box;padding:0 187px}
+    .model-address-content .button .btn{width:128px;height:34px;float:left;line-height:34px;text-align:center;font-size:14px;display:block;border:1px solid #FF5B00}
+    .model-address-content .button .btn-confirm{background-color:#FF5B00;color:#ffffff;margin-right:15px}
+    .model-address-content .button .btn-cancel{background-color:#FFE6DC;color:#FF5B00}
+    /* 余额 */
+    .balanceWrap{padding:16px;text-align:left}
+    .balanceWrap .text{display:inline-block;height:16px;line-height:16px;font-size:14px;color:#333;margin-left:15px;vertical-align:top}
+    .balanceWrap .text .red{color:#FF2A2A}
+    .totalPriceWrap{line-height:36px;text-align:right;padding:16px;width: 100%;float: left;}
+    .totalPriceWrap span{display:inline-block;width:160px;}
+    .totalPriceWrap .pis{color: #FF5B00;}
+    .totalPriceWrap span em{font-style:normal;color:#FF2A2A}
+    /* 发票 */
+    .invoiceWrap{padding:16px;text-align:left}
+    .invoiceForm{margin-top: 15px;}
+    .invoiceForm .formLine{position:relative;padding-left:80px;width:456px}
+    .invoiceForm .formLine .label{position:absolute;left:0;top:0;width:80px;text-align:right;line-height:36px;font-size:14px}
+    .invoiceForm .formLine input[disabled]{border:none}
+
+    /*优惠券弹窗*/
+    .coupon-popup{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;opacity: 0;}
+    .coupon-popup.hide{opacity: 0;}
+    .coupon-popup.show{opacity: 1;}
+    .coupon-popup .coupon-popup-model-content{width:540px;height:492px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
+    .coupon-popup .title{width:100%;height:50px;float:left;box-sizing:border-box;position:relative;padding:0 24px;background-color: #f8f8f8;}
+    .coupon-popup .title p{font-size:16px;line-height:50px;text-align:left;color:#333333;float:left;font-weight: bold;}
+    .coupon-popup .title .icon{width:16px;height:16px;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
+    .coupon-popup .title .icon:before{width:16px;height:16px;background-position:-318px 0}
+    .coupon-popup .coupon-popup-main{width:100%;height:442px;box-sizing:border-box;padding:0 40px;float:left;}
+    .coupon-popup .coupon-popup-tabs{width: 100%;height: 57px;box-sizing: border-box;border-bottom: 1px solid #efefef;float: left;}
+    .coupon-popup .popup-tabs-cell{width: 230px; float: left;box-sizing: border-box;padding: 0 91px;}
+    .coupon-popup .popup-tabs-cell span{display: block;line-height: 57px;height: 57px;font-size: 16px;color: #333;cursor: pointer;box-sizing: border-box;text-align: center;}
+    .coupon-popup .popup-tabs-cell.active span{color: #E15621;border-bottom: 1px solid #E15621;}
+    .coupon-popup .coupon-popup-content{width:100%;height:385px;box-sizing:border-box;padding: 16px 0;float: left;}
+    .coupon-popup .coupon-popup-content .empty{padding: 60px 0;}
+    .coupon-popup .coupon-popup-content .empty img{width: 120px;height: 120px;}
+    .coupon-popup .coupon-popup-content .empty .msg{color: #999;}
+    .coupon-popup .coupon-popup-scroll{width:100%;height:100%;box-sizing:border-box;padding:0 45px;float:left;overflow:hidden;overflow-y:auto}
+    .coupon-popup .coupon-list-cell{width: 369px;height: 148px;float: left;margin-bottom:24px;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
+    .coupon-popup .coupon-list-cell.none{background: url("/img/account/icon-coupon-received@2x.png") no-repeat;background-size: cover;}
+    .coupon-popup .coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;}
+    .coupon-popup .coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
+    .coupon-popup .coupon-list-cell .coupon-list-money .maxMoney{font-size: 40px;margin-right: 8px;}
+    .coupon-popup .coupon-list-cell .coupon-list-name{width: 100%;height: 22px;line-height: 22px;color: #333333;font-size: 14px;text-align: left;margin-top: 13px;}
+    .coupon-popup .coupon-list-cell .coupon-list-time{width: 100%;height: 22px;line-height: 22px;color: #999999;font-size: 12px;text-align: left;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri{width: 109px;height: 148px;float: left;box-sizing: border-box;font-size: 16px;color: #FFF;cursor: pointer;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 58px 0 0 0;text-align: center;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri .buy p{font-size: 16px;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri span{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 45px 47px;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri span.none{padding: 45px 47px;}
+    .coupon-popup .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;}
+    /*会员标签*/
+    .listWrap .cartItem .priceTag .svip-tag{width:100%;height:22px;letter-spacing:0}
+    .listWrap .cartItem .priceTag .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+    .listWrap .cartItem .priceTag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+    .listWrap .cartItem .priceTag .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:14px}
+    .listWrap .cartItem .priceTag .svip-tag .svip-price span{color: #333}
+    /*订单金额偏小弹窗提示*/
+    .confirm-Model{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
+    .confirm-Model .model-content{width: 389px;height: 342px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
+    .confirm-Model .model-content .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
+    .confirm-Model .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
+    .confirm-Model .model-content .content{margin: 10px 0 0 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;box-sizing: border-box;}
+    .confirm-Model .model-content .content p{text-align: left;font-size: 14px;color: #666666;font-weight: normal;}
+    .confirm-Model .model-content .content p.small{font-size:12px;color: #E15621;}
+    .confirm-Model .model-content .content-image {width: 100%;height: 120px;float: left;margin: 12px 0;}
+    .confirm-Model .model-content .content-image img{width: 120px;height: 120px;display: block;margin: 0 auto;}
+    .confirm-Model .model-content .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;}
+    .confirm-Model .model-content .button a{height: 32px;padding: 0 15px;display: block;margin-left: 10px;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;box-sizing: border-box;border: 1px solid #FFFFFF;}
+    .confirm-Model .model-content .button a.cancel{background: #FFFFFF;border-color: #B8BFCA;color: #333333;}
+    .confirm-Model .model-content .button a.confirm{background: #FF5B00;}
+
+}
+
+/**
+* 移动端
+*/
+@media screen and (max-width:768px){
+    footer{display: none;}
+    h2.title>a{color: #E15621;margin-left: 2vw;}
+    #globalHead{z-index: 996 !important;}
+    .empty{padding: 60vw 0;}
+    .priceTag .tag:before{top: 0.2vw;transition:none;}
+    .priceTag .close{color: #FF5B00;}
+    .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}
+    .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
+    .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
+    .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
+    .pageTitle .step span:after{position:absolute;right:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
+    .pageTitle .step span:nth-of-type(3){padding-right:0}
+    .pageTitle .step span:nth-of-type(3):after{display:none}
+    .pageTitle .step span.on,.pageTitle .step span.prev{color:#FF5B00}
+    .pageTitle .step span.prev:after{border-color:#FF5B00;}
+    .pageTitle h1,h2.title{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw}
+    .pageTitle h1 span{font-size:3.1vw;font-weight:normal;color:#627386;margin-left:2vw}
+    .gradient i{width:5vw;height:1vw;background:linear-gradient(-45deg,#f9d14b 25%,#FF5B00 0,#FF5B00 50%,#1674e1 0,#1674e1 75%,#f9d14b 0)}
+    /* 商品清单 */
+    .listWrap .supplierItem{width:100%;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw}
+    .listWrap .supplierItem.disable{background:#f1f0f5}
+    .listWrap .supplierItem em{font-style:normal}
+    .listWrap .supplierTit{border-bottom:1px solid #F7F7F7;height:7.4vw;line-height:7.4vw;padding:1.3vw 3.3vw;position:relative;}
+    .listWrap .supplierTit .coll-checked{margin-top: 2vw;}
+    .listWrap .supplierTit .price{height:6.4vw;float: left;}
+    .listWrap .supplierTit .shop{display: block;float: left;}
+    .listWrap .supplierTit .couponTag{float:left;margin-left: 10px;height: 6.4vw;line-height: 6.4vw;box-sizing: border-box;border-radius: 0.2vw;}
+    .listWrap .supplierTit .priceTag .tag{float: left;position: relative;top: 0;left: 0;margin-left: 2vw;}
+
+    /*会员标签*/
+    .listWrap .cartItem .c4{height: auto !important;}
+    .listWrap .cartItem .price .svip-tag{height:4.74vw;letter-spacing:0;overflow: hidden}
+    .listWrap .cartItem .price .svip-tag .svip-icon{position:relative;z-index:9;float: left; width:9.8vw;height:4.74vw;text-align:center;line-height:4.74vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+    .listWrap .cartItem .price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+    .listWrap .cartItem .price .svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:5.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.74vw;height: 4.74vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
+    .listWrap .cartItem .price .svip-tag .svip-price span{color: #333}
+    .listWrap .cartItem .price .svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
+
+    .listWrap .cartItem{padding:2.2vw 3.3vw;height:24vw;line-height:24vw;position:relative}
+    .listWrap .supplierBtn{border-top:1px solid #F7F7F7;width:93vw;margin:0 auto;padding-bottom:2vw;color:#22272e;font-size:3.4vw;text-align:right}
+    .listWrap .supplierBtn em{color:#f55c5c}
+    .listWrap .supplierBtn .item-content{width: 100%;float: left;}
+    .listWrap .supplierBtn .item-note{width: 100%;float: left; text-align:left;white-space:nowrap;overflow:hidden}
+    .listWrap .supplierBtn .item-note input{width:79vw;height:8vw;line-height:8vw;background:#F7F7F7;border-radius:4vw;border:none;padding:0 2vw;font-size:3.1vw}
+    .listWrap .supplierBtn .item{display:inline-block;padding-top:2vw;line-height:8vw;float: right;}
+    .listWrap .supplierBtn .freight{float:right;margin-right:3vw;padding-top:2vw;line-height:8vw;}
+    .freight-radio{ width: 100%;height: 6vw;line-height: 6vw;float: left;margin-bottom: 2vw;}
+    .listWrap .supplierItem .c0{float:left;width:9.6vw;text-align:center;    height: 100%;display: flex;align-items: center;}
+    .listWrap .coll-checked{width: 16px;height: 16px;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;margin-top: 0;}
+    .listWrap .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+    .listWrap .supplierItem .c1{float:left;width:24vw;position:relative;}
+    .listWrap .c1 .smalltype{width: 26px;height: 26px;position: absolute;top: 0;right: 10px;z-index: 88;}
+    .listWrap .c1 span.tip{position:absolute;background:#ff4500;line-height:5vw;height:5vw;padding:0 2vw;white-space:nowrap;font-size:3.1vw;color:#FFF;top:0;left:0}
+    .listWrap .supplierItem .image{display:block;box-sizing:border-box;width:24vw;height:24vw;border:1px solid #F7F7F7}
+    .listWrap .supplierTit .img{width:7.4vw;height:7.4vw;border:1px solid #F7F7F7;margin-right:2vw}
+    .listWrap .supplierTit .name{color:#9aa5b5}
+    .listWrap .cartItem .c2,.listWrap .cartItem .c3,.listWrap .cartItem .c4,.listWrap .cartItem .c10{position:absolute;left:39vw;line-height:5vw}
+    .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}
+    .listWrap .cartItem .number{display:inline-block;width:26.6vw;line-height:6.4vw;height:6.4vw;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
+    .listWrap .cartItem .number>em{display:inline-block;width:6.4vw;height:6.4vw;background:#FFE6DC;font-size:4vw;line-height:6vw;vertical-align:top}
+    .listWrap .cartItem .number input{width:13.5vw;border:none;line-height:6vw;vertical-align:top;text-align:center;color:#FF5B00;font-size:3.4vw}
+    .invalidTit{height:9vw;line-height:9vw;font-size:3.7vw;padding:0 3.3vw}
+    .invalidTit .tit{color:#22272e;float:left}
+    .invalidTit .delAll{color:#FF5B00;float:right}
+    .invalidTit .tit em{font-style:normal;color:#FF5B00}
+    /*重选规格*/
+    .listWrap .c8{position: absolute;width: 58vw;left: 39vw;top: 19vw;height: 6vw;}
+    .listWrap .sku-popup{float:left;width: 100%;height: 100%;}
+    .listWrap .sku-popup .sku-text{float:left;font-size: 3.6vw;line-height: 6vw;color: #22272E;text-align: left;margin-right: 10px;}
+    .listWrap .sku-popup .sku-btn{display: block;height: 6vw;padding: 0 8px; float:left;font-size: 3.4vw;line-height: 6vw;color: #E15621;text-align: center;box-sizing: border-box;border: 1px solid #E15621;border-radius: 2px;}
+    .listWrap .c8 .sku-popup-viw{width: 100%;height: 110vw;z-index: 999; box-sizing: border-box;padding: 3.2vw;position: fixed;bottom: 0;left: 0;background: #FFFFFF;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1);border: 1px solid #E2E7EF;}
+    .listWrap .c8 .sku-popup-model{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 990;}
+    .listWrap .c8 .sku-popup-viw .sku-title{width: 100%;height: 80px;float: left;margin-bottom: 10px;}
+    .listWrap .c8 .sku-popup-viw .sku-image{width: 80px;height: 80px;float: left;border: 1px dashed #E2E7EF;box-sizing: border-box;}
+    .listWrap .c8 .sku-popup-viw .sku-image img{width: 100%;height: 100%;display: block}
+    .listWrap .c8 .sku-popup-viw .sku-price{width: 200px;height: 80px;float: left;box-sizing: border-box;padding-left: 16px;padding-top: 16px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .price_grade{float: left;width: 100%;margin-bottom: 10px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .main_price_unde{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;font-size: 4vw;}
+    .listWrap .c8 .sku-popup-viw .sku-price .main_price_show{float: left;width: 100%;margin-bottom: 10px;color: #F94B4B;text-align: left;line-height: 24px;font-size: 4vw;}
+    .listWrap .c8 .sku-popup-viw .sku-price .price_text_tag{float: left;line-height: 22px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .couponTag{float: left;margin-right: 5px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .icon{float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {width: 63px;height: 22px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .icon:before {background-position: -2px -715px;}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag{height:4.2vw;letter-spacing:0;float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:4.2vw;text-align:center;line-height:4.2vw;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-25px;line-height:4.2vw;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
+    .listWrap .c8 .sku-popup-viw .sku-price .svip-tag .svip-price span{color: #333}
+    .listWrap .c8 .sku-popup-viw .sku-h1 {width: 100%;height: 20px;line-height: 20px;font-size: 14px;color: #22272E;font-weight: bold;float: left;text-align: left;}
+    .listWrap .c8 .sku-popup-viw .sku-unit{width: 100%;height: 148px;padding: 12px 0;overflow-y: scroll;box-sizing: border-box;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags{display: inline-block;height: 28px;line-height: 28px;border: 1px solid #BFC6D2;border-radius: 2px;font-size: 12px;color: #627386;background: #FFFFFF;padding: 0 8px;position: relative;font-style: normal;cursor: pointer;margin-right: 8px;margin-bottom: 11px;float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active{border-color: #E15621;color: #E15621;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .unitTags.active .tips{background: #FF5B00;}
+    .listWrap .c8 .sku-popup-viw .sku-unit .tips{display: block;padding: 0 4px;height: 18px;line-height: 18px;font-style: normal; font-size: 12px;text-align: center;background: #CBD2DF;border-radius: 2px;position: absolute;right: -5px;top: -8px;color: #FFFFFF;}
+    .listWrap .c8 .sku-popup-viw .sku-button{width: 100%;height: 38vw;position: absolute;bottom: 0;left: 0;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-button-center{width: 72vw;height: 17vw;margin: 24px auto;box-sizing: border-box;padding: 16px 0;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn{width: 30vw;height: 9vw;display: block;margin: 0 12px;font-size: 14px;text-align: center;line-height: 9vw;float: left;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.cancel{background: #E2E2E2;color: #4A4F58;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.confirm{background: #E15621;color: #FFFFFF;}
+    .listWrap .c8 .sku-popup-viw .sku-button .sku-btn.disable{background: rgba(255,86,22,0.3);color: #FFFFFF;}
+    .listWrap .c8 .sku-popup-viw .sku-num{width: 100%;height: 24px;box-sizing: border-box;padding: 0 16px;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-numlabe{float: left;line-height: 24px;font-size: 14px;color: #22272E;font-weight: bold;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-number{float: right;display: inline-block;width: 96px;line-height: 24px;height: 24px;box-sizing: border-box;border: 1px solid #FFE6DC;border-radius: 2px;font-size: 0;white-space: nowrap;text-align: center;overflow: hidden;vertical-align: top;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-number .input{width: 48px;border: none;line-height: 24px;font-size: 14px;vertical-align: top;text-align: center;color: #FF5B00;}
+    .listWrap .c8 .sku-popup-viw .sku-num .sku-number>span{display: inline-block;width: 24px;height: 24px;background: #FFE6DC;font-size: 20px;font-style: normal;line-height: 22px;vertical-align: top;cursor: pointer;}
+
+    /*优惠券*/
+    .couponWrap{width: 100%;box-sizing: border-box;padding: 4.8vw 3.2vw 2vw 3.2vw;background: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-bottom: 4.8vw;float: left;}
+    .couponWrap .coupon-list-cell{width: 93.1vw;height: 33vw;float: left;margin: 0 0 2.4vw 0;position: relative;border-radius: 1vw;}
+    .couponWrap .coupon-list-cell .coupon-list-le{width: 70.5vw;height: 33vw;float: left;box-sizing: border-box;padding: 6.8vw 3.7vw 3.3vw 3.7vw;position: relative;}
+    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked{position: absolute;right: 4vw;top: 4vw;width: 3.6vw;height: 3.6vw;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;}
+    .couponWrap .coupon-list-cell .coupon-list-le .coupon-list-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+    .couponWrap .coupon-list-cell .coupon-list-money{width: 100%;height:10vw;line-height: 10vw;color: #f94b4b;font-size: 3vw;text-align: left; }
+    .couponWrap .coupon-list-cell .coupon-list-money .maxMoney{font-size: 7.2vw;margin-right: 2.4vw;}
+    .couponWrap .coupon-list-cell .coupon-list-money.none, .coupon-list-cell .coupon-list-name.none, .coupon-list-cell .coupon-list-time.none{color: #FFF;}
+    .couponWrap .coupon-list-cell .coupon-list-name{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #333333;font-size: 3.4vw;text-align: left;margin-top: 4vw;}
+    .couponWrap .coupon-list-cell .coupon-list-time{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #999999;font-size: 2.4vw;text-align: left;}
+    .couponWrap .coupon-list-cell .coupon-list-ri{width: 22.5vw;height: 33vw;float: left;box-sizing: border-box;font-size:3.4vw;color: #FFF;cursor: pointer;padding: 9.5vw 9.5vw;}
+    .couponWrap .coupon-list-cell .coupon-tags{height: 4.8vw;line-height: 4.8vw;text-align: center;background-color: #f94b4b;color: #FFF;border-radius: 1.6vw 0 1.6vw 0;position: absolute;top: 0;left: 0;padding: 0 1.5vw;font-size: 3vw;}
+    .couponWrap .coupon-list-cell{background: url("/img/account/icon-coupon-uesb@h52x.png") no-repeat;background-size: cover;}
+
+    /* 底部结算 */
+    /*.listWrap{padding-bottom: 24vw;}*/
+    #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}
+    .summaryWrap .summary .left{height:9.4vw;line-height:9.4vw}
+    .summaryWrap .summary .right{height:11.2vw;line-height:11.2vw}
+    .summaryWrap .summary .right .item{float: left;}
+    .summaryWrap .summary .item.priceTotal{float: left;margin-left:0;}
+    .summaryWrap .summary .item p.priceTotal-t{height:11.2vw;line-height:11.2vw;font-size: 3.4vw;display: inline-block;width: 100%;float: left;text-align: left;}
+    .summaryWrap .summary .item.priceTotal p.priceTotal-t{height: 6.6vw;line-height: 6.6vw;}
+    .summaryWrap .summary .item p.priceTotal-b{height: 4.6vw;font-size: 3vw;display: inline-block;width: 100%;float: left;text-align: left;line-height: 4.6vw;}
+    .summaryWrap .summary .coll-checked{width: 16px;height: 16px;float: left;cursor: pointer;background: url("/img/cart/icon_weigouxuan@2x.png") no-repeat;background-size: cover;display: block;margin-right: 6px;vertical-align:top;margin:11px 16px 0 0;}
+    .summaryWrap .summary .coll-checked.checked{background: url("/img/cart/icon_yixuanze@2x.png") no-repeat;background-size: cover;}
+    .summaryWrap .summary .delete{width:12vw;height:6vw;line-height:6vw;display:inline-block;text-align:center;color:#f55c5c}
+    .summaryWrap .summary .totalPrice{line-height: 5.1vw;font-size: 3.4vw;}
+    .summaryWrap .summary .totalPrice.none{line-height: 11.2vw;}
+    .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:#FF5B00;border-radius:5.6vw;color:#FFF;float: right;}
+    .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}
+    .priceTotal .dl em{position:absolute;top:-5vw;left:0;height:5vw;white-space:nowrap;background:#ff4500;line-height:5vw;color:#FFF;padding:0 1vw;border-radius:2.5vw}
+    .priceTotal .dl em:before{content:'';width:0;height:0;border-width:1vw 1vw 0 1vw;border-style:solid;border-color:#ff4500 transparent;position:absolute;top:5vw;left:50%}
+    /* 收货地址 */
+    .addressWrap{box-sizing:border-box;width:100%;position:relative}
+    .addressWrap .info,.model-address-content .content .list{line-height:7.4vw;background:#FFF;padding:3.3vw}
+    .model-address-content .content .list{margin-bottom:1vw;border-bottom:1px dashed #eee;position:relative}
+    .addressWrap .info>p,.model-address-content .content .list p{display:inline-block;min-width:49%;line-height:5vw;font-size:3.4vw;color:#22272e}
+    .addressWrap .info>p.none{display:inline-block;min-width:49%;line-height:5vw;font-size:3.4vw;color:#9AA5B5;text-align: center;}
+    .addressWrap .info>p .label,.model-address-content .content .list p .label{color:#627386;margin-right:2vw}
+    .addressWrap .info .btnBox,.model-address-content .content .list-right{padding-top:2vw}
+    .addressWrap .info .btnBox .btn,.model-address-content .content .list-btn{display:inline-block;height:8vw;line-height:8vw;font-size:3.4vw;color:#1890f9;padding:0 3vw;border-radius:4.5vw;background-color:#e0f1ff;border:solid 1px #1890f9}
+    .addressWrap .info .btnBox .btn.con,.model-address-content .content .list-btn{background-color:#ffd8d8;color:#f94b4b;border-color:#f94b4b;margin-left:2vw}
+    .model-address-content .content .list-btn{padding:0 6vw}
+    .addressWrap .btnBox .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00}
+    .addressWrap .info .btnBox .default,.model-address-content .content .list-defalut{height:8vw;line-height:8vw}
+    .addressWrap .info .btnBox .default .mIcon,.model-address-content .content .list-defalut .mIcon{display:inline-block;vertical-align:middle}
+    .addressWrap .info .btnBox .default .mIcon:before,.model-address-content .content .list-defalut .mIcon:before{height:8vw;width:8vw;background-position:-94.1vw -36.7vw}
+    .addressWrap .info .btnBox .default span,.model-address-content .content .list-defalut span{display:inline-block;height:6vw;line-height:6vw;font-size:3.1vw;color:#FFFFFF;background-color:#f94b4b;border-radius:3vw;padding:0 3vw;vertical-align:middle}
+    .addressWrap .info .btnBox .default a,.model-address-content .content .list-defalut a{display:inline-block;height:6vw;line-height:6vw;margin-left:2vw;color:#1890f9;vertical-align:middle}
+    .model-address-content .content .list-defalut a{padding:0;margin:0;font-size: 3.1vw;}
+    .addressWrap .formWrap,.model-address-content{position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;background-color:rgba(74,79,88,.7);z-index:999999;}
+    .addressWrap .formWrap .form,.model-content{width:100%;box-sizing:border-box;position:absolute;bottom:0;left:0;background:#FFF;border-radius:2vw 2vw 0 0;padding:3.3vw}
+    .addressWrap .formWrap .form .group{text-align:center}
+    .addressWrap .btnBox .group p:first-child{margin-bottom:5vw}
+    .addressWrap .formWrap .form .group .check{display:inline-block;color:#1890f9}
+    .addressWrap .formWrap .form .group .check input{vertical-align:top;margin-right:2vw}
+    .addressWrap .formWrap .form .group .btn{display:inline-block;width:40vw;height:11vw;border-radius: 5.5vw; line-height:11vw;text-align:center;font-size:3.4vw;color:#FF5B00;border:1px solid #FF5B00;background:#FFE6DC}
+    .addressWrap .formWrap .form .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00}
+    .addressWrap .formWrap .form .group .btn.save.disable{background: #EFEFEF;color:#999999;border-color:#EFEFEF;}
+    .model-address-content .content{max-height:80vh;box-sizing:border-box;overflow:hidden;overflow-y:auto}
+    .model-address-content .content .list .seclet{width:6vw;height:6vw;position:absolute;bottom:0;right:0;opacity:0}
+    .model-address-content .content .list .seclet .mIcon{width:6vw;height:6vw;display:block}
+    .model-address-content .content .list .seclet .mIcon:before{width:6vw;height:6vw;background-position:-75.1vw -7.8vw}
+    .model-address-content .content .list.checked{border:1px solid #FF5B00}
+    .model-address-content .content .list.checked .seclet{opacity:1}
+    .model-address-content .button{text-align:center;padding-top:3.3vw}
+    .model-address-content .button .btn{display:inline-block;width:40vw;height:11vw;line-height:11vw;text-align:center;font-size:3.4vw;color:#FF5B00;border:1px solid #FF5B00;background:#FFE6DC}
+    .model-address-content .button .btn-confirm{background-color:#FF5B00;color:#FFF;border-color:#FF5B00;margin-right:2vw}
+    /* 余额 */
+    .balanceWrap,.totalPriceWrap,.invoiceWrap{width:100%;box-sizing:border-box;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw;text-align:left;padding:3.4vw}
+    .balanceWrap .text{display:inline-block;height:4vw;line-height:4vw;color:#333;margin-left:2vw;vertical-align:top;white-space:nowrap}
+    .balanceWrap .text .red{color:#FF2A2A}
+    .totalPriceWrap{color:#333;line-height:6vw;text-align:left;padding:3.3vw;float: left;}
+    .totalPriceWrap span{width:46vw;float:right;text-align:right}
+    .totalPriceWrap span em{font-style:normal;color:#FF2A2A}
+    .totalPriceWrap:after,.invoiceWrap:after,.invoiceWrap .formLine:after{content:'';display:table;clear:both}
+    /* 发票 */
+    .invoiceWrap .formLine .diyBox {width: 28vw;}
+
+    /*优惠券弹窗*/
+    .coupon-popup{width:100%;height:100%;position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,.4);z-index: 99999;opacity: 0;}
+    .coupon-popup.hide{opacity: 0;}
+    .coupon-popup.show{opacity: 1;}
+    .coupon-popup .coupon-popup-model-content{width:100%;height:106.7vw;position:absolute;bottom:0;left:0;right:0;bottom:0;background-color:#FFFFFF;margin:auto;border-radius:2px;box-sizing:border-box}
+    .coupon-popup .title{width:100%;height:11vw;float:left;box-sizing:border-box;position:relative;padding:2.3vw 0;background-color: #f8f8f8;}
+    .coupon-popup .title p{font-size:3.4vw;line-height:6.4vw;text-align:center;color:#333333;font-weight: bold;}
+    .coupon-popup .title .icon{width:6.4vw;height:6.4vw;display:block;position:absolute;right:0;top:0;cursor:pointer;padding:10px}
+    .coupon-popup .title .icon:before{width:6.4vw;height:6.4vw;background-position:-33.6vw 0;}
+    .coupon-popup .coupon-popup-main{width:100%;height:95.7vw;box-sizing:border-box;padding:0 3.5vw;float:left;}
+    .coupon-popup .coupon-popup-tabs{width: 100%;height: 11vw;box-sizing: border-box;border-bottom: 1px solid #efefef;float: left;}
+    .coupon-popup .popup-tabs-cell{width: 50%; float: left;box-sizing: border-box;padding: 0 18.1vw;}
+    .coupon-popup .popup-tabs-cell span{display: block;line-height: 11vw;height: 11vw;font-size: 3.4vw;color: #333;cursor: pointer;box-sizing: border-box;text-align: center;}
+    .coupon-popup .popup-tabs-cell.active span{color: #E15621;border-bottom: 1px solid #E15621;}
+    .coupon-popup .coupon-popup-content{width:100%;height:84.7vw;box-sizing:border-box;padding: 4vw 0;float: left;}
+    .coupon-popup .coupon-popup-content .empty{padding: 15vw 0;}
+    .coupon-popup .coupon-popup-content .empty img{width: 20vw;height: 20vw;}
+    .coupon-popup .coupon-popup-content .empty .msg{color: #999;font-size: 3vw;}
+    .coupon-popup .coupon-popup-scroll{width:100%;height:100%;box-sizing:border-box;float:left;overflow:hidden;overflow-y:auto}
+    .coupon-popup .coupon-list-cell{width: 93.1vw;height: 33vw;float: left;margin: 0 0 2.4vw 0;position: relative;border-radius: 1vw;}
+    .coupon-popup .coupon-list-cell .coupon-list-le{width: 70.5vw;height: 33vw;float: left;box-sizing: border-box;padding: 6.8vw 3.7vw 3.3vw 3.7vw;}
+    .coupon-popup .coupon-list-cell .coupon-list-money{width: 100%;height:10vw;line-height: 10vw;color: #f94b4b;font-size: 3vw;text-align: left; }
+    .coupon-popup .coupon-list-cell .coupon-list-money .maxMoney{font-size: 7.2vw;margin-right: 2.4vw;}
+    .coupon-popup .coupon-list-cell .coupon-list-money.none, .coupon-list-cell .coupon-list-name.none, .coupon-list-cell .coupon-list-time.none{color: #FFF;}
+    .coupon-popup .coupon-list-cell .coupon-list-name{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #333333;font-size: 3.4vw;text-align: left;margin-top: 4vw;}
+    .coupon-popup .coupon-list-cell .coupon-list-time{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #999999;font-size: 2.4vw;text-align: left;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri{width: 22.5vw;height: 33vw;float: left;box-sizing: border-box;font-size:3.4vw;color: #FFF;cursor: pointer;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 12vw 0 0 0;text-align: center;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri .buy p{font-size: 3.4vw;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri span{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 9.5vw 9.5vw;}
+    .coupon-popup .coupon-list-cell .coupon-list-ri span.none{padding: 11.8vw 9.5vw;}
+    .coupon-popup .coupon-list-cell .coupon-tags{height: 4.8vw;line-height: 4.8vw;text-align: center;background-color: #f94b4b;color: #FFF;border-radius: 1.6vw 0 1.6vw 0;position: absolute;top: 0;left: 0;padding: 0 1.5vw;font-size: 3vw;}
+    .coupon-popup .coupon-list-cell{background: url("/img/account/icon-coupon-uesb@h52x.png") no-repeat;background-size: cover;}
+    .coupon-popup .coupon-list-cell.none{background: url("/img/account/icon-coupon-received@h52x.png") no-repeat;background-size: cover;}
+    /*订单金额偏小弹窗提示*/
+    .confirm-Model{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
+    .confirm-Model .model-content{width: 74.6vw;height: 100.8vw;background: #FFFFFF;border-radius: 2vw;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
+    .confirm-Model .model-content .title{width: 100%;height: 11vw;box-sizing: border-box;font-size: 14px;line-height: 11vw;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #FFFFFF;padding: 0 14px;}
+    .confirm-Model .model-content .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
+    .confirm-Model .model-content .content{margin: 4.8vw 0 4.8vw 0;width: 100%;height: auto;line-height: 4.8vw;float: left;box-sizing: border-box;}
+    .confirm-Model .model-content .content p{text-align: left;font-size: 3.4vw;color: #666666;font-weight: normal;}
+    .confirm-Model .model-content .content p.small{font-size:3vw;color: #E15621;}
+    .confirm-Model .model-content .content-image {width: 100%;height: 128px;float: left;margin-bottom: 20px;}
+    .confirm-Model .model-content .content-image img{width: 29.5vw;height: 29.5vw;display: block;margin: 0 auto;}
+    .confirm-Model .model-content .button{width: 100%;height: 9.9vw;float: left;box-sizing: border-box;}
+    .confirm-Model .model-content .button a{width: 100%;height: 9.9vw;display: block;border-radius: 2px;font-size: 3.4vw;text-align: center;line-height: 9.9vw;color: #FFFFFF;float: right;box-sizing: border-box;border: 1px solid #FFFFFF;}
+    .confirm-Model .model-content .button a.cancel{background: #FFFFFF;border-color: #B8BFCA;color: #333333;}
+    .confirm-Model .model-content .button a.confirm{background: #FF5B00;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:#FF5B00;text-align:center;line-height:9.9vw;border:0;}
+}
+

src/main/resources/static/css/user-center/address/list.css

@@ -11,7 +11,7 @@ li{list-style:none}
     .order-header .header-bt p{float: left;font-size: 14px;line-height: 38px;text-align: left;color: #627386;}
     .order-header .header-bt p span{color: #FF5B00;margin: 0 5px;}
     .order-header .header-button{height: 38px;float: right;}
-    .order-header .header-button .btn-server{width: 128px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;}
+    .order-header .header-button .btn-server{width: 128px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 18px;border: solid 1px #FF5B00;font-size: 14px;color: #FF5B00;line-height: 36px;text-align: center;}
     .container{width: 100%;height: auto;box-sizing: border-box;position: relative;margin-top: 8px}
     .container .empty{background-color:#FFF;}
     .container .section.address-none{height: 318px;left: 0;top:0;background-color: #FFF;box-shadow: 0px 3px 6px 0px
@@ -28,7 +28,7 @@ li{list-style:none}
     .addressWrap .btnBox{position:absolute;left:610px;top:100px}
     .addressWrap .btnBox .group{text-align:left;height:92px;box-sizing:border-box;border-left:1px dashed #b8bfca;padding: 0 30px;}
     .addressWrap .btnBox .group p:first-child{line-height:32px}
-    .addressWrap .btnBox .group .btn{display:inline-block;width:128px;height:34px;line-height:34px;margin:0 auto;text-align:center;font-size:14px;color:#1890f9;border:1px solid #FFFFFF}
+    .addressWrap .btnBox .group .btn{display:inline-block;width:128px;height:34px;line-height:34px;margin:0 auto;text-align:center;font-size:14px;color:#1890f9;border:1px solid #FFFFFF;border-radius: 17px;}
     .addressWrap .btnBox .group .btn.con{background-color:#FFE6DC;color:#FF5B00;border-color:#FF5B00}
     .addressWrap .btnBox .group .btn.save{background-color:#FF5B00;color:#FFF;border-color:#FF5B00;margin-right:15px}
     .addressWrap .btnBox .group .check{display:inline-block;height:18px;line-height:18px;color:#1890f9;margin-bottom: 25px;}

src/main/resources/static/css/user-center/member/member-page.css

@@ -1,211 +1,212 @@
-/*公共样式*/
-.cm-text-ellipsis-2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
-/*pc端样式*/
-@media screen and (min-width:768px){
-#memberPage{position: relative;margin-bottom: 105px;}
-.right{width:968px;overflow:hidden}
-.section .section-title{padding:30px 20px 12px;font-size:16px;font-weight:400;color:#22272E}
-.section .section-title span{font-size: 14px;color: #E4AA43;margin-left: 8px}
-.section .section-title a{font-size: 14px;color: #333;float: right}
-.section .section-title a:hover{ color: #E4AA43}
-.section .content{padding:30px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.07);box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
-/*会标标记*/
-.vip-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:968px;height:68px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:104px;padding-right:24px;line-height:68px;background:url(/img/member/pc-cm-svip-bg-02.png) no-repeat center;background-size:968px 68px;font-weight:400}
-.vip-bar>div>span:first-child{font-size:16px;line-height:21px;color:#55331D}
-.vip-bar>div>span:last-child{font-size:14px;color:#55331D;opacity:1;margin-left:16px}
-.vip-bar>div>span.error{color:#FF2A2A}
-.vip-bar .right-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.vip-bar>div>a{display:block;margin-left:16px}
-.vip-bar>div>a.link{font-size:14px;color:#55331D}
-.vip-bar>div>a.btn{width:104px;height:36px;background:-webkit-gradient(linear,right top,left top,from(#585658),to(#323031));background:-o-linear-gradient(right,#585658 0%,#323031 100%);background:linear-gradient(270deg,#585658 0%,#323031 100%);border-radius:2px;line-height:36px;text-align:center;font-size:16px;color:#F0CB72}
-/*套餐价格*/
-.combo-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.combo-list > div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.combo-list .combo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:122px;height:132px;margin-right:14px;background:#FFFFFF;border:1px solid #F0F0F0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
-.combo-list .combo.recommend::after{content:"推荐";position:absolute;top:-4px;left:-1px;z-index:9;width:42px;height:20px;background:#FF2A2A;opacity:1;border-radius:0px 4px 4px 4px;text-align:center;line-height:20px;color:#fff;font-size:14px}
-.combo-list .combo.active{background:#FDF8EE;border:1px solid #F0CC8C}
-.combo-list .combo .how-mounts{font-size:16px;font-weight:400;line-height:21px;color:#22272E}
-.combo-list .combo .price{padding:10px 0;height:31px;font-size:24px;font-weight:bold;line-height:31px;color:#FF2A2A}
-.combo-list .combo .price > i{font-style:unset;font-size:16px;font-weight:400;line-height:21px;color:#FF2A2A}
-.combo-list .combo .average{font-size:14px;font-weight:400;line-height:19px;color:#627386}
-.combo-list > div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.combo-list .pay-btn{width:336px;height:50px;background:-webkit-gradient(linear,left top,right top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(left,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(90deg,#FEE9BA 0%,#F0CB72 100%);border-radius:2px;font-size:16px;font-weight:bold;line-height:21px;color:#55331D}
-.combo-list .pay-btn.plain{margin-top:15px;background:transparent;border:1px solid #F0CB72;border-radius:2px;font-size:16px;font-weight:400;color:#55331D;-webkit-box-sizing:border-box;box-sizing:border-box}
-.combo-list .pay-btn > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:inherit}
-.combo-list .pay-btn > a:hover{color:unset}
-/*特权服务*/
-.service-list{margin-top: 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.service-list>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
-.service-list>div img{display:block;width:64px;height:64px}
-.service-list>div .tit{font-size:16px;font-weight:400;color:#333333;padding:8px 0 8px}
-.service-list>div .sub-tit{font-size:14px;font-weight:400;color:#B8BFCA}
-/*优惠券*/
-.coupon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap: wrap;}
-.coupon-list>div{position:relative;width:219px;height:96px;margin-bottom: 24px; padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-coupon-unable.png) no-repeat center;background-size:219px 96px}
-.coupon-list>div.un-received{background-image:url(/img/member/pc-cm-svip-coupon-able.png)}
-.coupon-list>div .type{position:absolute;left:0;top:0;z-index:9;width:46px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#E4AA43;border-radius:2px 0px 2px 0px}
-.coupon-list>div .amount{padding-top:20px;font-size:26px;font-weight:bold;color:#55331D}
-.coupon-list>div .amount>i{font-size:14px;font-weight:400;color:#55331D;font-style:unset}
-.coupon-list>div .condition{font-size:12px;font-weight:400;color:#55331D}
-.coupon-list>div .receive-btn{width:48px;height:100%;position:absolute;right:0;top:0;z-index:9;font-size:14px;font-weight:400;color:#55331D;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
-/*商品列表*/
-.goods-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
-.goods-list .goods a:hover{color:unset}
-.goods-list .goods{width:173px;margin-right: 14px;}
-.goods-list .goods:last-child{margin-right: 0;}
-
-.goods-list .goods img{display:block;width:184px;height:184px;-webkit-box-sizing:border-box;box-sizing:border-box;border: 1px dashed #f1f1f1;}
-.goods-list .goods .goods-price,
-.goods-list .goods .goods-title,
-.goods-list .goods .goods-tag{padding: 0 8px;}
-
-.goods-list .goods .goods-title{height:41px;margin-top:12px;font-size:14px;font-weight:400;line-height:22px;color:#4A4F58;text-align:justify-all;word-break:break-all}
-.goods-list .goods .goods-tag{height:22px;padding:8px 8px}
-.goods-list .goods .goods-tag .tag{line-height:20px;font-size:12px;padding:0 2px}
-.goods-list .goods .goods-tag .tag.styl1{color:#F94B4B;background:#FFF1EB;border:1px solid #F94B4B}
-.goods-list .goods .goods-tag .tag.styl2{color:#FF5B00;background:#FFF1EB;border:1px solid #F94B4B}
-
-.goods-list .goods .svip-tag{height:18px;letter-spacing:0;display: inline-block;}
-.goods-list .goods .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:18px;text-align:center;line-height:18px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
-.goods-list .goods .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-.goods-list .goods .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-24px;line-height:18px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
-.goods-list .goods .svip-tag .svip-price span{color: #333}
-
-.goods-list .good .goods-price del{color: #B8BFCA}
-
-/*底部支付按钮*/
-.pay-amount-bottom a:hover{color:unset}
-.pay-amount-bottom{position:fixed;bottom:0;width:100%;background:#fff;z-index: 9999;}
-.pay-amount-bottom.absolute{position:absolute;bottom: -104px;}
-.pay-amount-bottom>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1184px;height:72px;margin:0 auto}
-.pay-amount-bottom .pay-btn{width:336px;height:50px;background:-webkit-gradient(linear,left top,right top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(left,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(90deg,#FEE9BA 0%,#F0CB72 100%);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-weight:500;line-height:22px;margin-left:15px}
-.pay-amount-bottom .pay-btn.plain{border:1px solid #F0CB72;background:#fff}
-.pay-amount-bottom .pay-btn>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#55331D;width:100%;height:100%}
-/*续费弹窗*/
-.renew-popup{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:540px;height:424px;background:#FFFFFF;opacity:1;border-radius:2px;z-index:9999}
-.renew-popup .popup-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;padding:0 16px 0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-weight:bold;color:#4A4F58;opacity:1;border-bottom:1px solid #E2E7EF}
-.renew-popup .popup-title .close{color: #d4d4d4;font-size:30px;font-weight:400;cursor:pointer}
-.renew-popup .combo-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
-.renew-popup .combo-list>div:first-child{margin-top:37px}
-.renew-popup .combo-list>div:last-child{margin-top:56px}
-/*遮罩*/
-.mask{content:"";display:block;position:fixed;width:100vw;height:100vh;background:#333333;opacity:0.7;left:0;top:0;z-index:9998}
-/*确认支付 立即支付弹窗*/
-.payment-confirm-popup{position:fixed;top:50%;left:50%;z-index:99999;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:338px;height:168px;padding:16px;background:#FFFFFF;opacity:1;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
-.payment-confirm-popup .popup-title{padding-bottom:16px;font-size:16px;font-weight:bold;color:#4A4F58}
-.payment-confirm-popup .popup-title .close{position:absolute;right:16px;top:4px;color:#d4d4d4;font-size:30px;font-weight:400;cursor:pointer}
-.payment-confirm-popup .content{font-size:14px;font-weight:400;line-height:24px;color:#22272E;opacity:1}
-.payment-confirm-popup .popup-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:48px}
-.payment-confirm-popup .popup-btn .confirm-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:104px;height:32px;background:#FF5B00;opacity:1;border-radius:2px;font-size:14px;font-weight:400;color:#FFFFFF}
-
-}
-
-/*h5端样式*/
-@media screen and (max-width:768px){
-.section{background:#fff;margin: 2vw 0;overflow: hidden}
-.section .section-title{padding:4vw 0 5.2vw 3.3vw;font-size:3.4vw;font-weight:400;color:#22272E}
-.section .section-title span{font-size: 3.2vw;color: #E4AA43;margin-left: 2.4vw}
-.section .section-title a{font-size: 3.2vw;color: #E4AA43;float: right;margin-right: 3.3vw}
-.section .content{-webkit-box-sizing:border-box;box-sizing:border-box}
-/*会员标记*/
-.vip-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100vw;height:20.6vw;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:17.1vw;padding-right:3.3vw;background:url(/img/member/h5-cm-svip-bg-02.png) no-repeat center;background-size:100vw 20.6vw;font-weight:400}
-.vip-bar .row2,.vip-bar .right-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
-.vip-bar .left-box span:first-child{font-size:3.4vw;color:#55331D}
-.vip-bar .left-box span:last-child{font-size:3vw;color:#55331D;opacity:1;margin-top:2.4vw}
-.vip-bar .row1 span:last-child{margin-top:0;margin-left:2.4vw}
-.vip-bar .right-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
-.vip-bar .right-box a{display:block}
-.vip-bar .right-box a.link{font-size:2.8vw;color:#55331D}
-.vip-bar .right-box a.btn{width:19.2vw;height:7.2vw;background:-webkit-gradient(linear,right top,left top,from(#585658),to(#323031));background:-o-linear-gradient(right,#585658 0%,#323031 100%);background:linear-gradient(270deg,#585658 0%,#323031 100%);border-radius:2px;line-height:7.2vw;text-align:center;font-size:3.2vw;color:#F0CB72;margin-top:2.4vw}
-/*套餐价格*/
-.combo-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
-.combo-list > div:first-child{
-    width:93.2vw;
-    display:-webkit-box;
-    display:-ms-flexbox;
-    display:flex;
-    -webkit-box-pack:justify;
-    -ms-flex-pack:justify;
-    /*justify-content:space-between;*/
-    -webkit-box-align:center;
-    -ms-flex-align:center;
-    align-items:center;
-    column-gap:16px;
-}
-.copy-p{padding-top: 8vw;}
-.combo-list .combo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:29vw;height:31.4vw;background:#FFFFFF;border:1px solid #F0F0F0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
-.combo-list .combo.recommend::after{content:"推荐";position:absolute;top:-1.4vw;left:-1px;z-index:9;width:10vw;height:4.8vw;text-align:center;line-height:4.8vw;background:#FF2A2A;color:#fff;font-size:2.8vw}
-.combo-list .combo.active{background:#FDF8EE;border:1px solid #F0CC8C}
-.combo-list .combo .how-mounts{font-size:3.6vw;font-weight:400;color:#22272E}
-.combo-list .combo .price{padding:2.6vw 0;font-size:5.6vw;font-weight:bold;color:#FF2A2A}
-.combo-list .combo .price > i{font-style:unset;font-size:3.7vw;font-weight:400;color:#FF2A2A}
-.combo-list .combo .average{font-size:3.2vw;font-weight:400;color:#627386}
-.combo-list > div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8vw;margin-bottom: 4.4vw}
-.combo-list .pay-btn{width:93.2vw;height:11.2vw;background:-webkit-gradient(linear,left top,right top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(left,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(90deg,#FEE9BA 0%,#F0CB72 100%);border-radius:2px;font-size:4.3vw;font-weight:bold;line-height:21px;color:#55331D;}
-.combo-list .pay-btn.plain{margin-top:15px;background:transparent;border:1px solid #F0CB72;border-radius:2px;font-weight:400;color:#55331D;-webkit-box-sizing:border-box;box-sizing:border-box}
-.combo-list .pay-btn > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:inherit}
-.combo-list .pay-btn > a:hover{color:unset}
-/*特权服务*/
-.service-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
-.service-list.two{display: block;}
-.service-list>div{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:4.8vw}
-.service-list>div img{display:block;width:11.8vw;height:11.8vw}
-.service-list>div .tit{font-size:3.2vw;font-weight:400;color:#333333;padding:2.4vw 0 1.2vw}
-.service-list>div .sub-tit{font-size:2.8vw;font-weight:400;color:#B8BFCA}
-/*优惠券*/
-.coupon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 3.3vw}
-.coupon-list>div{position:relative;width:45vw;height:19.8vw;padding-left:4.9vw;margin-bottom:3.4vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-coupon-unable.png) no-repeat center;background-size:45vw 19.8vw}
-.coupon-list>div.un-received{background-image:url(/img/member/pc-cm-svip-coupon-able.png)}
-.coupon-list>div .type{position:absolute;left:0;top:0;z-index:9;width:11vw;height:3.9vw;font-size:2.4vw;text-align:center;line-height:3.9vw;background:#E4AA43;border-radius:2px 0px 2px 0px}
-.coupon-list>div .amount{padding-top:3.6vw;font-size:5.2vw;font-weight:bold;color:#55331D}
-.coupon-list>div .amount>i{font-size:2.8vw;font-weight:400;color:#55331D;font-style:unset}
-.coupon-list>div .condition{font-size:2.6vw;font-weight:400;color:#55331D}
-.coupon-list>div .receive-btn{width:10vw;height:100%;position:absolute;right:0;top:0;z-index:9;font-size:3vw;font-weight:400;color:#55331D;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
-/*商品列表*/
-.goods-list{width:100vw;overflow-x:scroll;white-space:nowrap;padding-bottom:4.8vw}
-.goods-list .goods a:hover{color:unset}
-.goods-list .goods{display:inline-block;width:34.9vw;margin-right:2.4vw}
-.goods-list .goods:first-child{margin-left:3.3vw}
-
-.goods-list .goods img{border: 1px dashed #f1f1f1; box-sizing: border-box;}
-
-.goods-list .goods .goods-title{white-space:pre-wrap;height:9.2vw;margin-top:0.8vw;font-size:3.4vw;font-weight:400;line-height:4.7vw;color:#627386}
-.goods-list .goods .goods-tag{margin:1.6vw 0}
-.goods-list .goods .goods-tag .tag{line-height:4.2vw;font-size:2.8vw;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.5vw}
-.goods-list .goods .goods-tag .tag.styl1{color:#F94B4B;background:#FFF1EB;border:1px solid #F94B4B}
-.goods-list .goods .goods-tag .tag.styl2{color:#FF5B00;background:#FFF1EB;border:1px solid #F94B4B}
-/*会员标签*/
-.svip-tag{height:4.2vw;letter-spacing:0;overflow: hidden;display: inline-block;vertical-align: middle;}
-.svip-tag .svip-icon{position:relative;z-index:9;float: left; width:7.8vw;height:4.2vw;text-align:center;line-height:4.2vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
-.svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
-.svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:6.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.2vw;height: 4.2vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
-.svip-tag .svip-price span{color: #333}
-.svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
-.goods-list .good .goods-price del{color: #B8BFCA}
-
-.pay-amount-bottom{display: none; opacity: 0}
-/*续费弹窗*/
-.renew-popup{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:74.6vw;height:72.8vw;background:#fff;-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.16);box-shadow:0px 10px 20px rgba(0,0,0,0.16);opacity:1;border-radius:1.2vw;z-index:9999}
-.renew-popup .popup-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4.8vw 4vw 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:3.6vw;font-weight:bold;color:#4A4F58;opacity:1}
-.renew-popup .popup-title .close{position:absolute;right:2.4vw;top:1vw;font-size:7vw;font-weight:normal;cursor:pointer}
-.renew-popup .combo-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
-.renew-popup .combo-list>div:first-child{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%;margin-top:5.8vw}
-.renew-popup .combo-list>div:last-child{width:100%;margin-top:8vw}
-.renew-popup .combo-list .combo{width:20.6vw;height:22.4vw}
-.renew-popup .combo-list .combo.recommend::after{width:8vw;height:4vw;line-height:4vw;top:-1.55vw}
-.renew-popup .combo-list .combo .how-mounts{font-size:3.2vw}
-.renew-popup .combo-list .combo .price{font-size:3.9vw;padding:1.2vw 0}
-.renew-popup .combo-list .combo .price i{font-size:2.6vw}
-.renew-popup .combo-list .combo .average{font-size:2.6vw}
-.renew-popup .combo-list .pay-btn{width:66.6vw;height:9.9vw;font-size:3.2vw}
-.renew-popup .combo-list .pay-btn.plain{margin-top:3.3vw}
-/*遮罩*/
-.mask{content:"";display:block;position:fixed;width:100vw;height:100vh;background:#333333;opacity:0.7;left:0;top:0;z-index:9998}
-/*确认支付，立即支付弹窗*/
-.payment-confirm-popup{position:fixed;top:50%;left:50%;z-index:99999;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:74.6vw;height:46vw;padding:4.4vw;background:#FFFFFF;opacity:1;border-radius:1.2vw;-webkit-box-sizing:border-box;box-sizing:border-box}
-.payment-confirm-popup .popup-title{padding-bottom:3.2vw;padding-top:2.4vw;font-size:3.8vw;font-weight:bold;color:#4A4F58}
-.payment-confirm-popup .popup-title .close{position:absolute;right:3.2vw;top:1.2vw;color:#d4d4d4;font-size:5.6vw;font-weight:400;cursor:pointer}
-.payment-confirm-popup .content{font-size:3.6vw;font-weight:400;line-height:6.4vw;color:#22272E;opacity:1}
-.payment-confirm-popup .popup-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10.4vw}
-.payment-confirm-popup .popup-btn .confirm-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:66.6vw;height:9.9vw;background:#FF5B00;opacity:1;border-radius:2px;font-size:14px;font-weight:400;color:#FFFFFF}
-}
+/*公共样式*/
+.cm-text-ellipsis-2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
+/*pc端样式*/
+@media screen and (min-width:768px){
+#memberPage{position: relative;margin-bottom: 105px;}
+.right{width:968px;overflow:hidden}
+.section .section-title{padding:30px 20px 12px;font-size:16px;font-weight:400;color:#22272E}
+.section .section-title span{font-size: 14px;color: #E4AA43;margin-left: 8px}
+.section .section-title a{font-size: 14px;color: #333;float: right}
+.section .section-title a:hover{ color: #E4AA43}
+.section .content{padding:30px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.07);box-shadow:0px 3px 6px rgba(0,0,0,0.07);border-radius: 8px;}
+/*会标标记*/
+.vip-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:968px;height:68px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:104px;padding-right:24px;line-height:68px;background:url(/img/member/pc-cm-svip-bg-02.png) no-repeat center;background-size:968px 68px;font-weight:400;border-radius: 8px;}
+.vip-bar>div>span:first-child{font-size:16px;line-height:21px;color:#55331D}
+.vip-bar>div>span:last-child{font-size:14px;color:#55331D;opacity:1;margin-left:16px}
+.vip-bar>div>span.error{color:#FF2A2A}
+.vip-bar .right-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.vip-bar>div>a{display:block;margin-left:16px}
+.vip-bar>div>a.link{font-size:14px;color:#55331D}
+.vip-bar>div>a.btn{width:104px;height:36px;background:-webkit-gradient(linear,right top,left top,from(#585658),to(#323031));background:-o-linear-gradient(right,#585658 0%,#323031 100%);background:linear-gradient(270deg,#585658 0%,#323031 100%);border-radius:2px;line-height:36px;text-align:center;font-size:16px;color:#F0CB72}
+/*套餐价格*/
+.combo-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.combo-list > div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.combo-list .combo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:122px;height:132px;margin-right:14px;background:#FFFFFF;border:1px solid #F0F0F0;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
+.combo-list .combo.recommend::after{content:"推荐";position:absolute;top:-4px;left:-1px;z-index:9;width:42px;height:20px;background:#FF2A2A;opacity:1;border-radius:0px 4px 4px 4px;text-align:center;line-height:20px;color:#fff;font-size:14px}
+.combo-list .combo.active{background:#FDF8EE;border:1px solid #F0CC8C}
+.combo-list .combo .how-mounts{font-size:16px;font-weight:400;line-height:21px;color:#22272E}
+.combo-list .combo .price{padding:10px 0;height:31px;font-size:24px;font-weight:bold;line-height:31px;color:#FF2A2A}
+.combo-list .combo .price > i{font-style:unset;font-size:16px;font-weight:400;line-height:21px;color:#FF2A2A}
+.combo-list .combo .average{font-size:14px;font-weight:400;line-height:19px;color:#627386}
+.combo-list > div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.combo-list .pay-btn{width:336px;height:50px;background:-webkit-gradient(linear,left top,right top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(left,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(90deg,#FEE9BA 0%,#F0CB72 100%);border-radius:25px;font-size:16px;font-weight:bold;line-height:21px;color:#55331D}
+.combo-list .pay-btn.plain{margin-top:15px;background:transparent;border:1px solid #F0CB72;border-radius:25px;font-size:16px;font-weight:400;color:#55331D;-webkit-box-sizing:border-box;box-sizing:border-box}
+.combo-list .pay-btn > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:inherit}
+.combo-list .pay-btn > a:hover{color:unset}
+/*特权服务*/
+.service-list{margin-top: 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.service-list>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
+.service-list>div img{display:block;width:64px;height:64px}
+.service-list>div .tit{font-size:16px;font-weight:400;color:#333333;padding:8px 0 8px}
+.service-list>div .sub-tit{font-size:14px;font-weight:400;color:#B8BFCA}
+/*优惠券*/
+.coupon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap: wrap;}
+.coupon-list>div{position:relative;width:219px;height:96px;margin-bottom: 24px; padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-coupon-unable.png) no-repeat center;background-size:219px 96px}
+.coupon-list>div.un-received{background-image:url(/img/member/pc-cm-svip-coupon-able.png)}
+.coupon-list>div .type{position:absolute;left:0;top:0;z-index:9;width:46px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#E4AA43;border-radius:2px 0px 2px 0px}
+.coupon-list>div .amount{padding-top:20px;font-size:26px;font-weight:bold;color:#55331D}
+.coupon-list>div .amount>i{font-size:14px;font-weight:400;color:#55331D;font-style:unset}
+.coupon-list>div .condition{font-size:12px;font-weight:400;color:#55331D}
+.coupon-list>div .receive-btn{width:48px;height:100%;position:absolute;right:0;top:0;z-index:9;font-size:14px;font-weight:400;color:#55331D;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
+/*商品列表*/
+.goods-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
+.goods-list .goods a:hover{color:unset}
+.goods-list .goods{width:173px;margin-right: 14px;}
+.goods-list .goods:last-child{margin-right: 0;}
+
+.goods-list .goods img{display:block;width:184px;height:184px;-webkit-box-sizing:border-box;box-sizing:border-box;border: 1px dashed #f1f1f1;}
+.goods-list .goods .goods-price,
+.goods-list .goods .goods-title,
+.goods-list .goods .goods-tag{padding: 0 8px;}
+
+.goods-list .goods .goods-title{height:41px;margin-top:12px;font-size:14px;font-weight:400;line-height:22px;color:#4A4F58;text-align:justify-all;word-break:break-all}
+.goods-list .goods .goods-tag{height:22px;padding:8px 8px}
+.goods-list .goods .goods-tag .tag{line-height:20px;font-size:12px;padding:0 2px}
+.goods-list .goods .goods-tag .tag.styl1{color:#F94B4B;background:#FFF1EB;border:1px solid #F94B4B}
+.goods-list .goods .goods-tag .tag.styl2{color:#FF5B00;background:#FFF1EB;border:1px solid #F94B4B}
+
+.goods-list .goods .svip-tag{height:18px;letter-spacing:0;display: inline-block;}
+.goods-list .goods .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:18px;text-align:center;line-height:18px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+.goods-list .goods .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+.goods-list .goods .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-24px;line-height:18px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
+.goods-list .goods .svip-tag .svip-price span{color: #333}
+
+.goods-list .good .goods-price del{color: #B8BFCA}
+
+/*底部支付按钮*/
+.pay-amount-bottom a:hover{color:unset}
+.pay-amount-bottom{position:fixed;bottom:0;width:100%;background:#fff;z-index: 9999;}
+.pay-amount-bottom.absolute{position:absolute;bottom: -104px;}
+.pay-amount-bottom>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1184px;height:72px;margin:0 auto}
+.pay-amount-bottom .pay-btn{width:336px;height:50px;background:-webkit-gradient(linear,left top,right top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(left,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(90deg,#FEE9BA 0%,#F0CB72 100%);border-radius:25px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-weight:500;line-height:22px;margin-left:15px}
+.pay-amount-bottom .pay-btn.plain{border:1px solid #F0CB72;background:#fff}
+.pay-amount-bottom .pay-btn>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#55331D;width:100%;height:100%}
+/*续费弹窗*/
+.renew-popup{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:540px;height:424px;background:#FFFFFF;opacity:1;border-radius:2px;z-index:9999}
+.renew-popup .popup-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;padding:0 16px 0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-weight:bold;color:#4A4F58;opacity:1;border-bottom:1px solid #E2E7EF}
+.renew-popup .popup-title .close{color: #d4d4d4;font-size:30px;font-weight:400;cursor:pointer}
+.renew-popup .combo-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+.renew-popup .combo-list>div:first-child{margin-top:37px}
+.renew-popup .combo-list>div:last-child{margin-top:56px}
+/*遮罩*/
+.mask{content:"";display:block;position:fixed;width:100vw;height:100vh;background:#333333;opacity:0.7;left:0;top:0;z-index:9998}
+/*确认支付 立即支付弹窗*/
+.payment-confirm-popup{position:fixed;top:50%;left:50%;z-index:99999;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:338px;height:168px;padding:16px;background:#FFFFFF;opacity:1;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
+.payment-confirm-popup .popup-title{padding-bottom:16px;font-size:16px;font-weight:bold;color:#4A4F58}
+.payment-confirm-popup .popup-title .close{position:absolute;right:16px;top:4px;color:#d4d4d4;font-size:30px;font-weight:400;cursor:pointer}
+.payment-confirm-popup .content{font-size:14px;font-weight:400;line-height:24px;color:#22272E;opacity:1}
+.payment-confirm-popup .popup-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:48px}
+.payment-confirm-popup .popup-btn .confirm-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:104px;height:32px;background:#FF5B00;opacity:1;border-radius:2px;font-size:14px;font-weight:400;color:#FFFFFF}
+
+}
+
+/*h5端样式*/
+@media screen and (max-width:768px){
+    .right{padding-top: 17vw;}
+.section{background:#fff;margin: 2vw 0;overflow: hidden}
+.section .section-title{padding:4vw 0 5.2vw 3.3vw;font-size:3.4vw;font-weight:400;color:#22272E}
+.section .section-title span{font-size: 3.2vw;color: #E4AA43;margin-left: 2.4vw}
+.section .section-title a{font-size: 3.2vw;color: #E4AA43;float: right;margin-right: 3.3vw}
+.section .content{-webkit-box-sizing:border-box;box-sizing:border-box}
+/*会员标记*/
+.vip-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100vw;height:20.6vw;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:17.1vw;padding-right:3.3vw;background:url(/img/member/h5-cm-svip-bg-02.png) no-repeat center;background-size:100vw 20.6vw;font-weight:400}
+.vip-bar .row2,.vip-bar .right-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
+.vip-bar .left-box span:first-child{font-size:3.4vw;color:#55331D}
+.vip-bar .left-box span:last-child{font-size:3vw;color:#55331D;opacity:1;margin-top:2.4vw}
+.vip-bar .row1 span:last-child{margin-top:0;margin-left:2.4vw}
+.vip-bar .right-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.vip-bar .right-box a{display:block}
+.vip-bar .right-box a.link{font-size:2.8vw;color:#55331D}
+.vip-bar .right-box a.btn{width:19.2vw;height:7.2vw;background:-webkit-gradient(linear,right top,left top,from(#585658),to(#323031));background:-o-linear-gradient(right,#585658 0%,#323031 100%);background:linear-gradient(270deg,#585658 0%,#323031 100%);border-radius:2px;line-height:7.2vw;text-align:center;font-size:3.2vw;color:#F0CB72;margin-top:2.4vw}
+/*套餐价格*/
+.combo-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
+.combo-list > div:first-child{
+    width:93.2vw;
+    display:-webkit-box;
+    display:-ms-flexbox;
+    display:flex;
+    -webkit-box-pack:justify;
+    -ms-flex-pack:justify;
+    /*justify-content:space-between;*/
+    -webkit-box-align:center;
+    -ms-flex-align:center;
+    align-items:center;
+    column-gap:16px;
+}
+.copy-p{padding-top: 8vw;}
+.combo-list .combo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:29vw;height:31.4vw;background:#FFFFFF;border:1px solid #F0F0F0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
+.combo-list .combo.recommend::after{content:"推荐";position:absolute;top:-1.4vw;left:-1px;z-index:9;width:10vw;height:4.8vw;text-align:center;line-height:4.8vw;background:#FF2A2A;color:#fff;font-size:2.8vw}
+.combo-list .combo.active{background:#FDF8EE;border:1px solid #F0CC8C}
+.combo-list .combo .how-mounts{font-size:3.6vw;font-weight:400;color:#22272E}
+.combo-list .combo .price{padding:2.6vw 0;font-size:5.6vw;font-weight:bold;color:#FF2A2A}
+.combo-list .combo .price > i{font-style:unset;font-size:3.7vw;font-weight:400;color:#FF2A2A}
+.combo-list .combo .average{font-size:3.2vw;font-weight:400;color:#627386}
+.combo-list > div:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8vw;margin-bottom: 4.4vw}
+.combo-list .pay-btn{width:93.2vw;height:11.2vw;background:-webkit-gradient(linear,left top,right top,from(#FEE9BA),to(#F0CB72));background:-o-linear-gradient(left,#FEE9BA 0%,#F0CB72 100%);background:linear-gradient(90deg,#FEE9BA 0%,#F0CB72 100%);border-radius:5.6vw;font-size:4.3vw;font-weight:bold;line-height:21px;color:#55331D;}
+.combo-list .pay-btn.plain{margin-top:15px;background:transparent;border:1px solid #F0CB72;border-radius:5.6vw;font-weight:400;color:#55331D;-webkit-box-sizing:border-box;box-sizing:border-box}
+.combo-list .pay-btn > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:inherit}
+.combo-list .pay-btn > a:hover{color:unset}
+/*特权服务*/
+.service-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
+.service-list.two{display: block;}
+.service-list>div{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:4.8vw}
+.service-list>div img{display:block;width:11.8vw;height:11.8vw}
+.service-list>div .tit{font-size:3.2vw;font-weight:400;color:#333333;padding:2.4vw 0 1.2vw}
+.service-list>div .sub-tit{font-size:2.8vw;font-weight:400;color:#B8BFCA}
+/*优惠券*/
+.coupon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 3.3vw}
+.coupon-list>div{position:relative;width:45vw;height:19.8vw;padding-left:4.9vw;margin-bottom:3.4vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/img/member/pc-cm-svip-coupon-unable.png) no-repeat center;background-size:45vw 19.8vw}
+.coupon-list>div.un-received{background-image:url(/img/member/pc-cm-svip-coupon-able.png)}
+.coupon-list>div .type{position:absolute;left:0;top:0;z-index:9;width:11vw;height:3.9vw;font-size:2.4vw;text-align:center;line-height:3.9vw;background:#E4AA43;border-radius:2px 0px 2px 0px}
+.coupon-list>div .amount{padding-top:3.6vw;font-size:5.2vw;font-weight:bold;color:#55331D}
+.coupon-list>div .amount>i{font-size:2.8vw;font-weight:400;color:#55331D;font-style:unset}
+.coupon-list>div .condition{font-size:2.6vw;font-weight:400;color:#55331D}
+.coupon-list>div .receive-btn{width:10vw;height:100%;position:absolute;right:0;top:0;z-index:9;font-size:3vw;font-weight:400;color:#55331D;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
+/*商品列表*/
+.goods-list{width:100vw;overflow-x:scroll;white-space:nowrap;padding-bottom:4.8vw}
+.goods-list .goods a:hover{color:unset}
+.goods-list .goods{display:inline-block;width:34.9vw;margin-right:2.4vw}
+.goods-list .goods:first-child{margin-left:3.3vw}
+
+.goods-list .goods img{border: 1px dashed #f1f1f1; box-sizing: border-box;}
+
+.goods-list .goods .goods-title{white-space:pre-wrap;height:9.2vw;margin-top:0.8vw;font-size:3.4vw;font-weight:400;line-height:4.7vw;color:#627386}
+.goods-list .goods .goods-tag{margin:1.6vw 0}
+.goods-list .goods .goods-tag .tag{line-height:4.2vw;font-size:2.8vw;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.5vw}
+.goods-list .goods .goods-tag .tag.styl1{color:#F94B4B;background:#FFF1EB;border:1px solid #F94B4B}
+.goods-list .goods .goods-tag .tag.styl2{color:#FF5B00;background:#FFF1EB;border:1px solid #F94B4B}
+/*会员标签*/
+.svip-tag{height:4.2vw;letter-spacing:0;overflow: hidden;display: inline-block;vertical-align: middle;}
+.svip-tag .svip-icon{position:relative;z-index:9;float: left; width:7.8vw;height:4.2vw;text-align:center;line-height:4.2vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+.svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
+.svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:6.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.2vw;height: 4.2vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
+.svip-tag .svip-price span{color: #333}
+.svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
+.goods-list .good .goods-price del{color: #B8BFCA}
+
+.pay-amount-bottom{display: none; opacity: 0}
+/*续费弹窗*/
+.renew-popup{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:74.6vw;height:72.8vw;background:#fff;-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.16);box-shadow:0px 10px 20px rgba(0,0,0,0.16);opacity:1;border-radius:1.2vw;z-index:9999}
+.renew-popup .popup-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4.8vw 4vw 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:3.6vw;font-weight:bold;color:#4A4F58;opacity:1}
+.renew-popup .popup-title .close{position:absolute;right:2.4vw;top:1vw;font-size:7vw;font-weight:normal;cursor:pointer}
+.renew-popup .combo-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+.renew-popup .combo-list>div:first-child{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%;margin-top:5.8vw}
+.renew-popup .combo-list>div:last-child{width:100%;margin-top:8vw}
+.renew-popup .combo-list .combo{width:20.6vw;height:22.4vw}
+.renew-popup .combo-list .combo.recommend::after{width:8vw;height:4vw;line-height:4vw;top:-1.55vw}
+.renew-popup .combo-list .combo .how-mounts{font-size:3.2vw}
+.renew-popup .combo-list .combo .price{font-size:3.9vw;padding:1.2vw 0}
+.renew-popup .combo-list .combo .price i{font-size:2.6vw}
+.renew-popup .combo-list .combo .average{font-size:2.6vw}
+.renew-popup .combo-list .pay-btn{width:66.6vw;height:9.9vw;font-size:3.2vw}
+.renew-popup .combo-list .pay-btn.plain{margin-top:3.3vw}
+/*遮罩*/
+.mask{content:"";display:block;position:fixed;width:100vw;height:100vh;background:#333333;opacity:0.7;left:0;top:0;z-index:9998}
+/*确认支付，立即支付弹窗*/
+.payment-confirm-popup{position:fixed;top:50%;left:50%;z-index:99999;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:74.6vw;height:46vw;padding:4.4vw;background:#FFFFFF;opacity:1;border-radius:1.2vw;-webkit-box-sizing:border-box;box-sizing:border-box}
+.payment-confirm-popup .popup-title{padding-bottom:3.2vw;padding-top:2.4vw;font-size:3.8vw;font-weight:bold;color:#4A4F58}
+.payment-confirm-popup .popup-title .close{position:absolute;right:3.2vw;top:1.2vw;color:#d4d4d4;font-size:5.6vw;font-weight:400;cursor:pointer}
+.payment-confirm-popup .content{font-size:3.6vw;font-weight:400;line-height:6.4vw;color:#22272E;opacity:1}
+.payment-confirm-popup .popup-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10.4vw}
+.payment-confirm-popup .popup-btn .confirm-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:66.6vw;height:9.9vw;background:#FF5B00;opacity:1;border-radius:2px;font-size:14px;font-weight:400;color:#FFFFFF}
+}

src/main/resources/static/css/user-center/message.css

@@ -6,7 +6,7 @@ li{list-style:none}
 @media screen and (min-width:768px){
     .navLayout{min-height: 500px;}
     .content .empty{background-color:#FFF;}
-    .content{width: 100%;min-height: 370px;background-color: #FFFFFF;box-sizing: border-box;padding:0 20px 20px 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin:0 0 10px 0;}
+    .content{width: 100%;min-height: 370px;border-radius: 8px;background-color: #FFFFFF;box-sizing: border-box;padding:0 20px 20px 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin:0 0 10px 0;}
     .content .title{width: 100%;height: 56px;border-bottom: solid 1px #e2e7ef;box-sizing: border-box;padding:9px 0;}
     .content .title .tabs-item{width:14%;height: 38px;float: left;}
     .content .title .tabs-item a{width:100%;height: 100%;display: block;font-size: 16px;line-height: 38px;text-align: left;color: #9aa5b5;}
@@ -17,7 +17,7 @@ li{list-style:none}
     .content .section .section-top .cheacked .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px}
     .content .section .section-top .cheacked span{display: inline-block;line-height: 36px;font-size: 16px;color: #22272e;}
     .content .section .section-top .button{width: 250px;height: 36px;float: right;}
-    .content .section .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 2px;background-color: #ffe6dc;line-height: 34px;text-align: center;font-size: 14px;color: #FF5B00;border: solid 1px #FF5B00;}
+    .content .section .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 17px;background-color: #ffe6dc;line-height: 34px;text-align: center;font-size: 14px;color: #FF5B00;border: solid 1px #FF5B00;}
     .content .section .section-content{width: 100%;height: auto;float: left;box-sizing: border-box;padding: 10px 0;}
     .content .section .section-content .new-list{width: 100%;height:80px;float: left;box-sizing: border-box;padding: 15px 0;}
     .content .section .section-content .new-list .text{line-height: 36px;float: left;}

src/main/resources/static/css/user-center/order/orderlist.css

@@ -53,7 +53,7 @@ li{list-style:none}
     .order-container .section .user-main .order-content .order-item p span{margin-left: 5px;color: #22272e;}
     .order-container .section .user-main .order-content .order-item p .red{color: #f94b4b;}
     .order-container .section .user-main .order-content .order-botton{width: 100%;height: 36px;float: left;margin-top: 8px;}
-    .order-container .section .user-main .order-content .order-botton .btn{height: 34px;padding: 0 10px;border-radius: 2px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
+    .order-container .section .user-main .order-content .order-botton .btn{height: 34px;padding: 0 10px;border-radius: 17px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
     .order-container .section .user-main .order-content .order-botton .btn.cancel{border-color: #9aa5b5;background-color: #FFFFFF;color: #22272e;}
     .order-container .section .user-main .order-content .order-botton .btn.primary{border-color: #FF5B00;background-color: #FF5B00;color: #FFFFFF;position: relative;}
     .order-container .section .user-main .order-content .order-botton .btn.primary .tips{width: 44px;height: 19px;line-height: 19px;text-align: center;border-radius: 10px;background-color: #ffe6dc;font-size: 12px;color: #FF5B00;position: absolute;right:0px;top: -25px;z-index: 99;}

src/main/resources/static/css/user-center/repair/list.css

@@ -1,76 +1,76 @@
-@charset "utf-8";
-li{list-style:none}
-/**
- * PC端
- */
-@media screen and (min-width:768px){
-    /*个人中心右侧*/
-    .navLayout .link{float:right;color:#FF5B00;text-decoration:underline;padding:5px 20px;}
-    .navLayout .right{float:right;width:968px}
-    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
-    .order-header .header-bt {width: 100%;height: 38px;float: left;}
-    .order-header .header-bt .header-search{width: 828px;height: 38px;float: left;}
-    .order-header .header-bt .search{height: 38px;float: left;}
-    .order-header .header-bt .search .label{display: inline-block;float: left;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
-    .order-header .header-bt .search .search-input{width: 210px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: 1px solid #b8bfca;border-radius: 2px; }
-    .order-header .header-bt .search .select{background: #fff;width:114px;height:38px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 38px;border: none;border-radius: 2px;border: 1px solid #b8bfca;color: #627386;}
-    .order-header .header-bt .search-time{float: left;margin:0 15px;}
-    .order-header .header-bt .search-time .label{display: inline-block;float: left;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
-    .order-header .header-bt .search-time .search-main{float: left;height: 38px;}
-    .order-header .header-bt .search-time .search-main .line{line-height:38px;font-size: 12px;color: #627386;margin: 0 5px;display: inline-block;float: left;}
-    .order-header .header-bt .search-time .search-main .search-input{width:130px;box-sizing: border-box;padding-right: 16px;float: left;border: 1px solid #b8bfca;position: relative;}
-    .order-header .header-bt .search-time .search-main .search-input .input{width:114px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: none;border-radius: 2px;cursor: pointer;}
-    .order-header .header-bt .search-time .search-main .search-input .icon{width: 12px;height:  12px;display: block;position: absolute;right: 8px;top: 10px;}
-    .order-header .header-bt .search-time .search-main .search-input .icon:before{width: 12px;height:  12px;background-position: -348px -378px;}
-    .order-header .header-bt .header-button{height: 38px;float: right;}
-    .order-header .header-bt .header-button .btn-server{width: 90px;height: 36px;display: block;background-color: #FF5B00;border-radius: 2px;border: solid 1px #FF5B00;font-size: 14px;color: #FFFFFF;line-height: 36px;text-align: center;}
-    .container{width: 100%;margin-top: 8px;}
-    .container .empty{background-color:#FFF;}
-    .container .section{width: 100%;box-sizing: border-box;padding: 0 16px 16px 16px;background-color: #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
-    .container .section .title{width: 100%;height: 54px;border-bottom: 1px solid #e2e7ef;}
-    .container .section .content{width: 100%;height: auto;}
-    .container .section .list{width: 100%;height: 44px;overflow: hidden;}
-    .container .section .td{height: 54px;font-size: 14px;color:#22272e;float: left;line-height:54px;text-align: left;}
-    .container .section .td.td-1{width:11%;}
-    .container .section .td.td-2{width:14%;text-align: center;}
-    .container .section .td.td-3{width:19%;text-align: center;}
-    .container .section .td.td-4{width:15%;text-align: center;}
-    .container .section .td.td-5{width:11%;text-align: center;}
-    .container .section .td.td-6{width:14%;text-align: center;}
-    .container .section .td.td-7{width:8%;text-align: center;}
-    .container .section .td.td-8{width:8%;text-align: center;}
-    .container .section .td.td-9{width:8%;text-align: center;}
-    .container .section .td.td-8 a{text-decoration: underline;}
-    .container .section .td.td-8 .eva{color: #1890f9;}
-    .container .section .td>span{display:none;}
-    input::placeholder{color:  #9AA5B5}
-    .container .section .title .td{color: #627386}
-}
-
-/**
-* 移动端
-*/
-@media screen and (max-width:768px){
-    .header-bt{padding:2.6vw 3.2vw;background: #FFF;}
-    .header-search .search:nth-child(1){width: 93.4vw;height: 11.7vw;line-height: 11.7vw;border: .27vw solid rgba(184,191,202,.5);margin-bottom: 2.7vw;}
-    .header-search .search input{height: -webkit-fill-available;width: 75vw;border: none;}
-    .header-search>div .label{color: #627386;margin-left: 1.7vw;line-height: 8vw}
-    .header-search input::placeholder{color: #627386}
-    .header-search .search .select{background: #fff;padding-left: 2vw;height: 11.7vw;width:100%;border: none;color: #627386;border: .27vw solid rgba(184,191,202,.5)}
-    .btn-server{width: 35.3vw;height: 11.2vw;line-height: 11.2vw;text-align: center;color: #FF5B00;border: .27vw solid #FF5B00;background: #ffe6dc;margin:2.7vw auto;display: block;}
-    #orderDate .search-input{display: inline-block;}
-    #orderDate{position: relative}
-    .header-search .search-input input{width:39vw;height: 11.8vw;line-height: 11.8vw;padding-left: 2.7vw;border: .27vw solid rgba(184,191,202,.5);color: #627386;}
-    .order-header .header-bt .search-time .search-main .line{margin:0 1.4vw;display: inline-block;height: 11.2vw;line-height: 11.2vw;}
-    .search-time{margin-bottom: 2.7vw}
-    .jindu .label{display: block}
-    .container .section .title{display:none;}
-    .container .section .content{color:#22272e;font-size:3.4vw;margin-bottom:2.6vw}
-    .container .section .content .list{background:#FFF;padding:1.5vw 3.2vw;margin-top:1.5vw;position:relative}
-    .container .section .td{line-height:5.4vw}
-    .container .section .td>span{color:#9aa5b5;font-size:3.2vw;width:100%}
-    .container .section .td.td-1{color:#FF5B00}
-    .container .section .td-8 a{width:22.4vw;height:9.6vw;line-height:9.6vw;text-align:center;color:#1890f9;background-color:#e0f1ff;border-radius:5vw;border:solid 1px #1890f9;position:absolute;bottom:3.2vw;right:3.2vw}
-    .navLayout .link{display:block;margin:2vw auto;width:100%;height:11.2vw;line-height:11.2vw;background-color:#FF5B00;border-radius:.2vw;text-align:center;font-size:3.4vw;color:#FFF}
-    input::placeholder{color:  #9AA5B5}
-}
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+    /*个人中心右侧*/
+    .navLayout .link{float:right;color:#FF5B00;text-decoration:underline;padding:5px 20px;}
+    .navLayout .right{float:right;width:968px}
+    .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
+    .order-header .header-bt {width: 100%;height: 38px;float: left;}
+    .order-header .header-bt .header-search{width: 828px;height: 38px;float: left;}
+    .order-header .header-bt .search{height: 38px;float: left;}
+    .order-header .header-bt .search .label{display: inline-block;float: left;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
+    .order-header .header-bt .search .search-input{width: 210px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: 1px solid #b8bfca;border-radius: 18px; }
+    .order-header .header-bt .search .select{background: #fff;width:114px;height:38px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 38px;border: none;border-radius: 19px;border: 1px solid #b8bfca;color: #627386;}
+    .order-header .header-bt .search-time{float: left;margin:0 15px;}
+    .order-header .header-bt .search-time .label{display: inline-block;float: left;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
+    .order-header .header-bt .search-time .search-main{float: left;height: 38px;}
+    .order-header .header-bt .search-time .search-main .line{line-height:38px;font-size: 12px;color: #627386;margin: 0 5px;display: inline-block;float: left;}
+    .order-header .header-bt .search-time .search-main .search-input{width:130px;box-sizing: border-box;padding-right: 16px;float: left;border: 1px solid #b8bfca;position: relative;border-radius: 18px;}
+    .order-header .header-bt .search-time .search-main .search-input .input{width:114px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: none;border-radius: 18px;cursor: pointer;}
+    .order-header .header-bt .search-time .search-main .search-input .icon{width: 12px;height:  12px;display: block;position: absolute;right: 8px;top: 10px;}
+    .order-header .header-bt .search-time .search-main .search-input .icon:before{width: 12px;height:  12px;background-position: -348px -378px;}
+    .order-header .header-bt .header-button{height: 38px;float: right;}
+    .order-header .header-bt .header-button .btn-server{width: 90px;height: 36px;display: block;background-color: #FF5B00;border-radius: 18px;border: solid 1px #FF5B00;font-size: 14px;color: #FFFFFF;line-height: 36px;text-align: center;}
+    .container{width: 100%;margin-top: 8px;border-radius: 8px;overflow: hidden;}
+    .container .empty{background-color:#FFF;}
+    .container .section{width: 100%;box-sizing: border-box;padding: 0 16px 16px 16px;background-color: #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+    .container .section .title{width: 100%;height: 54px;border-bottom: 1px solid #e2e7ef;}
+    .container .section .content{width: 100%;height: auto;}
+    .container .section .list{width: 100%;height: 44px;overflow: hidden;}
+    .container .section .td{height: 54px;font-size: 14px;color:#22272e;float: left;line-height:54px;text-align: left;}
+    .container .section .td.td-1{width:11%;}
+    .container .section .td.td-2{width:14%;text-align: center;}
+    .container .section .td.td-3{width:19%;text-align: center;}
+    .container .section .td.td-4{width:15%;text-align: center;}
+    .container .section .td.td-5{width:11%;text-align: center;}
+    .container .section .td.td-6{width:14%;text-align: center;}
+    .container .section .td.td-7{width:8%;text-align: center;}
+    .container .section .td.td-8{width:8%;text-align: center;}
+    .container .section .td.td-9{width:8%;text-align: center;}
+    .container .section .td.td-8 a{text-decoration: underline;}
+    .container .section .td.td-8 .eva{color: #1890f9;}
+    .container .section .td>span{display:none;}
+    input::placeholder{color:  #9AA5B5}
+    .container .section .title .td{color: #627386}
+}
+
+/**
+* 移动端
+*/
+@media screen and (max-width:768px){
+    .header-bt{padding:2.6vw 3.2vw;background: #FFF;}
+    .header-search .search:nth-child(1){width: 93.4vw;height: 11.7vw;line-height: 11.7vw;border: .27vw solid rgba(184,191,202,.5);margin-bottom: 2.7vw;}
+    .header-search .search input{height: -webkit-fill-available;width: 75vw;border: none;}
+    .header-search>div .label{color: #627386;margin-left: 1.7vw;line-height: 8vw}
+    .header-search input::placeholder{color: #627386}
+    .header-search .search .select{background: #fff;padding-left: 2vw;height: 11.7vw;width:100%;border: none;color: #627386;border: .27vw solid rgba(184,191,202,.5)}
+    .btn-server{width: 35.3vw;height: 11.2vw;line-height: 11.2vw;text-align: center;color: #FF5B00;border: .27vw solid #FF5B00;background: #ffe6dc;margin:2.7vw auto;display: block;}
+    #orderDate .search-input{display: inline-block;}
+    #orderDate{position: relative}
+    .header-search .search-input input{width:39vw;height: 11.8vw;line-height: 11.8vw;padding-left: 2.7vw;border: .27vw solid rgba(184,191,202,.5);color: #627386;}
+    .order-header .header-bt .search-time .search-main .line{margin:0 1.4vw;display: inline-block;height: 11.2vw;line-height: 11.2vw;}
+    .search-time{margin-bottom: 2.7vw}
+    .jindu .label{display: block}
+    .container .section .title{display:none;}
+    .container .section .content{color:#22272e;font-size:3.4vw;margin-bottom:2.6vw}
+    .container .section .content .list{background:#FFF;padding:1.5vw 3.2vw;margin-top:1.5vw;position:relative}
+    .container .section .td{line-height:5.4vw}
+    .container .section .td>span{color:#9aa5b5;font-size:3.2vw;width:100%}
+    .container .section .td.td-1{color:#FF5B00}
+    .container .section .td-8 a{width:22.4vw;height:9.6vw;line-height:9.6vw;text-align:center;color:#1890f9;background-color:#e0f1ff;border-radius:5vw;border:solid 1px #1890f9;position:absolute;bottom:3.2vw;right:3.2vw}
+    .navLayout .link{display:block;margin:2vw auto;width:100%;height:11.2vw;line-height:11.2vw;background-color:#FF5B00;border-radius:.2vw;text-align:center;font-size:3.4vw;color:#FFF}
+    input::placeholder{color:  #9AA5B5}
+}

src/main/resources/static/css/user-center/setting/information.css

@@ -1,116 +1,116 @@
-@charset "utf-8";
-li{list-style:none}
-/**
- * PC端
- */
-@media screen and (min-width:768px){
-.container{width: 100%;min-height:900px;box-sizing: border-box;padding: 20px 236px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
-.container .title{width: 100%;height: 54px;line-height: 54px;text-align: left;font-size: 24px;color: #22272e;float: left;}
-.container .formLine p span.mm{color: #22272e;}
-.subLine{margin-top: 20px;float: left; width: 100%;}
-.subLine .btn-upgrade {cursor: pointer;display: block;width: 232px;height: 50px;line-height: 50px;background-color: #FF5B00;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;margin: auto;}
-.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
-.subLine .btn-upgrade.disabled{background-color: #999999;}
-.formLine{width: 100%;float: left;margin-bottom: 10px;}
-.formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px;}
-.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
-.formLine .form-upload-tips{width: 20px;height: 90px;float: left;position: relative;}
-.formLine .form-upload-tips .icon{width: 20px;height: 20px;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 40px;}
-.formLine .form-upload-tips .icon-wen{background-position: -84px -144px;cursor: pointer;}
-.formLine .form-upload-tips .wen-tips{width: 182px;height: 46px;line-height: 46px;text-align: center;color: #FFF;font-size: 14px; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -24px;left: -2px;border-radius: 3px;display: none;}
-.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
-.formLine .form-upload-tips:hover .wen-tips{display: block;}
-.formLine .file{width: 128px;height: 90px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
-.formLine .formLine-file .icon{width: 128px;height: 90px;display: block;}
-.formLine .formLine-file .file-biss{background: url("/img/account/icon-business.png") no-repeat;}
-.formLine .formLine-file .file-door{background: url("/img/account/icon-door.svg") no-repeat;}
-.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.svg") no-repeat;}
-.formLine .form-upload-image{width: 128px;height: 90px;position: relative;}
-.formLine .form-upload-image .upload-img{width: 128px;height: 90px;display: block;}
-.formLine .form-upload-image .icon{width: 20px;height: 20px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
-.formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -114px -140px;}
-.formLine .business{height:auto;position:relative;overflow: hidden}
-.formLine .business input[type="text"] {width: 324px;display: block;float: left;margin-right: 15px;}
-.formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
-.formLine p{color: #627386}
-input::placeholder,textarea::placeholder{color: #9aa5b5}
-  .formLine .errTips.show{display: block}
-  .formLine .errTips{display: none}
-  .formLine .address.info textarea{margin-top: 0}
-}
-
-
-/**
-* 移动端
-*/
-@media screen and (max-width:768px){
-body{width:100%;height:100%;background:#FFF url(/img/account/register.png) no-repeat center bottom;background-size:100% auto;background-attachment: fixed;}
-footer{display:none}
-.container{padding:3.2vw;font-size:3.4vw;color:#627386;}
-.registerClub{padding: 20px 0;}
-.registerShop{padding: 20px 0;}
-.selectAccount{width:100%;height:90vh;text-align:center;}
-.selectAccount .title{height:6vw;font-size:4.2vw;font-weight:bold;line-height:6vw;color:#22272e;padding-top:36vw}
-.selectAccount .cont{margin-top:10vw;}
-.selectAccount .cont span{display:inline-block;width:24.8vw;margin:0 6.7vw;line-height:4.6vw;color:#3b77ff;font-size:3.4vw;cursor:pointer}
-.selectAccount .cont img{display:inline-block;width:24.8vw;height:24.8vw;background-color:#c2d8fa;border-radius:12.4vw}
-.signAccount .title-tips{margin-bottom: 3.2vm;width: 100%;height:9.6vw;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
-.signAccount .title-tips p{width: 100%;height:9.6vw;font-family: Microsoft YaHei;font-size:3.1vw;font-weight: normal;font-stretch: normal;line-height: 9.6vw;letter-spacing:0;color: #FF5B00;text-align: center;}
-.signAccount{width:100%;min-height:90vh;font-size:3.4vw;color:#627386;}
-.signAccount .advisory>.duv{float: right;line-height: 5.6vw;padding-right: 4vw;}
-.signAccount .advisory>.duv span{display: inline-block;float: left;}
-.signAccount .advisory>.duv>.mIcon{height:5.6vw;line-height:5.6vw;font-size:1.6vw;color:#1890f9;display: block;}
-.signAccount .advisory>.duv>.mIcon:before{width:5.6vw;height:5.6vw;background-position:-84.2vw -0vw;}
-.signAccount .title{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;padding:5.2vw 0}
-.registerShop .tit{color:#22272e;font-size:3.7vw;font-weight:normal;margin:3vw 0}
-.signAccount form{width:93.4vw;margin:0 auto;}
-.supplierConfirm .cont{width:100%;min-height:90vw;box-sizing:border-box;padding:3.3vw;color:#333;font-size:3.4vw;}
-.supplierConfirm .cont h3{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;}
-.supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:3vw}
-.supplierConfirm .cont p:nth-of-type(2){color:#666;margin:5vw 0 3vw 0}
-.supplierConfirm .cont li{line-height:5vw;margin-bottom:2vw}
-.supplierConfirm .btnLine{margin-top:5vw;line-height:5vw;text-align:center;font-weight:bold;position:relative;}
-.supplierConfirm .btnLine p{color:#000;}
-.supplierConfirm .btnLine input{margin-right:1vw;}
-.supplierConfirm .btnLine button{display:block;font-size:3.4vw;margin:5vw auto;width:93.4vw;height:11.2vw;line-height:11.2vw;background:#FF5B00;color:#fff;}
-.formLine { width: 100%;position: relative;font-size: 3.4vw;float: left;}
-.formLine .business{height:auto;position:relative}
-.formLine .business input[type="text"] {width:66vw;display: block;float: left;margin-right: 3vw;}
-.formLine .business a {display: block;float: left; width:21.4vw;height: 10.5vw;line-height: 10.5vw;font-size:3.4vw;color: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
-
-.advisory .mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
-.advisory .mask.active{display: block;}
-.advisoryInfo.active{display: block;}
-.advisoryInfo .icon-close{position:absolute;top:0;right: 0; padding: 1vw;width: 6.4vw;height: 6.4vw;text-align: center;}
-.advisoryInfo .icon-close:before {content: '\2715';font-size: 4.5vw;font-weight: bold;}
-.advisoryInfo{z-index: 999;box-sizing:border-box;width:74.7vw;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16);padding:6.2vw;border-radius:1vw;display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
-.advisoryInfo form{width:100%}
-.advisoryInfo .formLine p{line-height:8vw}
-.advisoryInfo .info{margin-bottom:3vw;color:#1890f9;font-size:3.1vw}
-.advisoryInfo .btn{display:block;width:46vw;height:9.8vw;line-height:9.8vw;margin:3vw auto 0;font-size:3.4vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #FF5B00;color:#FF5B00;text-align:center}
-.formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 4vw;}
-.formLine .formLine-file{width: 36vw;height: 25.3vw;position: relative;}
-.formLine .form-upload-image{width: 36vw;height: 25.3vw;position: relative;}
-.formLine .form-upload-image .upload-img{width: 36vw;height: 25.3vw;display: block;}
-.formLine .form-upload-image .mIcon{width: 4vw;height:4vw;;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
-.formLine .form-upload-image .mIcon:before{width: 4vw;height: 4vw;background-position: -91vw -8.5vw;}
-.formLine .form-upload-tips{width: 4.8vw;height: 25.3vw;float: left;position: relative;}
-.formLine .form-upload-tips .mIcon{width: 4.8vw;height: 4.8vw;float: left;display: block;margin-top: 10vw;}
-.formLine .form-upload-tips .mIcon:before{width: 4.8vw;height: 4.8vw;background-position:-76.6vw -1.2vw;}
-.formLine .form-upload-tips .wen-tips{width: 36vw;height: 9.2vw;line-height: 9.2vw;text-align: center;color: #FFF;font-size: 2.4vw; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: 0;left: -1vw;border-radius: 3px;display: none;}
-.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
-.formLine .form-upload-tips:hover .wen-tips{display: block;}
-.formLine .file{width: 36vw;height: 25.3vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
-.formLine .formLine-file .mIcon{width: 36vw;height: 25.3vw;display: block;}
-.formLine .formLine-file .file-biss{background: url("/img/account/icon-bisse.png") no-repeat;background-size: cover;}
-.formLine .formLine-file .file-door{background: url("/img/account/icon-door.png") no-repeat;background-size: cover;}
-.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;background-size: cover;}
-.subLine{margin-top:2vw;float: left;}
-.subLine .btn-upgrade {cursor: pointer;display: block;width: 93.4vw;height: 11.2vw;line-height: 50px;background-color: #FF5B00;border-radius: 0.2vw;text-align: center;font-size: 3.4vw;color: #FFF;float: left;margin-bottom: 2.8vw;}
-.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
-.subLine .btn-upgrade.disabled{background-color: #999999;}
-.container{padding:3.3vw}
-.title{color: #22272e;font-size: 3.7vw}
-.formLine p{color: #627386}
-input::placeholder,textarea::placeholder{color: #9aa5b5}
-}
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+.container{width: 100%;min-height:900px;box-sizing: border-box;padding: 20px 236px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;overflow: hidden;}
+.container .title{width: 100%;height: 54px;line-height: 54px;text-align: left;font-size: 24px;color: #22272e;float: left;}
+.container .formLine p span.mm{color: #22272e;}
+.subLine{margin-top: 20px;float: left; width: 100%;}
+.subLine .btn-upgrade {cursor: pointer;display: block;width: 232px;height: 50px;line-height: 50px;background-color: #FF5B00;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;margin: auto;}
+.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
+.subLine .btn-upgrade.disabled{background-color: #999999;}
+.formLine{width: 100%;float: left;margin-bottom: 10px;}
+.formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px;}
+.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
+.formLine .form-upload-tips{width: 20px;height: 90px;float: left;position: relative;}
+.formLine .form-upload-tips .icon{width: 20px;height: 20px;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 40px;}
+.formLine .form-upload-tips .icon-wen{background-position: -84px -144px;cursor: pointer;}
+.formLine .form-upload-tips .wen-tips{width: 182px;height: 46px;line-height: 46px;text-align: center;color: #FFF;font-size: 14px; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -24px;left: -2px;border-radius: 3px;display: none;}
+.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
+.formLine .form-upload-tips:hover .wen-tips{display: block;}
+.formLine .file{width: 128px;height: 90px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+.formLine .formLine-file .icon{width: 128px;height: 90px;display: block;}
+.formLine .formLine-file .file-biss{background: url("/img/account/icon-business.png") no-repeat;}
+.formLine .formLine-file .file-door{background: url("/img/account/icon-door.svg") no-repeat;}
+.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.svg") no-repeat;}
+.formLine .form-upload-image{width: 128px;height: 90px;position: relative;}
+.formLine .form-upload-image .upload-img{width: 128px;height: 90px;display: block;}
+.formLine .form-upload-image .icon{width: 20px;height: 20px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
+.formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -114px -140px;}
+.formLine .business{height:auto;position:relative;overflow: hidden}
+.formLine .business input[type="text"] {width: 324px;display: block;float: left;margin-right: 15px;}
+.formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #FF5B00;background-color: #ffe6dc;border-radius: 17px;border: solid 1px #FF5B00;text-align: center;}
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+  .formLine .errTips.show{display: block}
+  .formLine .errTips{display: none}
+  .formLine .address.info textarea{margin-top: 0}
+}
+
+
+/**
+* 移动端
+*/
+@media screen and (max-width:768px){
+body{width:100%;height:100%;background:#FFF url(/img/account/register.png) no-repeat center bottom;background-size:100% auto;background-attachment: fixed;}
+footer{display:none}
+.container{padding:3.2vw;font-size:3.4vw;color:#627386;}
+.registerClub{padding: 20px 0;}
+.registerShop{padding: 20px 0;}
+.selectAccount{width:100%;height:90vh;text-align:center;}
+.selectAccount .title{height:6vw;font-size:4.2vw;font-weight:bold;line-height:6vw;color:#22272e;padding-top:36vw}
+.selectAccount .cont{margin-top:10vw;}
+.selectAccount .cont span{display:inline-block;width:24.8vw;margin:0 6.7vw;line-height:4.6vw;color:#3b77ff;font-size:3.4vw;cursor:pointer}
+.selectAccount .cont img{display:inline-block;width:24.8vw;height:24.8vw;background-color:#c2d8fa;border-radius:12.4vw}
+.signAccount .title-tips{margin-bottom: 3.2vm;width: 100%;height:9.6vw;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
+.signAccount .title-tips p{width: 100%;height:9.6vw;font-family: Microsoft YaHei;font-size:3.1vw;font-weight: normal;font-stretch: normal;line-height: 9.6vw;letter-spacing:0;color: #FF5B00;text-align: center;}
+.signAccount{width:100%;min-height:90vh;font-size:3.4vw;color:#627386;}
+.signAccount .advisory>.duv{float: right;line-height: 5.6vw;padding-right: 4vw;}
+.signAccount .advisory>.duv span{display: inline-block;float: left;}
+.signAccount .advisory>.duv>.mIcon{height:5.6vw;line-height:5.6vw;font-size:1.6vw;color:#1890f9;display: block;}
+.signAccount .advisory>.duv>.mIcon:before{width:5.6vw;height:5.6vw;background-position:-84.2vw -0vw;}
+.signAccount .title{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;padding:5.2vw 0}
+.registerShop .tit{color:#22272e;font-size:3.7vw;font-weight:normal;margin:3vw 0}
+.signAccount form{width:93.4vw;margin:0 auto;}
+.supplierConfirm .cont{width:100%;min-height:90vw;box-sizing:border-box;padding:3.3vw;color:#333;font-size:3.4vw;}
+.supplierConfirm .cont h3{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;}
+.supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:3vw}
+.supplierConfirm .cont p:nth-of-type(2){color:#666;margin:5vw 0 3vw 0}
+.supplierConfirm .cont li{line-height:5vw;margin-bottom:2vw}
+.supplierConfirm .btnLine{margin-top:5vw;line-height:5vw;text-align:center;font-weight:bold;position:relative;}
+.supplierConfirm .btnLine p{color:#000;}
+.supplierConfirm .btnLine input{margin-right:1vw;}
+.supplierConfirm .btnLine button{display:block;font-size:3.4vw;margin:5vw auto;width:93.4vw;height:11.2vw;line-height:11.2vw;background:#FF5B00;color:#fff;}
+.formLine { width: 100%;position: relative;font-size: 3.4vw;float: left;}
+.formLine .business{height:auto;position:relative}
+.formLine .business input[type="text"] {width:66vw;display: block;float: left;margin-right: 3vw;}
+.formLine .business a {display: block;float: left; width:21.4vw;height: 10.5vw;line-height: 10.5vw;font-size:3.4vw;color: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
+
+.advisory .mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
+.advisory .mask.active{display: block;}
+.advisoryInfo.active{display: block;}
+.advisoryInfo .icon-close{position:absolute;top:0;right: 0; padding: 1vw;width: 6.4vw;height: 6.4vw;text-align: center;}
+.advisoryInfo .icon-close:before {content: '\2715';font-size: 4.5vw;font-weight: bold;}
+.advisoryInfo{z-index: 999;box-sizing:border-box;width:74.7vw;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16);padding:6.2vw;border-radius:1vw;display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
+.advisoryInfo form{width:100%}
+.advisoryInfo .formLine p{line-height:8vw}
+.advisoryInfo .info{margin-bottom:3vw;color:#1890f9;font-size:3.1vw}
+.advisoryInfo .btn{display:block;width:46vw;height:9.8vw;line-height:9.8vw;margin:3vw auto 0;font-size:3.4vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #FF5B00;color:#FF5B00;text-align:center}
+.formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 4vw;}
+.formLine .formLine-file{width: 36vw;height: 25.3vw;position: relative;}
+.formLine .form-upload-image{width: 36vw;height: 25.3vw;position: relative;}
+.formLine .form-upload-image .upload-img{width: 36vw;height: 25.3vw;display: block;}
+.formLine .form-upload-image .mIcon{width: 4vw;height:4vw;;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
+.formLine .form-upload-image .mIcon:before{width: 4vw;height: 4vw;background-position: -91vw -8.5vw;}
+.formLine .form-upload-tips{width: 4.8vw;height: 25.3vw;float: left;position: relative;}
+.formLine .form-upload-tips .mIcon{width: 4.8vw;height: 4.8vw;float: left;display: block;margin-top: 10vw;}
+.formLine .form-upload-tips .mIcon:before{width: 4.8vw;height: 4.8vw;background-position:-76.6vw -1.2vw;}
+.formLine .form-upload-tips .wen-tips{width: 36vw;height: 9.2vw;line-height: 9.2vw;text-align: center;color: #FFF;font-size: 2.4vw; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: 0;left: -1vw;border-radius: 3px;display: none;}
+.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
+.formLine .form-upload-tips:hover .wen-tips{display: block;}
+.formLine .file{width: 36vw;height: 25.3vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+.formLine .formLine-file .mIcon{width: 36vw;height: 25.3vw;display: block;}
+.formLine .formLine-file .file-biss{background: url("/img/account/icon-bisse.png") no-repeat;background-size: cover;}
+.formLine .formLine-file .file-door{background: url("/img/account/icon-door.png") no-repeat;background-size: cover;}
+.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;background-size: cover;}
+.subLine{margin-top:2vw;float: left;}
+.subLine .btn-upgrade {cursor: pointer;display: block;width: 93.4vw;height: 11.2vw;line-height: 50px;background-color: #FF5B00;border-radius: 0.2vw;text-align: center;font-size: 3.4vw;color: #FFF;float: left;margin-bottom: 2.8vw;}
+.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
+.subLine .btn-upgrade.disabled{background-color: #999999;}
+.container{padding:3.3vw}
+.title{color: #22272e;font-size: 3.7vw}
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+}

src/main/resources/static/js/account/mixins/loginMixins.js

@@ -23,9 +23,24 @@ var loginMixins = function () {
                     isCheckCaptcha:0,
                     activateCodeType:7
                 },
+                isLoading:false,
             }
         },
         methods: {
+            openFullScreen2(response) {
+                const _self = this
+                const loading = this.$loading({
+                    lock: true,
+                    text: '',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.2)'
+                });
+                _self.isLoading = true
+                setTimeout(() => {
+                    loading.close();
+                    _self.userUpdataeStatus(response)
+                }, 1000);
+            },
             handleSubLogin(){// 点击账号密码登录
                 const _self = this;
                 if (this.loginLoading) { return false; }
@@ -37,7 +52,8 @@ var loginMixins = function () {
                             _self.requireBaseLoginStatus(response)
                             return
                         }
-                        _self.userUpdataeStatus(response)
+                        _self.openFullScreen2(response)
+                        // _self.userUpdataeStatus(response)
                     });
                 });
             },
@@ -52,7 +68,7 @@ var loginMixins = function () {
                             _self.requireBaseLoginStatus(response)
                             return
                         }
-                        _self.userUpdataeStatus(response)
+                        _self.openFullScreen2(response)
                     });
                 });
             },

src/main/resources/static/js/base.js

@@ -244,9 +244,9 @@ var globalHead = new Vue({
         productDetailsFn:function(id){  // 跳转详情
             window.location.href='/product-'+id+'.html';
         },
-        DeleteCartProducts:function(id){  // 删除购物车
-            var _self = this;
-            ShoppingApi.DeleteCartProducts({userId: this.userData.userId, productIds: id},function(response){
+        DeleteCartProducts:function(skuId){  // 删除购物车
+            const _self = this;
+            ShoppingApi.DeleteCartProducts({userId: this.userData.userId, skuIds: skuId},function(response){
                 if(response.code === 0){
                     _self.getHeadCart(_self.userData.userId);
                 }else{

src/main/resources/templates/components/header.html

@@ -28,7 +28,7 @@
                                         <span class="unit" v-text="'数量：'+cart.number"></span>
                                         <span class="price" v-text="'￥'+parseFloat(cart.price).toFixed(2)"></span>
                                     </a>
-                                    <span class="delBtn" @click="DeleteCartProducts(cart.productId)"></span>
+                                    <span class="delBtn" @click="DeleteCartProducts(cart.skuId)"></span>
                                 </div>
                             </div>
                             <div class="cartBtm">

src/main/resources/templates/shopping/cart.html

@@ -1,379 +1,381 @@
-<!DOCTYPE html>
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-      xsi:schemaLocation="https://www.thymeleaf.org ">
-<head>
-    <title>采美365网-我的购物车</title>
-    <template th:replace="components/head-link"></template>
-    <link th:href="@{/css/shopping/shopping.css(v=${version})}" rel="stylesheet" type="text/css">
-    <template th:replace="components/analysis"></template>
-</head>
-<body>
-<!-- 引用头部 -->
-<template th:replace="components/header"></template>
-
-<!-- 购物车列表 -->
-<div id="shoppingCart">
-    <!--loading-->
-    <div v-if="listLoading" class="loading">
-        <img src="/img/base/loading.gif">
-    </div>
-    <!--数据为空-->
-    <div v-else-if="!listLoading && (!listData || listData.length==0)" class="empty">
-        <img src="/img/common/empty.png">
-        <div class="msg">
-            <p>购物车空空如也，快去<a href="/">商城</a>，逛逛吧~</p>
-        </div>
-    </div>
-    <!--列表-->
-    <div v-else class="wrap">
-        <div class="pageTitle">
-            <div class="step">
-                <span class="on">我的购物车</span>
-                <span>核对订单信息</span>
-                <span>成功提交订单</span>
-            </div>
-            <h1>我的购物车</h1>
-        </div>
-        <div class="listWrap" v-cloak>
-            <div v-if="isPC" class="cartTit clear">
-                <div class="c0"><span class="coll-checked" :class="[allChecked ? 'checked': '']" @click="ckeckAll"></span></div>
-                <div class="c1">全选</div>
-                <div class="c2">商品信息</div>
-                <div class="c3">规格</div>
-                <div class="c4">单价（元）</div>
-                <div class="c5">数量</div>
-                <div class="c6">小计（元）</div>
-                <div class="c7">操作</div>
-            </div>
-            <div class="supplierItem" v-for="supplier,index in listData">
-                <div class="supplierTit">
-                    <div class="c0" @click="ckeckSupplier(supplier)">
-                        <span class="coll-checked" :class="[supplier.isChecked ? 'checked': '' ,supplier.isDisable ? 'disable': '' ]" ></span>
-                    </div>
-                    <a  class="shop" href="JavaScript:void(0);" @click="hanldHrefLink(supplier)">
-                        <img class="img" :src="supplier.shopLogo">
-                        <span class="name" v-text="supplier.shopName"></span>
-                    </a>
-                    <!--店铺促销-->
-                    <div class="price">
-                        <div v-if="supplier.promotions" class="priceTag" style="float: left;">
-                            <i @click="toggleThisLadder($event)" class="tag icon mIcon" v-text="supplier.promotions.name"></i>
-                            <div class="promotion mFixed">
-                                <div>
-                                    <p class="t">
-                                        <em v-if="supplier.promotions.mode==2">{{supplier.promotions.name+'，满 ¥'+toFloat(supplier.promotions.touchPrice)+' 减 ¥'+toFloat(supplier.promotions.reducedPrice)}}</em>
-                                        <em v-if="supplier.promotions.mode==3">{{supplier.promotions.name+'，满 ¥'+toFloat(supplier.promotions.touchPrice)+' 赠送商品'}}</em>
-                                    </p>
-                                    <p>促销时间：<em v-if="supplier.promotions.status==1">不限时</em><em v-else>{{supplier.promotions.beginTime.substr(0,10)+' ~ '+supplier.promotions.endTime.substr(0,10)}}</em></p>
-                                    <template v-if="supplier.promotions.mode==3">
-                                        <p>赠品：</p>
-                                        <p>
-                                            <span v-for="g in supplier.promotions.giftList" class="p">
-                                                <img :src="g.image">
-                                                <span v-text="g.name"></span>
-                                                <span v-text="'× '+g.number"></span>
-                                            </span>
-                                        </p>
-                                    </template>
-                                    <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="couponTag" v-if="supplier.couponsLogo" @click="showPopup(supplier)"
-                             id="coupon-receive-button"
-                             onclick="_czc.push(['_trackEvent','机构购物车','优惠券领券按钮点击','优惠券领券按钮点击',1,'coupon-receive-button'])">领券
-                        </div>
-                    </div>
-                </div>
-                <div class="cartItem clear"  v-for="(cart,cartIndex) in supplier.cartList" >
-                    <div class="c0" @click="ckeckItem(supplier,cart)">
-                        <span class="coll-checked" :class="[cart.isChecked ? 'checked': '',cart.isDisable ? 'disable': '']"></span>
-                    </div>
-                    <div class="c1"><a :href="'/product-'+cart.productId+'.html'" target="_blank">
-                        <img class="smalltype" src="/img/base/icon-bigtype@2x.png" alt="" v-if="cart.productType ===2">
-                        <img class="image" :src="cart.image">
-                    </a></div>
-                    <div class="c2">
-                        <a class="name" :href="'/product-'+cart.productId+'.html'" target="_blank">
-                            <span v-text="cart.name"></span>
-                        </a>
-                    </div>
-                    <div class="c3">
-                        <p>{{ cart.unit }}</p>
-                    </div>
-                    <template v-if="cart.number > cart.stock || cart.stock === 0">
-                        <div class="c8">
-                            <div class="sku-popup">
-                                <p class="sku-text">请重新选择商品规格</p>
-                                <a class="sku-btn" href="javascript:void(0);"  @click.stop="handleShowPopup(cart,cartIndex)">重选</a>
-                            </div>
-                            <div class="sku-popup-model" v-if="!isPC && cart.isSkuPopup"></div>
-                            <div class="sku-popup-viw" v-if="cart.isSkuPopup">
-                                <div class="sku-title">
-                                    <div class="sku-image"><img :src="cart.image"></div>
-                                    <div class="sku-price">
-                                        <div class="main_price_show"
-                                             :class="{none: PromotionsFormat(cart.promotions) || (cart.svipProductFlag === 1 && showVipPriceTag(cart))}">
-                                            ￥{{ (PromotionsFormat(cart.promotions) || showVipPriceTag(cart) ? skuCartPros.originalPrice :
-                                            skuCartPros.price ) | NumFormat }}
-                                        </div>
-                                        <div class="price_text_tag clear">
-                                            <p class="couponTag" v-if="supplier.couponsLogo">优惠券</p>
-                                            <template v-if="cart.svipProductFlag === 1">
-                                                <div class="svip-tag">
-                                                    <div class="svip-icon">SVIP</div>
-                                                    <template v-if="showVipPriceTag(cart)">
-                                                        <div class="svip-price">
-                                                            <span v-html="cart.svipPriceTag"></span>
-                                                        </div>
-                                                    </template>
-                                                </div>
-                                            </template>
-                                            <template v-else>
-                                                <p class="listTag" v-if="cart.actStatus==1">{{cart.promotions.name}}
-                                                    <span v-if="cart.priceFlag != 1 && PromotionsFormat(cart.promotions)">:￥{{skuCartPros.price | NumFormat}}</span>
-                                                </p>
-                                            </template>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="sku-h1">规格:</div>
-                                <div class="sku-unit">
-                                    <span class="unitTags" @click="handleSupportingChoisSku(sku,index)" v-for="(sku, index) in cart.skus" :key="index" :class="skuSupportingIndex === index ? 'active':''">
-                                        {{ sku.unit }}
-                                        <i class="tips" v-if="sku.stock === 0">缺货</i>
-                                    </span>
-                                </div>
-                                <div class="sku-button">
-                                    <div class="sku-num">
-                                        <div class="sku-numlabe">购买数量:</div>
-                                        <div class="sku-number">
-                                            <span class="sub" @click="skuChangNumberSub">-</span>
-                                            <input class='input' type="number" v-model="addParams.count" @change="skuChangNumberChange">
-                                            <span class="add" @click="skuChangNumberAdd">+</span>
-                                        </div>
-                                    </div>
-                                    <div class="sku-button-center">
-                                        <a class="sku-btn cancel" href="javascript:void(0);" @click="handleSkuCancel(cart)">取消</a>
-                                        <a class="sku-btn confirm" :class="isbtnDisable ? 'disable' : ''" href="javascript:void(0);" @click="handleSkuConfirm(cart)">确定</a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                    <template v-else>
-                        <div class="c4">
-                            <div class="price">
-                                <template v-if="(GLOBAL_VIP_FLAG === 1 && cart.svipProductFlag === 1)|| (cart.actStatus==1 && cart.promotions && cart.promotions.type==1 && cart.promotions.mode==1)">
-                                    <del v-text="'¥'+toFloat(cart.originalPrice)"></del>
-                                </template>
-                                <template v-else>
-                                    <em> {{ cart.price | NumFormat }} </em>
-                                </template>
-                                <!-- 促销活动 -->
-                                <template v-if="cart.svipProductFlag == 1">
-                                    <div class="priceTag">
-                                        <!--超级会员价格标签-->
-                                        <div class="svip-tag">
-                                            <div class="svip-icon">SVIP</div>
-                                            <div class="svip-price" v-if="cart.svipProductFlag == 1 && GLOBAL_VIP_FLAG === 1">
-                                                <span v-html="cart.svipPriceTag"></span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </template>
-                                <template v-else>
-                                    <div v-if="cart.actStatus==1 && cart.promotions" class="priceTag">
-                                        <i v-if="cart.promotions.type==1 && cart.promotions.mode==1" @click="toggleThisLadder($event)" class="tag icon mIcon" v-text="cart.promotions.name+'：¥'+toFloat(cart.promotions.touchPrice)"></i>
-                                        <i v-else class="tag icon mIcon" @click="toggleThisLadder($event)" v-text="cart.promotions?cart.promotions.name:''"></i>
-                                        <div class="promotion mFixed">
-                                            <div>
-                                                <p class="t">
-                                                    <em v-if="cart.promotions.type==1 && cart.promotions.mode==1">{{cart.promotions.name+'：¥'+toFloat(cart.promotions.touchPrice)}}</em>
-                                                    <em v-if="cart.promotions.mode==2">{{cart.promotions.name+'，满 ¥'+toFloat(cart.promotions.touchPrice)+' 减 ¥'+toFloat(cart.promotions.reducedPrice)}}</em>
-                                                    <em v-if="cart.promotions.mode==3">{{cart.promotions.name+'，满 ¥'+toFloat(cart.promotions.touchPrice)+' 赠送商品'}}</em>
-                                                </p>
-                                                <p>促销时间：<em v-if="cart.promotions.status==1">不限时</em><em v-else>{{cart.promotions.beginTime.substr(0,10)+' ~ '+cart.promotions.endTime.substr(0,10)}}</em></p>
-                                                <p v-if="cart.promotions.type==2" class="r"><a class="more" :href="'/product/promotions.html?id='+cart.promotions.id">更多凑单商品>>></a></p>
-                                                <template v-if="cart.promotions.mode==3">
-                                                    <p>赠品：</p>
-                                                    <p>
-                                                    <span v-for="g in cart.promotions.giftList" class="p">
-                                                        <img :src="g.image">
-                                                        <span v-text="g.name"></span>
-                                                        <span v-text="'× '+g.number"></span>
-                                                    </span>
-                                                    </p>
-                                                </template>
-                                                <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <!-- 阶梯价 -->
-                                    <div v-else-if="cart.ladderFlag" class="priceTag">
-                                        <i class="tag icon mIcon" @click="toggleThisLadder($event)">阶梯价格</i>
-                                        <div class="ladder mFixed">
-                                        <span>
-                                            <em class="t"><i>价格</i><i>起订量</i></em>
-                                            <em v-for="l in cart.ladderPrices">
-                                                <i class="p">¥{{toFloat(l.buyPrice)}}</i>
-                                                <i>{{l.numRange}}</i>
-                                            </em>
-                                            <em @click="hideThisLadder($event)" class="close">了解</em>
-                                        </span>
-                                        </div>
-                                    </div>
-                                </template>
-                            </div>
-                        </div>
-                        <div class="c5">
-                        <span class="number">
-                            <em class="sub" @click="cartNumberSub(cart)">-</em>
-                            <input type="number" :value="cart.number" v-model="cart.number" @change="cartNumberChange(cart)">
-                            <em class="add" @click="cartNumberAdd(cart)">+</em>
-                        </span>
-                            <input type="hidden" :value="cart.step">
-                        </div>
-                        <div v-if="isPC" class="c6"><span>¥{{ (cart.price*cart.number) | NumFormat}}</span></div>
-                    </template>
-                    <div v-if="isPC" class="c7"><span class="del" @click="deleteCartOne(cart.skuId)">×<em class="tips">删除</em></span></div>
-                </div>
-                <div class="supplierBtn">
-                    <span :class="supplier.reducedPrice>0?'priceTotal':'item'">合计：<em>¥{{ supplier.totalPrice | NumFormat}}</em>
-                        <span v-if="supplier.reducedPrice>0 || supplier.svipReducedPrice > 0" class="dl"><del>¥{{ supplier.originalPrice | NumFormat}}</del><em>减¥{{supplier.reducedPrice | NumFormat}}</em></span>
-                    </span>
-                </div>
-            </div>
-            <div class="invalidTit" v-if="invalidData.length>0">
-                <div class="tit">失效商品 <em v-text="invalidData.length"></em> 件</div>
-                <span class="delAll" @click="deletefailureList">清空失效商品</span>
-            </div>
-            <div class="supplierItem disable" v-for="cart in invalidData">
-                <div class="cartItem clear">
-                    <div class="c0"><input class="check" type="checkbox" readonly disabled></div>
-                    <div class="c1">
-                        <img class="image" :src="cart.image">
-                    </div>
-                    <div class="c2">
-                        <span class="name"><em class="tag">失效商品</em>{{cart.name}}</span>
-                    </div>
-                    <div class="c10">
-                        <em v-if="cart.status==1">商品已丢失</em>
-                        <em v-else-if="cart.status==2">商品已停售</em>
-                        <em v-else-if="cart.status==3">商品已下架</em>
-                        <em v-else-if="cart.status==4">商品已售罄</em>
-                        <em v-else-if="cart.status==5">价格仅会员可见，您不能购买</em>
-                        <em v-else-if="cart.status==6">未公开价格</em>
-                        <em v-else-if="cart.status==7">库存不足</em>
-                        <em v-else-if="cart.status==8">价格仅医美机构可见</em>
-                        <em v-else>商品已失效</em>
-                    </div>
-                    <div v-if="isPC" class="c6"><span class="del" @click="deleteCartOne(cart.productId)">×<em class="tips">删除</em></span></div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="summaryWrap">
-        <div class="summary">
-            <div class="left mfbt">
-                <div class="item">
-                    <span class="coll-checked" :class="[allChecked ? 'checked': '']" @click="ckeckAll"></span>
-                    <span>全选</span>
-                    <a class="delete" href="javascript:void(0);" @click="deleteSelected()">删除</a>
-                </div>
-                <div class="item">商品种类：<em v-text="kindCount"></em></div>
-                <div class="item">商品数量：<em v-text="totalCount"></em></div>
-            </div>
-            <div class="right">
-                <a class="submit" href="javascript:void(0);" @click="handleSubmitCart" onclick="_czc.push(['_trackEvent','购物车去结算','点击','去结算','','Um_Event_CartConfirmOrder'])">去结算</a>
-                <div  :class="isDiscount ?'item priceTotal':'item'">
-                    <p class="priceTotal-t">合计：<em>¥{{ totalPrice - couponPrice  | NumFormat }}</em></p>
-                    <p class="priceTotal-b" v-if="isDiscount"><em>共减¥{{ totalDiscountAmount | NumFormat }}</em></p>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--优惠券弹窗-->
-    <div class="coupon-popup" v-show="isShowPopup" :class="isShowPopup ? 'show' : 'hide'">
-        <div class="coupon-popup-model-content">
-            <div class="title"><p>优惠券</p><i class="icon mIcon" @click="hidePopup"></i></div>
-            <div class="coupon-popup-main">
-                <div class="coupon-popup-tabs">
-                    <div class="popup-tabs-cell" :class="currentTab == 1 ? 'active' : ''" @click="queryCouponTabs(1)"><span>未领取</span></div>
-                    <div class="popup-tabs-cell" :class="currentTab == 2 ? 'active' : ''" @click="queryCouponTabs(2)"><span>已领取</span></div>
-                </div>
-                <div class="coupon-popup-content">
-                    <div class="empty" v-if="isCouponEmpty">
-                        <img src="/img/account/icon-coupon-empty@2x.png">
-                        <div class="msg"><p>暂无可领的优惠券</p></div>
-                    </div>
-                    <div class="coupon-popup-scroll" v-else>
-                        <div class="coupon-list-cell" v-for="(coupon, index) in productCouponList" :key="index" :class="currentTab == 2 ? 'none' : ''">
-                            <div class="coupon-list-le">
-                                <div class="coupon-list-money">
-                                    <p>￥<span class="maxMoney">{{ coupon.couponAmount }}</span><span class="minMoney">满{{ coupon.touchPrice }}可用</span></p>
-                                </div>
-                                <div class="coupon-list-name">
-                                    <p v-if="coupon.couponType == 0">
-                                        {{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品'  }}
-                                    </p>
-                                    <p v-if="coupon.couponType == 1">
-                                        {{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
-                                    </p>
-                                    <p v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</p>
-                                    <p v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</p>
-                                </div>
-                                <div class="coupon-list-time"> {{ coupon.startDate }} - {{ coupon.endDate }} </div>
-                            </div>
-                            <div class="coupon-list-ri">
-                                <template v-if="coupon.couponBtnType == 0">
-                                    <template v-if="coupon.couponPayWay == 2">
-                                        <div class="buy" @click="toDeductCoupon(coupon)"
-                                             id="coupon-exchange-coupon"
-                                             onclick="_czc.push(['_trackEvent','商品详情','优惠券采美豆兑换','优惠券兑换按钮点击',1,'coupon-exchange-coupon'])">
-                                            <p>{{ coupon.moneyCouponPrice }}采美豆</p>
-                                            <p>兑换</p>
-                                        </div>
-                                    </template>
-                                    <template v-else-if="coupon.couponPayWay == 1">
-                                        <div class="buy" @click="toBuyCoupon(coupon)"
-                                             id="coupon-buy-coupon"
-                                             onclick="_czc.push(['_trackEvent','商品详情','优惠券购买按钮点击','优惠券购买按钮点击',1,'coupon-buy-coupon'])">
-                                            <p>￥{{ coupon.moneyCouponPrice }}</p>
-                                            <p>购买</p>
-                                        </div>
-                                    </template>
-                                    <template v-else>
-                                            <span class="none"
-                                                  @click="receiveCoupon(coupon)"
-                                                  id="coupon-receive"
-                                                  onclick="_czc.push(['_trackEvent','商品详情','优惠券领取按钮点击','优惠券领取按钮点击',1,'coupon-receive'])">领取
-                                            </span>
-                                    </template>
-                                </template>
-                                <span v-if="coupon.couponBtnType == 1">已领取</span>
-                            </div>
-                            <template v-if="coupon.moneyCouponFlag == 1">
-                                <div class="coupon-tags" v-if="coupon.moneyCouponType == 1">意向{{ coupon.couponType | TypeFormat }}</div>
-                                <div class="coupon-tags"  v-else>定向{{ coupon.couponType | TypeFormat }}</div>
-                            </template>
-                            <template v-else>
-                                <div class="coupon-tags">{{ coupon.couponType | TypeFormat }}</div>
-                            </template>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- 引入底部 -->
-<template th:replace="components/footer"></template>
-<template th:replace="components/foot-link"></template>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/shopping.service.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/shopping/mixins/cartMixins.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/shopping/cart.js(v=${version})}"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+    <title>采美365网-我的购物车</title>
+    <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/shopping/shopping.css(v=${version})}" rel="stylesheet" type="text/css">
+    <template th:replace="components/analysis"></template>
+</head>
+<body>
+<!-- 引用头部 -->
+<template th:replace="components/header"></template>
+
+<!-- 购物车列表 -->
+<div id="shoppingCart" v-cloak>
+    <!--loading-->
+    <div v-if="listLoading" class="loading">
+        <img src="/img/base/loading.gif">
+    </div>
+    <!--数据为空-->
+    <div v-else-if="!listLoading && (!listData || listData.length==0)" class="empty">
+        <img src="/img/common/empty.png">
+        <div class="msg">
+            <p>购物车空空如也，快去<a href="/">商城</a>，逛逛吧~</p>
+        </div>
+    </div>
+    <template v-else>
+        <!--列表-->
+        <div class="wrap">
+            <div class="pageTitle">
+                <div class="step">
+                    <span class="on">我的购物车</span>
+                    <span>核对订单信息</span>
+                    <span>成功提交订单</span>
+                </div>
+                <h1>我的购物车</h1>
+            </div>
+            <div class="listWrap" v-cloak>
+                <div v-if="isPC" class="cartTit clear">
+                    <div class="c0"><span class="coll-checked" :class="[allChecked ? 'checked': '']" @click="ckeckAll"></span></div>
+                    <div class="c1">全选</div>
+                    <div class="c2">商品信息</div>
+                    <div class="c3">规格</div>
+                    <div class="c4">单价（元）</div>
+                    <div class="c5">数量</div>
+                    <div class="c6">小计（元）</div>
+                    <div class="c7">操作</div>
+                </div>
+                <div class="supplierItem" v-for="supplier,index in listData">
+                    <div class="supplierTit">
+                        <div class="c0" @click="ckeckSupplier(supplier)">
+                            <span class="coll-checked" :class="[supplier.isChecked ? 'checked': '' ,supplier.isDisable ? 'disable': '' ]" ></span>
+                        </div>
+                        <a  class="shop" href="JavaScript:void(0);" @click="hanldHrefLink(supplier)">
+                            <img class="img" :src="supplier.shopLogo">
+                            <span class="name" v-text="supplier.shopName"></span>
+                        </a>
+                        <!--店铺促销-->
+                        <div class="price">
+                            <div v-if="supplier.promotions" class="priceTag" style="float: left;">
+                                <i @click="toggleThisLadder($event)" class="tag icon mIcon" v-text="supplier.promotions.name"></i>
+                                <div class="promotion mFixed">
+                                    <div>
+                                        <p class="t">
+                                            <em v-if="supplier.promotions.mode==2">{{supplier.promotions.name+'，满 ¥'+toFloat(supplier.promotions.touchPrice)+' 减 ¥'+toFloat(supplier.promotions.reducedPrice)}}</em>
+                                            <em v-if="supplier.promotions.mode==3">{{supplier.promotions.name+'，满 ¥'+toFloat(supplier.promotions.touchPrice)+' 赠送商品'}}</em>
+                                        </p>
+                                        <p>促销时间：<em v-if="supplier.promotions.status==1">不限时</em><em v-else>{{supplier.promotions.beginTime.substr(0,10)+' ~ '+supplier.promotions.endTime.substr(0,10)}}</em></p>
+                                        <template v-if="supplier.promotions.mode==3">
+                                            <p>赠品：</p>
+                                            <p>
+                                            <span v-for="g in supplier.promotions.giftList" class="p">
+                                                <img :src="g.image">
+                                                <span v-text="g.name"></span>
+                                                <span v-text="'× '+g.number"></span>
+                                            </span>
+                                            </p>
+                                        </template>
+                                        <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="couponTag" v-if="supplier.couponsLogo" @click="showPopup(supplier)"
+                                 id="coupon-receive-button"
+                                 onclick="_czc.push(['_trackEvent','机构购物车','优惠券领券按钮点击','优惠券领券按钮点击',1,'coupon-receive-button'])">领券
+                            </div>
+                        </div>
+                    </div>
+                    <div class="cartItem clear"  v-for="(cart,cartIndex) in supplier.cartList" >
+                        <div class="c0" @click="ckeckItem(supplier,cart)">
+                            <span class="coll-checked" :class="[cart.isChecked ? 'checked': '',cart.isDisable ? 'disable': '']"></span>
+                        </div>
+                        <div class="c1"><a :href="'/product-'+cart.productId+'.html'" target="_blank">
+                            <img class="smalltype" src="/img/base/icon-bigtype@2x.png" alt="" v-if="cart.productType ===2">
+                            <img class="image" :src="cart.image">
+                        </a></div>
+                        <div class="c2">
+                            <a class="name" :href="'/product-'+cart.productId+'.html'" target="_blank">
+                                <span v-text="cart.name"></span>
+                            </a>
+                        </div>
+                        <div class="c3">
+                            <p>{{ cart.unit }}</p>
+                        </div>
+                        <template v-if="cart.number > cart.stock || cart.stock === 0">
+                            <div class="c8">
+                                <div class="sku-popup">
+                                    <p class="sku-text">请重新选择商品规格</p>
+                                    <a class="sku-btn" href="javascript:void(0);"  @click.stop="handleShowPopup(cart,cartIndex)">重选</a>
+                                </div>
+                                <div class="sku-popup-model" v-if="!isPC && cart.isSkuPopup"></div>
+                                <div class="sku-popup-viw" v-if="cart.isSkuPopup">
+                                    <div class="sku-title">
+                                        <div class="sku-image"><img :src="cart.image"></div>
+                                        <div class="sku-price">
+                                            <div class="main_price_show"
+                                                 :class="{none: PromotionsFormat(cart.promotions) || (cart.svipProductFlag === 1 && showVipPriceTag(cart))}">
+                                                ￥{{ (PromotionsFormat(cart.promotions) || showVipPriceTag(cart) ? skuCartPros.originalPrice :
+                                                skuCartPros.price ) | NumFormat }}
+                                            </div>
+                                            <div class="price_text_tag clear">
+                                                <p class="couponTag" v-if="supplier.couponsLogo">优惠券</p>
+                                                <template v-if="cart.svipProductFlag === 1">
+                                                    <div class="svip-tag">
+                                                        <div class="svip-icon">SVIP</div>
+                                                        <template v-if="showVipPriceTag(cart)">
+                                                            <div class="svip-price">
+                                                                <span v-html="cart.svipPriceTag"></span>
+                                                            </div>
+                                                        </template>
+                                                    </div>
+                                                </template>
+                                                <template v-else>
+                                                    <p class="listTag" v-if="cart.actStatus==1">{{cart.promotions.name}}
+                                                        <span v-if="cart.priceFlag != 1 && PromotionsFormat(cart.promotions)">:￥{{skuCartPros.price | NumFormat}}</span>
+                                                    </p>
+                                                </template>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="sku-h1">规格:</div>
+                                    <div class="sku-unit">
+                                    <span class="unitTags" @click="handleSupportingChoisSku(sku,index)" v-for="(sku, index) in cart.skus" :key="index" :class="skuSupportingIndex === index ? 'active':''">
+                                        {{ sku.unit }}
+                                        <i class="tips" v-if="sku.stock === 0">缺货</i>
+                                    </span>
+                                    </div>
+                                    <div class="sku-button">
+                                        <div class="sku-num">
+                                            <div class="sku-numlabe">购买数量:</div>
+                                            <div class="sku-number">
+                                                <span class="sub" @click="skuChangNumberSub">-</span>
+                                                <input class='input' type="number" v-model="addParams.count" @change="skuChangNumberChange">
+                                                <span class="add" @click="skuChangNumberAdd">+</span>
+                                            </div>
+                                        </div>
+                                        <div class="sku-button-center">
+                                            <a class="sku-btn cancel" href="javascript:void(0);" @click="handleSkuCancel(cart)">取消</a>
+                                            <a class="sku-btn confirm" :class="isbtnDisable ? 'disable' : ''" href="javascript:void(0);" @click="handleSkuConfirm(cart)">确定</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                        <template v-else>
+                            <div class="c4">
+                                <div class="price">
+                                    <template v-if="(GLOBAL_VIP_FLAG === 1 && cart.svipProductFlag === 1)|| (cart.actStatus==1 && cart.promotions && cart.promotions.type==1 && cart.promotions.mode==1)">
+                                        <del v-text="'¥'+toFloat(cart.originalPrice)"></del>
+                                    </template>
+                                    <template v-else>
+                                        <em> {{ cart.price | NumFormat }} </em>
+                                    </template>
+                                    <!-- 促销活动 -->
+                                    <template v-if="cart.svipProductFlag == 1">
+                                        <div class="priceTag">
+                                            <!--超级会员价格标签-->
+                                            <div class="svip-tag">
+                                                <div class="svip-icon">SVIP</div>
+                                                <div class="svip-price" v-if="cart.svipProductFlag == 1 && GLOBAL_VIP_FLAG === 1">
+                                                    <span v-html="cart.svipPriceTag"></span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <div v-if="cart.actStatus==1 && cart.promotions" class="priceTag">
+                                            <i v-if="cart.promotions.type==1 && cart.promotions.mode==1" @click="toggleThisLadder($event)" class="tag icon mIcon" v-text="cart.promotions.name+'：¥'+toFloat(cart.promotions.touchPrice)"></i>
+                                            <i v-else class="tag icon mIcon" @click="toggleThisLadder($event)" v-text="cart.promotions?cart.promotions.name:''"></i>
+                                            <div class="promotion mFixed">
+                                                <div>
+                                                    <p class="t">
+                                                        <em v-if="cart.promotions.type==1 && cart.promotions.mode==1">{{cart.promotions.name+'：¥'+toFloat(cart.promotions.touchPrice)}}</em>
+                                                        <em v-if="cart.promotions.mode==2">{{cart.promotions.name+'，满 ¥'+toFloat(cart.promotions.touchPrice)+' 减 ¥'+toFloat(cart.promotions.reducedPrice)}}</em>
+                                                        <em v-if="cart.promotions.mode==3">{{cart.promotions.name+'，满 ¥'+toFloat(cart.promotions.touchPrice)+' 赠送商品'}}</em>
+                                                    </p>
+                                                    <p>促销时间：<em v-if="cart.promotions.status==1">不限时</em><em v-else>{{cart.promotions.beginTime.substr(0,10)+' ~ '+cart.promotions.endTime.substr(0,10)}}</em></p>
+                                                    <p v-if="cart.promotions.type==2" class="r"><a class="more" :href="'/product/promotions.html?id='+cart.promotions.id">更多凑单商品>>></a></p>
+                                                    <template v-if="cart.promotions.mode==3">
+                                                        <p>赠品：</p>
+                                                        <p>
+                                                    <span v-for="g in cart.promotions.giftList" class="p">
+                                                        <img :src="g.image">
+                                                        <span v-text="g.name"></span>
+                                                        <span v-text="'× '+g.number"></span>
+                                                    </span>
+                                                        </p>
+                                                    </template>
+                                                    <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- 阶梯价 -->
+                                        <div v-else-if="cart.ladderFlag" class="priceTag">
+                                            <i class="tag icon mIcon" @click="toggleThisLadder($event)">阶梯价格</i>
+                                            <div class="ladder mFixed">
+                                        <span>
+                                            <em class="t"><i>价格</i><i>起订量</i></em>
+                                            <em v-for="l in cart.ladderPrices">
+                                                <i class="p">¥{{toFloat(l.buyPrice)}}</i>
+                                                <i>{{l.numRange}}</i>
+                                            </em>
+                                            <em @click="hideThisLadder($event)" class="close">了解</em>
+                                        </span>
+                                            </div>
+                                        </div>
+                                    </template>
+                                </div>
+                            </div>
+                            <div class="c5">
+                        <span class="number">
+                            <em class="sub" @click="cartNumberSub(cart)">-</em>
+                            <input type="number" :value="cart.number" v-model="cart.number" @change="cartNumberChange(cart)">
+                            <em class="add" @click="cartNumberAdd(cart)">+</em>
+                        </span>
+                                <input type="hidden" :value="cart.step">
+                            </div>
+                            <div v-if="isPC" class="c6"><span>¥{{ (cart.price*cart.number) | NumFormat}}</span></div>
+                        </template>
+                        <div v-if="isPC" class="c7"><span class="del" @click="deleteCartOne(cart.skuId)">×<em class="tips">删除</em></span></div>
+                    </div>
+                    <div class="supplierBtn">
+                    <span :class="supplier.reducedPrice>0?'priceTotal':'item'">合计：<em>¥{{ supplier.totalPrice | NumFormat}}</em>
+                        <span v-if="supplier.reducedPrice>0 || supplier.svipReducedPrice > 0" class="dl"><del>¥{{ supplier.originalPrice | NumFormat}}</del><em>减¥{{supplier.reducedPrice | NumFormat}}</em></span>
+                    </span>
+                    </div>
+                </div>
+                <div class="invalidTit" v-if="invalidData.length>0">
+                    <div class="tit">失效商品 <em v-text="invalidData.length"></em> 件</div>
+                    <span class="delAll" @click="deletefailureList">清空失效商品</span>
+                </div>
+                <div class="supplierItem disable" v-for="cart in invalidData">
+                    <div class="cartItem clear">
+                        <div class="c0"><input class="check" type="checkbox" readonly disabled></div>
+                        <div class="c1">
+                            <img class="image" :src="cart.image">
+                        </div>
+                        <div class="c2">
+                            <span class="name"><em class="tag">失效商品</em>{{cart.name}}</span>
+                        </div>
+                        <div class="c10">
+                            <em v-if="cart.status==1">商品已丢失</em>
+                            <em v-else-if="cart.status==2">商品已停售</em>
+                            <em v-else-if="cart.status==3">商品已下架</em>
+                            <em v-else-if="cart.status==4">商品已售罄</em>
+                            <em v-else-if="cart.status==5">价格仅会员可见，您不能购买</em>
+                            <em v-else-if="cart.status==6">未公开价格</em>
+                            <em v-else-if="cart.status==7">库存不足</em>
+                            <em v-else-if="cart.status==8">价格仅医美机构可见</em>
+                            <em v-else>商品已失效</em>
+                        </div>
+                        <div v-if="isPC" class="c6"><span class="del" @click="deleteCartOne(cart.productId)">×<em class="tips">删除</em></span></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="summaryWrap">
+            <div class="summary">
+                <div class="left mfbt">
+                    <div class="item">
+                        <span class="coll-checked" :class="[allChecked ? 'checked': '']" @click="ckeckAll"></span>
+                        <span>全选</span>
+                        <a class="delete" href="javascript:void(0);" @click="deleteSelected()">删除</a>
+                    </div>
+                    <div class="item">商品种类：<em v-text="kindCount"></em></div>
+                    <div class="item">商品数量：<em v-text="totalCount"></em></div>
+                </div>
+                <div class="right">
+                    <a class="submit" href="javascript:void(0);" @click="handleSubmitCart" onclick="_czc.push(['_trackEvent','购物车去结算','点击','去结算','','Um_Event_CartConfirmOrder'])">去结算</a>
+                    <div  :class="isDiscount ?'item priceTotal':'item'">
+                        <p class="priceTotal-t">合计：<em>¥{{ totalPrice - couponPrice  | NumFormat }}</em></p>
+                        <p class="priceTotal-b" v-if="isDiscount"><em>共减¥{{ totalDiscountAmount | NumFormat }}</em></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--优惠券弹窗-->
+        <div class="coupon-popup" v-show="isShowPopup" :class="isShowPopup ? 'show' : 'hide'">
+            <div class="coupon-popup-model-content">
+                <div class="title"><p>优惠券</p><i class="icon mIcon" @click="hidePopup"></i></div>
+                <div class="coupon-popup-main">
+                    <div class="coupon-popup-tabs">
+                        <div class="popup-tabs-cell" :class="currentTab == 1 ? 'active' : ''" @click="queryCouponTabs(1)"><span>未领取</span></div>
+                        <div class="popup-tabs-cell" :class="currentTab == 2 ? 'active' : ''" @click="queryCouponTabs(2)"><span>已领取</span></div>
+                    </div>
+                    <div class="coupon-popup-content">
+                        <div class="empty" v-if="isCouponEmpty">
+                            <img src="/img/account/icon-coupon-empty@2x.png">
+                            <div class="msg"><p>暂无可领的优惠券</p></div>
+                        </div>
+                        <div class="coupon-popup-scroll" v-else>
+                            <div class="coupon-list-cell" v-for="(coupon, index) in productCouponList" :key="index" :class="currentTab == 2 ? 'none' : ''">
+                                <div class="coupon-list-le">
+                                    <div class="coupon-list-money">
+                                        <p>￥<span class="maxMoney">{{ coupon.couponAmount }}</span><span class="minMoney">满{{ coupon.touchPrice }}可用</span></p>
+                                    </div>
+                                    <div class="coupon-list-name">
+                                        <p v-if="coupon.couponType == 0">
+                                            {{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品'  }}
+                                        </p>
+                                        <p v-if="coupon.couponType == 1">
+                                            {{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
+                                        </p>
+                                        <p v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</p>
+                                        <p v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</p>
+                                    </div>
+                                    <div class="coupon-list-time"> {{ coupon.startDate }} - {{ coupon.endDate }} </div>
+                                </div>
+                                <div class="coupon-list-ri">
+                                    <template v-if="coupon.couponBtnType == 0">
+                                        <template v-if="coupon.couponPayWay == 2">
+                                            <div class="buy" @click="toDeductCoupon(coupon)"
+                                                 id="coupon-exchange-coupon"
+                                                 onclick="_czc.push(['_trackEvent','商品详情','优惠券采美豆兑换','优惠券兑换按钮点击',1,'coupon-exchange-coupon'])">
+                                                <p>{{ coupon.moneyCouponPrice }}采美豆</p>
+                                                <p>兑换</p>
+                                            </div>
+                                        </template>
+                                        <template v-else-if="coupon.couponPayWay == 1">
+                                            <div class="buy" @click="toBuyCoupon(coupon)"
+                                                 id="coupon-buy-coupon"
+                                                 onclick="_czc.push(['_trackEvent','商品详情','优惠券购买按钮点击','优惠券购买按钮点击',1,'coupon-buy-coupon'])">
+                                                <p>￥{{ coupon.moneyCouponPrice }}</p>
+                                                <p>购买</p>
+                                            </div>
+                                        </template>
+                                        <template v-else>
+                                            <span class="none"
+                                                  @click="receiveCoupon(coupon)"
+                                                  id="coupon-receive"
+                                                  onclick="_czc.push(['_trackEvent','商品详情','优惠券领取按钮点击','优惠券领取按钮点击',1,'coupon-receive'])">领取
+                                            </span>
+                                        </template>
+                                    </template>
+                                    <span v-if="coupon.couponBtnType == 1">已领取</span>
+                                </div>
+                                <template v-if="coupon.moneyCouponFlag == 1">
+                                    <div class="coupon-tags" v-if="coupon.moneyCouponType == 1">意向{{ coupon.couponType | TypeFormat }}</div>
+                                    <div class="coupon-tags"  v-else>定向{{ coupon.couponType | TypeFormat }}</div>
+                                </template>
+                                <template v-else>
+                                    <div class="coupon-tags">{{ coupon.couponType | TypeFormat }}</div>
+                                </template>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </template>
+</div>
+
+<!-- 引入底部 -->
+<template th:replace="components/footer"></template>
+<template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/shopping.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/shopping/mixins/cartMixins.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/shopping/cart.js(v=${version})}"></script>
+</body>
+</html>

src/main/resources/templates/supplier_login/index.html

@@ -45,7 +45,7 @@
             <div style="display: flex;justify-content: center;align-items: center">
                 <div class="iphone">
                     <div></div>
-                    <div>131-6478-0233</div>
+                    <div>153-3889-7365</div>
                 </div>
                 <div v-if="userInfo && userInfo.userIdentity === 3 && isPC" v-cloak class="username">
                     <el-popover placement="bottom" width="50" trigger="hover" v-if="isPC">
@@ -77,7 +77,7 @@
             <img src="" /> 电话联系
             <div class="tooltip tooltip_1" :style="{bottom: activeLinkId!==0 ? '300px':'230px'}">
                 <div class="day">周一至周五 9:00~1800</div>
-                <div class="phone_number">131-6478-0233</div>
+                <div class="phone_number">153-3889-7365</div>
             </div>
         </div>
         <div class="slide_icon_item slide_icon_qrcode">
@@ -553,13 +553,13 @@
     <van-popup id="H5dialogVisible" round v-model="H5dialogVisible">
         <div class="showIphone" v-if="showIphone">
             <div class="showIphone_time">周一至周五 9:00~1800</div>
-            <div class="showIphone_phone" @click="confirm">131-6478-0233</div>
+            <div class="showIphone_phone" @click="confirm">153-3889-7365</div>
         </div>
         <img style="width: 48vw" src="https://static.caimei365.com/app/img/supplier-login/kefu_qr.jpg" alt="采美客服" v-else/>
     </van-popup>
     <van-popup v-model="showPopup" round>
         <div id="H5showPopup">
-            <div>确定拨打<span style="color: #FF5B00;-webkit-text-fill-color: #FF5B00 !important;font-weight: bold;">131-6478-0233</span>吗？</div>
+            <div>确定拨打<span style="color: #FF5B00;-webkit-text-fill-color: #FF5B00 !important;font-weight: bold;">153-3889-7365</span>吗？</div>
             <div style="display: flex;justify-content: space-between;">
                 <el-button class="btn_popup" @click="cancel">取消</el-button>
                 <el-button class="btn_popup" type="primary" @click="confirm">确定</el-button>