@charset "utf-8";
/* CSS Document */
/* ===============
 * 重新定义Html元素
 * =============== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
ul, ol { list-style: none outside none; }
fieldset, img { border: medium none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
body { font: 12px/150% "Hiragino Sans GB", "Microsoft Yahei", arial, 宋体, "Helvetica Neue", Helvetica, STHeiTi, sans-serif; color: #666666; background: #FFF none repeat scroll 0 0; margin: 0; padding: 0; }
i, cite, em { font-style: normal; }
/* ==========================
 * 为旧版本浏览器格式化Html5元素
 * ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }
/* ==========================
 * 常用宽度、高度、边距、边框属性
 * ========================== */
.w { width: 100% }
.wrapper { width: 1200px; margin: auto; }
.fl { float: left; }
.fr { float: right; }
.block { display: block; }
.none { display: none; }
.goods-price { font-family: Verdana; }
.goods-price em { font-weight: 600; color: #C00; }
.nc-appbar-tabs a.compare { display: none !important; }/*抢购页面去除侧边栏对比

/* ==========================
 * 广告区域布局样式
 * ========================== */
.ads-topbanner-layout { text-align: center; display: block; width: 100%; overflow: hidden; }
/* 公用导航区域
-------------------------------------- */
.public-nav-layout .all-category .category { margin-top: -2px; }
/* 首页焦点区域
-------------------------------------- */
.home-focus-layout { width: 100%; height:400px; position: relative; z-index: 1; }
/* 满屏背静切换焦点图 */
.full-screen-slides { width: 100%; height: 400px; position: relative; z-index: 1; }
.full-screen-slides li { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; }
.full-screen-slides li a { display: block; width:776px; height:270px; text-indent:-9999px; margin-left: -388px; position: absolute; z-index: 2; left: 50%; }
.full-screen-slides-pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: center; display:block; list-style:none; width:600px; height: 6px; padding:7px 8px ; margin-left: -325px; position:absolute; left:50%; top: 360px; z-index: 9; }
.full-screen-slides-pagination li { width:18px;height:18px;vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style:none;border-radius: 50%; margin-left:4px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3F000000', endColorstr='#3F000000');background:rgba(0,0,0,0.25); overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination .on { background: #F30; }

/* 四联切换焦点图 */
.limited_time { position:absolute; z-index:9; width:220px; height:164px; float:left; background:#fff }
.limited_time .clock-wrap { position:relative; width:210px; height:164px; background:url(../images/clock01.png) no-repeat }
.limited_time .clock { position:absolute; left:81px; top:26px; width:40px; height:40px; border-radius:50%; border:6px solid transparent }
.limited_time .clock:before { content:""; position:absolute; left:18px; top:18px; width:7px; height:7px; border-radius:50%; background:#fa0808 }
.limited_time .clock .clock-h { position:absolute; top:5px; left:19px; height:18px; width:5px; background:url(../images/clock_h.png) no-repeat; transform:rotate(10deg); -webkit-transform-origin:2.5px 16.5px; -moz-transform-origin:2.5px 16.5px; transform-origin:2.5px 16.5px }
.limited_time .clock .clock-m { position:absolute; left:5px; top:19px; width:19px; height:5px }
.limited_time .clock .clock-m:after { content:""; position:absolute; left:14px; top:-17px; width:4px; height:21px; background-color:#1985D9; border-radius:2px; background:url(../images/clock_m.png) no-repeat; border:1px solid transparent; -webkit-transform-origin:2.5px 19.5px; -webkit-animation:tick-tock 20s steps(60, end) infinite; -moz-transform-origin:2.5px 19.5px; -moz-animation:tick-tock 20s steps(60, end) infinite; transform-origin:2.5px 19.5px; animation:tick-tock 20s steps(60, end) infinite }
.limited_time .clock .clock-s { position:absolute; left:17px; top:-6px; width:5px; height:26px; -webkit-transform-origin:bottom; -webkit-animation:tick-tock 10s linear infinite; -moz-transform-origin:bottom; -moz-animation:tick-tock 10s linear infinite; transform-origin:bottom; animation:tick-tock 10s linear infinite }
.limited_time .clock .clock-s:after { content:""; position:absolute; left:0; top:0; width:5px; height:5px; background-color:#fff; border-radius:50% }
@-keyframes tick-tock { to {
transform:rotate(360deg) translate3d(0, 0, 0)
}
}
@-moz-keyframes tick-tock { to {
-moz-transform:rotate(360deg) translate3d(0, 0, 0)
}
}
@-webkit-keyframes tick-tock { to {
-webkit-transform:rotate(360deg) translate3d(0, 0, 0)
}
}


.jfocus-trigeminybox { width:1200px; height: 164px; margin:0px auto; overflow: hidden; margin-top:10px; position:relative;}/*180px*/
.jfocus-trigeminy { float:left;width:985px; height: 164px; margin-left: -388px; clear: both; position: absolute; z-index: 2; top:0px; left: 50%; overflow: hidden; }/*776px*/
.jfocus-trigeminy ul { background-color: #FFF; width: auto; height: 164px; position: absolute; z-index: 1; overflow: hidden;}
.jfocus-trigeminy ul li { width:985px; height: 164px; float: left; }/*749px*/
.jfocus-trigeminy ul li a { display: block; width: 240px; height: 164px; overflow:hidden; float: left;text-align:right;padding-left:6px;}
.jfocus-trigeminy ul li a img {}
.jfocus-trigeminy .pagination{ display: none;}

/*焦点区域右侧*/
.home-focus-layout .right-sidebar {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19000000', endColorstr='#19000000'); width: 230px; height: 400px; margin-left: 368px; position: absolute; z-index:1; top: 0; left: 50%; }
/*服务标志*/
.home-focus-layout .policy { background-color: #FFF; width: 210px; height: 81px; padding: 8px 0 0; }
.home-focus-layout .policy ul { width: 210px; height: 80px; }
.home-focus-layout .policy ul li { line-height: 24px; color: #999; background: url(../images/CP.png) no-repeat; width: 50px; height: 24px; float: left; padding: 52px 10px 0 10px }
.home-focus-layout .policy ul li.b1 { background-position: 0 0; }
.home-focus-layout .policy ul li.b2 { background-position: -70px 0; }
.home-focus-layout .policy ul li.b3 { background-position: -140px 0; }


/*促销切换*/
.home-sale-layout { overflow: hidden; border-bottom: solid 1px #F0F0F0; }
.home-sale-layout .tabs-nav { background-color: transparent; width: 100%; height: 40px; border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #F0F0F0 transparent; position: relative; z-index: 1; }
.home-sale-layout .tabs-nav li { background-color: transparent; width: 20%; *width: 195px;height: 40px; float: left; padding: 0; position: relative; z-index: 1; cursor: pointer; }
.home-sale-layout .tabs-nav li h3 { font-size: 12px; font-weight: 600; line-height: 38px; text-align: center; }
.home-sale-layout .tabs-nav li i { font-size: 0px; line-height: 0; display: none; width: 0px; height: 0px; float: right; margin-left: -4px; border-width: 5px; border-style: dashed dashed solid dashed; position: absolute; z-index: 1; bottom: 0; left: 50%; }
.home-sale-layout .tabs-nav .on { border-style: solid; border-width: 0 0 2px 0; border-color: #ff4040; }
.home-sale-layout .tabs-nav .on i { display: block; border-color: transparent transparent #ff4040; }
.home-sale-layout .tabs-nav .on h3 { color: #ff4040; }
.home-sale-layout .tabs-panel { width:1199px; overflow: hidden;height: 250px;}
.home-sale-layout .tabs-panel ul { width:1200px; margin-left: -1px; overflow: hidden; }
.home-sale-layout .tabs-panel ul li { width:199px; height: 235px; padding: 15px 0 0; border-left: dotted 1px #F0F0F0; float: left; overflow: hidden; }
.home-sale-layout .tabs-panel dl { width: 160px; margin: 0 auto auto; position: relative; z-index: 1; }
.home-sale-layout .tabs-panel dl dt.goods-name { font-family: Tahoma, Geneva, sans-serif; line-height: 16px; width: 160px; height: 32px; position: absolute; z-index: auto; top: 164px; left: 0; overflow: hidden; }
.home-sale-layout .tabs-panel dl dd.goods-thumb { width: 160px; height: 160px; position: absolute; z-index: auto; top: 0; left: 0; }
.home-sale-layout .tabs-panel dl dd.goods-thumb a { text-align: center; vertical-align: middle; display: table-cell; *display: block;width: 160px; height: 160px; overflow: hidden; }
.home-sale-layout .tabs-panel dl dd.goods-thumb img { max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2);*margin-top:expression(80-this.height/2);}
.home-sale-layout .tabs-panel dl dd.goods-price { line-height: 20px; color: #999; position: absolute; z-index: auto; top: 200px; left: 0; }
.home-sale-layout .tabs-panel dl dd.goods-price em { font-size: 14px; vertical-align: middle; }
/* 首页标准内容模块
-------------------------------------- */

/*首页楼层广告*/
.floor-banner { margin:10px auto; width: 1200px; overflow: hidden; }
.floor-banner a{width: 1200px;display: table-cell;text-align: center}
/*区块左侧广告*/

/*楼层*/
.floor{ height:502px; overflow: hidden; margin-top: 15px; }
/*楼层左侧*/
.floor .floor-left { width: 212px; height:502px; float: left; background-color: #FFEBEB;position:relative;}
.floor .floor-left .title { width: 100%;height: 36px; padding:3px 0;     background-color: #ff7373;}
.floor .floor-left .title span { font: 22px/32px "Microsoft YaHei"; line-height: 28px; vertical-align: middle; text-align: center; display: inline-block; width: 28px; height: 28px; margin: 2px auto auto 16px; color:#fff }
.floor .floor-left .title h2 { font: 22px/32px "Microsoft YaHei"; color: #fff; vertical-align: middle; display: inline-block; *display: inline/*IE6,7*/;zoom:1; }
.floor .recommend-classes { width: 200px;margin: 0 auto; overflow: hidden; }
.floor .recommend-classes ul {*word-spacing:-1px/*IE6、7*/;padding: 22px 0 8px 22px; }
.floor .recommend-classes ul li { display: inline-block; *display: inline;zoom: 1; }
.floor .recommend-classes ul li a { display: inline-block; line-height:30px;min-width: 62px; }
.floor .recommend-classes ul li a:hover { text-decoration: none; text-shadow: none; }
.floor .left-ads { width:180px; height: 180px; margin:0 auto; overflow:hidden;bottom:0px;left:15px;position:absolute;}
/*楼层右侧*/
.floor .floor-right{ width: 988px; height: 100%; float: left; }
.floor .tabs-nav {width: 100%; height: 40px; border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #ff7373 transparent; }
.floor .tabs-nav li {border-style: solid; border-width: 0 0 2px 0; border-color: #ff7373;width: 12%; height: 40px; float: left; padding: 0; position: relative; z-index: 1; cursor: pointer; }
.floor .tabs-nav li h3 { font-size: 14px; font-weight: 600; line-height: 38px; text-align: center; }
.floor .tabs-nav li i { font-size: 0px; line-height: 0; display: none; width: 0px; height: 0px; float: right; margin-left: -4px; border-width: 5px; border-style:dashed dashed solid dashed; position: absolute; z-index: 1; bottom: 0; left: 50%;border-color: transparent transparent #FF7373 transparent;}
.floor .tabs-nav li.on i{display:block;}
/*楼层右侧推荐商品*/
.floor .goods-list ul { width: 1000px; height: 460px;display:none;}
.floor .goods-list ul li { width: 249px; height: 229px; float: left; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #DDD #DDD transparent; overflow: hidden;}
.floor .goods-list dl{ width: 180px; margin: 0px auto auto; position: relative; z-index: 1;}
.floor .goods-list dt.goods-name { font-family: Tahoma; line-height: 16px; width: 180px; height: 32px; position: absolute; z-index: auto; top: 168px; left: 0; overflow: hidden;}
.floor .goods-list dd.goods-thumb { width: 160px; height: 160px; position: absolute; z-index: auto; top: 0; left: 10px;}
.floor .goods-list dl dd.goods-thumb a { text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 160px; height: 160px; overflow: hidden; }
.floor .goods-list dl dd.goods-thumb img { max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2); *margin-top:expression(80-this.height/2);}
.floor .goods-list dl dd.goods-price { font-size: 12px; line-height: 20px; position: absolute; z-index: auto; top: 204px; left: 0;}
.floor .goods-list dl dd.goods-price .original { font-size: 12px; font-weight: normal; text-decoration: line-through; color: #999; margin-left: 6px; vertical-align: middle; margin-left: 6px; font-weight: 600;}

/*红色*/
.style-red .floor-left .title { background-color: #C1392B; }
.style-red .floor-left{ background-color: #F9EEF2; }
.style-red .recommend-classes li a { border-color: #C74D41 transparent #AD3327 transparent; }
.style-red .tabs-nav li.on i { display: block; border-color: transparent transparent #C1392B transparent; }
.style-red .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #C1392B transparent; }
.style-red .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #C1392B; }
.style-red .goods-price em { color:#C1392B;}
/*橙色*/
.style-orange .floor-left .title { background-color: #E77E23; }
.style-orange .floor-left{ background-color: #FBF1E8; }
.style-orange .recommend-classes li a { border-color: #EB9144 transparent #C56B1E transparent; }
.style-orange .tabs-nav li.on i { display: block; border-color: transparent transparent #E77E23 transparent; }
.style-orange .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #E77E23 transparent; }
.style-orange .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #E77E23; }
.style-orange .goods-price em { color:#E77E23;}
/*棕色*/
.style-brown .floor-left .title { background-color: #8C4600; }
.style-brown .floor-left{ background-color: #FCF2E7; }
.style-brown .floor-left .recommend-classes li a { border-color: #A36B33 transparent #7E3F00 transparent; }
.style-brown .tabs-nav li.on i { display: block; border-color: transparent transparent #8C4600 transparent; }
.style-brown .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #8C4600 transparent; }
.style-brown .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #8C4600; }
.style-brown .goods-price em { color:#8C4600;}
/*绿色*/
.style-green .floor-left .title { background-color: #27AE61; }
.style-green .floor-left{ background-color: #E8FDF1; }
.style-green .floor-left .recommend-classes li a { border-color: #52BE81 transparent #239C57 transparent; }
.style-green .tabs-nav li.on i { display: block; border-color: transparent transparent #27AE61 transparent; }
.style-green .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #27AE61 transparent; }
.style-green .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #27AE61; }
.style-green .goods-price em { color:#27AE61;}
/*蓝色*/
.style-blue .floor-left .title { background-color: #3598DC; }
.style-blue .floor-left{ background-color: #E8F4FC; }
.style-blue .floor-left .recommend-classes li a { border-color: #5DADE3 transparent #3089C6 transparent; }
.style-blue .tabs-nav li.on i { display: block; border-color: transparent transparent #3598DC transparent; }
.style-blue .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #3598DC transparent; }
.style-blue .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #3598DC; }
.style-blue .goods-price em { color:#3598DC;}
/*粉色*/
.style-pink .floor-left .title { background-color: #ff7373; }
.style-pink .floor-left{ background-color: #FFEBEB; }
.style-pink .floor-left .recommend-classes li a { border-color: #FFEBEB transparent #E56767 transparent; }
.style-pink .middle-layout .tabs-nav .tabs-selected i { display: block; border-color: transparent transparent #FF7373 transparent; }
.style-pink .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #ff7373 transparent; }
.style-pink .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #ff7373; }
.style-pink .goods-price em { color:#ff7373;}
/*紫色*/
.style-purple .floor-left .title { background-color: #9C59B8; }
.style-purple .floor-left{ background-color: #F7EAFD; }
.style-purple .floor-left .recommend-classes li a { border-color: #B07AC6 transparent #8C50A5 transparent; }
.style-purple .tabs-nav li.on i { display: block; border-color: transparent transparent #9C59B8 transparent; }
.style-purple .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #9C59B8 transparent; }
.style-purple .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #9C59B8; }
.style-purple .goods-price em { color:#9C59B8;}
/*浅色*/
.style-default .floor-left .title { background-color: #565656; }
.style-default .floor-left{ background-color: #F5F5F5; }
.style-default .floor-left .recommend-classes li a { border-color: #555 transparent #8C50A5 transparent; }
.style-default .tabs-nav li.on i { display: block; border-color: transparent transparent #565656 transparent; }
.style-default .tabs-nav { border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #565656 transparent; }
.style-default .tabs-nav li { border-style: solid; border-width: 0 0 2px 0; border-color: #565656; }
.style-default .goods-price em { color:#565656;}



.footer-line { border-top: 4px solid #e7e7e7; font-family: "微软雅黑"; margin-top:20px; min-width: 1190px; padding: 0; }
/* 友情链接 */
.index-link {width: 1200px; margin-top:10px; font-size:14px;}
.website { height: 50px; line-height: 50px; border: 1px solid #eee; }
.website dt, .website dd { float: left; }
.website dt { position: relative; width: 140px; text-align: center; background: #eee; }
.website dt b { position: absolute; top: 50%; right: -7px; margin-top: -7px; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #eee; overflow: hidden; }
.website dd { width:1020px; height:50px; text-overflow: ellipsis; white-space: nowrap;overflow:hidden; margin-left:10px;}
.website dd a { margin: 0 5px; }

/*右边*/
.right-panel { filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; width:200px; height:360px; background:#fdfdfd; float:right; border-top:0;margin-top:20px;}
.right-panel .welcomePanel { background:url(../images/login-bg.jpg); height:135px; text-align:center }
.right-panel .welcomePanel img { margin:10px 0; width:80px; border-radius:50% }
.right-panel .loginPanel { border-top:1px #c1c1c1 solid; border-bottom:1px #c1c1c1 solid; border-color:#e3e3e3 }
.right-panel .loginPanel .loginTxt { border-right:1px #c1c1c1 solid; border-color:#e3e3e3 }
.right-panel .loginPanel span { padding:10px 0; display:inline-block; width:48%; cursor:pointer; text-align:center }
.right-panel .loginPanel img { padding-right:5px; width:15px; height:15px }
.right-panel .exitPanel { background:url(../images/login-bg.jpg); height:135px;text-align:center;}
.right-panel .exitPanel img { padding:17px 10px; width:65px; border-radius:50%; vertical-align:middle }
.right-panel .exitPanel .message { display:inline-block; width:200px; vertical-align:middle }
.right-panel .exitPanel .message .name { font-size:14px; font-weight:600; color:#FF0000; height:24px; line-height:24px; overflow:hidden }
.right-panel .txtPanel { border-top:1px #c1c1c1 solid; border-bottom:1px #c1c1c1 solid; padding:2px 0 }
.right-panel .txtPanel a { padding:3px 0; display:inline-block; width:31%; text-align:center; cursor:pointer }
.right-panel .txtPanel .line { border-right:1px #c1c1c1 solid }
.right-panel .securePanel { color:#000; padding:16px 0;}
.right-panel .securePanel h6 { margin:0; padding:0 0 10px 20px }
.right-panel .securePanel li { display:inline-block; width:32%; text-align:center }
.right-panel .securePanel li img { width:40px; margin-bottom:5px }


