2202 lines
43 KiB
CSS
2202 lines
43 KiB
CSS
@charset "utf-8";
|
|
/* ================================ */
|
|
/* 商城店铺页面公用样式定义 */
|
|
/* =====================
|
|
* 顶部公用头的特殊设定
|
|
* ===================== */
|
|
.public-head-layout .site-logo {
|
|
margin-right:5px;
|
|
}
|
|
.head-app {
|
|
margin-right:10px;
|
|
}
|
|
.head-search-bar,.head-search-bar .keyword {
|
|
width:440px;
|
|
}
|
|
/* =====================
|
|
* 表单元素格式化及伪类效果
|
|
* ===================== */
|
|
input[type="text"] {
|
|
font-family:Tahoma;
|
|
height:16px;
|
|
line-height:16px;
|
|
background-color:#F9F9F9;
|
|
padding:1px 2px 3px 4px;
|
|
border:solid 1px;
|
|
border-color:#CCC #DDD #DDD #CCC;
|
|
box-shadow:2px 2px 1px 0 #E7E7E7 inset;
|
|
-moz-box-shadow:2px 2px 1px 0 #E7E7E7 inset/* if FF*/;
|
|
-webkit--box-shadow:2px 2px 1px 0 #E7E7E7 inset/* if Webkie*/;
|
|
}
|
|
input[type="text"]:hover {
|
|
background-color:#FFF;
|
|
}
|
|
input[type="text"]:focus {
|
|
background-color:#FFF;
|
|
border-color:#CCC;
|
|
box-shadow:1px 1px 1px 0 #E7E7E7;
|
|
-moz-box-shadow:1px 1px 1px 0 #E7E7E7/* if FF*/;
|
|
-webkit--box-shadow:1px 1px 1px 0 #E7E7E7/* if Webkie*/;
|
|
}
|
|
textarea {
|
|
font-family:Tahoma;
|
|
line-height:16px;
|
|
background-color:#F9F9F9;
|
|
padding:5px;
|
|
border:solid 1px;
|
|
border-color:#CCC #DDD #DDD #CCC;
|
|
box-shadow:2px 2px 1px 0 #E7E7E7 inset;
|
|
-moz-box-shadow:2px 2px 1px 0 #E7E7E7 inset/* if FF*/;
|
|
-webkit--box-shadow:2px 2px 1px 0 #E7E7E7 inset/* if Webkie*/;
|
|
}
|
|
textarea:hover {
|
|
background-color:#FFF;
|
|
}
|
|
textarea:focus {
|
|
background-color:#FFF;
|
|
border-color:#CCC;
|
|
box-shadow:1px 1px 1px 0 #E7E7E7;
|
|
-moz-box-shadow:1px 1px 1px 0 #E7E7E7/* if FF*/;
|
|
-webkit--box-shadow:1px 1px 1px 0 #E7E7E7/* if Webkie*/;
|
|
}
|
|
.text-hidden {
|
|
line-height:0;
|
|
font-size:0;
|
|
overflow:hidden;
|
|
}
|
|
.noborder {
|
|
border:none;
|
|
}
|
|
.gray {
|
|
color:#777;
|
|
}
|
|
.price {
|
|
color:#F60;
|
|
font-weight:600;
|
|
}
|
|
.shopkeeper {
|
|
font-weight:600;
|
|
min-width:1px;
|
|
max-width:110px;
|
|
float:left;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-loading {
|
|
background:url(../images/loading.gif) no-repeat 50% 50%;
|
|
min-height:100px;
|
|
}
|
|
.background {
|
|
width:100%;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.layout {
|
|
position:relative;
|
|
z-index:4;
|
|
}
|
|
.nothing {
|
|
width:780px;
|
|
padding:50px 0;
|
|
text-align:center;
|
|
}
|
|
.nothing p {
|
|
width:278px;
|
|
height:50px;
|
|
padding:30px 0 0 40px;
|
|
background:url(../images/nothing.gif) no-repeat;
|
|
font-weight:bold;
|
|
font-size:15px;
|
|
color:#585858;
|
|
margin:0 auto;
|
|
}
|
|
.error {
|
|
color:#F00;
|
|
}
|
|
/* ============================== */
|
|
/* 头部店铺介绍与搜索 -> header.php */
|
|
/* ============================== */
|
|
|
|
.ncs-header {
|
|
width:100%;
|
|
padding:0;
|
|
position:relative;
|
|
z-index:2;
|
|
}
|
|
.ncs-header-container {
|
|
width:1200px;
|
|
margin:0 auto;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.ncs-store-info {
|
|
font-size:0;
|
|
background:url(../images/shop/ncs_store_top.png) no-repeat top center;
|
|
text-align:right;
|
|
height:30px;
|
|
padding:10px 10px 4px 10px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:0;
|
|
right:0;
|
|
}
|
|
.ncs-store-info .basic,.ncs-store-info .service {
|
|
font-size:12px;
|
|
height:30px;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.ncs-store-info .basic .displayed,.ncs-store-info .service .displayed {
|
|
color:#FFEAAB;
|
|
text-shadow:1px 1px 0 rgba(102,0,0,0.5);
|
|
}
|
|
.ncs-store-info .basic .displayed a {
|
|
color:#FFEAAB
|
|
}
|
|
.ncs-store-info .basic .sub,.ncs-store-info .service .sub {
|
|
background:#FFF;
|
|
display:none;
|
|
padding:9px 9px 0 9px;
|
|
border:solid 1px #A51600;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:24px;
|
|
left:-20px;
|
|
}
|
|
.ncs-store-info .basic:hover .sub,.ncs-store-info .service:hover .sub {
|
|
display:block;
|
|
}
|
|
.ncs-store-info .basic {
|
|
margin-left:10px;
|
|
text-align:left;
|
|
}
|
|
.ncs-store-info .basic .all-rate {
|
|
margin-left:10px;
|
|
}
|
|
.ncs-store-info .basic .all-rate .rating {
|
|
background:url(../images/2014grate.png) no-repeat 0 -18px;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
width:79px;
|
|
height:17px;
|
|
}
|
|
.ncs-store-info .basic .all-rate .rating span {
|
|
background:url(../images/2014grate.png) no-repeat 100% 0;
|
|
display:block;
|
|
height:18px;
|
|
}
|
|
.ncs-store-info .basic .all-rate em {
|
|
font-weight:600;
|
|
vertical-align:middle;
|
|
margin-right:2px;
|
|
}
|
|
.ncs-store-info .basic .detail-rate {
|
|
clear:both;
|
|
}
|
|
.ncs-store-info .basic dd {
|
|
left:-10px;
|
|
}
|
|
.ncs-store-info .basic .store-logo {
|
|
width:200px;
|
|
height:60px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-store-info .basic .store-logo a {
|
|
line-height:0;
|
|
background-color:#FFF;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:200px;
|
|
height:60px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-store-info .basic .store-logo a img {
|
|
max-width:200px;
|
|
max-height:60px;
|
|
margin-top:expression(40-this.height/2);
|
|
}
|
|
.ncs-store-info .ncs-info .title,.ncs-store-info .ncs-info .all-rate {
|
|
display:none;
|
|
}
|
|
.ncs-store-info .ncs-info .content {
|
|
border:none 0;
|
|
}
|
|
.ncs-store-info .service {
|
|
margin:0 10px 0 30px;
|
|
}
|
|
.ncs-store-info .service .displayed i {
|
|
background:url(../images/shop/ncs_store_top.png) no-repeat 0 -50px;
|
|
vertical-align:middle;
|
|
margin-right:4px;
|
|
display:inline-block;
|
|
width:16px;
|
|
height:16px;
|
|
}
|
|
/* 导航区域布局控制 */
|
|
.ncsl-nav {
|
|
width:1200px;
|
|
margin:0 auto;
|
|
}
|
|
/* 导航上部图片控制 */
|
|
.ncsl-nav .banner a.img {
|
|
width:1200px;
|
|
display:block;
|
|
}
|
|
.ncs-default-banner {
|
|
display:block;
|
|
width:1200px;
|
|
height:240px;
|
|
}
|
|
/* 店铺导航 */
|
|
.ncs-nav {
|
|
background-color:#F87622;
|
|
width:1200px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-nav ul {
|
|
white-space:nowrap;
|
|
display:block;
|
|
width:1200px;
|
|
height:38px;
|
|
margin:0 auto;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-nav li {
|
|
float:left;
|
|
}
|
|
.ncs-nav li a {
|
|
height:38px;
|
|
float:left;
|
|
}
|
|
.ncs-nav li a span {
|
|
font-size:14px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
max-width:160px;
|
|
color:#FFF;
|
|
float:left;
|
|
height:20px;
|
|
padding:9px 15px;
|
|
margin-left:4px;
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
}
|
|
.ncs-nav li.normal a {
|
|
background-position:0px -80px;
|
|
}
|
|
.ncs-nav li.normal a span {
|
|
background-position:right -120px;
|
|
}
|
|
.ncs-nav li.normal a:hover {
|
|
background-position:left -160px;
|
|
}
|
|
.ncs-nav li.normal a:hover span {
|
|
background-position:right -200px;
|
|
}
|
|
.ncs-nav li.active a,#nav li.active a:hover {
|
|
background-position:0px -240px;
|
|
}
|
|
.ncs-nav li.active a span,#nav li.active a:hover span {
|
|
text-shadow:0 1px 1px rgba(0,0,0,.2)
|
|
}
|
|
/* 头部客服中心列表 */
|
|
.ncs-header-container .ncs-message-bar {
|
|
color:#555;
|
|
text-align:left;
|
|
text-shadow:none;
|
|
}
|
|
.ncs-header-container .ncs-message-bar .default {
|
|
display:none;
|
|
}
|
|
.ncs-header-container .ncs-message-bar dl {
|
|
width:100px;
|
|
margin-bottom:10px;
|
|
}
|
|
.ncs-header-container .ncs-message-bar dt {
|
|
font-weight:600;
|
|
color:#F87622;
|
|
display:block;
|
|
padding-bottom:5px;
|
|
margin-bottom:5px;
|
|
border-bottom:solid 1px #F5F5F5;
|
|
}
|
|
.ncs-header-container .ncs-message-bar dd {
|
|
display:block;
|
|
color:#777;
|
|
padding:1px 0 1px 10px;
|
|
}
|
|
.ncs-header-container .ncs-message-bar dd span {
|
|
line-height:22px;
|
|
margin:0 6px 0 0;
|
|
}
|
|
.ncs-header-container .ncs-message-bar dd img {
|
|
vertical-align:middle;
|
|
}
|
|
.ncs-header-container .ncs-message-bar dd p {
|
|
line-height:20px;
|
|
}
|
|
.ncs-header-container .ncs-message-bar .workingtime {
|
|
display:none;
|
|
}
|
|
.shop-head-info .favorites .sub {
|
|
background-color:#FFF;
|
|
width:300px;
|
|
border:solid 1px #D8D8D8;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:60px;
|
|
left:-213px;
|
|
visibility:hidden;
|
|
}
|
|
.shop-head-info .favorites .sub .title-bar {
|
|
background-color:#F7F7F7;
|
|
height:24px;
|
|
padding:4px 8px;
|
|
border-bottom:solid 1px #D8D8D8;
|
|
}
|
|
.shop-head-info .favorites .sub .title-bar h3 {
|
|
line-height:24px;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
}
|
|
.shop-head-info .favorites .sub ul {
|
|
font-size:0;
|
|
width:280px;
|
|
height:50px;
|
|
clear:both;
|
|
padding:10px 0;
|
|
margin:0 auto;
|
|
}
|
|
.shop-head-info .favorites .sub li {
|
|
font-size:12px;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:50px;
|
|
height:50px;
|
|
margin:0 10px;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.shop-head-info .favorites .sub li a.btn {
|
|
line-height:20px;
|
|
color:#555;
|
|
text-decoration:none;
|
|
background-color:#FFF2DE;
|
|
text-align:center;
|
|
display:block;
|
|
width:48px;
|
|
height:20px;
|
|
padding:24px 0 4px 0;
|
|
border:solid 1px #FFC893;
|
|
border-radius:4px;
|
|
position:relative;
|
|
z-index:1;
|
|
top:0;
|
|
}
|
|
.shop-head-info .favorites .sub li a:hover.btn {
|
|
background-color:#FFD490;
|
|
}
|
|
.shop-head-info .favorites .sub li a.btn i {
|
|
background:url(../images/shop/public.png) no-repeat -660px -160px;
|
|
width:16px;
|
|
height:16px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:6px;
|
|
left:16px;
|
|
}
|
|
.shop-head-info .favorites .sub li a:hover.btn i {
|
|
background-position:-640px -160px;
|
|
}
|
|
.shop-head-info .favorites .sub li a {
|
|
line-height:20px;
|
|
text-decoration:underline;
|
|
text-align:center;
|
|
width:50px;
|
|
height:20px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:5px;
|
|
left:0;
|
|
}
|
|
.shop-head-info .favorites .sub li a.no-url {
|
|
text-decoration:none;
|
|
cursor:default;
|
|
}
|
|
.shop-head-info .favorites .sub li a.no-url:hover {
|
|
color:inherit;
|
|
}
|
|
.shop-head-info .favorites .sub li span {
|
|
line-height:20px;
|
|
text-align:center;
|
|
width:50px;
|
|
height:20px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:26px;
|
|
left:0;
|
|
}
|
|
.shop-head-info .favorites .sub li a.share {
|
|
background:url(../images/shop/public.png) no-repeat -600px -160px;
|
|
width:16px;
|
|
height:16px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:6px;
|
|
left:16px;
|
|
}
|
|
.shop-head-info .favorites .sub li a.share:hover {
|
|
background:url(../images/shop/public.png) no-repeat -620px -160px;
|
|
}
|
|
#shop-info:hover .shop-info-simple {
|
|
background:#FFF;
|
|
border:solid #CCC;
|
|
border-width:1px 1px 0px 1px;
|
|
padding:6px 10px 3px 9px;
|
|
border-radius:4px 0 0 0;
|
|
box-shadow:2px 0px 0px 0px rgba(0,0,0,.1);
|
|
visibility:hidden;
|
|
}
|
|
#shop-info .shop-info-details {
|
|
background:#FFF;
|
|
display:none;
|
|
width:632px;
|
|
height:84px;
|
|
padding:2px 8px 8px 8px;
|
|
border:solid #E7E7E7 1px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:49px;
|
|
left:0px;
|
|
border-radius:0 4px 4px 4px;
|
|
box-shadow:2px 2px 0px 0px rgba(0,0,0,.1);
|
|
}
|
|
#shop-info:hover .shop-info-details {
|
|
display:block;
|
|
border-color:#CCC;
|
|
}
|
|
.shop-info-details dl {
|
|
line-height:28px;
|
|
display:block;
|
|
float:left;
|
|
padding:0 5px;
|
|
}
|
|
.shop-info-details dl.rate {
|
|
width:181px;
|
|
}
|
|
.shop-info-details dl.basic {
|
|
width:201px;
|
|
}
|
|
.shop-info-details dl.other {
|
|
width:220px;
|
|
}
|
|
.shop-info-details dl dt {
|
|
color:#555;
|
|
text-align:right;
|
|
width:60px;
|
|
float:left;
|
|
clear:left;
|
|
}
|
|
.shop-info-details dl dd {
|
|
color:#555;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.shop-info-details dl dd strong {
|
|
color:#36C;
|
|
font-weight:600;
|
|
padding-right:6px;
|
|
}
|
|
.shop-info-details dl dd a.btn {
|
|
line-height:16px;
|
|
height:16px;
|
|
float:right;
|
|
padding:2px 4px;
|
|
margin:4px 0 0 0;
|
|
border:solid 1px #E7E7E7;
|
|
}
|
|
/* ====================== */
|
|
/* 店铺简介边栏 -> info.php */
|
|
/* ====================== */
|
|
.ncs-info {
|
|
width:200px;
|
|
background-color:#FFF;
|
|
margin-bottom:10px;
|
|
}
|
|
.ncs-info .title {
|
|
background-color:#F5F5F5;
|
|
padding:5px 10px;
|
|
border:solid 1px #E6E6E6;
|
|
}
|
|
.ncs-info .title h4 {
|
|
font:600 14px/20px arial,"microsoft yahei";
|
|
color:#555;
|
|
}
|
|
.ncs-info .content {
|
|
border:solid #E6E6E6;
|
|
border-width:0 1px 1px;
|
|
}
|
|
.ncs-info .content dl {
|
|
font-size:0;
|
|
display:block;
|
|
border-bottom:solid 1px #E6E6E6;
|
|
padding:6px 0;
|
|
}
|
|
.ncs-info .content dl dt {
|
|
font-size:12px;
|
|
color:#666;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
text-align:right;
|
|
display:inline-block;
|
|
width:68px;
|
|
}
|
|
.ncs-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;
|
|
width:130px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-info .all-rate .rating {
|
|
background:url(../images/2014grate.png) no-repeat 0 -18px;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
width:79px;
|
|
height:17px;
|
|
}
|
|
.ncs-info .all-rate .rating span {
|
|
background:url(../images/2014grate.png) no-repeat 100% 0;
|
|
display:block;
|
|
height:18px;
|
|
}
|
|
.ncs-info .all-rate em {
|
|
color:#DA542E;
|
|
font-weight:600;
|
|
vertical-align:middle;
|
|
margin-right:2px;
|
|
}
|
|
.ncs-info .content .detail-rate {
|
|
clear:both;
|
|
}
|
|
.ncs-info .store-name {
|
|
font-weight:600;
|
|
color:#555;
|
|
height:20px;
|
|
padding:6px 9px;
|
|
border-bottom:solid 1px #E6E6E6;
|
|
}
|
|
.ncs-detail-rate {
|
|
color:#999;
|
|
width:182px;
|
|
padding:5px;
|
|
margin:0 auto;
|
|
border-bottom:dotted 1px #E6E6E6;
|
|
}
|
|
.ncs-detail-rate h5 {
|
|
color:#777;
|
|
margin-bottom:4px;
|
|
}
|
|
.ncs-detail-rate h5 strong {
|
|
font-weight:700;
|
|
margin-right:30px;
|
|
}
|
|
.ncs-detail-rate li {
|
|
padding:2px 0;
|
|
}
|
|
.ncs-detail-rate .credit {
|
|
color:#555;
|
|
display:inline-block;
|
|
width:35px;
|
|
margin-left:4px;
|
|
}
|
|
.ncs-detail-rate .high {
|
|
color:#DA542E;
|
|
display:inline-block;
|
|
}
|
|
.ncs-detail-rate .high i {
|
|
background:url(../images/2014grate.png) no-repeat 0 -40px;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
width:9px;
|
|
height:8px;
|
|
margin-right:4px;
|
|
}
|
|
.ncs-detail-rate .high em {
|
|
color:#FFF;
|
|
background-color:#DA542E;
|
|
text-align:center;
|
|
display:inline-block;
|
|
width:40px;
|
|
margin-left:2px;
|
|
}
|
|
.ncs-detail-rate .equal {
|
|
color:#DA542E;
|
|
display:inline-block;
|
|
}
|
|
.ncs-detail-rate .equal i {
|
|
background:url(../images/2014grate.png) no-repeat -18px -40px;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
width:9px;
|
|
height:8px;
|
|
margin-right:4px;
|
|
}
|
|
.ncs-detail-rate .equal em {
|
|
color:#FFF;
|
|
background-color:#DA542E;
|
|
text-align:center;
|
|
display:inline-block;
|
|
width:40px;
|
|
margin-left:2px;
|
|
}
|
|
.ncs-detail-rate .low {
|
|
color:#28B779;
|
|
display:inline-block;
|
|
}
|
|
.ncs-detail-rate .low i {
|
|
background:url(../images/2014grate.png) no-repeat -9px -40px;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
width:9px;
|
|
height:8px;
|
|
margin-right:4px;
|
|
}
|
|
.ncs-detail-rate .low em {
|
|
color:#FFF;
|
|
background-color:#28B779;
|
|
text-align:center;
|
|
display:inline-block;
|
|
width:40px;
|
|
margin-left:2px;
|
|
}
|
|
.ncs-info .goto {
|
|
text-align:center;
|
|
padding:10px 0;
|
|
}
|
|
.ncs-info .goto a {
|
|
color:#005EA6;
|
|
margin:0 10px;
|
|
}
|
|
.ncs-info .goto a em {
|
|
color:#999;
|
|
}
|
|
.ncs-info .goto a:hover em {
|
|
text-decoration:none !important;
|
|
}
|
|
.ncs-info .no-border {
|
|
border:0!important;
|
|
padding-bottom:0!important;
|
|
}
|
|
.ncs-info-btn-map {
|
|
width:103px;
|
|
height:36px;
|
|
border-top:solid 1px #E7E7E7;
|
|
border-right:solid 1px #E7E7E7;
|
|
float:left;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC',endColorstr='#F1F1F1');
|
|
background-image:-webkit-gradient( linear,left top,left bottom,from(#FCFCFC),to(#F1F1F1));
|
|
background-image:-moz-linear-gradient(top,#FCFCFC,#F1F1F1)
|
|
}
|
|
.ncs-info-btn-qrcode {
|
|
width:103px;
|
|
height:36px;
|
|
border-top:solid 1px #E7E7E7;
|
|
border-left:solid 1px #FFF;
|
|
float:left;
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC',endColorstr='#F1F1F1');
|
|
background-image:-webkit-gradient( linear,left top,left bottom,from(#FCFCFC),to(#F1F1F1));
|
|
background-image:-moz-linear-gradient(top,#FCFCFC,#F1F1F1)
|
|
}
|
|
.shop-other {
|
|
width:208px;
|
|
height:36px;
|
|
margin-top:10px
|
|
}
|
|
.shop-other p,.shop-other .ncs-info-map {
|
|
display:none;
|
|
border:solid #E7E7E7;
|
|
border-width:0px 1px 1px 1px;
|
|
background:#FFF url(../images/loading.gif) no-repeat 50% 50%;
|
|
position:absolute;
|
|
top:35px;
|
|
text-align:center;
|
|
zoom:1
|
|
}
|
|
.ncs-info-btn-map a,.ncs-info-btn-qrcode a {
|
|
line-height:16px;
|
|
color:#555;
|
|
background:url(../images/shop/public.png) no-repeat;
|
|
padding-left:20px;
|
|
width:73px;
|
|
height:16px;
|
|
float:left;
|
|
padding:9px 1px 10px 29px;
|
|
border-top:solid 1px #FFF;
|
|
position:relative;
|
|
z-index:999
|
|
}
|
|
.ncs-info-btn-map a {
|
|
background-position:10px -150px
|
|
}
|
|
.ncs-info-btn-qrcode a {
|
|
background-position:-90px -150px
|
|
}
|
|
.ncs-info-btn-map a:hover {
|
|
text-decoration:none;
|
|
color:#000;
|
|
background-color:#FFF;
|
|
padding-right:0;
|
|
border-right:solid 1px #E7E7E7;
|
|
box-shadow:3px 0px 0px 0px #EEE
|
|
}
|
|
.ncs-info-btn-map:hover .ncs-info-map {
|
|
display:block;
|
|
left:-1px;
|
|
z-index:1;
|
|
height:310px;
|
|
background-color:#FFF
|
|
}
|
|
.ncs-info-btn-map:hover .ncs-info-map .box {
|
|
margin:1px
|
|
}
|
|
.ncs-info-btn-qrcode a:hover {
|
|
text-decoration:none;
|
|
color:#000;
|
|
background-color:#FFF;
|
|
background-position:-91px -150px;
|
|
padding-left:28px;
|
|
border-left:solid 1px #E7E7E7;
|
|
box-shadow:-3px 0px 0px 0px #EEE
|
|
}
|
|
.ncs-info-btn-qrcode:hover .ncs-info-qrcode {
|
|
display:block;
|
|
right:-1px;
|
|
z-index:1;
|
|
height:208px
|
|
}
|
|
.ncs-info-btn-qrcode:hover .ncs-info-qrcode em {
|
|
background:#F7F7F7;
|
|
line-height:16px;
|
|
width:180px;
|
|
height:32px;
|
|
display:inline-block;
|
|
margin:5px auto;
|
|
overflow:hidden;
|
|
padding:4px
|
|
}
|
|
/* ====================== */
|
|
/* 左侧边栏样式 -> left.php */
|
|
/* ====================== */
|
|
.ncs-sidebar-container {
|
|
margin-bottom:10px;
|
|
}
|
|
.ncs-sidebar-container .title {
|
|
background-color:#F7F7F7;
|
|
height:20px;
|
|
padding:5px 10px;
|
|
border:solid #DDD;
|
|
border-width:1px 1px 0 1px;
|
|
}
|
|
.ncs-sidebar-container .title h4 {
|
|
color:#666;
|
|
font:600 14px/20px "Microsoft Yahei";
|
|
}
|
|
.ncs-sidebar-container .content {
|
|
border:solid 1px #E7E7E7;
|
|
background:#FFF;
|
|
}
|
|
/* 侧边栏搜索 */
|
|
.ncs-search {
|
|
width:180px;
|
|
margin:5px 13px 10px 5px;
|
|
display:inline-table;
|
|
}
|
|
.ncs-search th {
|
|
width:60px;
|
|
text-align:right;
|
|
padding:5px 10px 5px 0;
|
|
}
|
|
.ncs-search td {
|
|
padding:5px 10px 5px 0;
|
|
}
|
|
.ncs-search a {
|
|
border:solid 1px #F60;
|
|
text-decoration:none;
|
|
border-radius:4px;
|
|
background-color:#F90;
|
|
color:#FFF;
|
|
padding:4px 8px;
|
|
line-height:16px;
|
|
text-shadow:1px 1px 0 rgba(255,110,0,.8);
|
|
box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
}
|
|
.ncs-search a:hover {
|
|
background-color:#FFA620;
|
|
}
|
|
/* 侧边栏商品分类 */
|
|
.ncs-class-bar p {
|
|
background-color:#F9F9F9;
|
|
border-bottom:solid 1px #E7E7E7;
|
|
height:28px;
|
|
}
|
|
.ncs-class-bar p span {
|
|
text-align:center;
|
|
display:inline-block;
|
|
width:22%;
|
|
height:20px;
|
|
padding:4px 0;
|
|
}
|
|
.ncs-class-bar p a {
|
|
line-height:16px;
|
|
color:#777;
|
|
padding:2px;
|
|
}
|
|
.ncs-class-bar p a:hover {
|
|
text-decoration:none;
|
|
color:#FFF;
|
|
background-color:#999;
|
|
border-radius:4px;
|
|
}
|
|
.ncs-submenu {
|
|
font-size:0;
|
|
width:170px;
|
|
margin:5px 13px 5px 15px;
|
|
}
|
|
.ncs-submenu li {
|
|
font-size:12px;
|
|
font-weight:600;
|
|
text-align:left;
|
|
margin:6px 0;
|
|
clear:both;
|
|
}
|
|
.ncs-submenu li a {
|
|
line-height:20px;
|
|
word-wrap:break-word;
|
|
display:inline-block;
|
|
max-width:135px;
|
|
color:#333;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-submenu li ul {
|
|
width:150;
|
|
margin:5px 0px 5px 20px;
|
|
}
|
|
.ncs-submenu li ul li {
|
|
line-height:20px;
|
|
font-weight:normal;
|
|
text-align:left;
|
|
margin:4px 0;
|
|
}
|
|
.ico-none,.ico-block,.ico-sub {
|
|
vertical-align:top;
|
|
display:inline-block;
|
|
cursor:default;
|
|
}
|
|
.ico-none,.ico-block,.ico-sub {
|
|
}.ico-none,.ico-block {
|
|
width:10px;
|
|
height:10px;
|
|
text-align:center;
|
|
margin:5px 10px 5px 0;
|
|
border-radius:2px;
|
|
}
|
|
.ico-none em,.ico-block em {
|
|
font-size:12px;
|
|
line-height:10px!important;
|
|
display:block;
|
|
height:10px;
|
|
}
|
|
.ico-sub {
|
|
font-size:0px;
|
|
line-height:0;
|
|
width:3px;
|
|
height:3px;
|
|
margin:8px 6px 8px 0;
|
|
border-radius:3px;
|
|
}
|
|
/* 侧边栏排行榜 */
|
|
.ncs-top-tab {
|
|
background:#FFF url(../images/shop/repeat_x.png) repeat-x center 0;
|
|
height:28px;
|
|
}
|
|
.ncs-top-tab li {
|
|
float:left;
|
|
}
|
|
.ncs-top-tab li a {
|
|
color:#777;
|
|
line-height:20px;
|
|
text-decoration:none;
|
|
background-color:#F7F7F7;
|
|
text-align:center;
|
|
width:86px;
|
|
height:20px;
|
|
float:left;
|
|
margin:4px 0 1px 4px;
|
|
padding:1px 0;
|
|
border:solid #D8D8D8;
|
|
border-width:1px 1px 0 1px;
|
|
border-radius:4px 4px 0 0;
|
|
text-shadow:1px 1px 0 rgba(255,255,255,.75);
|
|
}
|
|
.ncs-top-tab li.current a {
|
|
color:#000;
|
|
background-color:#FFF;
|
|
padding:1px 0 2px 0;
|
|
margin:4px 0 0 4px;
|
|
box-shadow:0 -1px 1px rgba(0,0,0,.05);
|
|
}
|
|
.ncs-top-bar .hide {
|
|
display:none;
|
|
}
|
|
.ncs-top-panel {
|
|
widht:196px;
|
|
margin:1px;
|
|
}
|
|
.ncs-top-panel li {
|
|
width:180px;
|
|
padding:8px 12px 8px 4px;
|
|
display:block;
|
|
clear:both;
|
|
margin-top:-1px;
|
|
border-bottom:dashed 1px #E7E7E7;
|
|
}
|
|
.ncs-top-panel li:hover {
|
|
background-color:#F7F7F7;
|
|
}
|
|
.ncs-top-panel dl {
|
|
line-height:16px;
|
|
width:180px;
|
|
height:50px;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.ncs-top-panel dl:hover {
|
|
z-index:9;
|
|
}
|
|
.ncs-top-panel dt {
|
|
display:block;
|
|
float:left;
|
|
width:120px;
|
|
height:16px;
|
|
margin-left:60px;
|
|
text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
white-space:nowrap;
|
|
}
|
|
.ncs-top-panel dd.goods-pic {
|
|
background-color:#FFF;
|
|
display:block;
|
|
width:50px;
|
|
height:50px;
|
|
position:absolute;
|
|
z-index:999;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
.ncs-top-panel dd.goods-pic a {
|
|
border:solid 1px #E7E7E7;
|
|
width:40px;
|
|
height:40px;
|
|
padding:4px;
|
|
display:inline-block;
|
|
}
|
|
.ncs-top-panel dd.goods-pic p {
|
|
background-color:#FFF;
|
|
width:100px;
|
|
height:100px;
|
|
padding:4px;
|
|
border:solid 1px #F60;
|
|
position:absolute;
|
|
z-index:2;
|
|
top:-10px;
|
|
left:58px;
|
|
display:none;
|
|
box-shadow:2px 2px 0px rgba(0,0,0,.2);
|
|
}
|
|
.ncs-top-panel dd.goods-pic p big {
|
|
font-size:0;
|
|
line-height:0;
|
|
width:0;
|
|
height:0;
|
|
display:block;
|
|
border:4px solid;
|
|
border-color:transparent #FF6600 transparent transparent;
|
|
position:absolute;
|
|
z-index:2;
|
|
top:18px;
|
|
left:-9px;
|
|
}
|
|
.ncs-top-panel dd.goods-pic p small {
|
|
font-size:0;
|
|
line-height:0;
|
|
width:0;
|
|
height:0;
|
|
display:block;
|
|
border:4px solid;
|
|
border-color:transparent #FFFFFF transparent transparent;
|
|
position:absolute;
|
|
z-index:2;
|
|
top:18px;
|
|
left:-8px;
|
|
}
|
|
.ncs-top-panel dd.goods-pic:hover p {
|
|
display:block;
|
|
}
|
|
.ncs-top-panel dd.goods-pic:hover a {
|
|
border-color:#F60;
|
|
}
|
|
.ncs-top-panel dd.price {
|
|
background:url(../images/shop/public.png) no-repeat 0 -80px;
|
|
display:inline-block;
|
|
width:110px;
|
|
height:16px;
|
|
float:left;
|
|
text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
white-space:nowrap;
|
|
padding-left:10px;
|
|
margin-top:1px;
|
|
margin-left:60px;
|
|
}
|
|
.ncs-top-panel dd.selled {
|
|
background:url(../images/shop/public.png) no-repeat 0 -100px;
|
|
display:inline-block;
|
|
width:100px;
|
|
height:16px;
|
|
float:left;
|
|
text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
white-space:nowrap;
|
|
padding-left:20px;
|
|
margin-top:1px;
|
|
margin-left:60px;
|
|
}
|
|
.ncs-top-panel dd.selled strong {
|
|
margin:0 3px;
|
|
}
|
|
.ncs-top-panel dd.collection {
|
|
background:url(../images/shop/public.png) no-repeat 0 -120px;
|
|
display:inline-block;
|
|
width:100px;
|
|
height:16px;
|
|
float:left;
|
|
text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
white-space:nowrap;
|
|
padding-left:20px;
|
|
margin-top:1px;
|
|
margin-left:60px;
|
|
}
|
|
.ncs-top-panel dd.collection strong {
|
|
margin:0 3px;
|
|
}
|
|
.ncs-top-bar p {
|
|
width:130px;
|
|
margin:10px auto;
|
|
}
|
|
.ncs-top-bar p a {
|
|
line-height:38px;
|
|
color:#333;
|
|
background-color:#FEF4B1;
|
|
text-align:center;
|
|
width:128px;
|
|
height:38px;
|
|
border:solid 1px #FFD863;
|
|
border-radius:5px;
|
|
display:inline-block;
|
|
box-shadow:0 -1px 1px rgba(0,0,0,0.1)
|
|
}
|
|
.ncs-top-bar p a:hover {
|
|
text-decoration:none;
|
|
color:#777;
|
|
background-color:#FEF6C7;
|
|
box-shadow:none;
|
|
}
|
|
/* ========================================= */
|
|
/* 商品列表类页面 -> index.php,goods_list.php */
|
|
/* ========================================= */
|
|
.ncs-main {
|
|
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF',endColorstr='#E5FFFFFF');
|
|
background:rgba(255,255,255,0.9);
|
|
width:990px;
|
|
float:right;
|
|
}
|
|
.ncs-sidebar {
|
|
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF',endColorstr='#E5FFFFFF');
|
|
background:rgba(255,255,255,0.9);
|
|
width:200px;
|
|
float:left;
|
|
}
|
|
/* 焦点图轮换 */
|
|
.flex-container a:active,.flexslider a:active {
|
|
outline:none;
|
|
}
|
|
.slides,.flex-control-nav,.flex-direction-nav {
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
}
|
|
.flexslider {
|
|
width:990px;
|
|
clear:both;
|
|
margin:0 auto 30px auto;
|
|
padding:0;
|
|
}
|
|
.flexslider .slides > li {
|
|
display:none;
|
|
}
|
|
.flexslider .slides img {
|
|
max-width:100%;
|
|
display:block;
|
|
}
|
|
.flex-pauseplay span {
|
|
text-transform:capitalize;
|
|
}
|
|
.slides:after {
|
|
content:".";
|
|
display:block;
|
|
clear:both;
|
|
visibility:hidden;
|
|
line-height:0;
|
|
height:0;
|
|
}
|
|
html[xmlns] .slides {
|
|
display:block;
|
|
}
|
|
* html .slides {
|
|
height:1%;
|
|
}
|
|
.no-js .slides > li:first-child {
|
|
display:block;
|
|
}
|
|
.flexslider {
|
|
background:#fff;
|
|
position:relative;
|
|
zoom:1;
|
|
}
|
|
.flexslider .slides {
|
|
zoom:1;
|
|
}
|
|
.flexslider .slides > li {
|
|
position:relative;
|
|
}
|
|
.flex-container {
|
|
zoom:1;
|
|
position:relative;
|
|
}
|
|
.flex-direction-nav li a {
|
|
text-indent:-9999px;
|
|
background-color:transparent;
|
|
display:block;
|
|
width:36px;
|
|
height:36px;
|
|
padding:0;
|
|
margin:-8px 0 0 0;
|
|
position:absolute;
|
|
top:45%;
|
|
cursor:pointer;
|
|
opacity:0.3;
|
|
filter:alpha(opacity=30);
|
|
}
|
|
.flex-direction-nav li a:hover {
|
|
opacity:0.9;
|
|
filter:alpha(opacity=90)
|
|
}
|
|
.flex-direction-nav li a.flex-next {
|
|
font-size:0px;
|
|
line-height:0;
|
|
width:0px;
|
|
height:0px;
|
|
border:16px solid;
|
|
border-color:transparent transparent transparent #333;
|
|
right:0px;
|
|
}
|
|
.flex-direction-nav li a.flex-prev {
|
|
font-size:0px;
|
|
line-height:0;
|
|
width:0px;
|
|
height:0px;
|
|
border:16px solid;
|
|
border-color:transparent #333 transparent transparent;
|
|
left:0px;
|
|
}
|
|
.flex-direction-nav li .disabled {
|
|
opacity:0.3;
|
|
filter:alpha(opacity=30);
|
|
cursor:default;
|
|
}
|
|
.flex-control-nav {
|
|
width:100%;
|
|
position:absolute;
|
|
bottom:-20px;
|
|
text-align:center;
|
|
}
|
|
.flex-control-nav li {
|
|
margin:0 0 0 9px;
|
|
display:inline-block;
|
|
zoom:1;
|
|
}
|
|
.flex-control-nav li:first-child {
|
|
margin:0;
|
|
}
|
|
.flex-control-nav li a {
|
|
width:10px;
|
|
height:10px;
|
|
line-height:10px;
|
|
display:block;
|
|
background-color:#EEE;
|
|
cursor:pointer;
|
|
text-indent:-9999px;
|
|
border-radius:5px;
|
|
}
|
|
.flex-control-nav li a:hover {
|
|
background-color:#FC0;
|
|
}
|
|
.flex-control-nav li a.flex-active {
|
|
background-color:#F60;
|
|
cursor:default;
|
|
box-shadow:1px 1px 1px #CC3300 inset;
|
|
}
|
|
.ncs-main-container {
|
|
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF',endColorstr='#E5FFFFFF');
|
|
background:rgba(255,255,255,0.9);
|
|
text-align:center;
|
|
padding-bottom:20px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-main-container .title {
|
|
background-color:#FCFCFC;
|
|
text-align:left;
|
|
border-color:#F87622 #E7E7E7 #E7E7E7;
|
|
border-style:solid;
|
|
border-width:2px 1px 1px;
|
|
}
|
|
.ncs-main-container .title h4 {
|
|
font:14px/20px "Microsoft Yahei";
|
|
color:#777777;
|
|
display:inline-block;
|
|
padding:6px 15px 5px;
|
|
}
|
|
.ncs-main-container .title span {
|
|
float:right;
|
|
margin:4px 12px 0 0;
|
|
line-height:24px;
|
|
}
|
|
.ncs-main-container .title span a {
|
|
color:#999;
|
|
}
|
|
.ncs-main-container .content {
|
|
text-align:left;
|
|
border-color:#E7E7E7;
|
|
border-style:solid;
|
|
border-width:0 1px 1px;
|
|
}
|
|
/* 商品列表 */
|
|
.ncg-list .content {
|
|
overflow:hidden;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
clear:both;
|
|
}
|
|
/* 商品列表 */
|
|
.ncs-goods-list {
|
|
overflow:hidden;
|
|
}
|
|
.ncs-goods-list ul {
|
|
font-size:0;
|
|
margin-right:-1px;
|
|
margin-bottom:-1px;
|
|
}
|
|
.ncs-goods-list ul li {
|
|
font-size:12px;
|
|
color:#666;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:25%;
|
|
}
|
|
.ncs-goods-list ul li dl {
|
|
border:solid #E7E7E7;
|
|
border-width:0 1px 1px 0;
|
|
padding:9px;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.ncs-goods-list ul li dt {
|
|
width:160px;
|
|
margin:5px auto;
|
|
}
|
|
.ncs-goods-list ul li dt a.goods-thumb {
|
|
line-height:0;
|
|
background-color:#FFF;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:160px;
|
|
height:160px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-goods-list ul li dt a.goods-thumb img {
|
|
max-width:160px;
|
|
max-height:160px;
|
|
margin-top:expression(160-this.height/2);
|
|
}
|
|
.ncs-goods-list ul li dt .goods-thumb-scroll-show {
|
|
font-size:0;
|
|
margin-top:5px;
|
|
}
|
|
.ncs-goods-list ul li dt .goods-thumb-scroll-show li {
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:24px;
|
|
height:24px;
|
|
padding:1px;
|
|
border:solid 1px #F5F5F5;
|
|
margin-right:4px;
|
|
}
|
|
.ncs-goods-list ul li dt .goods-thumb-scroll-show li.selected {
|
|
border-color:#F87622;
|
|
}
|
|
.ncs-goods-list ul li dt .goods-thumb-scroll-show li a {
|
|
line-height:0;
|
|
background-color:#FFF;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:24px;
|
|
height:24px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-goods-list ul li dt .goods-thumb-scroll-show li a img {
|
|
max-width:24px;
|
|
max-height:24px;
|
|
margin-top:expression(24-this.height/2);
|
|
}
|
|
.ncs-goods-list ul li dd {
|
|
width:160px;
|
|
margin:0 auto;
|
|
}
|
|
.ncs-goods-list ul li dd.goods-name {
|
|
line-height:16px;
|
|
display:block;
|
|
height:32px;
|
|
overflow:hidden;
|
|
margin-bottom:5px;
|
|
}
|
|
.ncs-goods-list ul li dd.goods-info {
|
|
font-size:0;
|
|
}
|
|
.ncs-goods-list ul li dd.goods-info span {
|
|
font-size:12px;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:50%;
|
|
}
|
|
.ncs-goods-list ul li dd.goods-promotion {
|
|
font:700 12px/15px "microsoft yahei";
|
|
background:url("../images/2014shop_background_img.png") no-repeat scroll 0 -100px rgba(0,0,0,0);
|
|
color:#FFFFFF;
|
|
height:30px;
|
|
text-align:center;
|
|
padding:20px 9px 15px;
|
|
width:30px;
|
|
z-index:2;
|
|
position:absolute;
|
|
right:5px;
|
|
top:5px;
|
|
}
|
|
.ncs-all-goods-list {
|
|
overflow:hidden;
|
|
}
|
|
.ncs-all-goods-list ul {
|
|
font-size:0;
|
|
margin-right:-1px;
|
|
margin-bottom:-1px;
|
|
}
|
|
.ncs-all-goods-list ul li {
|
|
font-size:12px;
|
|
color:#666;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:25%;
|
|
}
|
|
.ncs-all-goods-list ul li dl {
|
|
border:solid #E7E7E7;
|
|
border-width:0 1px 1px 0;
|
|
padding:9px;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.ncs-all-goods-list ul li dt {
|
|
width:200px;
|
|
margin:10px auto;
|
|
}
|
|
.ncs-all-goods-list ul li dt a.goods-thumb {
|
|
line-height:0;
|
|
background-color:#FFF;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:200px;
|
|
height:200px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-all-goods-list ul li dt a.goods-thumb img {
|
|
max-width:200px;
|
|
max-height:200px;
|
|
margin-top:expression(200-this.height/2);
|
|
}
|
|
.ncs-all-goods-list ul li dt .goods-thumb-scroll-show {
|
|
font-size:0;
|
|
margin-top:5px;
|
|
}
|
|
.ncs-all-goods-list ul li dt .goods-thumb-scroll-show li {
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:32px;
|
|
height:32px;
|
|
padding:1px;
|
|
border:solid 1px #F5F5F5;
|
|
margin-right:4px;
|
|
}
|
|
.ncs-all-goods-list ul li dt .goods-thumb-scroll-show li.selected {
|
|
border-color:#F87622;
|
|
}
|
|
.ncs-all-goods-list ul li dt .goods-thumb-scroll-show li a {
|
|
line-height:0;
|
|
background-color:#FFF;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:32px;
|
|
height:32px;
|
|
overflow:hidden;
|
|
}
|
|
.ncs-all-goods-list ul li dt .goods-thumb-scroll-show li a img {
|
|
max-width:32px;
|
|
max-height:32px;
|
|
margin-top:expression(32-this.height/2);
|
|
}
|
|
.ncs-all-goods-list ul li dd {
|
|
width:220px;
|
|
margin:0 auto;
|
|
}
|
|
.ncs-all-goods-list ul li dd.goods-name {
|
|
line-height:16px;
|
|
display:block;
|
|
height:32px;
|
|
overflow:hidden;
|
|
margin-bottom:5px;
|
|
}
|
|
.ncs-all-goods-list ul li dd.goods-info {
|
|
font-size:0;
|
|
}
|
|
.ncs-all-goods-list ul li dd.goods-info span {
|
|
font-size:12px;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:50%;
|
|
}
|
|
.ncs-all-goods-list ul li dd.goods-promotion {
|
|
font:700 12px/15px "microsoft yahei";
|
|
background:url("../images/2014shop_background_img.png") no-repeat scroll 0 -100px rgba(0,0,0,0);
|
|
color:#FFFFFF;
|
|
height:30px;
|
|
text-align:center;
|
|
padding:20px 9px 15px;
|
|
width:30px;
|
|
z-index:2;
|
|
position:absolute;
|
|
right:5px;
|
|
top:5px;
|
|
}
|
|
.ncs-article {
|
|
width:100%;
|
|
}
|
|
/* 列表排序 */
|
|
.ncs-goodslist-bar {
|
|
background:#F7F7F7;
|
|
height:28px;
|
|
border-bottom:solid 1px #D8D8D8;
|
|
padding:6px 0;
|
|
}
|
|
.ncs-array {
|
|
display:block;
|
|
float:left;
|
|
padding:6px 8px 6px 4px;
|
|
margin-left:24px;
|
|
}
|
|
.ncs-array li {
|
|
display:inline-block;
|
|
margin:0 1px;
|
|
}
|
|
.ncs-array li a {
|
|
line-height:17px;
|
|
color:#555;
|
|
background:url(../images/nc_sortbar.gif) no-repeat scroll 32px -76px;
|
|
display:inline-block;
|
|
width:28px;
|
|
padding:0 14px 0 4px;
|
|
}
|
|
.ncs-array li a.nobg,.sort-bar .array li.selected a.nobg {
|
|
background:none;
|
|
padding:0 4px !important;
|
|
}
|
|
.ncs-array li.selected a {
|
|
font-weight:700;
|
|
color:#F60;
|
|
}
|
|
.ncs-array li.selected a.asc {
|
|
background-position:32px -96px;
|
|
}
|
|
.ncs-array li.selected a.desc {
|
|
background-position:32px -116px;
|
|
}
|
|
.price-search {
|
|
display:block;
|
|
float:left;
|
|
margin-top:4px;
|
|
margin-left:24px;
|
|
}
|
|
.price-search i {
|
|
display:inline-block;
|
|
padding:0 6px;
|
|
}
|
|
.price-search a {
|
|
border:solid 1px #F60;
|
|
text-decoration:none;
|
|
border-radius:4px;
|
|
background-color:#F90;
|
|
color:#FFF;
|
|
padding:2px 6px;
|
|
line-height:14px;
|
|
text-shadow:1px 1px 0 rgba(255,110,0,.8);
|
|
box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
margin-left:8px;
|
|
}
|
|
.price-search a:hover {
|
|
background-color:#FC0;
|
|
color:#FFF;
|
|
}
|
|
/* 翻页样式 */
|
|
.pagination {
|
|
display:inline-block;
|
|
margin:0 auto;
|
|
}
|
|
.pagination ul {
|
|
font-size:0;
|
|
}
|
|
.pagination ul li {
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
margin:0 0 0 -1px;
|
|
}
|
|
.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:#F87622;
|
|
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;
|
|
}
|
|
/* 侧边栏店铺分类控制标签 */
|
|
.ico-none,.ico-block,.ico-sub {
|
|
color:#FFF;
|
|
background-color:#FFD379;
|
|
border:solid 1px #FFB417;
|
|
box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);
|
|
}
|
|
.dataTables_paginate li a {
|
|
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;
|
|
}
|
|
.dataTables_paginate {
|
|
display:inline-block;
|
|
margin:0 auto;
|
|
}
|
|
.dataTables_paginate ul {
|
|
font-size:0;
|
|
}
|
|
.dataTables_paginate ul li {
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
margin:0 0 0 -1px;
|
|
}
|
|
.dataTables_paginate li a {
|
|
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;
|
|
}
|
|
.dataTables_paginate li a,.dataTables_paginate li a:visited {
|
|
color:#005AA0;
|
|
text-decoration:none;
|
|
background-color:#FFF;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.dataTables_paginate li a:hover,.dataTables_paginate li a:active {
|
|
color:#FFF;
|
|
text-decoration:none !important;
|
|
background-color:#F87622;
|
|
border-color:#CA3300;
|
|
position:relative;
|
|
z-index:9;
|
|
cursor:pointer;
|
|
}
|
|
.dataTables_paginate li a:hover {
|
|
text-decoration:none;
|
|
}
|
|
.dataTables_paginate .active a {
|
|
color:orange;
|
|
font-weight:bold;
|
|
background-color:#FAFAFA;
|
|
border-color:#E6E6E6;
|
|
position:relative;
|
|
z-index:2;
|
|
}
|
|
/* ========================================= */
|
|
/* 店铺动态页面 -> store_snshome.php */
|
|
/* ========================================= */
|
|
.cms-sns {
|
|
font-size:0;
|
|
background-color:#EEE;
|
|
width:1160px;
|
|
padding:20px;
|
|
margin:10px auto;
|
|
overflow:hidden;
|
|
}
|
|
.cms-sns-left,.cms-sns-right {
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
}
|
|
.cms-sns-left {
|
|
background-color:#FFF;
|
|
width:915px;
|
|
border:solid 1px #DDD;
|
|
border-radius:5px;
|
|
}
|
|
.cms-sns-tabmene ul {
|
|
font-size:0;
|
|
border-bottom:solid 1px #DDD;
|
|
}
|
|
.cms-sns-tabmene ul li {
|
|
font-size:12px;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
}
|
|
.cms-sns-tabmene ul li a {
|
|
line-height:20px;
|
|
display:block;
|
|
height:20px;
|
|
padding:10px 20px;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.cms-sns-tabmene ul li a i {
|
|
background:url(../images/shop/2014_ncs_public_img.png) no-repeat -80px -70px;
|
|
display:none;
|
|
width:15px;
|
|
height:8px;
|
|
margin-left:-7px;
|
|
position:absolute;
|
|
z-index:1;
|
|
top:33px;
|
|
left:50%;
|
|
}
|
|
.cms-sns-tabmene ul li a.selected {
|
|
font-weight:600;
|
|
}
|
|
.cms-sns-tabmene ul li a.selected i {
|
|
display:block;
|
|
}
|
|
.cms-sns-content {
|
|
}.cms-sns-content .null {
|
|
font-size:12px;
|
|
display:block;
|
|
text-align:center;
|
|
color:#999;
|
|
padding:150px 0;
|
|
}
|
|
.cms-sns-content-list {
|
|
}.cms-sns-content-list li {
|
|
padding:20px;
|
|
border-bottom:solid 1px #F5F5F5;
|
|
}
|
|
.cms-sns-content dl {
|
|
font-size:12px;
|
|
}
|
|
.cms-sns-content dt {
|
|
margin-bottom:10px;
|
|
}
|
|
.cms-sns-content dt h5 {
|
|
font-size:14px;
|
|
display:inline-block;
|
|
}
|
|
.cms-sns-content dt h5 img {
|
|
vertical-align:middle;
|
|
}
|
|
.cms-sns-content dt .fd-handle {
|
|
background-color:#FFF;
|
|
border:solid 1px #CCC;
|
|
padding:1px 6px;
|
|
display:none;
|
|
float:right;
|
|
}
|
|
.cms-sns-content dt .fd-handle i {
|
|
font-size:14px;
|
|
margin-right:4px;
|
|
vertical-align:middle;
|
|
}
|
|
.cms-sns-content-list li:hover .fd-handle {
|
|
display:block;
|
|
}
|
|
.cms-sns-content .fd-media {
|
|
font-size:0;
|
|
background-color:#FBFBFB;
|
|
padding:9px;
|
|
border:solid 1px #F5F5F5;
|
|
}
|
|
.cms-sns-content .fd-media .thumb-image,.cms-sns-content .fd-media .goodsimg,.cms-sns-content .fd-media .goodsinfo {
|
|
font-size:12px;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
}
|
|
.cms-sns-content .fd-media .goodsimg,.cms-sns-content .fd-media .thumb-image {
|
|
background-color:#FEFEFE;
|
|
width:120px;
|
|
height:120px;
|
|
}
|
|
.cms-sns-content .fd-media .goodsimg a,.cms-sns-content .fd-media .thumb-image a {
|
|
line-height:0;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:120px;
|
|
height:120px;
|
|
overflow:hidden;
|
|
}
|
|
.cms-sns-content .fd-media .goodsimg a img,.cms-sns-content .fd-media .thumb-image a img {
|
|
max-width:120px;
|
|
max-height:120px;
|
|
margin-top:expression(120-this.height/2);
|
|
}
|
|
.cms-sns-content .fd-media .goodsinfo {
|
|
margin-left:10px;
|
|
}
|
|
.cms-sns-content .fd-media .goodsinfo dl {
|
|
width:480px;
|
|
}
|
|
.cms-sns-content .fd-media .goodsinfo dt {
|
|
font-size:14px;
|
|
white-space:normal;
|
|
display:block;
|
|
margin-bottom:5px;
|
|
}
|
|
.cms-sns-content .fd-media .goodsinfo i {
|
|
font-size:12px;
|
|
line-height:16px;
|
|
color:#FFF;
|
|
display:inline-block;
|
|
height:16px;
|
|
padding:1px 4px;
|
|
margin-right:10px;
|
|
border:solid 1px;
|
|
border-radius:2px;
|
|
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25);
|
|
text-shadow:1px 1px 0 rgba(0,0,0,0.25);
|
|
-webkit-text-size-adjust:none;
|
|
}
|
|
i.desc-type-new {
|
|
background-color:#DE4B82;
|
|
border-color:#9A2D56!important;
|
|
}
|
|
/*新品*/
|
|
i.desc-type-coupon {
|
|
background-color:#F38419;
|
|
border-color:#C35B14!important;
|
|
}
|
|
/*优惠券*/
|
|
i.desc-type-xianshi {
|
|
background-color:#3BCFFD;
|
|
border-color:#2FAAD4!important;
|
|
}
|
|
/*限时折扣*/
|
|
i.desc-type-mansong {
|
|
background-color:#4C6293;
|
|
border-color:#364A6F!important;
|
|
}
|
|
/*满即送*/
|
|
i.desc-type-bundling {
|
|
background-color:#44783A;
|
|
border-color:#2C4B21!important;
|
|
}
|
|
/*组合销售*/
|
|
i.desc-type-groupbuy {
|
|
background-color:#7C7C7E;
|
|
border-color:#3F3D40!important;
|
|
}
|
|
/*抢购*/
|
|
i.desc-type-recommend {
|
|
background-color:#B22D00;
|
|
border-color:#660000!important;
|
|
}
|
|
/*推荐*/
|
|
i.desc-type-hotsell {
|
|
background-color:#8C008C;
|
|
border-color:#300040!important;
|
|
}
|
|
/*热销*/
|
|
.cms-sns-content .fd-media .goodsinfo dd {
|
|
display:block;
|
|
}
|
|
.cms-sns-content .fd-media .goodsinfo dd a {
|
|
background-color:#FFF;
|
|
display:inline-block;
|
|
border:solid 1px #CCC;
|
|
padding:4px 14px;
|
|
margin-top:5px;
|
|
box-shadow:2px 2px 0 rgba(204,204,204,0.5);
|
|
}
|
|
.cms-sns-right {
|
|
width:220px;
|
|
margin-left:20px;
|
|
}
|
|
.cms-sns-right-container {
|
|
background-color:#FFF;
|
|
border:solid 1px #DDD;
|
|
border-radius:5px;
|
|
margin-bottom:10px;
|
|
}
|
|
.cms-sns-right-container .cms-store-pic {
|
|
vertical-align:top;
|
|
display:inline-block;
|
|
width:80px;
|
|
height:80px;
|
|
margin:9px;
|
|
}
|
|
.cms-sns-right-container .cms-store-pic a {
|
|
line-height:0;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
*display:block;
|
|
width:80px;
|
|
height:80px;
|
|
overflow:hidden;
|
|
}
|
|
.cms-sns-right-container .cms-store-pic a img {
|
|
max-width:80px;
|
|
max-height:80px;
|
|
margin-top:expression(80-this.height/2);
|
|
}
|
|
.cms-sns-right-container .cms-store-info {
|
|
font-size:12px;
|
|
vertical-align:top;
|
|
display:inline-block;
|
|
width:100px;
|
|
margin:15px 0 0 5px;
|
|
}
|
|
.cms-sns-right-container .cms-store-info dt {
|
|
font-size:14px;
|
|
font-weight:600;
|
|
color:#333;
|
|
line-height:18px;
|
|
height:36px;
|
|
overflow:hidden;
|
|
}
|
|
.cms-sns-right-container .cms-store-info dd {
|
|
color:#999;
|
|
}
|
|
.cms-sns-right-container .cms-store-info dd em {
|
|
font-weight:600;
|
|
color:#F60;
|
|
}
|
|
.cms-sns-right-container .cms-store-favorites {
|
|
display:block;
|
|
text-align:center;
|
|
padding-bottom:19px;
|
|
}
|
|
.cms-sns-right-container .cms-store-favorites a {
|
|
font:normal 14px/20px "microsoft yahei";
|
|
color:#FFF;
|
|
background-color:#5BB75B;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
height:20px;
|
|
padding:7px 25px;
|
|
border:solid 1px;
|
|
border-color:#52A452 #52A452 #448944 #52A452;
|
|
cursor:pointer;
|
|
text-shadow:0 -1px 0 rgba(0,0,0,0.10);
|
|
}
|
|
.cms-sns-right-container .cms-store-favorites a:hover {
|
|
text-decoration:none;
|
|
background-color:#51A351;
|
|
border-color:#499249 #499249 #3D7A3D #499249;
|
|
}
|
|
.cms-sns-right-container .cms-store-favorites a i {
|
|
font-size:14px;
|
|
margin-right:6px;
|
|
}
|
|
.cms-sns-right-container .title {
|
|
font-size:14px;
|
|
height:20px;
|
|
padding:9px;
|
|
border-bottom:solid 1px #DDD;
|
|
}
|
|
.cms-favorites-user {
|
|
padding:9px 9px 0 9px;
|
|
}
|
|
.cms-favorites-user ul {
|
|
font-size:0;
|
|
}
|
|
.cms-favorites-user ul li {
|
|
background-color:#CCC;
|
|
vertical-align:top;
|
|
letter-spacing:normal;
|
|
word-spacing:normal;
|
|
display:inline-block;
|
|
width:49px;
|
|
height:49px;
|
|
margin:0 1px 9px 0;
|
|
}
|
|
.cms-favorites-user ul li a {
|
|
line-height:0;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
display:table-cell;
|
|
width:49px;
|
|
height:49px;
|
|
overflow:hidden;
|
|
}
|
|
.cms-favorites-user ul li a img {
|
|
max-width:49px;
|
|
max-height:49px;
|
|
margin-top:expression(49-this.height/2);
|
|
}
|
|
/* 表情模块 */
|
|
|
|
.smilies-module {
|
|
display:none;
|
|
border:1px solid #D5E5F5;
|
|
height:94px;
|
|
width:224px;
|
|
position:absolute;
|
|
z-index:999;
|
|
background-color:#FFFFFF;
|
|
padding:6px;
|
|
}
|
|
.seccode {
|
|
font-size:12px !important;
|
|
line-height:26px;
|
|
background:#FFFFBF;
|
|
border:solid 1px #DDD;
|
|
display:none;
|
|
height:26px;
|
|
padding:8px;
|
|
margin:5px 0;
|
|
}
|
|
.seccode label {
|
|
color:#555;
|
|
float:left;
|
|
}
|
|
.seccode input.text {
|
|
height:20px !important;
|
|
line-height:20px;
|
|
float:left;
|
|
width:50px;
|
|
}
|
|
.seccode img {
|
|
float:left;
|
|
margin:0 6px;
|
|
cursor:pointer;
|
|
}
|
|
.seccode span {
|
|
color:#F60;
|
|
float:left;
|
|
}
|
|
/* 转播样式 */
|
|
/* 动态评论样式 */
|
|
.forward-widget,.comment-widget {
|
|
font-size:12px;
|
|
background-color:#FFF;
|
|
border:solid 1px #D5E5F5;
|
|
padding:10px;
|
|
width:94%;
|
|
clear:both;
|
|
margin:0 auto;
|
|
overflow:hidden;
|
|
}
|
|
.forward-widget .forward-edit {
|
|
}.forward-widget .forward-add {
|
|
}.forward-widget textarea,.comment-widget textarea {
|
|
font-size:12px;
|
|
word-wrap:break-word;
|
|
width:98%;
|
|
height:40px;
|
|
border:solid 1px;
|
|
border-color:#D5E5F5;
|
|
overflow:auto;
|
|
resize:none;
|
|
}
|
|
.forward-widget .forward-add .act,.comment-widget .comment-add .act {
|
|
height:25px;
|
|
padding-bottom:5px;
|
|
padding-top:3px;
|
|
clear:both;
|
|
}
|
|
.forward-widget .skin-blue,.comment-widget .skin-blue {
|
|
float:right;
|
|
}
|
|
.forward-widget .skin-blue .btn,.comment-widget .skin-blue .btn {
|
|
background:none repeat scroll 0 0 transparent;
|
|
display:inline-block;
|
|
width:49px;
|
|
height:24px;
|
|
margin:0 0 0 5px;
|
|
border-radius:2px;
|
|
}
|
|
.forward-widget span.btn a,.comment-widget span.btn a {
|
|
font-size:12px;
|
|
font-weight:normal;
|
|
line-height:24px;
|
|
color:#000;
|
|
background:-moz-linear-gradient(center top,#FFFFFF,#E5E5E5) repeat scroll 0 0 transparent;
|
|
display:block;
|
|
width:25px;
|
|
height:24px;
|
|
padding:0 11px;
|
|
border:1px solid #AAAAAA;
|
|
cursor:pointer;
|
|
}
|
|
.comment-widget .comment-list {
|
|
margin-top:10px;
|
|
}
|
|
.forward-widget li,.comment-widget li {
|
|
padding:7px 7px 2px;
|
|
margin-top:5px;
|
|
border-top:1px dashed #D5D5D5;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
.forward-widget li .clogo,.comment-widget li .clogo {
|
|
float:left;
|
|
margin-right:10px;
|
|
border:0 none;
|
|
}
|
|
.forward-widget .forward-list .detail,.comment-widget .comment-list .detail {
|
|
color:#404040;
|
|
padding-left:40px;
|
|
}
|
|
.forward-widget .forward-list .name,.comment-widget .comment-list .name {
|
|
margin-right:5px;
|
|
}
|
|
.forward-widget .opt,.comment-widget .opt {
|
|
float:right;
|
|
}
|
|
.forward-widget .opt a,.comment-widget .opt a {
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
}
|
|
.forward-widget .more,.comment-widget .more {
|
|
background-image:none;
|
|
text-align:right;
|
|
padding:7px;
|
|
}
|
|
.face {
|
|
background:url("../images/smile.gif") no-repeat scroll left center transparent;
|
|
color:#0066CC;
|
|
line-height:20px;
|
|
padding-left:20px;
|
|
text-decoration:none;
|
|
}
|