/* BASIC css start */
#gift_list .h_title { position:relative; }
#gift_list .h_title .btns-all { position:absolute; bottom:3px; right:10px; }
#gift_list .h_title .btns-all a { display:inline-block; height:21px; line-height:21px; padding:0 9px; border:1px solid #c6c6c6; color:#3d3d3d; background:#fff; text-align:center; }

#gift_list .anchorBtnWrap { height:60px; overflow:hidden }
#gift_list .anchorBtnWrap *::-webkit-scrollbar { display:none }
#gift_list .anchorBtnWrap .anchorBtnArea { padding:15px 0; background:#fff }
#gift_list .anchorBtnWrap .anchorBtnArea.fix { position:fixed; top:129px; left:0; right:0; z-index:100; box-shadow:0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1) }

#gift_list .anchorBtnWrap .scrBox { overflow:hidden; overflow-x:auto }
#gift_list .anchorBtnWrap .scrBox ul { display:flex; padding:0 12px; width:auto; min-width:max-content; justify-content:space-between }
#gift_list .anchorBtnWrap .scrBox li { width:auto }
#gift_list .anchorBtnWrap .scrBox li a { display:flex; margin:0 2px; padding:0 10px; position:relative; height:30px; font-size:12px; line-height:30px; background:#f6f7f9; border-radius:30px; flex-direction:column; align-items:center }
#gift_list .anchorBtnWrap .scrBox li:first-child a { margin-left:0 }
#gift_list .anchorBtnWrap .scrBox li a.on { color:#fff; background:#333 }

#gift_list .gift-select { padding:15px 12px }
#gift_list .gift-select .gift-tit { position:relative; color:#666; }
#gift_list .gift-select .gift-tit strong { display:inline-block; padding-bottom:5px; font-size:16px; color:#000; }
#gift_list .gift-select .gift-tit a { position:absolute; top:0; right:0; height:20px; font-size:11px; line-height:20px; padding:0 13px; border:1px solid #c6c6c6; color:#3d3d3d; background:#fff; text-align:center; }
#gift_list .gift-select .gift-tit .gift-name { padding-right: 70px; }
#gift_list .gift-select .gift-list { margin-top:10px; border:1px solid #bbb }
#gift_list .gift-select .gift-list .listInfo { display:table; width:100% }
#gift_list .gift-select .gift-list .listInfo > dt,
#gift_list .gift-select .gift-list .listInfo > dd { display:table-cell; font-size:13px; border-top:1px solid #e9e9e9 }
#gift_list .gift-select .gift-list .listInfo:first-child > dt,
#gift_list .gift-select .gift-list .listInfo:first-child > dd { border-top:0 }
#gift_list .gift-select .gift-list .listInfo > dt { padding:13px 0; width:25%;  font-weight:bold; text-align:center; background:#fcfcfc; vertical-align:middle }
#gift_list .gift-select .gift-list .listInfo > dd { padding:13px 10px; width:75% }
#gift_list .gift-select .tbl { margin-top:10px }
#gift_list .gift-select .tbl table { width:100%; border:1px solid #bbb }
#gift_list .gift-select .tbl table th { border-bottom:1px solid #e9e9e9 }
#gift_list .gift-select .tbl table th { padding:13px 0; font-size:13px; background:#fcfcfc; }
#gift_list .gift-select .tbl table td { border-top:1px solid #e9e9e9 }
#gift_list .gift-select .tbl table tr th:first-child,
#gift_list .gift-select .tbl table tr td:first-child { border-right:1px solid #e9e9e9 }
#gift_list .gift-select .tbl table td > div { padding:10px 0; text-align:center; }
#gift_list .gift-select .tbl table td > div.txt-l { padding-left:10px; padding-right:10px; text-align:left; }
#gift_list .gift-select .tbl table td > div ul { padding-left: 1%; list-style: none; display: flex; align-items: start; justify-content: start; flex-wrap: wrap; }
#gift_list .gift-select .tbl table td > div ul:after { clear: both; content: ""; display: block; }
#gift_list .gift-select .tbl table td > div ul li { margin:0 1%; float:left; width:31%; padding-bottom:10px; text-align:center; }
#gift_list .gift-select .tbl table td > div ul li a { display:block; height:100%; margin:0 auto; cursor:pointer; }
#gift_list .gift-select .tbl table td > div ul li .g-img { border:1px solid #d9d9d9; background:#fff; background-size:100% 100%; }
#gift_list .gift-select .tbl table td > div ul li .g-img img { max-width:100%; height:auto; max-height:100%; }
#gift_list .gift-select .tbl table td > div ul li .g-name { width: 100%; /* overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */ }
#gift_list .gift-select .tbl2 td > div { padding-bottom:0; }
#gift_list .gift-select .gift-layer-open { display:inline-block; padding:0 2px; font-size:16px; color:#333; text-align:center; vertical-align:top }
#gift_list .gift-select .gift-layer-open i { line-height:17px; vertical-align:top }

#gift_list .layer-gift-style { position:relative }
#gift_list .layer-gift-style a.l-close { position:absolute; top:0; right:0; width:27px; height:27px; background:url('/images/common/orderpay/h11_close.gif') no-repeat center center; }
#gift_list .layer-gift-style .bg { width:100%; height:27px; background:#f6f6f6; }
#gift_list .layer-gift-style .cont { margin-top:15px; border-top:1px dashed #e9e9e9; }
#gift_list .layer-gift-style .cont .tit { font-size:13px; color:#000; font-weight:bold; border-bottom:1px solid #ccc; }
#gift_list .layer-gift-style .cont dl { margin:15px 0 0; padding:0 }
#gift_list .layer-gift-style .cont dl dt,
#gift_list .layer-gift-style .cont dl dd { float:none; width:100%; margin:0; font-size:11px; color:#333;  }
#gift_list .layer-gift-style .cont dl dt { padding:0 0 5px; font-size:12px; font-weight:bold }
#gift_list .layer-gift-style .cont dl dd a,
#gift_list .layer-gift-style .cont dl dd span { display:block; }
#gift_list .layer-gift-style .closeBtn { position:absolute; top:13px; right:0 }
#gift_list .layer-gift-style a.gift-layer-close { display:block; width:20px; height:20px; font-size:14px; color:#333; text-align:center; line-height:20px }

/* BASIC css end */