/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

/* HEADER */
h1 { float: left; margin: 0; padding: 40px 20px; width: 920px; background-color: #FFF; color: #333; font-size: 28px; font-weight: normal; font-family: "微软雅黑", "宋体"; }
.rShop { float: left; display: block; position: absolute; width: 960px; height: 80px; overflow: hidden; }
.rShop a { float: right; display: block; margin: 0 10px 0 0; height: 40px; background-color: #FFF; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-bottom: 2px solid #777; overflow: hidden; text-align: center; }
.rShop a img { height: 40px; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } /* 固定图片高度 */
.rShop a:hover {  border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; border-bottom: 2px solid #535353; }
.rShop a:hover img { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }

/* NAVIGATION BAR */
.s_nav { float: left; width: 100%; background-color: #333; }
.s_nav li { float: left; display: inline-block; margin-right: 1px; }
.s_nav li a.top { display: inline-block; padding: 6px 15px 0; height: 22px; border-bottom: 2px solid #333; color: #fff; font-size: 14px; }
.s_nav li a.top:hover, .s_nav li a.current { border-bottom: 2px solid #FF3560; color: #fff; }
.s_nav li a.fly1:hover, .s_nav li a.fly2:hover { border-bottom: 2px solid #535353; }
.s_nav a.new em { display: inline-block; position: relative; top: -10px; left: -3px; margin-right: -25px; width: 25px; height: 15px; background: url(img/style_1.gif) left -20px no-repeat; text-indent: -2000px; }
* +html .s_nav a.new em { top: -24px; margin-bottom: -24px; }

.s_nav ul ul { display: none; position: absolute; z-index: 300; padding: 0 5px 20px; background-color: #535353; color: #FFF; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
.s_nav ul ul li { float: left; display: block; margin-right: 0; padding: 5px 0; line-height: 25px; border-bottom: 1px dashed #FFF; }
.s_nav ul ul li a { display: inline-block; margin: 0 2px; padding: 2px; color: #FFF; font-size: 12px; }
.s_nav ul ul li a:hover { color: #FFF; text-decoration: underline; }
.s_nav ul ul li .parent { float: left; display: block; margin-right: 5px; width: 60px; font-weight: bold; text-align: right; }
.s_nav ul ul li .child { float: left; display: block; width: 485px; }
.s_nav .ul1 { width: 550px; }
.s_nav .ul2 { width: 150px; }
.s_nav .ul2 li { width: 150px; }

.s_nav li:hover ul { display: block; }
.s_nav li:hover a.fly1, .s_nav li:hover a.fly2 { background-color: #535353; border-bottom: 2px solid #535353; }

/* BANNER */
.s_banner_1 { float: left; position: relative; width: 960px; overflow: hidden; }
.s_banner_1 .img { float: left; position: relative; width: 960px; height: 100%; background-color: #FFF; } /* 960 宽度 js控制 */
.s_banner_1 .img li { float: left; display: inline-block; width: 960px; height: 100%; overflow: hidden; }
.s_banner_1 .img li img { width: 960px; } /* 固定图片宽度 */

.s_banner_1 .text { float: left; position: relative; margin-bottom: -25px; width: 965px; height: 25px; background-color: #FFF; }
.s_banner_1 .text li { float: left; display: block; position: relative; top: -25px; width: 193px; height: 25px; overflow: hidden; }
.s_banner_1 .text li a { display: block; margin-right: 1px; padding: 0 10px; width: 172px; height: 25px; line-height: 25px; background-color: #FFF; color: #000; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.s_banner_1 .text li a:hover, .s_banner_1 .text li a.current { background-color: #000; color: #FFF; }

.s_banner_1 .point { clear: both; width: 960px; text-align: right; }
.s_banner_1 .point  em { display: inline-block; margin: 10px 10px 0; width: 10px; height: 10px; background: url(img/icon.gif) right -238px no-repeat; font-size: 0px; overflow: hidden; cursor: pointer; }
.s_banner_1 .point  em:hover, .s_banner_1 .point  em.current { background: url(img/icon.gif) -54px -260px no-repeat; }

/* FOOTER, RECOMMEND BRAND */
.s_f_brand { float: left; display: block; margin: 20px 0 0; padding: 20px 10px; width: 940px; background-color: #FFF; overflow: hidden; }
.s_f_brand ul { float: left; display: block; width: 951px; }
.s_f_brand li { float: left; display: inline-block; margin-right: 11px; margin-bottom: 7px; width: 306px; }
.s_f_brand li a { display: block; width: 306px; height: 208px; overflow: hidden; }
.s_f_brand li a img { width: 306px; } /* 固定图片宽度 */
.s_f_brand li .text { display: block; position: relative; top: -40px; margin-bottom: -40px; padding: 0 10px; width: 286px; height: 40px; line-height: 40px; background-color: #000; color: #FFF; font-size: 18px; font-weight: bold; font-family: "微软雅黑", "宋体"; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
.s_f_brand li .text:hover { color: #FFF; }
.s_f_brand li a:hover img { filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; }

/* COLUMN */
.s_col { float: left; display: block; margin: 0 0 20px; padding: 20px 10px; width: 940px; background-color: #FFF; }
.margin_t_0px { margin-top: 0; }

/* GOODS LIST */
.g_s_new { margin: 0 0 20px; }

/* NEW GOODS */
.s_new_class { display: inline-block; padding: 15px 10px; width: 940px; background-color: #FFF; }
.s_new_class ul { display: inline-block; }
.s_new_class li { float: left; display: block; width: 188px; height: 225px; }
.s_new_class li a { display: block; width: 188px; height: 210px; background: url(img/s1_new_1.gif) center 180px no-repeat; color: #666; font-weight: bold; text-align: center; }
.s_new_class li a img { margin-bottom: 20px; height: 170px; } /* 固定图片高度 */
.s_new_class li a:hover, .s_new_class li a.current { background: url(img/s1_new_2.gif) center 180px no-repeat; color: #333; font-size: 14px; }

/* SALE */
.s_sale_class_l { float: left; display: inline-block; padding: 0 0 10px; width: 231px; height: 140px; background-color: #FFF; overflow: hidden; }
.s_sale_class_l ul { display: inline-block; border-right: 1px solid #E4E4E4; }
.s_sale_class_l li { float: left; display: block; width: 230px; height: 34px; border-bottom: 1px solid #CBCBCB; }
.s_sale_class_l li.last { border-bottom: 1px solid #E4E4E4; }
.s_sale_class_l li a { display: block; padding: 2px 15px 0; width: 200px; height: 32px; line-height: 32px; background: url(img/style_1.gif) 200px -84px no-repeat; color: #9F8059; }
.s_sale_class_l li a:hover { color: #807257; background: url(img/style_1.gif) 200px -120px no-repeat; }

.s_sale_class_r { float: left; display: block; padding: 10px 0; width: 729px; height: 130px; background-color: #FFF; overflow: hidden; }
.s_sale_class_r li { float: left; display: inline-block; margin-bottom: 13px; padding-left: 13px; width: 230px; height: 130px; overflow: hidden; }
.s_sale_class_r li a { display: block; width: 230px; height: 130px; overflow: hidden; }
.s_sale_class_r li a img { width: 230px; } /* 固定图片宽度 */

.s_sale_order { clear: both; padding: 10px 0; }
.s_sale_order a { margin: 0 12px; color: #666; font-size: 14px; }
.s_sale_order a.current { color: #FF3560; }
.s_sale_order a.up { padding-right: 12px; background: url(img/icon.gif) 30px -376px no-repeat; }
.s_sale_order a.up:hover, .s_sale_order a.up_current { padding-right: 12px; background: url(img/icon.gif) -39px -376px no-repeat; color: #FF3560; }
.s_sale_order a.desc { padding-right: 12px; background: url(img/icon.gif) 30px -404px no-repeat; }
.s_sale_order a.desc:hover, .s_sale_order a.desc_current { padding-right: 12px; background: url(img/icon.gif) -39px -404px no-repeat; color: #FF3560; }

/* STORES */
.s_stores_sift { display: inline-block; padding: 0 10px; width: 940px; background-color: #FFF; }
.s_stores_sift span { float: right; line-height: 45px; }
.s_stores_sift span strong { margin: 0 5px; color: #FF3560; }
.s_stores_sift span em { margin: 0 5px; color: #FF3560; font-style: normal; }
.s_stores_sift form { padding: 10px 0; border-bottom: 1px dashed #CBCBCB; }
.s_stores_sift select { float: left; margin-right: 5px; padding: 2px; border: 1px solid #B6B6B6; }
#s_s_sift_btn { display: inline-block; width: 61px; height: 22px; line-height: 22px; background: url(img/btn.gif) left -64px no-repeat; border: none; color: #FFF; font-size: 14px; text-align: center; cursor: pointer; }

.s_stores_list { display: inline-block; padding: 0 10px 40px; width: 940px; background-color: #FFF; }
.s_stores_list a, .s_stores_list a:hover { color: #333; text-decoration: underline; }
.s_stores_list li { float: left; display: inline; padding: 30px 30px 10px 10px; width: 430px; height: 98px; border-bottom: 1px dashed #CBCBCB; overflow: hidden; }
.s_stores_list li p { margin-bottom: 5px; padding-left: 27px; }
.s_stores_list li p.name { margin-bottom: 20px; padding-left: 0; color: #333; font-size: 16px; }
.s_stores_list li p span { float: left; display: inline-block; padding: 1px 0 0 4px; width: 21px; height: 17px; background: url(img/style_1.gif) left -55px no-repeat; font: 11px Arial; color: #FFF; }

/* STORES FOR INDEX */
.i_stores_sift span { color: #A4A4A4; font-size: 14px; }
.i_stores_sift span strong { font-weight: normal; }
.i_stores_sift span a { margin-left: 5px; color: #FF3560; }
.i_stores_sift form { border-bottom: none; }
.i_stores_list { padding: 0 0 20px; width: 960px; }
.i_stores_list li { width: 199px; padding: 30px 20px; border-bottom: none; border-left: 1px dashed #CBCBCB; }
.i_stores_list li.first { border-left: none; }

/* INDEX */
.i_title { padding: 0 10px 10px; border-bottom: 1px dashed #CBCBCB; }
.i_title b { color: #333; font-size: 18px; font-family: "微软雅黑", "宋体"; }
.i_title i { margin-left: 5px; color: #A4A4A4; font: 18px Arial; font-weight: bold; font-style: normal; }

.i_title_2 { float: left; display: block; margin-top: 20px; padding: 0; width: 960px; border-top: 3px solid #CBCBCB; background-color: #FFF; }
.i_title_2 a, .i_title_2 b { display: inline-block; position: relative; top: -3px; padding: 0 20px; line-height: 40px; background: url(img/style_1.gif) right 5px no-repeat; color: #666; }
.i_title_2 a { border-top: 3px solid #CBCBCB; }
.i_title_2 a:hover { color: #FF3560; }
.i_title_2 b { border-top: 3px solid #FF3560; color: #FF3560; }

.s_col_2, .s_col_3, .s_col_4 { float: left; display: block; margin: 0; padding: 20px 0 0; width: 960px; background-color: #FFF; }

.sc1_l, .sc1_m, .sc1_r { float: left; display: inline-block; padding: 0 10px; height: auto; line-height: 25px; overflow: hidden; }
.sc1_l { width: 140px; }
.sc1_m { padding: 0 20px; width: 462px; }
.sc1_r { width: 258px; }

.sc1_l .l_logo { float: left; margin-bottom: 15px; width: 138px; height: 92px; border: 1px solid #CBCBCB; text-align: center; overflow: hidden; }
.sc1_l .l_logo img { height: 92px; } /* 固定图片宽度 */
.sc1_l .num { line-height: 18px; text-align: center; }
.sc1_l .num .li { display: inline-block; padding: 0 10px; background: url(img/style_1.gif) right top no-repeat; color: #666; text-align: center; }
.sc1_l .num .li.first { padding-left: 0; }
.sc1_l .num .li.last { padding-right: 0; background: none; font-weight: bold; }
.sc1_l .num .li i { font-style: normal; font-weight: bold; }
.sc1_l .num .li.last i { color: #FF3560; font-family: Arial; }
.sc1_l .num a.li:hover { color: #FF3560; }

.sc1_m ul { display: inline-block; width: 100%; }
.sc1_m li { float: left; display: block; width: 50%; height: 20px; overflow: hidden; }
.sc1_m li.last { clear: both; margin-top: 10px; width: 100%; height: auto; line-height: 20px; word-break: break-all; overflow: hidden; }
.sc1_m li a { color: #666; }
.sc1_m li a:hover { color: #666; text-decoration: underline; }
.sc1_m label { color: #A4A4A4; }

.sc1_m .more { padding: 0 5px; }
.sc1_m .more .open, .sc1_m .more .close { float: right; background: url(img/icon.gif) no-repeat #FFF; color: #FF3560; font-style: normal; text-decoration: none; text-indent: 17px; cursor: pointer; }
.sc1_m .more .open { background-position: 0px -284px; }
.sc1_m .more .close { background-position: -65px -284px; }
.sc1_m .more .open:hover, .sc1_m .more .close:hover { color: #FF3560; text-decoration: none; }

.sc1_m a.add { float: left; display: inline-block; width: 87px; height: 30px; line-height: 31px; background: url(img/btn.gif) left top no-repeat; color: #FFF; font-size: 14px; text-align: center; }
.sc1_m a.add:hover { background: url(img/btn.gif) right top no-repeat; }
.sc1_m a.a1, .sc1_m a.a2 { float: left; display: inline-block; margin-left: 10px; height: 30px; line-height: 31px; color: #666; }
.sc1_m a.a1:hover, .sc1_m a.a2:hover { color: #FF3560; }
.sc1_m a.a1 { width: 92px; background: url(img/btn.gif) left -94px no-repeat; text-align: center; }
.sc1_m a.a2 { width: 68px; background: url(img/btn.gif) right -94px no-repeat; text-indent: 33px; }

.sc1_r .r_title { clear: both; border-bottom: 1px dashed #CBCBCB; }
.sc1_r .r_title span { margin: 0 3px; color: #A4A4A4; font-family: Arial; font-style: normal; }
.sc1_r .fans li { float: left; display: inline-block; margin: 0 5px 5px 0; width: 38px; height: 38px; overflow: hidden; }
.sc1_r .fans li a img { width: 38px; } /* 固定图片宽度 */
.sc1_r .fans li a:hover img { filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; }

.sc1_r .news { height: 38px; overflow: hidden; }
.sc1_r .news ul { display: inline-block; margin-top: 0px; }
.sc1_r .news li { display: block; margin-bottom: 5px; line-height: 18px; color: #A4A4A4; height: 38px; overflow: hidden; }
.sc1_r .news li a { color: #666; }
.sc1_r .news li a:hover { color: #FF3560; }
.sc1_r .news li a.img { float: left; margin-right: 10px; width: 38px; height: 38px; overflow: hidden; }
.sc1_r .news li a.img img { width: 38px; } /* 固定图片宽度 */

.s_col_2 .goods_list_1 { margin: 0 10px; width: 940px; }

.s_col_4 .i_title { padding: 10px 10px 0; border-bottom: none; border-top: 1px dashed #CBCBCB; }
.s_col_4 .wb_code { margin: 0 10px; width: 940px; overflow: hidden; }
.show_col4 { float: left; display: block; width: 940px; }
.show_col4 span { display: block; position: relative; margin: -5px auto 0; width: 36px; height:21px; background: url(img/style_1.gif) no-repeat; font-style: normal; cursor: pointer; text-indent: -1000px; }
.show_col4 span.close { background-position: 0px -258px; }
.show_col4 span.close:hover { background-position: 0px -304px; }
.show_col4 span.open { background-position: -114px -258px; }
.show_col4 span.open:hover { background-position: -114px -304px; }

/* FLY */
#tool { position: fixed; z-index: 800; margin-top: 300px; margin-right: 10px; top: 0; right: 0; }
#tool .code { position: absolute; display: none; left: -240px; width: 240px; overflow: hidden; }
#tool .inner { width: 58px; overflow: hidden; }
#tool .inner span { float: right; width: 58px; }
#tool .inner i { cursor: pointer; }
#tool .inner a, #tool .inner i { display: block; width: 58px; height: 50px; background: url(img/tool.gif) no-repeat; text-indent: -1000px; }
#tool .inner i.first { background-position: 0px 0px; }
#tool .inner i.first:hover { background-position: -58px 0px; }
#tool .inner a.btn2 { background-position: 0px -50px; }
#tool .inner a.btn2:hover {  background-position: -58px -50px; }
#tool .inner a.last { height: 51px; background-position: 0px -100px; }
#tool .inner a.last:hover {  background-position: -58px -100px; }
* html #tool { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }
* html { background-image: url(about:blank); background-attachment: fixed; }