/* BASIC css start */
#recent { background-color: #fff; padding-bottom:80px }

#recent .recentMenu { position: relative; display: flex; padding: 0 20px; height: 50px; line-height: 50px; font-size: 13px; }
#recent .recentMenu .total { width: 100%; font-size: 13px; color: #000; text-align: left; }
#recent .recentMenu .btns { width: 100%; color: #a6a6a6; text-align: right; }
#recent .none-data p { padding: 100px 0; text-align: center; color: #aaa; font-size: 14px; }

.recentList { padding: 0 20px; }
.recentList li { padding-bottom: 15px; }
.recentList figure {width:100%; display: flex; }
.basket_thumb { flex: 0 0 100px; }
.basket_thumb a { display:block; }
.basket_info { flex: 1; padding: 15px; }
.basket_info .pname { font-size: 13px; line-height: 18px; word-break: keep-all; overflow: hidden; letter-spacing: -.5px; padding-bottom: 5px;  }

.basket_info .priceBox { position: relative; }
.basket_info .priceBox .percent { padding-right: 2px; color: #eb5e3e; font-weight: 600; font-size: 13px; }
.basket_info .priceBox .listPrice { color: #000; font-size: 14px; font-weight: 600; line-height: 15px; display: inline-block; margin-right: 2px; }
.basket_info .priceBox .listPrice strike { color: #979797; font-weight: normal; font-size: 11px; }

.basket_btn { flex: 0 0 auto; padding: 15px 0; }
.basket_btn .btn_delete { position: relative; display: block; width: 20px; height: 20px; }
.basket_btn .btn_delete:before { content: ""; position: absolute; top: 9px; left: 2px; width: 16px; height: 1.5px; background: #a6a6a6; transform: rotate(45deg); }
.basket_btn .btn_delete:after { content: ""; position: absolute; top: 9px; left: 2px; width: 16px; height: 1.5px; background: #a6a6a6; transform: rotate(-45deg); }
/* BASIC css end */