@media screen and (min-width:768px) {
table{border-collapse:collapse}
.care-btns{position:relative;display:inline-block;overflow:hidden;margin-left:10px;width:25%;height:50px;border:0;box-shadow:0 10px 28.5px 1.5px rgb(0 43 139 / 25%);color:#fff;text-align:center;font-weight:700;font-size:1.2rem;line-height:3.125rem;background-color:#8190a7}
.clearfix::after,.clearfix::before{content:"";display:table;clear:both}
input{display:inline-block;text-align:center;font-weight:400;border-radius:0.2rem;border:1px solid #e7bebe}
.header{background-color:#F1F1F1;font-size:15px!important;display:inline-block;width:100%;padding-bottom:30px}
.header>.header-center{width:90%;margin:0 auto}
.mzContainer{padding-bottom:200px}
.check-container{width:100%;margin:0.6rem auto}
.shop-cart-nav table{width:100%;height:5rem}
.shop-cart-nav table tr{border-bottom:0.09rem solid #eee;background-color:#646464}
.shop-cart-nav table tr td:not(:first-of-type){color:#ffff;text-align:center}
.shop-cart-nav table tr td.check-area{width:40%;text-align:left;font-weight:900}
.shop-cart-nav table tr td.singal-price,.check-area1{width:10%;text-align:left;font-weight:900}
.shop-cart-nav table tr td.volumes{width:10%;text-align:left;font-weight:900}
.shop-cart-nav table tr td.small-total{width:10%;text-align:left;font-weight:900}
.shop-cart-nav table tr td.edit-area{width:10%;cursor:pointer;font-weight:900}
a.check-label{margin-left:1rem;cursor:pointer}
a.check-label i.checkbox{position:relative;display:inline-block;width:20px;height:20px;border:1px solid #bbb;background-color:#fff;vertical-align:middle}
a.check-label.checked i.checkbox{background-color:#00c3f5}
a.check-label i.checkbox>span.check-mark{position:absolute;left:50%;top:50%;width:.8rem;height:.4rem;border-left:0.15rem solid #fff;border-bottom:0.15rem solid #fff;transform:translate(-50%,-70%) rotate(-45deg)}
a.check-label em.check-name{margin-left:0.5rem;vertical-align:middle;color:#333}
ul.goods-ul>li.goods-list>table{width:100%}
ul.goods-ul>li.goods-list:not(:first-of-type){margin-top:0.5rem}
table.goods-header{height:6rem}
table.goods-header tr{border-bottom:0.09rem solid #eee;background-color:#FAFAFC;text-align:left}
table.goods-header .check-name{padding-left:20px}
table.goods-body tr{height:18rem;background-color:#fff;padding:50px}
table.goods-body tr:not(:first-of-type){border-top:0.08rem dashed #ddd}
table.goods-body tr td:not(:first-of-type){text-align:center}
table.goods-body tr td.goods-col-select1{width:5%;text-align:left}
table.goods-body tr td.goods-col-select{text-align:left;width:50%}
a.goods-img{display:inline-block;width:15%;height:auto;vertical-align:middle}
a.goods-img>img{width:100%;height:100%}
a.goods-info{display:inline-block;margin-left:1rem;vertical-align:middle}
a.goods-info h4.goods-info-title{padding-bottom:.2rem;color:#333;font-weight:500}
a.goods-info p.goods-info-tips{color:#777}
table.goods-body tr td.goods-col-price{width:11rem;color:#556}
table.goods-body tr td.goods-col-volumes{width:10%}
td.goods-col-volumes .num-ctrl-area{display:inline-block;position:relative}
td.goods-col-volumes .num-ctrl-area .minus,.plus{float:left;width:30px;height:30px;border:1px solid #eee;line-height:1.6rem;color:#525252;background-color:#fff;transition:color ease .2s;cursor:pointer;font-size:18px}
td.goods-col-volumes .num-ctrl-area .minus,.plus{color:#999;background:#efefef}
td.goods-col-volumes .num-ctrl-area button:not(.forbid):hover{color:#00c3f5}
td.goods-col-volumes .num-ctrl-area .input{width:40%}
td.goods-col-volumes .num-ctrl-area input{float:left;height:30px;border:1px solid #F2F2F2;text-align:center}
td.goods-col-volumes .num-ctrl-area .hint{position:absolute;top:calc(100% + 1rem);left:40%;transform:translate(-50%);width:100%;color:#888}
table.goods-body tr td.goods-col-total{width:12rem;color:#E02B41}
table.goods-body tr td.goods-col-ctrl{position:relative;width:11rem;color:#626262;font-weight:400}
table.goods-body tr td.goods-col-ctrl i.del-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.4rem;height:1.4rem;border-radius:50%;background-color:#fff;cursor:pointer;transition:background-color cubic-bezier(0.175,0.885,0.32,1.275) .5s}
table.goods-body tr td.goods-col-ctrl i.del-product>span{position:absolute;top:50%;left:50%;width:2.8rem;height:2.12rem;background-color:#777;transition:background-color cubic-bezier(0.175,0.885,0.32,1.275) .5s}
table.goods-body tr td.goods-col-ctrl i.del-product>span.line-left{transform:translate(-50%,-50%) rotate(45deg)}
table.goods-body tr td.goods-col-ctrl i.del-product>span.line-right{transform:translate(-50%,-50%) rotate(-45deg)}
table.goods-body tr td.goods-col-ctrl i.del-product:hover{background-color:#00c3f5}
table.goods-body tr td.goods-col-ctrl i.del-product:hover>span{background-color:#fff}
.shop-cart-footer{width:100%;height:300px;margin:auto;background-color:#fff;color:#fff;display:flex;align-items:center}
.shop-cart-footer .cart-foot{width:100%;display:flex;align-items:center}
.shop-cart-footer.fixed{bottom:0;left:0;right:0;z-index:9;filter:drop-shadow(0px -4px 4px #eee)}
.shop-cart-footer .cart-foot>.cart-foot-left{width:50%;float:left;height:100%;text-align:left}
.shop-cart-footer .cart-foot{line-height:4rem}
.shop-cart-footer .cart-foot>.cart-foot-left{color:#000}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-delete{margin-left:1rem;cursor:pointer;transition:color ease .2s}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-delete:hover{color:#00c3f5}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-num{margin-left:1rem}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-num>span.sum-selected{color:#00c3f5;vertical-align:middle}
.shop-cart-footer .cart-foot>.cart-foot-right{width:100%;height:100%;padding-right:2rem;text-align:right;}
.shop-cart-footer .cart-foot>.cart-foot-right .total-bill{color:#566;margin-right:1rem}
.shop-cart-footer .cart-foot>.cart-foot-right .total-bill>span.bill-price{font-weight:600;color:#E02B41;vertical-align:middle}
.shop-cart-footer .cart-foot>.cart-foot-right a.order-btn{display:inline-block;text-align:center;line-height:2rem;background-color:#F66567;font-weight:400;color:#fff;border-radius:0.2rem;padding:15px;width:50%;}
.shop-cart-footer .cart-foot>.cart-foot-right a.order-btn.banOrder{background-color:#DBDBDB;cursor:no-drop}
.mz-foot{margin:0 auto;background-color:#fff;height:20rem}
.float-box{display:none;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.2);z-index:100}
.float-box .confirm-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30rem;border-radius:0.3rem;background-color:#feffff}
.float-box .confirm-box>h4.confirm-title{position:relative;padding:.8rem 0;border-bottom:0.05rem solid #dee;text-align:center;color:#444;font-weight:600}
.float-box .confirm-box>h4.confirm-title>i.close-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;cursor:pointer;transition:opacity ease .2s}
.float-box .confirm-box>h4.confirm-title>i.close-btn:hover{opacity:.6}
.float-box .confirm-box>h4.confirm-title>i.close-btn>span{position:absolute;left:50%;top:50%;width:1.2rem;height:0.13rem;background-color:#aaa}
.float-box .confirm-box>h4.confirm-title>i.close-btn>span.line-left{transform:translate(-50%,-50%) rotate(45deg)}
.float-box .confirm-box>h4.confirm-title>i.close-btn>span.line-right{transform:translate(-50%,-50%) rotate(-45deg)}
.float-box .confirm-box>.confirm-content{height:8rem;line-height:8rem;text-align:center;color:#999}
.float-box .confirm-box>.confirm-btn{padding-bottom:1.8rem;text-align:center}
.float-box .confirm-box>.confirm-btn>a{display:inline-block;width:6.2rem;height:2.2rem;line-height:2.2rem;border-radius:0.2rem;transition:opacity ease .3s}
.float-box .confirm-box>.confirm-btn>a:hover{opacity:.7}
.float-box .confirm-box>.confirm-btn>a:not(:first-of-type){margin-left:1rem}
.float-box .confirm-box>.confirm-btn>a.delete{background-color:#eee;color:#777}
.float-box .confirm-box>.confirm-btn>a.cancel{background-color:#00c3f5;color:#fff}
}
@media screen and (max-width:768px){
table{border-collapse:collapse}
.care-btns{width:80%;height:50px;border:0;box-shadow:0 10px 28.5px 1.5px rgb(0 43 139 / 25%);color:#fff;text-align:center;font-weight:700;font-size:1.2rem;line-height:3.125rem;background-color:#8190a7;margin-bottom:20px;}
.clearfix::after,.clearfix::before{content:"";display:table;clear:both}
input{display:inline-block;text-align:center;font-weight:400;border-radius:0.2rem;border:1px solid #e7bebe}
.header{background-color:#F1F1F1;font-size:15px!important;display:inline-block;width:100%;padding-bottom:30px}
.header>.header-center{width:95%;margin:0 auto}
.mzContainer{padding-bottom:10px}
.check-container{width:100%;margin:0.6rem auto}
.shop-cart-nav table{width:100%;height:5rem}
.shop-cart-nav table tr{border-bottom:0.09rem solid #eee;background-color:#646464}
.shop-cart-nav table tr td:not(:first-of-type){color:#ffff;text-align:center;}
a.check-label i.checkbox{position:relative;display:inline-block;width:20px;height:20px;border:1px solid #bbb;background-color:#fff;vertical-align:middle}
a.check-label.checked i.checkbox{background-color:#00c3f5}
a.check-label i.checkbox>span.check-mark{position:absolute;left:50%;top:50%;width:.8rem;height:.4rem;border-left:0.15rem solid #fff;border-bottom:0.15rem solid #fff;transform:translate(-50%,-70%) rotate(-45deg)}
a.check-label em.check-name{margin-left:0.5rem;vertical-align:middle;color:#333}
ul.goods-ul>li.goods-list>table{width:100%}
ul.goods-ul>li.goods-list:not(:first-of-type){margin-top:0.5rem}
table.goods-header{height:6rem}
table.goods-header tr{border-bottom:0.09rem solid #eee;background-color:#FAFAFC;text-align:left}
table.goods-header .check-name{padding-left:20px}
table.goods-body tr{background-color:#fff;width: 100%;height:220px;padding-bottom: 100px;}
table.goods-body tr:not(:first-of-type){border-top:0.08rem dashed #ddd}
a.goods-img{display:inline-block;width:32%;height:auto;float: left;padding-left:15px;}
a.goods-img>img{width:100%;height:100%}
a.goods-info{display:inline-block;width:65%;height:auto;float: right;text-align: left;}
a.goods-info h4.goods-info-title{padding-bottom:.3rem;color:#333;font-weight:500;padding-top: 0px;}
a.goods-info p.goods-info-tips{color:#777}
td.goods-col-volumes .num-ctrl-area{display:inline-block;position:relative}
td.goods-col-volumes .num-ctrl-area .minus,.plus{float:left;width:30px;height:30px;border:1px solid #eee;line-height:1.6rem;color:#525252;background-color:#fff;transition:color ease .2s;cursor:pointer;font-size:18px}
td.goods-col-volumes .num-ctrl-area .minus,.plus{color:#999;background:#efefef}
td.goods-col-volumes .num-ctrl-area button:not(.forbid):hover{color:#00c3f5}
td.goods-col-volumes .num-ctrl-area .input{width:40%}
td.goods-col-volumes .num-ctrl-area input{float:left;height:30px;border:1px solid #F2F2F2;text-align:center}
td.goods-col-volumes .num-ctrl-area .hint{display: none;}
table.goods-body tr td.goods-col-ctrl i.del-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.4rem;height:1.4rem;border-radius:50%;background-color:#fff;cursor:pointer;transition:background-color cubic-bezier(0.175,0.885,0.32,1.275) .5s}
table.goods-body tr td.goods-col-ctrl i.del-product>span{position:absolute;top:50%;left:50%;width:2.8rem;height:2.12rem;background-color:#777;transition:background-color cubic-bezier(0.175,0.885,0.32,1.275) .5s}
table.goods-body tr td.goods-col-ctrl i.del-product>span.line-left{transform:translate(-50%,-50%) rotate(45deg)}
table.goods-body tr td.goods-col-ctrl i.del-product>span.line-right{transform:translate(-50%,-50%) rotate(-45deg)}
table.goods-body tr td.goods-col-ctrl i.del-product:hover{background-color:#00c3f5}
table.goods-body tr td.goods-col-ctrl i.del-product:hover>span{background-color:#fff}
.shop-cart-footer{width:100%;margin:10px auto;background-color:#fff;color:#fff;padding-bottom: 20px;}
.shop-cart-footer .cart-foot{width:100%;padding-top: 50px;}
.shop-cart-footer.fixed{bottom:0;left:0;right:0;z-index:9;filter:drop-shadow(0px -4px 4px #eee)}
.shop-cart-footer .cart-foot{line-height:4rem}
.shop-cart-footer .cart-foot>.cart-foot-left{color:#566;}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-delete{margin-left:1rem;cursor:pointer;transition:color ease .2s}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-delete:hover{color:#00c3f5}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-num{margin-left:1rem}
.shop-cart-footer .cart-foot>.cart-foot-left .goods-num>span.sum-selected{color:#00c3f5;}
.shop-cart-footer .cart-foot>.cart-foot-right .total-bill{color:#566;margin:0px auto;text-align: left;line-height: 20px;margin-bottom:20px;}
.shop-cart-footer .cart-foot>.cart-foot-right .total-bill>span.bill-price{font-weight:600;color:#E02B41;}
.shop-cart-footer .cart-foot>.cart-foot-right a.order-btn{display:inline-block;text-align:center;line-height:2rem;background-color:#F66567;font-weight:400;color:#fff;border-radius:0.2rem;padding:15px;width:95%}
.shop-cart-footer .cart-foot>.cart-foot-right a.order-btn.banOrder{background-color:#DBDBDB;cursor:no-drop}
.mz-foot{margin:0 auto;background-color:#fff;height:20rem}
.float-box{display:none;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.2);z-index:100}
.cart-foot-left{margin:0px auto;width: 100%;}
.cart-foot-right{ margin: 50px auto; width: 95%; border-radius: 10px; background-color: #f9f9f9; padding:25px;} .am-navbar323 .goods-col-price{ position: absolute; margin-top:0px; left:43%; } .am-navbar323 .goods-col-volumes{position: absolute; left:43%;margin-top: 30px;} .am-navbar323 .del-product1{position: absolute; right:5%;margin-top:40px;} .singal-price,.volumes{display: none;} .am-navbar323  .goods-col-select1{padding-left:5px;width: 10%;} .am-navbar323 .goods-col-select{max-width: 500px;margin:0px auto;display: inline-block;padding-top:30px;} }