/* good_bar */
.good_bar{float: left;width: 100%;margin-bottom:0px;}
.good_bar .box{width: 100%;padding: 0px;background: #fff;float: left;display: flex;flex-direction: column;}
.good_bar .box .l{width: 320px;float: left;display: flex;flex-direction:column;position: relative;}
.good_bar .box .l .img{width: 100%;float: left;}
.good_bar .box .l span{position: absolute;right: 10px;top: 10px;width: 60px;height: 60px;border-radius: 30px 0 30px 30px;background: linear-gradient(45deg,#f70,#ffc979);text-align: center;line-height: 17px;color: #fff;font-size: 15px;display: flex;align-items: center;justify-content: center;}
.good_bar .box .l span.span_2{background: linear-gradient(45deg,var(--colorone),#8481ff);}
.good_bar .box .l #imglist{width: 100%;float: left;display: flex;flex-direction: row;justify-content: center;padding:15px;gap: 20px;box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.good_bar .box .l #imglist img{width: 50px;height:50px;float: left;cursor: pointer;border: 2px solid #eee;}
.good_bar .box .l #imglist img.cur{border: 2px solid var(--colortwo);width: 50px;height: 50px;}
.good_bar .box .info{padding:25px 15px 15px;flex: 1;}
.good_bar .box .info h2{width:100%;line-height: 30px;font-size: 20px;color: #000;font-weight: bold;margin-bottom: 5px;}
.good_bar .box .info h3{width:100%;line-height: 30px;font-size: 14px;color: var(--colortwo);margin-bottom: 15px;}
.good_bar .box .info .stock{width:100%;line-height: 48px;color: #555;float: left;margin-top: 20px;background: #fafafa;border-radius: 5px;}
.good_bar .box .info .stock p{width:148px;line-height: 48px;color: #888;text-align: center;float: left;margin-bottom: 0;text-align: center;}
.good_bar .box .info .stock p b{color: var(--colortwo);}
.good_bar .box .info .stock span{width:48px;line-height: 48px;color: #ddd;text-align: center;float: left;}
.good_bar .box .info .pricebox{width:100%;background: var(--colorone_bg);line-height: 28px;float: left;padding: 15px;color: #888;border-radius: 10px;}
.good_bar .box .info .pricebox p{float: left;width: 100%;font-size: 13px;padding: 0;margin-bottom: 0;}
.good_bar .box .info .pricebox p span{float: left;line-height: 28px;margin: 0;padding: 0;text-decoration: line-through;padding-left: 15px;}
.good_bar .box .info .pricebox p em{float: left;line-height: 28px;margin: 0;padding: 0;font-style: normal;color: #888;}
.good_bar .box .info .pricebox p i{float: left;line-height: 28px;margin: 0;padding: 0;font-style: normal;}
.good_bar .box .info .pricebox p b{float: left;line-height: 28px;margin: 0;padding: 0;font-style: normal;color: var(--colortwo);font-size: 24px;padding-left: 15px;font-family: 'MB';}
.good_bar .box .info .guige{width:100%;float: left;line-height: 28px;margin-top: 20px;}
.good_bar .box .info .guige span{float: left;height: 30px;color:#888;}
.good_bar .box .info .guige a{float: left;height: 30px;border: 1px solid #ddd;color: #888;line-height: 30px;padding: 0 20px;margin: 0 10px 0 0;}
.good_bar .box .info .guige a.cur{border: 2px solid var(--colortwo);line-height: 28px;}
.good_bar .box .info .guige a:hover{border: 2px solid var(--colortwo);line-height: 28px;padding: 0 19px;}
.good_bar .box .info .numbox{width:100%;line-height: 34px;color: #555;margin-top: 20px;height: 30px;float: left;}
.good_bar .box .info .numbox span{float: left;color:#888;}
.good_bar .box .info .numbox input{float: left;width: 36px;border: 1px solid #ddd;background: #eee;height: 34px;margin: 0px 0 0;}
.good_bar .box .info .numbox #add{float: left;border-left: none;}
.good_bar .box .info .numbox #min{float: left;border-right: none;}
.good_bar .box .info .numbox #text_box{float: left;width: 50px;background: #fff;text-align: center;border-left: none;border-right: none;height: 34px;}
.good_bar .box .info .numbox p{float: left;height: 34px;line-height: 34px;padding-left: 12px;color:#888;}
.good_bar .box .info .numbox p b{color: var(--colortwo);}
.good_bar .box .info .btns{float: left;height: 50px;margin-top: 20px;background: none;color: #666;line-height: 50px;font-size: 18px;font-weight: normal;margin-right: 20px;cursor: pointer;transition: 0.5s;}
.good_bar .box .info .favor{background: none;padding: 0 60px;border: 1px solid #eee;color: #666;margin-bottom: 15px;width: 100%;text-align: center;line-height: 58px;border-radius: 5px;height: 60px;}
.good_bar .box .info .favor.cur{border: 1px solid var(--colorone);color:var(--colorone);}
.good_bar .box .info .goBuy{background: #ffc8b5;padding: 0 60px;border: 1px solid var(--colortwo);color: var(--colortwo);}
.good_bar .box .info .addCart{background: var(--colortwo);padding: 0 40px;border: 1px solid var(--colortwo);color: #fff;}
.good_bar .box .info .addCart:hover{background: var(--colortwo);}
.good_bar .box .info .sharebar{width: 670px;height:40px;float: left;margin: 20px 0px 0px;}
.good_bar .box .info .sharebarbox{height:40px;float: left;margin: 0px 0px 0px;}
.good_bar .box .info .sharebar .click{height:40px;float: left;margin: 0px 20px 0px 0;line-height: 30px;color: #aaa;}
.good_bar .box .info .oem{width:100%;line-height: 28px;float: left;color: #888;margin-top: 20px;}
.good_bar .box .l{width: 100%;}
.good_bar .box .l .img{width: 100%;float: left;}

.cartheaderWrap{width:100%;height:110px;float: left;margin-top: 0px;}
.cartheader{width:100%;height:110px;float: left;padding: 0 15px;}
.cartheader h1{float:left;margin-top: 36px;}
.cartheader h1 a{float:left;}
.cartheader h1 a img{float: left;height: 34px;}
.cartheader .cartip{width: 42px;height: 38px;float: right;background: url(../Images/cartip.png) no-repeat;line-height: 38px;color: var(--colorone);font-size: 20px;margin-top: 35px;width: 397px;}
.cartheader .process{float: right;margin-top: 40px;}
.cartheader .process span{float: left;line-height: 40px;color: #fff;background: #aaa;margin-left: 1px;padding: 0 30px;}
.cartheader .process span.cur{background: var(--colorone);}
.cartheader .process a{float: left;line-height: 40px;color: #fff;background: #aaa;margin-right: 10px;padding: 0 30px;border-radius: 4px;}
@media (max-width: 768px) {
.cartheaderWrap{margin-top: 0px;}
.cartheaderWrap{height:76px;}
.cartheader{height:76px;}
.cartheader h1{font-size: 22px;margin-top: 20px;line-height: 36px;}
.cartheader .process{margin-top: 20px;border-radius: 36px;overflow: hidden;;}
.cartheader .process span:first-child{margin: 0;}
.cartheader .process span{float: left;line-height: 36px;color: #fff;background: #aaa;margin-left: 1px;padding: 0 15px;}
.cartheader .process span.cur{background: var(--colorone);}
.cartheader .process a{float: left;line-height: 36px;color: #fff;background: #aaa;margin-right: 10px;padding: 0 15px;border-radius: 4px;}
}


/* 购物车 */
.cartpage{float: left;width: 100%;margin-bottom: 40px;}
.cartpage .box{float: left;width: 100%;background: #fff;}
.cartpage .selectCate{float: left;width: 100%;margin: 0px 0 20px;padding: 0 15px;}
.cartpage .selectCate .titles{float: left;width: 100%;line-height: 40px;background: #eee;height: 40px;}
.cartpage .selectCate .hr{float: left;width: 100%;margin: 20px 0 0;}
.cartpage .selectCate label{float: left;height: 20px;}
.cartpage .selectCate label span{float: left;height: 20px;line-height: 20px;margin-right: 10px;}
.cartpage .selectCate label input{float: left;margin-right: 4px;}
.cartpage .selectCate b{float: left;height: 20px;line-height: 20px;margin-right: 10px;}
.cartpage .selectCate .submitBox{float: left;width: 100%;padding: 15px 0 0 0;}
.cartpage .selectCate .submitBox .sub{float: left;color: #fff;line-height: 34px;height: 36px;padding: 0 30px;border-radius: 4px;background: #fa0;border: none;font-size: 14px;}
.cartpage .selectCate .submitBox .no{float: left;color: #666;line-height: 34px;height: 36px;padding: 0 30px;border-radius: 4px;background: #ccc;border: none;font-size: 14px;margin-left: 20px;}
.cartpage .selectbox{float: left;width: 100%;margin: 20px 0;display: none;}
.cartpage .title{float: left;width: 100%;line-height: 60px;background: #fff;height: 60px;font-size: 16px;text-indent: 20px;color: #999;box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.cartpage .title b{font-size: 15px;font-weight: bold;color: #333;}
.cartpage .cartlist{float: left;width:100%;}
.cartpage .cartlist .li{float: left;width:100%;border-bottom: 1px dashed #eee;padding: 20px 15px;display: grid;grid-template-columns:50px 1fr 100px 30px;gap: 10px;}
.cartpage .cartlist .li .carlistimg{float: left;height: 50px;width: 50px;border-radius: 6px;overflow: hidden;padding: 4px;box-shadow: 0 0px 10px rgba(0,0,0,0.1);margin-top: 4px;}
.cartpage .cartlist .li .goodinfo{float: left;}
.cartpage .cartlist .li .goodinfo .carlisttitle{float: left;line-height: 24px;display: flex;flex-direction: column;}
.cartpage .cartlist .li .goodinfo .carlisttitle b{font-weight: normal;font-size: 14px;margin-bottom: 8px;}
.cartpage .cartlist .li .goodinfo .carlisttitle i{font-style: normal;color: var(--colortwo);font-size: 20px;font-family: 'MB';}
.cartpage .cartlist .li .goodinfo .carlisttitle i::before{content: '￥';font-size: 12px;}
.cartpage .cartlist .li .carlistprice{float: left;line-height:32px;}
.cartpage .cartlist .li .cartlistnumbox{float: left;background:#fff;box-shadow: 0 0px 10px rgba(0,0,0,0.1);height: 36px;overflow: hidden;padding: 2px;border-radius: 36px;display: flex;flex-direction: row;text-align: center;justify-content: center;}
.cartpage .cartlist .li .cartlistnumbox .numinput{border:none;height:32px;padding: 0;width:32px;float: left;color: var(--colorone);text-align: center;text-indent: 0;line-height: 32px;font-family: 'MB';font-weight: bold;}
.cartpage .cartlist .li .cartlistnumbox .numleft{border:none;height:32px;padding:0;width:32px;float: left;color: #444;text-align: center;text-indent: 0;border-right: 0;line-height: 30px;background: #eee;cursor: pointer;border-radius: 32px;overflow: hidden;}
.cartpage .cartlist .li .cartlistnumbox .numright{border:none;height:32px;padding:0;width:32px;float: left;color: #444;text-align: center;text-indent: 0;border-left: 0;line-height: 30px;background: #eee;cursor: pointer;border-radius: 32px;overflow: hidden;}
.cartpage .cartlist .li .cartlistdel{float: right;display: flex;justify-content: center;padding-top: 6px;}
.cartpage .cartlist .li .cartlistdel span{font-size: 18px;color: red;}
.cartpage .cartlist .li .giftcheckbox{float:right;margin:8px 8px 0 0;}
.cartpage .cartlist .li .gift_id{float:right;margin:8px 8px 0 0;}
.cartpage .cartSum{float: left;width: 100%;background: #fff;padding: 15px;}
.cartpage .cartSum .totalprice{height:40px;line-height:40px;float: right;margin: 10px 10px 10px 0;}
.cartpage .cartSum .totalprice b{color: var(--colortwo);font-size: 24px;float: left;line-height: 40px;margin-right: 10px;font-family: 'MB';}
.cartpage .cartSum .totalprice span{color: #666;font-size:13px;float: left;line-height: 40px;margin-top: 0;}
.cartpage .cartSum .go{height:60px;line-height:60px;float: right;background: var(--colorone);color: #fff;padding: 0 60px;font-size: 20px;border-radius: 6px;border: none;}
.cartpage .cartSum .nologin{height:60px;line-height:60px;float: right;background: #aaa;color: #fff;padding: 0 60px;font-size: 20px;border-radius: 6px;}
.cartpage .cartSum #carlistdelall{float: left;color: var(--colortwo);font-size: 14px;height: 40px;line-height: 40px;margin: 10px 0 0;}
.cartpage .html{float: left;width:100%;margin: 0px 0px;padding: 0px 0px;background: #fff; }
.cartpage .html .lih{float: left;width:100%;background: #eee;}
.cartpage .html .lih .c1{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lih .c2{float: left;width: 30%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lih .c3{float: left;width: 25%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lih .c4{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lih .c5{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lih .c6{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lic{float: left;width:100%;border-bottom: 1px solid #eee;padding: 10px 0;}
.cartpage .html .lic .c1{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lic .c1 .carlistimg{height: 36px;}
.cartpage .html .lic .c2{float: left;width: 30%;line-height: 16px;padding: 2px 0 2px 15px;height: 36px;}
.cartpage .html .lic .c2 .carlisttitle{float: left;width: 100%;line-height: 16px;margin-left: 0;}
.cartpage .html .lic .c2 .gg{float: left;width: 100%;line-height: 16px;color: #aaa;}
.cartpage .html .lic .c3{float: left;width: 25%;padding: 0 0 0 15px;height: 36px;line-height: 36px}
.cartpage .html .lic .c4{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lic .c5{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lic .c6{float: left;width: 10%;line-height: 36px;padding: 0 0 0 15px;height: 36px;}
.cartpage .html .lic .c4 .cartlistnumbox{float: left;margin: 5px 0 0 0px;}
.cartpage .html .lic .c4 .cartlistnumbox .numinput{border:1px solid #ddd;height:26px;padding:4px 0;width:32px;float: left;color: #aaa;text-align: center;text-indent: 0;}
.cartpage .html .lic .c4 .cartlistnumbox .numleft{border:1px solid #ddd;height:26px;padding:00 0;width:20px;float: left;color: #ddd;text-align: center;text-indent: 0;border-right: 0;line-height: 24px;}
.cartpage .html .lic .c4 .cartlistnumbox .numright{border:1px solid #ddd;height:26px;padding:00 0;width:20px;float: left;color: #ddd;text-align: center;text-indent: 0;border-left: 0;line-height: 24px;}
.cartpage .html .lib{float: left;width:100%;padding: 15px 0;}
.cartpage .html .lib .c1{float: left;width: 35%;line-height: 40px;padding: 0 0 0 15px;height: 40px;}
.cartpage .html .lib .c2{float: left;width: 65%;line-height: 40px;padding: 0 15px 0 15px;height: 40px;text-align: right;}
.cartpage .html .lib .c2 .nologin{float: right;line-height: 40px;border: none;background: #aaa;color: #fff;padding: 0 20px;border-radius: 4px;}
.cartpage .html .lib .c2 .go{float: right;line-height: 40px;border: none;background: var(--colortwo);color: #fff;padding: 0 20px;border-radius: 4px;}
.cartpage .html .lib .c2 .totalprice{float: right;line-height: 40px;color: #999;margin-right: 10px;}
.cartpage .html .lib .c2 .totalprice b{color: var(--colortwo);}
.cartpage .c{float: left;width:100%;margin: 0px 0px;padding: 0px 0px;background: #fff; }
.cartpage .c .table{width:100%;margin:0px 0px 0;vertical-align:middle;color:#000;font-size:12px;}
.cartpage .c .table a{color:#000;}
.cartpage .c .table th{height:40px;text-align:left;text-indent:30px;background:#e8e8e8;}
.cartpage .c .table td{height:40px;text-align:left;text-indent:30px;background:#f6f6f6;border-spacing: 0px;}
.cartpage .c .table th{font-weight:normal;}
.cartpage .c .table .td{background:#e1e1e1;}
.cartpage .c .tableborder{width:100%;margin:0px 0px 0;vertical-align:middle;color:#000;font-size:12px;border: 1px solid #eee;border-bottom: none;}
.cartpage .c .tableborder a{color:#555;}
.cartpage .c .tableborder th{height:40px;text-align:left;background:#f4f4f4;padding:0px 6px;}
.cartpage .c .tableborder td{height:40px;text-align:left;background:#fff;border-spacing: 0px;padding:10px 0 10px 6px;border-bottom: 1px solid #eee;}
.cartpage .c .tableborder2{width:100%;margin:0px 0px 0;vertical-align:middle;color:#000;font-size:12px;}
.cartpage .c .tableborder2 a{color:#000;}
.cartpage .c .tableborder2 th{height:30px;text-align:left;background:#f4f4f4;padding:3px 6px;border-bottom: 1px solid #eee;}
.cartpage .c .tableborder2 td{height:30px;text-align:left;background:#fff;border-spacing: 0px;padding:3px 6px;border-bottom: 1px solid #eee;}
.cartpage .c .totalprice{height:36px;line-height:36px;float: right;margin: 10px 10px 10px 0;}
.cartpage .c .totalprice b{color: var(--colortwo);font-size: 14px;font-style: normal;}
.cartpage .c .tableborder .nologin{float: right;height: 36px;font-size: 14px;text-align: center;;line-height: 36px;background: #ddd;margin-left: 20px;text-indent: 0;color: #fff;padding: 0 35px;margin: 10px 0;}
.cartpage .c .tableborder .go{float: right;height: 36px;font-size: 14px;text-align: center;;line-height: 36px;background: var(--colortwo);color: #fff;padding: 0 10px;margin: 10px 0 10px 5px;}
.cartpage .c .contentTitle{float: left;width: 100%;line-height: 40px;border-bottom: 1px dotted #ddd;font-size: 14px;color: #666;font-weight: bold;}
.cartpage .c .box{float: left;width: 100%;line-height: 30px;margin: 0px 0 0px;padding: 20px 0;}
.cartpage .c .box label{margin-bottom: 10px;}
.cartpage .c .activity_apply{float: left;width: 1160px;padding:30px 20px;background: #f4f4f4;line-height: 30px;}
.cartpage .c .activity_apply p{float: left;width: 100%;margin: 0 0 10px 0;}
.cartpage .c .activity_apply span{float: left;width: 80px;}
.cartpage .c .activity_apply p .select{width: 120px;line-height: 18px;text-indent: 5px;font-size: 12px;border: 1px solid #ddd;padding: 5px;color: #888;}
.cartpage .c .activity_apply p input{width: 400px;line-height: 18px;text-indent: 5px;font-size: 12px;border: 1px solid #ddd;padding: 5px;color: #888;}
.cartpage .c .activity_apply p input.short{width: 150px;}
.cartpage .goodlist{float: left;width:100%;padding: 0 20px;}
.cartpage .goodlist .li{float: left;width:100%;border-bottom: 1px dashed #eee;padding: 20px 0;}
.cartpage .goodlist .li .goodinfo{float: left;width: 55%;position: relative;}
.cartpage .goodlist .li .goodinfo .carlistimg{float: left;height: 50px;width: 50px;border-radius: 6px;overflow: hidden;margin-right: 6px;position: absolute;z-index: 1;left: 0px;top: 0px;box-shadow: 0 0px 10px rgba(0,0,0,0.1);padding: 3px;}
.cartpage .goodlist .li .goodinfo .carlisttitle{float: left;line-height: 24px;position: relative;padding:0 0 0 60px;width: 100%;}
.cartpage .goodlist .li .goodinfo .carlisttitle b{font-weight: bold;line-height: 24px;font-size: 15px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cartpage .goodlist .li .goodinfo .carlisttitle span{float: left;margin-right: 10px;}
.cartpage .goodlist .li .goodinfo .carlisttitle i{display: none;font-style: normal;color: var(--colortwo);}
.cartpage .goodlist .li .goodinfo .carlisttitle .gift{color: var(--colortwo);line-height: 16px;background: var(--colorone);color: #fff;display: inline-block;padding: 0 5px;border-radius: 3px;}
.cartpage .goodlist .li .goodinfo .carlisttitle em{display: none;font-style: normal;color: var(--colortwo);}
.cartpage .goodlist .li .carlistprice{float: left;width: 12%;line-height:32px;}
.cartpage .goodlist .li .shuliang{float: left;width: 12%;line-height:32px;}
.cartpage .goodlist .li .price_sum{float: left;width: 12%;line-height:32px;color: var(--colortwo);font-weight: bold;}
.cartpage .goodlist .li .weight{float: right;line-height:32px;}
.cartpage .goodlist .li .textall{float: right;width: 30%;line-height:24px;display: none;text-align: right;font-size: 12px;}
.cartpage .goodlist .li .textall b{float: right;width: 100%;font-size: 16px;color: var(--colortwo);font-family: 'MB';font-weight: bold;}
@media (max-width: 768px) {
.cartpage{margin-top:0px;}
.cartpage .goodlist .li{border-bottom: 1px dashed #eee;padding:20px 0;position: relative;}
.cartpage .goodlist .li:last-child{border-bottom:none}
.cartpage .goodlist .li .goodinfo{float: left;width:75%;}
.cartpage .goodlist .li .goodinfo .carlistimg{float: left;height: 44px;width: 44px;border-radius: 6px;overflow: hidden;margin-right: 6px;left: 0px;top: 0px;}
.cartpage .goodlist .li .goodinfo .carlisttitle{float: left;line-height: 20px;padding-left: 55px;}
.cartpage .goodlist .li .goodinfo .carlisttitle b{font-weight: bold;font-size: 13px;}
.cartpage .goodlist .li .goodinfo .carlisttitle i{display:inline-block;}
.cartpage .goodlist .li .goodinfo .carlisttitle em{display:inline-block;}
.cartpage .goodlist .li .weight{display: none;}
.cartpage .goodlist .li .carlistprice{display: none;}
.cartpage .goodlist .li .shuliang{display: none;}
.cartpage .goodlist .li .price_sum{display: none;}
.cartpage .goodlist .li .textall{display: block;width: 25%;}
.cartpage{float: left;width: 100%;padding:0 0;}
.cartpage .c .box{padding: 10px;}
.cartpage .c .tableborder .go{margin-right: 0px;margin-left: 0;}
.cartpage .c .totalprice{margin: 10px 5px 10px 0;}
.cartpage .selectCate{float: left;width: 100%;margin: 0px 0 10px;padding: 0 15px;}
.cartpage .selectCate .hr{float: left;width: 100%;margin: 10px 0 10px;border-bottom: 1px dashed #ddd;}
.cartpage .selectCate label{float: left;height: 24px;overflow: hidden;margin: 0 10px 0 0;}
.cartpage .selectCate label span{float: left;height: 24px;line-height: 24px;margin-right: 0px;}
.cartpage .selectCate label input{float: left;margin-right: 4px;margin-left: 1px;}
.cartpage .selectCate b{float: left;height: 24px;line-height: 24px;margin-right: 10px;width: 100%;}
.cartpage .selectCate .submitBox{float: left;width: 100%;padding: 5px 0 10px 0;text-align: center;}
.cartpage .selectCate .submitBox .sub{float: left;color: #fff;line-height: 34px;height: 36px;padding: 0 0px;border-radius: 4px;background: #fa0;border: none;font-size: 14px;width: 48%;}
.cartpage .selectCate .submitBox .no{float: right;color: #666;line-height: 34px;height: 36px;padding: 0 0px;border-radius: 4px;background: #ccc;border: none;font-size: 14px;margin-left: 0px;width: 48%;}
.cartpage .html{float: left;width:100%;margin: 0px 0px;padding: 0px 0px;background: #fff; }
.cartpage .html .lih{float: left;width:100%;background: #eee;}
.cartpage .html .lih .c1{float: left;width: 12%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lih .c2{float: left;width: 36%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lih .c3{float: left;width: 16%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lih .c4{float: left;width: 26%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lih .c5{float: left;width: 12%;line-height: 36px;padding: 0 0 0 5px;height: 36px;display: none;}
.cartpage .html .lih .c6{float: left;width: 6%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lic{float: left;width:100%;border-bottom: 1px solid #eee;padding: 10px 0;}
.cartpage .html .lic .c1{float: left;width: 12%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lic .c2{float: left;width: 36%;line-height: 36px;padding: 2px 0 2px 5px;height: 36px;line-height: 16px;}
.cartpage .html .lic .c3{float: left;width: 16%;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lic .c4{float: left;width: 26%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lic .c5{float: left;width: 12%;line-height: 36px;padding: 0 0 0 5px;height: 36px;display: none;}
.cartpage .html .lic .c6{float: left;width: 6%;line-height: 36px;padding: 0 0 0 5px;height: 36px;}
.cartpage .html .lic .c4 .cartlistnumbox{float: left;margin: 5px 0 0 0px;}
.cartpage .html .lic .c4 .cartlistnumbox .numinput{border:1px solid #ddd;height:26px;padding:4px 0;width:32px;float: left;color: #aaa;text-align: center;text-indent: 0;}
.cartpage .html .lic .c4 .cartlistnumbox .numleft{border:1px solid #ddd;height:26px;padding:00 0;width:20px;float: left;color: #ddd;text-align: center;text-indent: 0;border-right: 0;line-height: 24px;}
.cartpage .html .lic .c4 .cartlistnumbox .numright{border:1px solid #ddd;height:26px;padding:00 0;width:20px;float: left;color: #ddd;text-align: center;text-indent: 0;border-left: 0;line-height: 24px;}
.cartpage .html .lib{float: left;width:100%;padding: 15px 0;}
.cartpage .html .lib .c1{float: left;width: 35%;line-height: 40px;padding: 0 0 0 15px;height: 40px;}
.cartpage .html .lib .c2{float: left;width: 65%;line-height: 40px;padding: 0 15px 0 15px;height: 40px;text-align: right;}
.cartpage .html .lib .c2 .nologin{float: right;line-height: 40px;border: none;background: #aaa;color: #fff;padding: 0 20px;border-radius: 4px;}
.cartpage .html .lib .c2 .go{float: right;line-height: 40px;border: none;background: var(--colortwo);color: #fff;padding: 0 20px;border-radius: 4px;}
.cartpage .html .lib .c2 .totalprice{float: right;line-height: 40px;color: #999;margin-right: 10px;}
.cartpage .html .lib .c2 .totalprice b{color: var(--colortwo);}
.cartpage .cartSum{float: left;width: 100%;background: #fff;padding: 10px 0px 10px 20px;}
.cartpage .cartSum .totalprice{height:40px;line-height:40px;float: right;margin: 5px 10px 5px 0;}
.cartpage .cartSum .totalprice b{color: var(--colortwo);font-size: 20px;float: left;line-height: 40px;margin-right: 4px;}
.cartpage .cartSum .totalprice span{color: #666;font-size:12px;float: left;line-height: 40px;margin-top: 0;}
.cartpage .cartSum .go{height:50px;line-height:50px;float: right;background: var(--colorone);color: #fff;padding: 0 20px 0 30px;font-size: 16px;border-radius: 6px 0 0 6px;}
.cartpage .cartSum .nologin{height:50px;line-height:50px;float: right;background: #aaa;color: #fff;padding: 0 40px 0 30px;font-size: 18px;border-radius: 6px 0 0 6px;}
.cartpage .cartSum #carlistdelall{float: left;color: #aaa;font-size: 14px;height: 40px;line-height: 40px;margin: 5px 0 0;text-indent: 0;padding-top: 0;text-align: center;}
.cartpage .title{line-height: 50px;height: 50px;font-size: 16px;text-indent: 15px;}
.cartpage .title b{font-size: 14px;font-weight: bold;color: #333;}
}

/*购物车地直选择*/
.cartAddress{float: left;width: 100%;padding: 20px;position: relative;z-index: 100;border-bottom: 3px solid #eee;border-top: 3px solid var(--colorone);}
.cartAddress .con{float: left;width: 100%;}
.cartAddress .con span{float: left;line-height: 50px;font-size: 20px;width: 30px;color: var(--colortwo);}
.cartAddress .con .text{float: left;width: 70%;}
.cartAddress .con .text b{float: left;width: 100%;font-size: 15px;line-height: 24px;margin-bottom: 5px;color: #333;}
.cartAddress .con .text p{float: left;width: 100%;font-size: 12px;line-height: 20px;color: #666;word-wrap:break-word;}
.cartAddress .con a{float: right;}
.cartAddress .con a span{float: right;}
.cartAddress .con a img{float: right;height: 20px;margin-top: 10px;}
.cartAddress .b{float: left;width: 100%;}
.cartAddress .b img{float: left;width: 100%;}
@media (max-width: 768px) {
.cartAddress{margin-bottom: 0;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.cartAddress .con{padding:0;}
}

.sumbox{float: left;width: 100%;margin: 20px 0;background: #fafafa;padding:10px 20px;font-weight: bold;}
.sumbox .huopin{float: left;line-height: 24px;margin-right: 20px;}
.sumbox .huopin b{float: left;font-weight: bold;}
.sumbox .yunfei{float: left;line-height: 24px;}
.sumbox .yunfei b{float: left;font-weight: bold;}
@media (max-width: 768px) {
.sumbox{float: left;width: 100%;margin:0 0 20px;border: none;padding: 10px 20px;}
.sumbox .huopin{float: left;line-height: 24px;margin-right: 20px;border: none;}
.sumbox .huopin b{float: left;font-weight: bold;}
.sumbox .yunfei{float: right;line-height: 24px;border:none;}
.sumbox .yunfei b{float: left;font-weight: bold;}
}
/* paymethod */
.paymethodt{float: left;width: 100%;margin: 0 0 15px;padding: 0px 20px;}
.paymethod{float: left;width: 100%;margin: 0 0 20px;}
.pay_method_box{float: left;width: 100%;margin: 0 0 20px 0;padding: 0 20px;}
.pay_method_box label{float: left;height: 60px;border: 1px solid #eee;margin: 0 10px 0 0;display: flex;flex-direction: row;justify-items: center;padding: 14px 25px 14px 18px;justify-content: space-between;border-radius: 6px;}
.pay_method_box label input{margin: 0 10px 0 0;}
.pay_method_box label span{font-size: 20px;line-height:30px;margin-right: 10px;}
.pay_method_box label i{line-height:30px;font-style: normal;font-size: 16px;font-weight: bold;}
.pay_method_box label em{font-size: 13px;line-height:30px;font-style: normal;font-weight: normal;color: #333;}
.pay_method_box .weixinpay{background: #eaf3ef;border-color: #a6ddcb;}
.pay_method_box .weixinpay span{font-size: 30px;color: #22a766;}
.pay_method_box .alipay span{font-size: 26px;color: #1193f1;}
.pay_method_box .alipay{margin-right: 0;background: #e1f3ff;border-color:#b6dffd}
.pay_method_box .deduction{background: #eaf3ef;border-color: #a6ddcb;}
.pay_method_box .deduction span{font-size: 16px;color: #22a766;font-weight: bold;}
.pay_method_box .deduction i{font-size: 14px;color: #333;}
@media (max-width: 768px) {
    .pay_method_box .deduction{margin-bottom: 10px;width: 100%;justify-content: flex-start;}
}
.order_note_wrap{width:100%;float: left;padding:0 20px 20px;}
.order_note{width:100%;float: left;height: 80px;border: none;padding: 10px;color: #333;box-shadow: 0 0px 6px rgb(55 146 241 / 18%);border-radius: 6px;}
.order_note:focus{box-shadow: 0 0px 6px rgba(0,0,0,0.05);}
@media (max-width: 768px) {
.order_note_wrap{padding: 0 20px 20px;margin-bottom: 0;}
.order_note{height: 80px;}
.order_note::-webkit-input-placeholder { color: #ccc;}
.order_note:-ms-input-placeholder {color: #ccc;}
.order_note::placeholder {color: #ccc;}
}

#company_name{float: left;width: 100%;}
.contentOrder{float: left;width: 100%;padding:20px;background: #fafafa;display: grid;grid-template-columns: 2fr auto;align-items: center;}
.contentOrder .submit{float: right;height: 70px;border: none;background: var(--colorone);font-size: 18px;color: #fff;padding: 0 80px;font-weight: bold;border-radius: 0 70px 70px 0;}
.contentOrder p{line-height:30px;float: left;font-size: 13px;margin-right: 20px;}
.contentOrder p b{color: var(--colorone);}
.contentOrder p i{color: var(--colorone);font-size: 20px;font-weight: bold;font-style: normal;}
@media (max-width: 768px) {
.contentOrder{float: left;width: 100%;margin: 0px 0 40px;padding:0 20px;background: #fff;grid-template-columns: 1fr;}
.contentOrder .submit{float: right;height: 60px;border: none;background: var(--colorone);font-size: 18px;color: #fff;padding:0 30px;font-weight: bold;border-radius:10px;margin-top: -10px;position: relative;z-index: 4;}
.contentOrder p{line-height:26px;float: left;font-size: 13px;margin-right: 0px;width: 100%;margin: 0px 0 0;background-color: #f7f7ff;padding: 25px 20px 30px;border-radius: 10px;}
.contentOrder p b{color: var(--colorone);}
.contentOrder p i{color: var(--colorone);font-size: 20px;font-weight: bold;font-style: normal;}
}

/* filter_1 */
.filter_1{float: left;width: 100%;background: #fff;position: sticky;top: 74px;margin: 74px 0 0 0;box-shadow: 0 10px 10px rgba(0,0,0,0.05);border-radius: 0 0 10px 10px;z-index: 999;}
.filter_1 .t{float: left;width: 100%;line-height: 40px;background: #ddd;text-indent: 30px;font-size: 14px;color: #666;margin-bottom: 35px;}
.filter_1 .title{float: left;width: 100%;background: #f4f4f4;padding: 0 15px;line-height: 44px;border-bottom: 1px solid #eee;}
.filter_1 .c{float: left;width: 100%;line-height: 30px;padding: 25px 15px 15px;}
.filter_1 .c span{float: left;width: 60px;color: #666;margin-bottom: 6px;}
.filter_1 .c .select{float: left;width: 100px;height: 30px;border: 1px solid #eee;margin: 0 10px 0 0;}
.filter_1 .c .box{float: left;width: 100%;display: grid;grid-template-columns: 80px 1fr;margin-bottom: 10px;}
.filter_1 .c .box .lil{}
.filter_1 .c .box .lir{}
.filter_1 .c .box em{float: left;color: #ddd;font-style: normal;margin: 0 6px 6px;}
.filter_1 .c .box a{float: left;color: #222;padding: 0 6px;margin-bottom: 8px;margin-right: 6px;background: #f4f4f4;border-radius: 3px;font-size: 12px;}
.filter_1 .c .box a.pa{color: #222;background: #f4f4f4;}
.filter_1 .c .box a.cur{color: #fff;background: #000;}
.filter_1 .c .box a:hover{color: #fff;background: #000;}
.filter_toggle{float: right;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #495057;font-weight: 500;}
.filter_toggle span{margin-left: 6px;}
.filter_toggle .toggle_text{flex: 1;text-align: center;}
.filter_1 .container{overflow: hidden;transition: all 0.3s ease;display: none;}



/*good_index*/
.good_index{ float: left;width: 100%;margin:20px 0 60px;}
.good_index .cate{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #ddd;padding: 20px 0;}
.good_index .cate .list{float:left; }
.good_index .cate .list a{height: 60px;line-height: 60px;color: #000;float: left;font-size: 20px;margin-right: 30px;font-weight: bold;font-family: 'MB';}
.good_index .cate .list a.cur{color: var(--colorone)}
.good_index .cate form{float: right;width:400px;max-width: 60%;height: 60px;border-bottom: 2px solid #888;display: flex;}
.good_index .cate form .input{flex:1;background: none;border: none;outline: none;color: #888;line-height: 60px;margin: 0;padding: 0;float: left;height: 60px;font-size: 15px;}
.good_index .cate form button{float: right;color: #000;font-size: 48px;line-height: 60px;height: 60px;background: none;border: none;margin: 0;padding: 0;width: 60px;text-align: center;}
.good_index .cate form button span{line-height: 60px;top: 0;font-size: 24px;color: #000;vertical-align: top;display: inline-block;}
.good_index .box{float: left;width: 100%;padding: 0 15px;}
.good_index .box .ul{float: left;width:100%;font-size:13px;display: grid;justify-content: start;flex-wrap: wrap;grid-template-columns: 1fr 1fr 1fr;gap: 10px;margin-bottom: 20px;}
.good_index .box .ul a{width: 100%;float: left;position: relative;text-align: left;overflow: hidden;background: #fff;display: flex;transition: 0.5s;flex-direction: column;    height: 100%;border-radius: 10px;}
.good_index .box .ul a .img{float: left;width: 100%;aspect-ratio: 1;position: relative;}
.good_index .box .ul a .img span{position: absolute;right: 10px;top: 10px;width: 40px;height: 30px;border-radius: 30px 0 30px 30px;background: linear-gradient(45deg,#f70,#ffc979);text-align: center;line-height: 30px;color: #fff;font-size: 12px;}
.good_index .box .ul a .img span.span_2{background: linear-gradient(45deg,var(--colorone),#8481ff);}
.good_index .box .ul a .img img{float: left;width: 100%;aspect-ratio: 1;border-radius: 10px 10px 0 0;}
.good_index .box .ul a .r{flex:1;float: right;padding:10px;transition: 0.5s;}
.good_index .box .ul a .r b{float: left;width: 100%;transition: 0.5s;line-height: 20px;font-size: 15px;color:var(--themeone);font-family: 'MB';word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.good_index .box .ul a .r p{float: left;width: 100%;transition: 0.5s;font-family: 'ML';margin-top: 10px;font-size: 14px;line-height: 24px;display: flex;    align-items: end;}
.good_index .box .ul a .r p span:first-child{color: #f00;font-size: 20px;font-weight: bold;font-family: 'MB';margin-right: 5px;}
.good_index .box .ul a .r p span:first-child::before{content: '￥';font-size: 12px;color: #f00;margin-right: 3px;}
.good_index .box .ul a .r p span:last-child{color: #333;font-size: 11px;}
.good_index .box .ul a .r p span:last-child::before{content: '￥';}
.good_index .content{float: left;width: 100%;line-height: 24px;font-size: 13px;}
.good_index .content .htext{float: left;width: 100%;}
.good_index .content .htext .h1{float: left;width: 100%;margin:30px 0 15px;line-height: 30px;font-size: 30px;font-weight: bold;}
.good_index .content .htext .h1 .w3c:hover{color: #fff;background: var(--themecolor);padding: 0 30px 0 50px;}
.good_index .content .htext .info{float: left;width: 100%;line-height: 30px;margin-bottom: 10px;color: #aaa;}
.good_index .content .htext .price{float: left;width: 100%;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 40px;}
.good_index .content .htext .price b{float: left;line-height: 50px;font-size: 30px;color: var(--colorone);}
.good_index .content .htext .price a{float: right;line-height: 50px;background: var(--colorone);color: #fff;border-radius: 6px;color: #fff;padding: 0 20px;font-size: 18px;font-weight: bold;}
.good_index .content .htext .text{float: left;width: 100%;line-height: 30px;font-size: 15px;}
.good_index .content .htext .text img{max-width: 100%;}
.good_index .content .htext .text h1{float: left;width: 100%;line-height: 60px;font-size: 36px;margin: 0 0 20px;padding: 0 0 15px;font-weight: bold;border-bottom: 3px dashed #eee;}
.good_index .content .htext .text h2{float: left;width: 100%;line-height: 60px;font-size: 24px;margin: 0 0 10px;padding: 0;font-weight: bold;}
.good_index .content .htext .text h3{float: left;width: 100%;line-height: 40px;font-size: 18px;margin: 0 0 10px;padding: 0;font-weight: bold;}
.good_index .content .htext .text blockquote{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 5px 0;padding: 15px;background: #fafafa;margin:  0 0 15px;}
.good_index .content .htext .text blockquote p{color: #999;}
.good_index .content .htext .text .syntaxhighlighter{margin: 15px 0 !important;display: inline-block;}
@media (max-width: 768px) {
.good_index{ float: left;width: 100%;margin-bottom: 40px;}
.good_index .cate{display: none;}
.good_index .box{float: left;width: 100%;background: none;border-radius: 0px;box-shadow: none;}
.good_index .box .ul{grid-template-columns: 1fr 1fr;gap: 10px;}
.good_index .content{padding:20px;}
}

.btbox{position: fixed;bottom: 0;left: 0;color: #000;z-index: 222;width: 100%;display: flex;justify-content: center;}
.btbox .box{width: 100%;max-width: 640px;box-shadow: 0 -10px 10px rgba(0,0,0,0.1);background: #fff;}
.btbox .box .ttt{float: left;width: 100%;line-height: 20px;background: var(--colorone_bg);color: var(--colorone);padding: 15px;}
.btbox .box .ttt .ll{float: left;}
.btbox .box .ttt .ll i{font-size: 24px;font-family: 'MB';font-style: normal;}
.btbox .box .ttt b{float: right;font-weight: normal;}
.btbox .box .ttt p{float: left;width: 100%;background: rgba(255,255,255,0.7);padding: 10px;margin-top: 5px;display: none;border-radius: 6px 0 6px 6px;}
.btbox .box .bbb{float: left;width: 100%;display: grid;grid-template-columns: 44px 44px 56px 1fr 1fr;padding:15px 10px;gap: 4px;align-items: center;}
.btbox .box .bbb .a{display: flex;flex-direction: column;align-items: center;position: relative;}
.btbox .box .bbb .a span{line-height: 24px;font-size: 20px;}
.btbox .box .bbb .a .num{position: absolute;padding: 0 6px;line-height: 18px;background: rgba(221, 0, 0, 0.8);color: #fff;border-radius: 18px;font-size: 10px;right: 7px;top: -3px;}
.btbox .box .bbb .a p{line-height: 20px;font-size: 11px;}
.btbox .box .bbb .submit{width:100%;margin-right: 0;height: 40px;overflow: hidden;border-radius:40px;line-height: 40px;text-align: center;}
.btbox .box .bbb .submit span{font-size: 15px;font-weight: bold;}