﻿@charset "utf-8";
/* 首页样式 */

/* main-top 第一屏 */
.main-top{background:#fff; }

.w185{ float:left; width:185px; overflow:hidden; background:#fff; }
.w185 .lm{ margin-left:6px; width:176px; background:#f6d9d5; padding-bottom:1px;}
.w185 .lm li.c1, 
.w185 .lm li.c2, 
.w185 .lm li.c3, 
.w185 .lm li.c4, 
.w185 .lm li.c5,
.w185 .lm li.c6,
.w185 .lm li.c7,
.w185 .lm li.c8,
.w185 .lm li.c9,
.w185 .lm li.c10,
.w185 .lm li.c11,
.w185 .lm li.c12,
.w185 .lm li.c13,
.w185 .lm li.c14,
.w185 .lm li.c15
{ width:176px; height:27px; line-height:27px; text-align:center;background:url(../images/index/bg_gif.gif) 0 -239px no-repeat;}
.w185 .lm li.c1 a, 
.w185 .lm li.c2 a, 
.w185 .lm li.c3 a, 
.w185 .lm li.c4 a, 
.w185 .lm li.c5 a,
.w185 .lm li.c6 a,
.w185 .lm li.c7 a,
.w185 .lm li.c8 a,
.w185 .lm li.c9 a,
.w185 .lm li.c10 a,
.w185 .lm li.c11 a,
.w185 .lm li.c12 a,
.w185 .lm li.c13 a,
.w185 .lm li.c14 a,
.w185 .lm li.c15 a{ font-size:14px; color:#000;}
.w185 .lm li a:hover{ font-weight:600; color:#F30}

.main-top .w565{float:left; width:565px; margin-left:5px; overflow:hidden; }
#topstory {width:565px; height:239px;margin-top:5px; overflow:hidden;background: #fff url(../images/index/flash.png) no-repeat;}
#highlight{width:560px; height:230px; margin-top:4px; margin-left:6px;position:relative;}
#featured {width:560px; height:230px; position:absolute; z-index:97; overflow:hidden;}
#featured .word { display:none; }
.flash-bg{width:550px; height:33px; line-height:33px; overflow:hidden;  position:absolute; z-index:98; background:#000; top:197px;
	filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3; }
#thumbs {width:550px; height:27px; line-height:27px; overflow:hidden;  position:absolute; z-index:99; top:200px;}
#thumbs ul { float:right; height:30px; line-height:30px;}
#thumbs li {display:inline; float:left; margin-right:4px; height:24px;}
#thumbs li a { display: block; font-size:13px; font-family:黑体; font-weight:600; color:#fff;line-height:30px;}
#thumbs li a span{display:none; font-weight:300; font-size:14px;}
#thumbs li a:hover {}
#thumbs li a.current{color:#fff; padding:0 6px;line-height:30px;
	background: url(../images/index/f_bg.png) no-repeat !important;background:#666;}
#thumbs li a.current span{ display:inline; }


.w565 .tj{ border:1px solid #f5d8d4; margin-top:5px; height:128px; overflow:hidden;}
.w565 .tj h3{ line-height:28px; height:24px; margin:0; padding:0; font-size:14px;  font-weight:600; color:#000;  text-indent:14px;}
.main-top .w565 .tj ul{ margin-left:5px;}
.main-top .w565 .tj ul li{ float:left; width:108px; text-align:center;border:1px solid #fff;}
.main-top .w565 .tj ul li a{ color:#fbe6ed; display:block; } 
.main-top .w565 .tj ul li img{ width:100px; height:65px; border: 0px solid #CCC;}
.main-top .w565 .tj ul li span{ line-height:30px;color:#666; display:block; height:30px; overflow:hidden;}
.main-top .w565 .tj ul li.c{ border:1px solid #f6a08f; background:#fff5f4;}
.main-top .w565 .tj ul li.c a span{color:#cd0102;}

.w189{ float:right; width:189px;  overflow:hidden;}
.main-top .w189 .kb{ width:180px; height:153px; overflow:hidden; border:1px solid #f0f0f0; margin-top:5px; }
.main-top .w189 .kb h3{background:url(../images/index/bg_gif.gif) 0 -266px no-repeat; margin:0; padding:0; height:27px; border-bottom:1px dashed #ccc;}
.main-top .w189 .kb h3 span{ display:none;}
.main-top .w189 .kb ul{ margin-top:5px;}
.main-top .w189 .kb li{ clear:both; padding-left:8px; overflow:hidden; line-height:24px;height:24px;}
.main-top .w189 .kb li a{ color:#999;}
.main-top .w189 .kb li img{ display:none; width:48px; height:48px; border:1px solid #ccc;}
.main-top .w189 .kb li.c {height:50px; }
.main-top .w189 .kb li.c a{ font-weight:600; color:#404040;}
.main-top .w189 .kb li.c img{ display:block; float:left; margin-right:5px;}

.main-top .w189 .links a{ margin-top:5px; display:block;}
.main-top .w189 .cx{ width:182px; height:130px; overflow:hidden; margin-top:7px; background:url(../images/index/bg_gif.gif) right 0 no-repeat;}
.main-top .w189 .cx h3{ line-height:30px; height:30px; margin:0; padding:0; }
.main-top .w189 .cx h3 a{ float:right; width:90px; text-align:center; font-size:12px; font-weight:600; color:#515151; *line-height:33px;}
.main-top .w189 .cx h3 a:hover{ color:#F90; text-decoration:underline;}
.main-top .w189 .cx h3 span{ font-size:12px; font-weight:600; color:#515151; margin-left:24px;}
.main-top .w189 .cx table{ display:block; width:180px; margin-top:4px;}
.main-top .w189 .cx th{ width:60px; text-align:right; font-weight:300; line-height:20px;}
.main-top .w189 .cx .inp{ width:100px;border:1px solid #CCC; background:url(../images/index/bg_gif.gif) -1px -207px no-repeat;}
.main-top .w189 .cx .but{ width:60px; text-align:center; height:20px; line-height:20px; border:0; color:#a90f0f; font-weight:600;
	background:url(../images/index/bg_gif.gif) right -130px no-repeat; cursor:pointer;}
.main-top .w189 .cx td.ts{ text-align:center; color:#; line-height:26px; color:#990;}

.gg950{ margin:10px 0 0 0; clear:both;}

/* main-left 左 */
.main-left{ float:left; margin-top:10px; width:185px;background:#fff;}
.main-left h3{ height:28px; line-height:28px; text-align:center; color:#FFF; margin:0; padding:0; font-size:14px; font-weight:600;
	background:url(../images/index/bg_gif.gif) 0 -300px no-repeat; }
.main-left h3 a{color:#FFF;font-size:14px; font-weight:600;display:block; float:left; width:92px; text-align:center;}
.main-left h3 a.c{ background:url(../images/index/bg_gif.gif) 0 -329px no-repeat;}
.main-left h3 a:hover{color:#000;}
.main-left h3.t2{background:url(../images/index/bg_gif.gif) 0 bottom no-repeat; color:#000; border:1px solid #bebdbb; border-bottom:0;
	text-align:left; text-indent:15px;}
.main-left h3.t3 a{display:block; float:none; width:185px; text-align:center; }

.main-left .left-box{ margin:0 0 10px 0; border:1px solid #bebdbb; border-top:0; height:270px; overflow:hidden;}
.main-left .h100{ height:141px !important; height:147px;}
.main-left .h105{height:105px;}
.main-left .h120{height:126px;}
.left-box .ppzm{ margin-left:7px;}
.left-box .ppzm li{ float:left; width:82px; height:33px;margin:6px 4px 0px 0;}
.left-box .ppzm li img{ width:80px; height:30px; border:1px solid #dbdbdb;}
.left-box .ppzm li.more{ display:block; clear:both; float:none; text-align:right;width:170px;}
.left-box .ppzm li.more a{ color:#333;}

.left-box .jfk{ margin-left:7px;}
.left-box .jfk li{ float:left; width:82px; height:33px;margin:7px 4px 7px 0;}
.left-box .jfk li img{ width:80px; height:30px; border:1px solid #dbdbdb;}


.left-box .rqw li{ border-bottom: 1px dashed #CCC; clear:both;height:23px; overflow:hidden;}
.left-box .rqw li a{ line-height:23px; color:#808080; width:100%;}
.left-box .rqw li a span{padding:0 5px;}
.left-box .rqw li a img{ display:none; width:65px; height:65px;}
.left-box .rqw li.c{ height:78px; overflow:hidden;}
.left-box .rqw li.c a{color:#333; line-height:20px;}
.left-box .rqw li.c a span{ float:left; color:#900; font-weight:600;}
.left-box .rqw li.c a img{ display:block; float:left; margin-top:5px; margin-right:5px; border:1px solid #ccc; width:65px; height:65px;}

.left-box .rqw li em{display:none;color:#ff6400;font-style:normal;font-weight:600;}
.left-box .rqw li{ line-height:20px; height:20px; overflow:hidden;}
.left-box .rqw li p{ float:none; display:inline;}

.left-box .rqw li.c p{ height:42px; line-height:20px; margin-top:5px; overflow:hidden; display:block; width:85px;}
.left-box .rqw li.c em{display:inline; float:right; width:85px; height:20px; overflow:hidden; line-height:20px; }


.left-box .ul-shop{ position:relative;}
.left-box .ul-shop li{ line-height:27px;background-image:url(../images/index/bg_gif.gif); background-repeat:no-repeat;}
.left-box .ul-shop li p{ line-height:27px; display:block; height:27px; overflow:hidden;}
.left-box .ul-shop li.num1{background-position:3px -362px;}
.left-box .ul-shop li.num2{background-position:3px -392px;}
.left-box .ul-shop li.num3{background-position:3px -421px;}
.left-box .ul-shop li.num4{background-position:3px -451px;}
.left-box .ul-shop li.num5{background-position:3px -482px;}
.left-box .ul-shop li.num6{background-position:3px -512px;}
.left-box .ul-shop li.num7{background-position:3px -542px;}
.left-box .ul-shop li.num8{background-position:3px -573px;}
.left-box .ul-shop li.num9{background-position:3px -601px;}
.left-box .ul-shop li a{ color:#000; margin-left:20px; padding-right:15px; overflow:hidden;}
.left-box .ul-shop li a.bg{}
.left-box .ul-shop li a:hover{ color:#F90; text-decoration:underline;}
.left-box .ul-shop li a span{ line-height:29px; padding: 0 5px;  background:url(../images/index/ico_2.gif) right 1px no-repeat; }
.left-box .ul-shop li a:hover span{background:url(../images/index/ico_1.gif) right 1px no-repeat; text-decoration:none;}

.shopImg{width:171px; display:none; margin-left:5px; height:103px;background:url(../images/index/yinying.png) no-repeat;}
.shopImg img{ width:153px; height:75px; margin-top:9px; margin-left:6px;}

.left-box .ul-shop li .shopImg a{ margin-left:0px; padding-right:0px; background:none;}
div.num1{ top:30px; display:block;}
div.num2{ top:60px; display:block;}
div.num3{ top:90px; display:block;}
div.num4{ top:120px; display:block;}
div.num5{ top:150px; display:block;}
div.num6{ top:180px; display:block;}
div.num7{ top:90px; *top:210px; display:block;}
div.num8{ top:120px; *top:240px; display:block;}
div.num9{ top:150px; *top:270px; display:block;}
div.num10{top:150px; display:block;}

.left-box .zxtj{}
.left-box .zxtj li{ width:90px; height:135px; overflow:hidden; float:left; text-align:center;}
.left-box .zxtj li img{ width:82px; height:82px; margin:5px auto 0; display:block; border:1px solid #CCC;}
.left-box .zxtj li a span{ line-height:14px; color:#000; display:block; height:28px; overflow:hidden; margin-top:3px; cursor:pointer;}
.left-box .zxtj li a em{ font-style:normal; color:#ff6900; display:block; cursor:pointer;}

.left-box .ul-zx{}
.left-box .ul-zx li{ line-height:24px; height:24px; overflow:hidden; background:url(../images/index/bg_gif.gif) 10px -634px no-repeat }
.left-box .ul-zx li a{ margin-left:25px; color:#666;}
.left-box .ul-zx li a:hover{ color:#F90; text-decoration:underline;}

/* main-right 右 */
.main-right{float:right; width:759px; overflow:hidden;}
.main-right h2{ border:1px solid #cfcfcf; height:26px; line-height:26px; text-indent:15px; 
	background:url(../images/index/right_png.png) 0 -1208px repeat-x;color:#000; font-size:14px; margin:0 0 6px 0;}

/*新品热卖*/
.xprm{height:134px; border:1px solid #cfcfcf; margin-bottom:10px; position:relative;}
.xprm .prolist { position:relative; height:120px;margin:10px 25px 10px 36px;overflow:hidden; }
.xprm .prolist .prolist_content{position:absolute; width:2850px;top:0px; left:0px;padding:0;}
.xprm .prolist ul{ float:left;height:120px;}
.xprm .prolist ul li { float:left;display:inline;text-align:center;margin-right:6px; width:110px;overflow:hidden;}
.xprm .prolist ul li a{ color:#666; }
.xprm .prolist ul li span{ display:block;overflow:hidden; height:18px; line-height:18px; color:#666; }
.xprm .prolist ul li a span{ color:#666;}
.xprm .prolist ul li a img { display:block; width:87px; height:87px; border:1px solid #eee; margin:0 auto; display:block;}
.xprm .prolist ul li em{ font-style:normal; font-weight:600; color:#F60;}
.goLeft, .goRight{ width:20px;height:42px;cursor:pointer; position:absolute; top:50px;
	background: url(../images/index/right_png.png) 0 -1258px no-repeat;}
.goLeft{left:0px;}
.goRight{right:0px;background: url(../images/index/right_png.png) right -1258px no-repeat;}

/* tooltip */
#tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;padding:1px;color:#333;display:none;}
/* imgHover */
span.imageMask{background:white; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;	}
span.imageOver{background: url(../images/index/zoom.gif) no-repeat 50% 50%;	filter:alpha(opacity=60);margin-left:10px;
	-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;	}


.class-box{width:759px; height:300px; background:url(../images/index/right_png.png) 0 0 no-repeat; margin-bottom:9px;}
.class-box h3{ margin:0 auto 15px auto; padding:0; width:580px; height:28px; line-height:28px;}
.class-box h3 span{ width:80px; height:28px;overflow:hidden; float:left; font-size:14px; color:#4f693a;}
.class-box h3 p{ float:left;line-height:28px;color:#3f7946; height:28px; overflow:hidden; width:470px;}
.class-box h3 p a{ color:#3f7946; padding:0 8px;}
.class-box h3 p a:hover{ color:#000; text-decoration:underline;}
.class-box .b-l{ float:left; margin-left:10px !important; margin-left:5px; width:180px; text-align:center;}
.class-box .b-l a img{ border:1px solid #d9d5d4; width:165px; height:165px;}
.class-box .b-l a {color:#ff6400; line-height:20px; }
.class-box .b-l a p{margin-top:10px; font-weight:600; line-height:20px; height:40px; cursor:pointer; overflow:hidden;}
.class-box .b-l a span{ color:#5a5957; line-height:30px;}
.class-box .b-l a em{ font-style:normal;color:#ff6400;font-weight:600; padding:0 5px; font-size:16px;}
.class-box .b-c{ float:left; width:350px;margin-left:10px !important; margin-left:5px;}
.class-box .b-c ul{ height:150px; border-bottom:1px dashed #817d7c;}
.class-box .b-c ul li{ float:left; text-align:center; width:115px; overflow:hidden;}
.class-box .b-c ul li img{ display:block; width:98px; height:98px;border:1px solid #d9d5d4;margin:0 auto 3px auto; display:block;}
.class-box .b-c ul li span{ color:#333; display:block;  width:107px; margin:0 auto; height:30px; line-height:16px; overflow:hidden;}
.class-box .b-c ul li em{color:#ff6400;font-style:normal;font-weight:600;}
.class-box .b-c ul li a:hover{ cursor:pointer;}
.class-box .b-c dl{ margin-top:10px;}
.class-box .b-c dl dt{ float:right;}
.class-box .b-c dl dt img{ width:180px; height:80px;}
.class-box .b-c dl dd{line-height:22px; height:22px;background:url(../images/index/bg_gif.gif) 0px -634px no-repeat; width:160px; overflow:hidden; }
.class-box .b-c dl dd a{ margin-left:15px; color:#666;}
.class-box .b-c dl dd a:hover{ color:#F90; text-decoration:underline;}
.class-box .b-r{ float:right; width:179px; margin-right:6px !!important; margin-right:3px; }
.class-box .b-r h4{ text-align:center; font-size:12px; font-weight:600; line-height:40px; color:#327200; margin:0; padding:0;}
.class-box .b-r ul{ text-indent:0; clear:both;}
.class-box .b-r ul img{ display:none; border:1px solid #e3dfe0; margin:3px 6px 3px 3px;}
.class-box .b-r ul em{display:none;color:#ff6400;font-style:normal;font-weight:600;}
.class-box .b-r ul li{ line-height:20px; height:20px; overflow:hidden;}
.class-box .b-r ul li span{ height:15px; line-height:15px; font-size:12px; padding:0 4px; color:#000; font-weight:300; background:url(../images/index/bg_gif.gif) right -479px no-repeat;}
.class-box .b-r ul li p{ float:none; display:inline; }
.class-box .b-r ul li a{ color:#327202;}
.class-box .b-r ul li.c{ height:70px; overflow:hidden;}
.class-box .b-r ul li.c p{ height:52px;line-height:18px; overflow:hidden; float:right; width:89px;}
.class-box .b-r ul li.c span{ float:left;background:url(../images/index/bg_gif.gif) right -417px no-repeat; color:#c00;font-weight:600;}
.class-box .b-r ul li.c img{ display:block; float:left; width:60px; height:60px;}
.class-box .b-r ul li.c em{display:inline; }

.main-right { background:#fff; margin-top:10px;}
.main-right .bg2{ background:url(../images/index/right_png.png) 0 -302px no-repeat;}
.main-right .bg2 h3 span, .main-right .bg2 h3 p, .main-right .bg2 h3 p a{color:#fff;}
.main-right .bg2 .b-r h4, .main-right .bg2 .b-r ul li a{ color:#9b999a;}

.main-right .bg3{ background:url(../images/index/right_png.png) 0 -604px no-repeat;}
.main-right .bg3 h3 span, .main-right .bg3 h3 p, .main-right .bg3 h3 p a{color:#3d749b;}
.main-right .bg3 .b-r h4, .main-right .bg3 .b-r ul li a{ color:#026dd5;}

.main-right .bg4{ background:url(../images/index/right_png.png) 0 -906px no-repeat;}
.main-right .bg4 h3 span, .main-right .bg4 h3 p, .main-right .bg4 h3 p a{color:#cc3d69;}
.main-right .bg4 .b-r h4, .main-right .bg4 .b-r ul li a{ color:#9a0103;}




/* 分类浮动层 */
.category{ display:none; position:absolute; top:152px; left:170px; z-index:999; width:350px; background: url(../images/index/class_a.gif) 0 0 no-repeat; }
.category .bg{ width:350px; clear:both; background: url(../images/index/class_a.gif) 0 bottom no-repeat; height:10px;}
.category .left{ float:left; margin-left:20px !important; margin-left:10px; width:150px;}
.category .left h3{ margin:0;padding:0; line-height:30px;}
.category .left h3 a{ font-size:12px; font-weight:600; color:#99172d;}
.category .left li.li{ line-height:30px;border-bottom:1px dashed #ead2bf; text-align:left;}
.category .left li.li a{ color:#99172d; font-size:12px; }
.category .left li.li a:hover{ color:#F90; text-decoration:underline;font-weight:300;}
.category .right{ float:right; width:150px;}
.category .right h3{ margin:0;padding:0; line-height:30px; color:#cc0001; font-size:12px;}
.category .right li.li{ float:left; margin-right:10px; line-height:20px;}
.category .right li.li a{color:#4c4c4c;font-size:12px; }
.category .right li.li a:hover{ color:#F90; text-decoration:underline; font-weight:300;}
.category .right li.more{ clear:both; text-align:right; float:none; display:block; }
.category .right li.more a{color:#c45252;}

.c1{ display:block; top:152px; left:170px;}
.c2{ display:block; top:180px; left:170px;}
.c3{ display:block; top:207px; left:170px;}
.c4{ display:block; top:234px; left:170px;}
.c5{ display:block; top:261px; left:170px;}
.c6{ display:block; top:288px; left:170px;}
.c7{ display:block; top:315px; left:170px;}
.c8{ display:block; top:342px; left:170px;}
.c9{ display:block; top:369px; left:170px;}
.c10{ display:block; top:396px; left:170px;}
.c11{ display:block; top:423px; left:170px;}
.c12{ display:block; top:450px; left:170px;}
.c13{ display:block; top:477px; left:170px;}
.c14{ display:block; top:504px; left:170px;}

