@charset "utf-8";
/* ================================ */
/* 积分商城页面独立样式定义 				*/
/* Author:			heilong		*/
/* Copyright:		www.33hao.com	*/
/* Create Date:		Aug-10-2012		*/
/* Retrofit Date:	Oct-15-2012		*/
/* ================================ */

.nc-appbar-tabs a.compare { display: none !important;}/*积分中心页面去除侧边栏对比*/
/* 按钮
-------------------------------------------*/
a.dsp-btn-mini { font: normal 12px/20px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 20px; padding: 0 10px; margin-right: 2px; border-style: solid; border-width: 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
a:hover.dsp-btn-mini { text-decoration: none; color: #333; background-color: #E6E6E6;border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
a.dsp-btn { font: normal 14px/20px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; display: inline-block; height: 20px; padding: 4px 16px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
a:hover.dsp-btn { text-decoration: none; color: #333; background-color: #E6E6E6; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
a.dsp-btn-mini i, a.dsp-btn i { margin-right: 4px;}
a.dsp-btn-blue, a.dsp-btn-acidblue, a.dsp-btn-green, a.dsp-btn-orange, a.dsp-btn-red, a.dsp-btn-black,
a:hover.dsp-btn-blue, a:hover.dsp-btn-acidblue, a:hover.dsp-btn-green, a:hover.dsp-btn-orange, a:hover.dsp-btn-red, a:hover.dsp-btn-black { color: #FFF ; text-shadow: 0 -1px 0 rgba(0,0,0,0.10);}
a.dsp-btn-blue { background-color: #006DCC; border-color: #0062B7 #0062B7 #005299 #0062B7;}
a.dsp-btn-acidblue { background-color: #49AFCD; border-color: #429DB8 #429DB8 #37839A #429DB8;}
a.dsp-btn-green { background-color: #5BB75B; border-color: #52A452 #52A452 #448944 #52A452;}
a.dsp-btn-orange { background-color: #FAA732; border-color: #E1962D #E1962D #BB7D25 #E1962D;}
a.dsp-btn-red { background-color: #DA4F49; border-color: #C44742 #C44742 #A33B37 #C44742;}
a.dsp-btn-black { background-color: #363636; border-color: #313131 #313131 #282828 #313131;}
a:hover.dsp-btn-blue { background-color: #0044CC; border-color: #003DB7 #003DB7 #003399 #003DB7;}
a:hover.dsp-btn-acidblue { background-color: #2F96B4; border-color: #2A87A2 #2A87A2 #237087 #2A87A2;}
a:hover.dsp-btn-green { background-color: #51A351; border-color: #499249 #499249 #3D7A3D #499249;}
a:hover.dsp-btn-orange { background-color: #F89406; border-color: #DF8505 #DF8505 #BA6F04 #DF8505;}
a:hover.dsp-btn-red { background-color: #BD362F; border-color: #AA312A #AA312A #8E2823 #AA312A;}
a:hover.dsp-btn-black { background-color: #222222; border-color: #1F1F1F #1F1F1F #191919 #1F1F1F;}
/* =====================
 * 表单元素格式化及伪类效果
 * ===================== */
input[type="text"], input[type="password"], input.text, input.password { font: 12px/20px Tahoma; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 20px; padding: 4px; border: solid 1px #CCC; outline: 0 none;}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #333; border-color: #75B9F0; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: 0 none;}
textarea, .textarea { font: 12px/20px Tahoma; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 60px; padding: 4px; border: solid 1px #CCC; outline: 0 none; resize:none;}
select { color: #777; background-color: #FFF; height: 30px; padding: 4px; border: solid 1px #CCC;}
select option { line-height: 20px; height: 20px; padding: 4px;}
/* 翻页样式 */
.pagination { display: inline-block; margin: 0 auto;}
.pagination ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; }
.pagination ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 0 0 -1px;}
.pagination ul li { *display: inline/*IE6、7*/; *zoom:1;}
.pagination li span { font: normal 14px/20px "microsoft yahei"; color: #AAA; background-color: #FAFAFA; text-align: center; display: block; min-width: 20px; padding: 8px; border: 1px solid #E6E6E6; position: relative; z-index: 1;}
.pagination li a span , 
.pagination li a:visited span { color: #005AA0; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;}
.pagination li a:hover span, .pagination li a:active span{ color: #FFF; text-decoration: none !important; background-color: #ff4040; border-color: #CA3300; position: relative; z-index: 9; cursor:pointer;}
.pagination li a:hover { text-decoration: none;}
.pagination li span.currentpage { color: #AAA; font-weight: bold; background-color: #FAFAFA; border-color: #E6E6E6; position: relative; z-index: 2;}

.dsp-container { width: 1200px; margin: 0 auto 10px auto;}
.dsp-base-layout { border: solid 1px #FED4AE; overflow: hidden;}
.dsp-member-left { background-color: #FFF; width: 297px; float: left; border-right: solid 1px #EEE;}
.dsp-member-right { width: 900px; float:right;}

/*会员概述*/
.dsp-member-info { padding: 9px 19px; overflow: hidden;}
.dsp-member-info .avatar { width: 88px; height: 88px; float: left; position: relative; z-index: 1;}
.dsp-member-info .avatar .frame { background: url(../images/point_bg.png) no-repeat 0 0; width: 88px; height: 88px; position: absolute; z-index: 2; top: 0; left: 0;}
.dsp-member-info .avatar img { width: 80px; height: 80px; position: absolute; z-index: 1; top: 4px; left: 4px;}
.dsp-member-info dl { display: block; width: 140px; float: left; margin: 10px 0 0 10px;}
.dsp-member-info dt { font: 600 14px/20px "microsoft yahei"; margin-bottom: 6px;}
.dsp-member-info dd { line-height: 22px;}

/*会员等级*/
.dsp-member-grade { background-color: #FFFBF3; text-align: center; width: 100%; padding: 9px 0; border-top: solid 1px #FED4AE;}
.dsp-member-grade .progress-bar { font-size: 0; *word-spacing:-1px/*IE6、7*/; display: block;}
.dsp-member-grade .progress-bar em,
.dsp-member-grade .progress-bar span { vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}
.dsp-member-grade .progress-bar em { font: 12px/20px "microsoft yahei"; text-align: center; width: 30px;}
.dsp-member-grade .progress-bar span { background-color: #CCC; width: 200px; height: 10px; border-radius: 5px;}
.dsp-member-grade .progress-bar span i { background-color: #ff4040; display: block; height: 10px; border-radius: 5px;}
.dsp-member-grade .progress { color: #AAA; text-align: center; margin-top: 5px;}
.dsp-member-grade .progress em { font-weight: 600; color: #D83500; margin: 0 2px;}
.dsp-member-grade .links { text-align: center; margin-top: 5px;}
.dsp-member-grade .links a { color: #005EA6; margin: 0 20px;}
/* 会员积分 */
.dsp-member-point { font-size: 0; background-color: #FFF6E6; *word-spacing:-1px/*IE6、7*/; border-top: solid 1px #FED4AE;}
.dsp-member-point dl { vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline/*IE7*/; width: 98px; margin: 10px 0; border-left: dotted 1px #FED4AE; *zoom: 1;}
.dsp-member-point dt { font: 12px/30px "microsoft yahei"; color: #FF8400; height: 30px; padding: 10px 0 5px 0;}
.dsp-member-point dt strong { font-size: 20px; font-weight: 400; margin-right: 4px;}
.dsp-member-point dd { font: 12px/20px "microsoft yahei"; color: #555; height: 20px; padding: 5px 0 10px 0;}
.dsp-member-point a { text-decoration: none;}
/* 会员积分兑换购物车 */
.dsp-memeber-pointcart { background-color: #FFF2DA; text-align: center; border-top: solid 1px #FED4AE;}
.dsp-memeber-pointcart .btn { font: 14px/32px "microsoft yahei"; color: #FFF; background-color: #FFB577; display: inline-block; *display: inline/*IE7*/; width: 150px; height: 32px; margin: 19px auto; border-radius: 4px; position: relative; z-index: 1;*zoom: 1;}
.dsp-memeber-pointcart .btn:hover { background-color: #FF8400; text-decoration: none;}
.dsp-memeber-pointcart a em { font: 12px/18px Verdana; line-height: 18px; color: #FFF; background-color: #C11C1C; display: block; min-width: 10px; height: 18px; padding: 0 4px; border-radius: 9px; position: absolute; z-index: 1; top:-9px; right: 4px;}
/* 会员未登录 */
.dsp-not-login { background-color: #FFFBF3; height: 367px;}
.dsp-not-login .member { text-align: center; padding: 30px 0 20px 0;}
.dsp-not-login .member a { font: 18px/30px "microsoft yahei";}
.dsp-not-login .member p { font: 14px/20px "microsoft yahei"; color: #777;}
.dsp-not-login .function { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 260px; margin: 0 auto; padding: 22px 0; border-top: dotted 1px #FFB577;}
.dsp-not-login .function i { background: url(../images/point_bg.png) no-repeat; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 48px; height: 48px; margin: 0 20px 0 10px; *zoom: 1;}
.dsp-not-login .function i.voucher { background-position: -170px -70px;}
.dsp-not-login .function i.exchange { background-position: -218px -70px;}
.dsp-not-login .function dl { vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}
.dsp-not-login .function dt { font: 14px/28px "microsoft yahei"; color: #333;}
.dsp-not-login .function dd { font-size: 12px; color: #777;}
.dsp-not-login .button { text-align: center; margin-top: 20px;}

/* 会员内容横向排列样式  */
.dsp-member-top { background-color: #fff2da; height: 106px; border: solid 1px #FED4AE; overflow: hidden;}
.dsp-member-top .dsp-member-info { background-color: #FFF; float: left;}
.dsp-member-top .dsp-member-grade { width: auto; float: left; padding: 18px; border-top: 0; border-left: solid 1px #FED4AE;}
.dsp-member-top .dsp-member-point { float: left; border-top: 0; border-left: solid 1px #FED4AE;}
.dsp-member-top .dsp-member-point dl { width: 119px; margin: 13px 0;}
.dsp-member-top .dsp-memeber-pointcart { float: left; width: 260px; padding: 18px 0; border-top: 0; border-left: solid 1px #FED4AE;}

/*首页内容部分*/
.dsp-main-layout { margin-top: 20px;}
.dsp-main-layout .title { padding: 5px 5px 10px 5px; border-bottom: solid 2px #ff4040;}
.dsp-main-layout .title h3 { font: 18px/32px "microsoft yahei"; color: #333; display: inline-block; *display: inline;}
.dsp-main-layout .title i { background: url(../images/point_bg.png) no-repeat; vertical-align: bottom; display: inline-block; *display: inline; width: 32px; height: 32px; margin-right: 8px; *zoom: 1;}
.dsp-main-layout .title i.voucher { background-position: -100px 0;}
.dsp-main-layout .title i.exchange { background-position: -100px -40px;}
.dsp-main-layout .title .more { float: right; padding: 10px 0 0;}
.dsp-main-layout .title a { color: #999;}
.dsp-main-layout ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.dsp-main-layout li { font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}

/* 成长值介绍页面 */
.dsp-grade-layout { border: solid 1px #EEE; margin-top: -1px;}
.dsp-grade-layout .title { background-color: #F9F9F9; padding: 9px; border-bottom: solid 1px #EEE;}
.dsp-grade-layout .title h3 { font: 16px/20px "Microsoft Yahei"; color: #333;}
.dsp-grade-layout dl { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.dsp-grade-layout dt, 
.dsp-grade-layout dd{ font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}
.dsp-grade-layout dt { font-size: 14px; text-align: center; width: 239px; padding: 30px;}
.dsp-grade-layout dt i { background: url(../images/point_bg.png) no-repeat; display: inline-block; width: 64px; height: 64px;}
.dsp-grade-layout dt i.icon-01 { background-position: -170px 0;}
.dsp-grade-layout dt i.icon-02 { background-position: -234px 0;}
.dsp-grade-layout dd { width: 790px; padding: 30px;}
.dsp-grade-layout dd li { line-height: 24px; background: url(../images/point_bg.png) no-repeat -398px 10px; padding-left: 10px;}
/* 成长值获得明细 */
.dsp-table-style { width: 100%; margin: 0 auto;}
.dsp-table-style th,
.dsp-table-style td { padding: 12px 0; text-align: center;}
.dsp-table-style thead th { background-color: #F9F9F9; border-bottom: solid 1px #EEE;}
.dsp-table-style tbody td { border-bottom: solid 1px #EEE;}

/*店铺代金券列表*/
.dsp-voucher-list { background-color: #F9F9F9;}
.dsp-voucher-list li { width: 372px; margin: 20px 0 20px 20px;}
.dsp-voucher { background-color: #FFFBF3; display: block; height: 212px; border: dotted 1px #FFCFBF; position: relative; z-index: 1;}
.dsp-voucher .cut { background: url(../images/point_bg.png) no-repeat -140px 0; width: 20px; height: 18px; position: absolute; z-index: 2; top: -9px; left: 5px;}
.dsp-voucher .info { background: url(../images/point_voucher_bg.png) repeat-y right 0; width: 120px; height: 192px; padding: 20px 30px 0 25px; position: absolute; z-index: 1; top: 0; left: 0;}
.dsp-voucher .store { font-weight: 600; text-align: center; display: block; height: 20px;}
.dsp-voucher .store-classify { text-align: center; height: 20px; margin-bottom: 5px;}
.dsp-voucher .pic { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 120px; height: 120px; overflow: hidden;}
.dsp-voucher .pic img { max-width: 120px; max-height: 120px; margin-top:expression(120-this.height/2); }
.dsp-voucher .value,
.dsp-voucher .point,
.dsp-voucher .button { display: block; padding-left: 195px;}
.dsp-voucher .value { padding-top: 5px; padding-bottom: 5px;}
.dsp-voucher .value dt { font: 30px/48px "microsoft yahei"; color: #ff4040; height: 48px;}
.dsp-voucher .value dt em { font-size: 40px;}
.dsp-voucher .value dd { color: #D83500; margin-bottom: 4px;}
.dsp-voucher .value dd.time { color: #999;}
.dsp-voucher .point { background-color: #FFF2DA; height: 44px; padding-top: 5px; padding-bottom: 5px;}
.dsp-voucher .point p { line-height: 20px; display: block; color: #777; height: 20px;}
.dsp-voucher .point p.required { font: 16px/24px "microsoft yahei"; color: #ff4040; height: 24px;}
.dsp-voucher .button { padding-top: 10px;}
/* 领取店铺代金券 */
.dsp-voucher-exchange { padding: 40px 20px 80px 20px;}
.dsp-voucher-exchange .pic { vertical-align: top; display: inline-block; width: 64px; height: 64px;}
.dsp-voucher-exchange .pic span { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 64px; height: 64px; overflow: hidden;}
.dsp-voucher-exchange .pic img { max-width: 64px; max-height: 64x; margin-top:expression(64-this.height/2); }
.dsp-voucher-exchange dl { vertical-align: top; display: inline-block; margin-left:20px;}
.dsp-voucher-exchange dt { font: 400 18px/25px "microsoft yahei"; color: #ff4040;}
.dsp-voucher-exchange dt em { font-size: 16px;}
.dsp-voucher-exchange dd { line-height: 24px; color: #999;}
.dsp-voucher-exchange .button { margin-left: 80px; margin-top: 10px;}
.dsp-voucher-exchange .submit { font: normal 14px/28px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: top; display: inline-block; width: 60px; height: 30px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}

/*积分礼品列表*/
.dsp-exchange-list { padding: 15px;}
.dsp-exchange-list li { width: 200px; padding: 15px;}
.dsp-exchange-list li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.dsp-exchange-list li .gift-pic { display: block; }
.dsp-exchange-list li .gift-pic a {line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 200px; height: 200px; overflow: hidden;}
.dsp-exchange-list li .gift-pic img { max-width: 200px; max-height: 200px; margin-top:expression(200-this.height/2); }
.dsp-exchange-list li .gift-name { line-height: 18px; display: block; width: 100%; height: 36px; margin: 10px 0; overflow: hidden;}
.dsp-exchange-list li .exchange-rule { background-color: #F9F9F9; overflow: hidden;}
.dsp-exchange-list li .exchange-rule .pgoods-price { line-height: 18px; color: #999; display: block; width: 150px; height: 18px; float: left; margin: 5px 0 0 10px;}
.dsp-exchange-list li .exchange-rule .pgoods-price em { text-decoration: line-through;}
.dsp-exchange-list li .exchange-rule .pgoods-points { font-size: 12px; color: #ff4040; display: block; width: 140px; float: left; margin: 5px 0 5px 10px; clear: left;}
.dsp-exchange-list li .exchange-rule .pgoods-grade { font-family: Georgia,Arial; font-size: 18px; line-height: 53px; background-color: #E8E8E8; text-align: center; display: block; width: 40px; height: 53px; float: right; clear: left;}
.norecord { font: 12px/20px "microsoft yahei"; color:#999; text-align:center; margin: 100px 0;}

/*账户信息*/

.dsp-member-account { font-size: 0; *word-spacing:-1px/*IE6、7*/; vertical-align: top; display: inline-block;}
.dsp-member-account dl {font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; padding: 0 10px; margin-left: 10px;*zoom: 1;}


/* 优惠券分类选择 */
.dsp-category { border-bottom: solid 2px #ff4040; overflow: hidden;}
.dsp-category dl { font-size: 0; *word-spacing:-1px/*IE6、7*/; padding-bottom: 5px; margin-top: -1px; border-top: dotted 1px #CCC;}
.dsp-category dt, .dsp-category dd { font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; padding: 5px 0; *zoom: 1;}
.dsp-category dt { font-weight: 600; text-align: right; width: 110px; padding: 10px 0;}
.dsp-category .searchbox dt { line-height: 28px;}
.dsp-category ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.dsp-category li { font-size: 12px; vertical-align: middle; display: inline-block; *display: inline/*IE7*/; padding: 5px 10px; margin-left: 10px;*zoom: 1;}
.dsp-category .searchbox li { cursor: pointer;}
.dsp-category li.selected { color: #FFF; background-color: #ff4040;}
.dsp-category li.selected em.asc { background: url(../images/point_bg.png) no-repeat 0 -100px; vertical-align: middle; display: inline-block; width: 8px; height: 8px; margin-left: 4px;}
.dsp-category li.selected em.desc { background: url(../images/point_bg.png) no-repeat -8px -100px; vertical-align: middle; display: inline-block; width: 8px; height: 8px; margin-left: 4px;}


.dsp-category li .text, 
.dsp-category li a { vertical-align: middle;}
.dsp-category li a.selected { font-weight: 600; color: #ff4040; }
/* =========================== */
/* 积分兑换礼品详情页面 -> goods.php */
/* =========================== */

/* 积分礼品信息兑换 */
.dsp-detail { min-height: 400px; margin-bottom: 10px; border: solid 1px #EEE; position: relative; z-index: 2;}
.dsp-detail .dsp-info { position: absolute; z-index: 2; top: 0; right: 0;}
/**/
/* ====================== */
/* 店铺简介边栏 -> info.php */
/* ====================== */
.dsp-info { width: 210px;}
.dsp-info .title { background-color: #F5F5F5; padding: 5px 10px; border: solid 1px #E6E6E6;}
.dsp-info .title h4 { font: 600 14px/20px "Microsoft Yahei"; color: #555;}
.dsp-info .content { border: solid #E6E6E6; border-width: 0 1px 1px;}
.dsp-info .content dl { font-size: 0; *word-spacing:-1px/*IE6、7*/; display: block; padding: 6px 0;}
.dsp-info .content dl dt { font-size: 12px; color: #666; vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; *display: inline/*IE7*/; width: 68px; *zoom:1;}
.dsp-info .content dl dd { font-size: 12px; color: #333; vertical-align: top; letter-spacing: normal; word-spacing: normal; white-space: nowrap; text-overflow: ellipsis; display: inline-block; *display: inline/*IE7*/; width: 130px; *width: 125px; overflow: hidden; zoom: 1;}


.dsp-exchangeNote { padding: 0 10px; overflow: hidden;}
.dsp-exchangeNote li { padding: 10px 0; margin-top: -1px; border-top: dotted 1px #CCC; overflow: hidden;}
.dsp-exchangeNote li .user-avatar { width: 36px; height: 36px; padding: 1px; margin-right: 5px; border: solid 1px #EEE; border-radius: 20px; float: left;}
.dsp-exchangeNote li .user-avatar img { width: 36px; height: 36px; border-radius: 20px;}
.dsp-exchangeNote li .user-name { float: left; width: 140px; height: 20px;}
.dsp-exchangeNote li .user-log { color: #999; float: left; width: 140px; height: 20px;}


/* 礼品图片*/
.dsp-gift-picture { background-color: #FFF; width: 320px; height: 320px; padding: 20px; position: absolute; z-index:99; top: 0; left: 0;}
.dsp-gift-picture a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 320px; height: 320px; overflow: hidden;}
.dsp-gift-picture a img { max-width: 320px; max-height: 320px; margin-top:expression(320-this.height/2); }
/* 站外分享操作 */
.dsp-share { width: 350px; height: 24px; padding-top: 10px; border-top: dotted 1px #EEE; position: absolute; z-index: 1; left: 10px; bottom: 10px;}
.dsp-gift-summary { background-color: #FAFAFA; float: right; width: 622px; min-height: 400px; margin-right: 208px; border-right: solid 1px #EEE; box-shadow: inset 4px 0 1px rgba(153,153,153,0.15);}
.dsp-gift-summary .name { padding: 20px 25px;}
.dsp-gift-summary .name h1, 
.dsp-gift-summary .name strong { font: 600 18px/1.2em "Microsoft Yahei", Arial; color: #333; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;} 
.dsp-gift-summary .name strong { font-weight: normal; font-size: 14px; color: #ff4040;}

/* 销售信息 */
.dsp-meta { background: #EEE; padding: 10px 0; position: relative; z-index: 1; box-shadow: inset 4px 0 1px rgba(153,153,153,0.15);}
.dsp-key { border-top: dotted 1px #DDD; padding-top: 15px; }
.dsp-meta dl, .dsp-key dl { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.dsp-meta dl dt, .dsp-meta dl dd,
.dsp-key dl dt, .dsp-key dl dd { font-size: 12px; line-height: 20px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/* IE6,7 */; min-height: 20px; padding: 4px 0; *zoom:1;}
.dsp-meta dl dt, .dsp-key dl dt { font-family: simsun; text-align: right; width: 15%; margin-right: 1%;}
.dsp-meta dl dd, .dsp-key dl dd { text-align: left; width: 84%; *width: 83%/*IE7*/;}
.dsp-meta dl dd i.ver-line { display: inline-block; *display: inline; zoom: 1;}
.dsp-meta dl dd a { color: #005AA0; vertical-align: top; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}
.dsp-meta dl dd a:hover { text-decoration: underline;}
.dsp-meta .points strong  { font-family:"Microsoft Yahei", Arial; font-size: 20px; font-weight:600; color: #ff4040;}
.dsp-meta .points span { font: 600 12px/16px Georgia,Arial; color: #FFF; background-color: #ff4040; padding: 2px 4px; border-radius: 2px;}
.dsp-meta .points em { color: #999; vertical-align: middle; margin-left: 8px;}
.dsp-meta .countdown i { font-family: Georgia,Arial; font-size: 16px; color: #ff4040;}
.dsp-meta .cost-price strong  { text-decoration: line-through;}
.dsp-meta .promotion-info { color: #ff4040}
.dsp-meta .promotion-info em { color: #690; vertical-align: middle; margint: 2px 0 12px 0;}
.dsp-meta .promotion-info span { color: #999; vertical-align: middle;}
/*购买数量和库存*/
.dsp-figure-input { position: relative; z-index: 1;}
.dsp-figure-input span { margin-left: 10px; color:#999;}
.dsp-figure-input span em { margin: 0 2px;}
.dsp-figure-input span strong { color: #F60; margin: 0 2px;}

/* 立即购买和加入购物车按钮 */
.dsp-gift-summary .ncs-btn { display: inline-block; margin: 10px 0 0 20px; position: relative; z-index: 70;}
.dsp-gift-summary .ncs-btn { *display: inline/*IE6,7*/; zoom: 1;}
.dsp-gift-summary .ncs-btn a.buynow,
.dsp-gift-summary .ncs-btn a.addcart,
.dsp-gift-summary .ncs-btn a.no-buynow,
.dsp-gift-summary .ncs-btn a.no-addcart { font: lighter 16px/20px "Microsoft Yahei"; color: #FFF; text-align: center; display: inline-block; height: 20px; padding: 6px 18px; margin-right: 10px; border-radius: 3px; position: relative; overflow: hidden; box-shadow: 0 0 0 2px rgba(204,204,204,0.25);}
.dsp-gift-summary .ncs-btn a.buynow:hover,
.dsp-gift-summary .ncs-btn a.addcart:hover,
.dsp-gift-summary .ncs-btn a.no-buynow:hover,
.dsp-gift-summary .ncs-btn a.no-addcart:hover  { text-decoration: none;}
.dsp-gift-summary .ncs-btn a.buynow { background-color: #BA7538;}
.dsp-gift-summary .ncs-btn a:hover.buynow { background-color: #96602E;}
.dsp-gift-summary .ncs-btn a.addcart { background-color: #ff4040;}
.dsp-gift-summary .ncs-btn a:hover.addcart { background-color: #BB0000;}
.dsp-gift-summary .ncs-btn a.no-buynow, 
.dsp-gift-summary .ncs-btn a.no-addcart,
.dsp-gift-summary .ncs-btn a:hover.no-buynow, 
.dsp-gift-summary .ncs-btn a:hover.no-addcart { background-color: #AAA; cursor: not-allowed;}
.dsp-gift-summary .ncs-btn a i { font-size: 17px; margin-right: 6px;}


.dsp-grade {}
.dsp-grade .title { background-color: #F9F9F9; padding: 9px; border-bottom: solid 1px #EEE;}
.dsp-grade .title h3 { font: normal 16px/20px "Microsoft Yahei"; color: #333; }
.dsp-gradeall-bar { font-size: 0; *word-spacing:-1px/*IE6、7*/; background: url(../images/point_grade.png) no-repeat 0 0; width: 660px; height: 18px; padding: 220px 200px 90px 40px;}
.dsp-gradeall-bar .itemlevel { font-size: 12px; line-height: 20px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/* IE6,7 */;  *zoom:1; position: relative; z-index: 1;}
.dsp-gradeall-bar .exp-lv0 { width: 15%;}
.dsp-gradeall-bar .exp-lv1 { width: 35%;}
.dsp-gradeall-bar .exp-lv2 { width: 35%;}
.dsp-gradeall-bar .exp-lv3 { width: 15%;}
.dsp-gradeall-bar .gradelabel { position: absolute; z-index: 1; top: -55px;}
.dsp-gradeall-bar .gradelabel strong { font: 18px/20px "Times New Roman", Times, serif; color: #333; display: block;}
.dsp-gradeall-bar .gradelabel i { font: 11px/18px Tahoma, Geneva, sans-serif; color: #555;  display: block;}
.dsp-gradeall-bar .exp-lv0 .gradelabel { display: none;}
.dsp-gradeall-bar .exp-lv1 .gradelabel { left: -90px;}
.dsp-gradeall-bar .exp-lv2 .gradelabel { left: -120px;}
.dsp-gradeall-bar .exp-lv3 .gradelabel { left: -90px;}
.dsp-gradeall-bar .bar i { background-color:#F66; display: block; width: 14px; height: 14px; border: solid 2px #FFF; border-radius: 9px; position: absolute; z-index: 3; top: 0;}
.dsp-gradeall-bar .exp-lv0 .bar i { left: 5px;}
.dsp-gradeall-bar .exp-lv1 .bar i { left: -7px;}
.dsp-gradeall-bar .exp-lv2 .bar i { left: -7px;}
.dsp-gradeall-bar .exp-lv3 .bar i { left: -7px;}
.dsp-gradeall-bar .arrow { font-size: 0; border-color: transparent transparent #FFF transparent; border-style: dashed dashed solid dashed; border-width: 8px; width: 0; height: 0; line-height: 0; position: absolute; z-index: 4; top: 20px; left: 5px;}
.dsp-gradeall-bar .exp-lv0 .arrow { left: 5px;}
.dsp-gradeall-bar .exp-lv1 .arrow { left: -7px;}
.dsp-gradeall-bar .exp-lv2 .arrow { left: -7px;}
.dsp-gradeall-bar .exp-lv3 .arrow { left: -7px;}
.dsp-gradeall-bar .tips { background-color: #FFF; border-radius: 5px; padding: 0 10px; white-space: nowrap; position: absolute; z-index: 2; top: 36px; overflow: hidden;}
.dsp-gradeall-bar .tips p { color: #777; padding: 5px; border-top: dotted 1px #CCC;  margin-top: -1px;}
.dsp-gradeall-bar .tips strong { color: #F60;}
.dsp-gradeall-bar .tips em { color: #333;}
.dsp-gradeall-bar .exp-lv1 .tips  { left: -20px;}
.dsp-gradeall-bar .exp-lv1 .tips  { left: -120px;}
.dsp-gradeall-bar .exp-lv2 .tips  { left: -120px;}
.dsp-gradeall-bar .exp-lv3 .tips  { left: -120px;}

.dsp-sidebar { width: 210px; float: left;}
.dsp-sidebar-container { margin-bottom: 10px;}
.dsp-sidebar-container .title { background-color: #F7F7F7 ; height: 20px; padding: 5px 10px; border: solid #DDD; border-width: 1px 1px 0 1px;}
.dsp-sidebar-container .title h4 { font: 600 14px/20px "Microsoft Yahei"; color: #666;}
.dsp-sidebar-container .content { border: solid 1px #DDD; background:#FFF; }
.dsp-sidebar .recommend { width: 190px; margin: 0 auto; overflow: hidden;}
.dsp-sidebar .recommend li { padding: 10px 5px; margin: -1px 0 0 0; border-top: dotted 1px #DDD;}
.dsp-sidebar .recommend .gift-pic { width: 160px; height: 160px; margin: 0 auto;}
.dsp-sidebar .recommend .gift-pic a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 160px; height: 160px; overflow: hidden;}
.dsp-sidebar .recommend .gift-pic a img { max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2); }
.dsp-sidebar .recommend .gift-name { line-height: 16px; height: 32px; margin: 5px 0; overflow: hidden;}
.dsp-sidebar .recommend .pgoods-points { font: 600 14px/20px Tahoma, Geneva, sans-serif; color: #ff4040; margin-right: 6px;}
.dsp-sidebar .recommend .pgoods-points span { font: 600 12px/16px Georgia,Arial; color: #FFF; background-color: #ff4040; padding: 2px 4px; border-radius: 2px; }
.dsp-goods-main { float: right; width: 980px; }
.dsp-goods-layout { width: 100%; margin-bottom: 10px; position: relative; z-index: 1; overflow: hidden;}
/* 商品内容处TabBar */
.tabbar { background: #FFF;}
.dsp-goods-title-nav { margin-top: 7px;}
.dsp-goods-title-nav ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #FCFCFC; border: solid #D7D7D7 1px;}
.dsp-goods-title-nav ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block;}
.dsp-goods-title-nav ul li { *display: inline/*IE6,7*/;}
.dsp-goods-title-nav ul li a { font: normal 14px/20px "Microsoft Yahei"; text-decoration:none; color:#777; background-color: #F5F5F5; display: block; padding: 6px 15px 5px 15px; border-style: solid; border-color: #D7D7D7; border-width: 0 1px 0 0;}
.dsp-goods-title-nav ul li.current { margin: -7px 0 -1px -1px;}
.dsp-goods-title-nav ul li.current a { color: #333; background-color: #FFF; padding: 11px 15px 6px 15px; border-style: solid; border-color: #ff4040 #DDD transparent #DDD; border-width: 2px 1px 0 1px ;}
.dsp-goods-info-content { padding: 10px 0; border: 0 none; margin: 0; overflow: hidden;}












