#order , #orderTotal , .orderButton { width: 100%; margin: 0 auto; }

/* orderWrap */
.orderWrap .list { padding: 10px 20px; border-bottom: 1px #dddee4 solid; }
.orderWrap .list:last-child { border-bottom: 0; }
.orderWrap .list .img { width: 50%; display: inline-block; }
.orderWrap .list .img font { width: 80px; height: 80px; background: no-repeat 50% / cover; display: inline-block; }
.orderWrap .list .img b { overflow: hidden; margin-left: 10px; width: calc(100% - 90px); height: 27px; display: -webkit-inline-box; font-weight: normal; font-size: 16px; color: #000; -webkit-line-clamp: 1; }
.orderWrap .list .img img { height: 70px; }
.orderWrap .list .info { width: 50%; display: flex; align-items: center; }
.orderWrap .list .info p { width: calc((100% - 25px) / 3); display: inline-block; color: #464646; }
.orderWrap .list .info p * { color: #464646; }
.orderWrap .list .info p.remove { width: 25px; }
.orderWrap .list .info p.remove a { color: #7f7f7f; }
.orderWrap .list .info p input[data-action="chgQ"] { padding: 5px 10px; width: 40px; background: none; border: 1px solid #52525230; text-align: center; }

.orderWrap .list.title { padding: 15px 20px; background: #c3a14e; }
.orderWrap .list.title p { color: #fff; }

/* orderTotal */
#orderTotal p { margin:0; padding: 13px 0; border-top: 1px rgb(150 150 150 / 19%) dashed; font-size: 15px; color: #758979; }
#orderTotal #price3 { border-bottom: 1px rgb(204 204 204 / 0.15) dashed; }
#orderTotal p b { width:100px; display:inline-block; }

/* orderButton */
.orderButton {overflow:hidden;margin: 20px auto 10px;}
.orderButton p { float:left; }
.orderButton p input { padding: 14px 17px; background: #585959; font-size: 14px; color: #fff; }
.orderButton p.link { float:right; }
.orderButton p.link a { padding: 12px 17px; background: #c3a14e; display: block; font-size: 14px; color: #fff; }

@media screen and (min-width:981px) {
	.orderWrap .list { display: flex; align-items: center; }
	.orderWrap .list .info p { text-align: center; }
	.orderWrap .list .info p.sBox font.pcDisBox { display: none; }
}
@media screen and (max-width:980px) {
	.orderWrap .list.title { display: none; }
	.orderWrap .list { position: relative; padding-left: 110px; }
	.orderWrap .list .img , .orderWrap .list .info p , .orderWrap .list .info p:first-child { width: auto; display: block; line-height: 1.2; }
	.orderWrap .list .img font { position: absolute; width: 65px; height: 65px; display: block; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.orderWrap .list .img b { margin-left: 0; width: calc(100% - 90px); height: 19px; }
	.orderWrap .list .info { width: calc(100% - 90px); height: 37px; display: block; line-height: 1; }
	.orderWrap .list .info p:first-child font , .orderWrap .list .info p:first-child b { font-size: 12px; color: #696868; }
	.orderWrap .list .info p.qBox { position: absolute; right: 20px; bottom: 10px; }
	.orderWrap .list .info p.pBox { display: none; }
	.orderWrap .list .info p.tBox { font-size: 18px; font-weight: bold; color: #cb141d; }
	.orderWrap .list .info p.remove { position: absolute; right: 20px; top: 5px; }
}
@media screen and (max-width:450px) {
	.orderWrap .list { padding: 10px 0; }
	.orderWrap .list .img font { position: relative; margin: 0 auto 10px; width: 150px; height: 150px; left: 0; }
	.orderWrap .list .img img { height: auto; }
	.orderWrap .list .img b { width: 100%; text-align: center; } 
	.orderWrap .list .info { width: 100%; }
	.orderWrap .list .info p { text-align: center; }
}