@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    input[type="number"]{-moz-appearance:none;-webkit-appearance: none;}
    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;}
    .loading{box-sizing:border-box;padding:200px 0;text-align:center}
    .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 a{color:#E15616}
    .pageTitle{height:57px;line-height:57px;padding-top:16px}
    .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
    .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;}
    .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;left:0;top:10px;content:'';width:50px;}
    .pageTitle .step span:first-child{padding-left:0}
    .pageTitle .step span:first-child:after{display:none}
    .pageTitle .step span.on{color:#E15616}
    .listWrap{width:1184px}
    .listWrap .cartTit,.listWrap .supplierItem{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 .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 .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 .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;}
    .listWrap .c1{float:left;}
    .listWrap .c2{float:left;width:400px}
    .listWrap .cartTit .c2{padding-left: 75px;}
    .listWrap .c3{float:left;width:200px}
    .listWrap .c4{float:left;width:142px;}
    .listWrap .c5{float:left;width:185px;position: relative}
    .listWrap .c6{float:left;width:142px}
    .listWrap .c7{float:right;width:118px}
    .listWrap .c10{float:left;width:495px}
    .listWrap .check{width:16px;height:16px;line-height:14px;vertical-align:middle}
    .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:#E15616}
    .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%;}
    .invalidTit{height:44px;line-height:44px;padding-top:16px;font-size:16px}
    .invalidTit .tit{color:#22272e;float:left}
    .invalidTit .delAll{color:#e15616;float:right;cursor:pointer;}
    .invalidTit .tit em{font-style:normal;color:#e15616}
    .summaryWrap{width:100%;background:#FFF;margin:16px 0 -29px 0;}
    .summaryWrap .summary{width:1184px;margin:0 auto;font-size:18px;padding:11px 0;height:50px;line-height:50px;text-align:right;}
    .summaryWrap .summary em{font-style:normal}
    .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 .check{width:14px;height:14px;line-height:14px;vertical-align:top;margin:18px 16px 0 16px}
    .summaryWrap .summary .delete{margin-left:16px;color:#f55c5c}
    .summaryWrap .summary .right .item{position:relative;text-align:right;}
    .summaryWrap .summary .right .item em{color:#f55c5c}
    .summaryWrap .summary .submit{display:inline-block;width:232px;height:50px;line-height:50px;text-align:center;background-color:#e15616;border-radius:2px;color:#FFF}
    .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:99999;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
    .pageTitle .step label.line{width: 50px;height: 1px;background: #707070;display: inline-block; margin: 0px 10px}
    .summaryWrap .summary .item .del{position:absolute;right:0;top:-20px;cursor:pointer;height:24px;font-size:14px}
    .summaryWrap .summary .item .del 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}
    .summaryWrap .summary .item .del 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%}



}

/**
* 移动端
*/
@media screen and (max-width:768px){
    .loading{box-sizing:border-box;padding:20vw 0;text-align:center}
    .empty{box-sizing:border-box;padding:15vw 0;text-align:center;color:#4A4F58;line-height:8vw;font-size:3.4vw}
    .empty img{width:40vw;height:40vw}
    .empty a{color:#E15616}
    .pageTitle .step{width:100%;height:12.4vw;line-height:12.4vw;background:#FFF;color:#9AA5B5;font-size:3.1vw;text-align:center;}
    .pageTitle .step span{display:inline-block;height:4.2vw;line-height:4.2vw;vertical-align:middle;position:relative;padding-left: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;left:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
    .pageTitle .step span:first-child{padding-left:0}
    .pageTitle .step span:first-child:after{display:none}
    .pageTitle .step span.on{color:#E15616}
    .pageTitle h1{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw;}
    .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;}
    .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;height:10.6vw;line-height:10.6vw;color:#22272e;font-size:3.4vw;text-align:right;}
    .listWrap .supplierBtn em {color: #f55c5c;}
    .listWrap .supplierItem .c0{float:left;width:9.6vw;text-align:center}
    .listWrap .check{width:3.5vw;height:3.5vw;line-height:3.5vw;vertical-align:middle}
    .listWrap .supplierItem .c1{float:left;width:24vw}
    .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 .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:#E15616;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:#e15616;float:right}
    .invalidTit .tit em{font-style:normal;color:#e15616}
    .summaryWrap{width:100%;background:#FFF;margin:1.4vw 0}
    .summaryWrap .summary{width:93vw;margin:0 auto;font-size:3.4vw;padding-bottom:3.3vw}
    .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 .check{width:3.5vw;height:3.5vw;line-height:3.5vw;vertical-align:top;margin:3vw 3vw 0 3.3vw}
    .summaryWrap .summary .delete{width:12vw;height:6vw;line-height:6vw;display:inline-block;text-align:center;color:#f55c5c}
    .summaryWrap .summary .right .item{position:relative;text-align:right;margin-left:6.8vw}
    .summaryWrap .summary .right .item em{color:#f55c5c}
    .summaryWrap .summary .submit{display:inline-block;width:30.4vw;height:11.2vw;line-height:11.2vw;text-align:center;background-color:#e15616;border-radius:2px;color:#FFF}
    .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:99999;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
    .summaryWrap .summary .item .del{position:absolute;right:0;top:-4vw;cursor:pointer;height:6vw;font-size:3.1vw}
    .summaryWrap .summary .item .del em{position:absolute;top:0;left:100%;height:5vw;white-space:nowrap;background:#ff4500;line-height:5vw;color:#FFF;padding:0 1vw;border-radius:2px}

}

