/* BASIC css start */
.cate-wrap.gift-title { position:relative; padding:2px 0 8px; border-bottom:1px solid #e3e3e3; }
.cate-wrap.gift-title .title { display:inline-block; color:#202020; font-size:18px; font-weight:bold; line-height:1; letter-spacing:-0.5px; margin-right:20px; vertical-align:top; }
.cate-wrap.gift-title .sub-title { display:inline-block; vertical-align:-4px; font-size:12px; color:#666; letter-spacing:-1px; }
.cate-wrap.gift-title .btns-all { position:absolute; bottom:7px; right:0; }
.cate-wrap.gift-title .btns-all a { display:inline-block; height:20px; line-height:22px; padding:0 14px; border:1px solid #666; color:#fff; background:#999; text-align:center; font-weight:bold; }

#contentWrapper { z-index:1; position:relative; }
#giftList .gift-select { z-index:1; position:relative; }
#giftList .gift-select.on { z-index:2; }
#giftList .gift-select .gift-tit { position:relative; padding:20px 48px; margin-bottom:15px; border-top:1px solid #4c4c4c; border-bottom:1px solid #dbdbdb; color:#666; background:#f9f9f9; }
#giftList .gift-select .gift-tit strong { display:inline-block; padding-bottom:5px; font-size:16px; color:#000; }
#giftList .gift-select .gift-tit a { position:absolute; top:30px; right:48px; height:20px; line-height:22px; padding:0 24px; border:1px solid #666; color:#fff; background:#999; text-align:center; font-weight:bold; }
#giftList .gift-select .gift-tit .gift-name { padding-right: 91px; }
#giftList .gift-select .gift-list { display:none; position:relative; padding:25px 40px 40px; }
#giftList .gift-select .gift-list dl:after { clear: both; content: ""; display: block; }
#giftList .gift-select .gift-list dl { width:100%; margin-bottom:20px; border-top:1px solid #000; border-left:1px solid #dbdbdb; }
#giftList .gift-select .gift-list dl dt,
#giftList .gift-select .gift-list dl dd { float:left; color:#333; }
#giftList .gift-select .gift-list dl dt { width:17%; background:#f7f7f7; }
#giftList .gift-select .gift-list dl dd { width:33%; }
#giftList .gift-select .gift-list dl dt > div,
#giftList .gift-select .gift-list dl dd > div { position:relative; height:46px; line-height:48px; padding-left:20px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
#giftList .gift-select .gift-list dl dd > div .btn { display:inline-block; height:20px; line-height:22px; padding:0 12px; margin-left:5px; border:1px solid #ccc; border-top:1px solid #e0e0e0; font-size:11px; color:#444; background:#ebebeb url('/makeshop/newmanager/neoimages/bg/h20_btn.gif') repeat-x 0 0; text-align:center; letter-spacing:-1px; }
#giftList .gift-select .gift-list table { width:100%; border-top:1px solid #000; border-left:1px solid #dbdbdb; }
#giftList .gift-select .gift-list table th,
#giftList .gift-select .gift-list table td { border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
#giftList .gift-select .gift-list table th { background:#f7f7f7; }
#giftList .gift-select .gift-list table th > div,
#giftList .gift-select .gift-list table td > div { padding:20px 0; text-align:center; }
#giftList .gift-select .gift-list table th > div { padding:15px 0; }
#giftList .gift-select .gift-list table td > div.txt-l { padding-left:20px; text-align:left; }
#giftList .gift-select .gift-list table td > div ul:after { clear: both; content: ""; display: block; }
#giftList .gift-select .gift-list table td > div ul { width:95%; margin:0 auto; }
#giftList .gift-select .gift-list table td > div ul li { float:left; width:14.2%; padding-bottom:20px; text-align:center; height:108px; }
#giftList .gift-select .gift-list table td > div ul li a { display:block; width:100%; height:100%; cursor:pointer; }
#giftList .gift-select .gift-list table td > div ul li .g-img { width:88px; height:88px; border:1px solid #d9d9d9; }
#giftList .gift-select .gift-list table td > div ul li .g-img img { width:100%; height:100%; }
#giftList .gift-select .gift-list table td > div ul li .g-name { overflow:hidden; width:90px; padding-top:15px; text-overflow:ellipsis; white-space:nowrap; }
#giftList .gift-select .gift-list table.tbl2 td > div { padding-bottom:0; }

#giftList .layer-gift-style { z-index:10; position:absolute; top:25px; right:240px; width:460px; border:3px solid #2868de; background:#fff; font-size:12px; font-weight:normal; text-align:left; }
#giftList .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; }
#giftList .layer-gift-style .bg { width:100%; height:27px; background:#f6f6f6; }
#giftList .layer-gift-style .cont { padding:20px 30px 25px; letter-spacing:-1px; }
#giftList .layer-gift-style .cont .tit { font-size:24px; color:#000; font-weight:bold; border-bottom:1px solid #ccc; }
#giftList .layer-gift-style .cont dl { margin:25px 0 0; border:1px solid #dbdbdb; border-bottom:none; }
#giftList .layer-gift-style .cont dl dt,
#giftList .layer-gift-style .cont dl dd { float:none; width:100%; padding:10px 0 8px; margin:0; border-bottom:1px solid #dbdbdb; color:#333; text-align:center; }
#giftList .layer-gift-style .cont dl dt { padding:0; color:#000; font-weight:bold; line-height:34px; }
#giftList .layer-gift-style .cont dl dd { text-align:left; }
#giftList .layer-gift-style .cont dl dd a,
#giftList .layer-gift-style .cont dl dd span { display:block; padding:0 20px; }

#layer-gift-group { left:40px; }
/* BASIC css end */