﻿
/* 商城前台模板页面常用样式定义 		*/

body { min-width: 1200px;}

.nch-container { width: 1200px; margin: 0 auto;}
.nch-container .left { width: 208px; float: left; }
.nch-container .right { width: 980px; float: right; }
.nch-container .left2 { width: 780px; float: left; }
.nch-container .right2 { width: 208px; float: right; }


/* 边栏模块 */
.nch-module { border: solid 1px #D7D7D7; margin-bottom: 10px;}
.nch-module .title { background-color: #F5F5F5; height: 36px;}
.nch-module .title h3 { font: normal 14px/20px "microsoft yahei"; color: #333; height: 20px; padding: 8px 10px;}
.nch-module .title h3 em { color: #D93600;}
.nch-module .content { overflow: hidden;}
.nch-module-style01 { border-top: solid 2px #D93600;}
.nch-module-style02 { border-top: solid 2px #C8C8C8;}
.module_sidebar { padding: 4px; margin-bottom: 10px; border: 1px solid #D8D8D8; overflow: hidden;}
.module_sidebar h2 { font-family: Verdana, Geneva, sans-serif; font-size:9px; font-weight: 600; line-height: 30px; color:#F60; height: 30px; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7;}
.module_sidebar h2 b { font-family: "microsoft yahei", Tahoma, Arial; font-size: 15px; line-height: 30px; color: #3E3E3E; display: inline; float: left; padding: 0 6px 0 4px; margin-left: 2px;}


.receive_add .radio input{ position: relative; +top: -3px; }


/*文章新闻内容*/
.nch-article-con { background: #FFF; display: block; padding: 19px; border: 1px solid #E6E6E6; margin-bottom: 10px; overflow: hidden; }
.nch-article-con h1 { font: 600 16px/32px "microsoft yahei"; color: #3d3f3e; text-align: center; }
.nch-article-con h2 { color: #9a9a9a; font-size: 12px; padding: 5px 0 20px; margin-bottom: 20px; font-weight: normal; text-align: center; border-bottom: 1px solid #d2d2d2; }
.nch-article-con .title-bar { border-bottom: solid 1px #E6E6E6; padding-bottom: 15px; margin-bottom: 15px;}
.nch-article-con .title-bar h3 { font: normal 18px/20px "microsoft yahei";}
.nch-article-con .default p { display: block; clear: both; padding: 5px;}
.nch-article-con img { max-width: 930px;}
.nch-article-list {}
.nch-article-list li { line-height: 20px; display: block; height: 20px; padding: 5px 0;}
.nch-article-list li i { background: url(../images/2014shop_background_img.png) no-repeat -80px 0; vertical-align: middle; display: inline-block; width: 3px; height: 3px; margin-right: 10px;}
.nch-article-list li a { color: #333;}
.nch-article-list li time { font-size: 11px; color: #AAA; float: right; -webkit-text-size-adjust:none;}

.more_article { border-top: 1px solid #d2d2d2; padding: 10px 0 0 20px; margin-top: 10px; overflow: hidden; }
.more_article span { color: #3f3f3f; font-weight: normal; margin-bottom: 10px; }
.more_article span a { color: #006bcd; text-decoration: none;}
.more_article span a:hover { color: #f60; text-decoration: underline; }
.more_article time { font-size: 11px; color: #999; padding-left: 20px; }


/*侧边栏文章列表*/
.nch-sidebar-article-class { font-size: 0;  word-spacing:-1em; width: 214px; padding: 4px 0; margin-left: -1px;}
.nch-sidebar-article-class li { vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; padding: 0 9px; margin: 4px 0; border-left: dotted 1px #D7D7D7;}
.nch-sidebar-article-class li a { line-height: 16px; font-size: 12px; color: #555; display: block; width: 85px; height: 16px; padding: 2px 0;}
.nch-sidebar-article-class li a:hover { font-weight: 600; text-decoration: none; color: #FFF; background-color: #F15C18;}

.nch-sidebar-article-list { padding: 4px 0;}
.nch-sidebar-article-list li { padding: 4px 9px;}
.nch-sidebar-article-list li i { background: url(../images/2014shop_background_img.png) no-repeat -80px 0; vertical-align: middle; display: inline-block; width: 3px; height: 3px; margin-right: 5px;}
.nch-sidebar-article-list li a { height: 20px;}


/*全部分类、全部品牌等Copyright: BIZPOWER*/
.nch-all-menu { border-bottom: solid 2px #D93600;}
.nch-all-menu .tab-bar { font-size: 0;  word-spacing:-1em;}
.nch-all-menu .tab-bar li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin-left: 10px; overflow: hidden; box-shadow: 1px 0 1px rgba(0,0,0,0.05); *zoom:1;}
.nch-all-menu .tab-bar li a { font: normal 14px/20px "microsoft yahei"; color: #777; background-color: #F5F5F5; display: block; height: 20px; padding: 5px 12px; border: solid #D7D7D7; border-width: 1px 1px 0 1px;}
.nch-all-menu .tab-bar li a:hover { color: #D93600;}
.nch-all-menu .tab-bar li.current a,
.nch-all-menu .tab-bar li.current a:hover { font-weight: 600; text-decoration: none; color: #FFF; background-color: #F15C18; border-color: #F15C18; cursor: default;}
.nch-category-all { width: 1200px; margin-top: 10px; overflow: hidden;}
.nch-category-all ul { font-size: 0;  word-spacing:-1em; width: 1220px; margin-left: -20px;}
.nch-category-all li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 588px; padding: 0; margin: 0 0 15px 20px; border: solid 1px #E6E6E6; overflow: hidden;}
.nch-category-all li .title { font: 600 14px/20px "microsoft yahei"; background-color: #F5F5F5; display: block; height: 20px; padding: 5px 10px; border-bottom: solid 1px #E6E6E6;}
.nch-category-all li .title a { color: #666;}
.nch-category-all li .title a:hover { color: #F15C18;}
.nch-category-all li .title i { background-color: #F15C18; vertical-align: middle; display: inline-block; width: 4px; height: 14px; margin: 0 5px 0 2px; border-radius: 2px;}
.nch-category-all li dl { font-size: 0;  word-spacing:-1em; display: block; width: 98%; margin: -1px auto 0 auto; border-top: dotted 1px #E5E5E5;}
.nch-category-all dl dt { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; *display: inline/*IE7*/; width: 14%; padding: 0; overflow: hidden; *zoom: 1/*IE7*/;}
.nch-category-all dl dt a { font-weight: 600; color: #F15C18; text-overflow: ellipsis; white-space: nowrap; display: block; height: 20px; padding: 4px; overflow: hidden;}
.nch-category-all dl dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 84%; padding: 0; overflow: hidden; *zoom: 1;}
.nch-category-all dl dd a { display: inline-block; color: #777; height: 20px; padding: 2px 4px; margin: 2px 2px 0 0;}
.nch-category-all dl dd a:hover { color: #F15C18	;}
.nch-recommend-borand { background-color: #FCF8E3; border: solid 1px #FBEED5; margin-top: 10px; position: relative; z-index: 1;}
.nch-recommend-borand .title { background: url(../images/2014shop_background_img.png) no-repeat 0 -20px; width: 80px; height: 80px; position: absolute; z-index: 1; top: 0; left: 0;}
.nch-barnd-list { margin-top: 20px;}

/*bycj*/
.nch-barnd-list ul { font-size: 0;  word-spacing:-1em; width: 1170px; margin: 0 auto;position: relative;min-height: 105px;}
.nch-barnd-list .hb {z-index:1}

.nch-barnd-list ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 195px; padding: 0; margin: 0 0 20px 0; overflow: hidden; *zoom: 1;}
.nch-barnd-list dl { background-color: #FFF; width: 150px; padding: 4px 9px; border: solid 1px #E6E6E6; margin: 0 auto; border-radius: 3px; box-shadow: inset 0 0 2px rgba(204,204,204,0.3);}
.nch-barnd-list dt a { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 150px; height: 50px; overflow: hidden;} 
.nch-barnd-list dt a img { max-width: 150px; max-height: 50px; margin-top:expression(50-this.height/2); *margin-top:expression(25-this.height/2)/*IE6,7*/;}
.nch-barnd-list dl dd { font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; height: 20px; padding: 4px 0 0 0; border-top: solid 1px #E6E6E6; overflow: hidden;}
.nch-brand-class { margin-top: 20px; margin-bottom: 10px;}
.nch-brand-class-tab { margin-bottom: 6px;}
.nch-brand-class-tab .tabs-nav { font-size: 0;  word-spacing:-1em;}
.nch-brand-class-tab .tabs-nav li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin: 0 14px 14px; overflow: hidden; *zoom: 1;}
.nch-brand-class-tab .tabs-nav li a { font: normal 14px/90px "microsoft yahei"; text-align: center; background: #FAFAFA; display: block; width: 90px; height: *0px; text-overflow: ellipsis; white-space: nowrap; border: solid #D7D7D7 1px; overflow: hidden;}
.nch-brand-class-tab .tabs-nav li a em { font-size: 11px; margin-left: 4px; -webkit-text-size-adjust:none;}
.nch-brand-class-tab .tabs-nav li a:hover { text-decoration: none;}
.nch-brand-class-tab .tabs-nav li.tabs-selected a { color: #FFF; font-weight: 600; background-color: #F15C18; border-color: #F15C18; cursor: default;}
.nch-brand-class .nch-barnd-list { background-color: #F5F5F5; display: block; padding-top: 20px; border: solid 1px #E6E6E6;}
.nch-brand-class .tabs-hide { display: none;}/*Copyright: Bizpower*/
.nch-barnd-list-text { font-size: 0;  word-spacing:-1em; width: 1150px; margin: 0 auto;}
.nch-barnd-list-text strong,
.nch-barnd-list-text a { font-size: 14px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; margin: 0 20px 15px 0; overflow: hidden; *zoom: 1;}
.nch-barnd-list-text strong { margin-left: 10px;}


.exchange-block { padding-top: 20px;}
.ncp-exchange-list { padding: 15px;}
.ncp-exchange-list li { width: 200px; padding: 15px;}
.ncp-exchange-list li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.ncp-exchange-list li .gift-pic { display: block; }
.ncp-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;}
.ncp-exchange-list li .gift-pic img { max-width: 200px; max-height: 200px; margin-top:expression(200-this.height/2); }
.ncp-exchange-list li .gift-name { line-height: 18px; display: block; width: 100%; height: 36px; margin: 10px 0; overflow: hidden;}
.ncp-exchange-list li .exchange-rule { background-color: #F9F9F9; overflow: hidden;}
.ncp-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;}
.ncp-exchange-list li .exchange-rule .pgoods-price em { text-decoration: line-through;}
.ncp-exchange-list li .exchange-rule .pgoods-points { font-size: 12px; color: #D93600; display: block; width: 140px; float: left; margin: 5px 0 5px 10px; clear: left;}
.ncp-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;}


.ncp-main-layout ul { font-size: 0; *word-spacing:-1px/*IE6ã€7*/;}
.ncp-main-layout li { font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}



.ncp-main-layout { }
.ncp-main-layout .title { padding: 5px 5px 10px 5px; border-bottom: solid 2px #D93600;}
.ncp-main-layout .title h3 { font: 18px/32px "microsoft yahei"; color: #333; display: inline-block; *display: inline;}
.ncp-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;}
.ncp-main-layout .title i.voucher { background-position: -100px 0;}
.ncp-main-layout .title i.exchange { background-position: -100px -40px;}
.ncp-main-layout .title i.rpt { background-position: -100px -80px;}
.ncp-main-layout .title .more { float: right; padding: 10px 0 0;}
.ncp-main-layout .title a { color: #999;}
.ncp-main-layout ul { font-size: 0; *word-spacing:-1px/*IE6ã€7*/;}
.ncp-main-layout li { font-size: 12px; vertical-align: top; display: inline-block; *display: inline/*IE7*/; *zoom: 1;}