﻿@charset "utf-8";

/*leftbar*/
.mainleft {width:192px; height:638px; padding:3px; background:#EFEFEF; border:1px solid #e0e0e0; position:relative; z-index:99; float:left;}
.mainltitle {width:115px; padding:8px 0 0 77px; height:19px; color:#999; background:url(/images/index/bg_main_sort_title.gif) no-repeat; float:left;}
.mainltitle span {font-weight:bold; color:#b00;}
.mainlt {width:192px; margin-top:3px; display:inline; background:#fdfaeb; float:left;}
.mainlsort {width:190px; height:72px;}
.mainlt p {width:170px; height:23px; line-height:23px; font-weight:bold; font-size:14px; padding-left:20px; background:url(/images/index/bg_mainlt.gif) no-repeat;}
.mainlt a:hover {color:#B00;}
.mainleft .alllink {padding-left:20px; line-height:26px;}
.mainleft .alllink span {padding:0 10px;}

/*左侧分类导航*/
.mainlsort a {color:#FFF; text-decoration:none;}
#webmenu {height:25px; position:relative; z-index:777;}
#webmenu li ul {display:none;}
#webmenu li ul li {float:none;}
*html #webmenu li ul li {display:inline;}
#webmenu li ul a {float:none; height:22px; line-height:22px; padding:0 10px; text-transform:capitalize; cursor:pointer;}
#webmenu .height-auto {line-height:15px; padding:5px 10px;}
.second-menu, .third-menu, .fourth-menu, .second-menuno {position:absolute;}
.first-menu li {position:relative; float:left; }
.first-menu a {width:114px; padding:0 3px 2px 8px; background:#fff; color:#000; display:block; float:left; cursor:pointer;}
.first-menu a:hover {background:#D6D6D6; cursor:pointer;}
.first-menu .firstli {width:181px; height:22px; line-height:22px;}
.firstli .firstli-sort {width:40px; color:#999; float:left;}
.firstli .firstli-detail {width:141px; height:22px; overflow:hidden; float:left;}
.first-menu a:hover .firstli-sort {color:#b00; font-weight:bold;}
.first-menu a:hover .firstli-detail {color:#D6D6D6;}

.first-menu .visited .firstli {background:#D6D6D6; display:block; float:left;}
.first-menu .visited .firstli-sort {color:#b00; font-weight:bold; }
.first-menu .visited .firstli-detail {color:#D6D6D6;}

.second-menu, .second-menuno {border:1px solid #DDD; border-top:0; top:0px; left:192px;}
.first-menu li a .second-menu a, .first-menu li a .second-menuno a {color:#FFF; width:114px; display:block; padding:0 8px; border-top:1px solid #DDD; float:left;}
.second-menu a, .third-menu , .second-menuno a {filter: alpha(opacity=98);}
.third-menu {border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF; border-right:1px solid #DDD; float:left;}
.third-menu a {width:120px; color:#333; height:20px; overflow:hidden; background:#DDD; padding:0 8px; border-top:1px solid #EFEFEF; display:block; float:left;}
.third-menu a:hover {color:#FFF; background:#B00;}
*html .second-men, *html .second-menunoo {right:-1px;}
.second-menu a.arrow {border-top:1px solid #DDD; background:#EFEFEF url(/images/index/arrow.gif) no-repeat right top;}
.arrowno a {border-top:1px solid #DDD; background:#EFEFEF;}
.arrowno a:hover {color:#FFF; border-top:1px solid #DDD; background:#B00;}
.second-menu a.arrow:hover {color:#333; background:#FFC url(/images/index/arrow.gif) no-repeat right -22px;}
.third-menu, .fourth-menu {top:0; left:134px;}

.second-menu .visited a.arrow {color:#333; background:#FFC url(/images/index/arrow.gif) no-repeat right -22px;}

/*焦点图轮播*/
.main .mainright {width:750px; height:620px; position:relative; left:10px; z-index:5; float:left;}
.main .mainright .mainr-top {width:742px; height:356px; padding:3px; background:#f1f1f1; border:1px solid #e0e0e0; float:left;}
.mainr-top .hotpic {width:536px; float:left;}
.slides { position:relative; overflow:hidden; width:536px; height:356px;}
.slide-pic { overflow:hidden; width:536px;}
.slide-pic img { width:536px; height:356px; border:1px solid #E4E4E4;}
.slide-pic li { display:none;}
.slide-pic li.cur { display:block;}
.slide-li { position:absolute; left:0; bottom:0;}
.slide-li li { float:left; width:88px; height:30px; line-height:30px; margin-right:1px; text-align:center; display:block; overflow:hidden;}
.slide-li li.w90 {width:90px;}
.slide-li a { display:block; width:88px; height:30px; font-size:12px; color:#FFF;}
.slide-li .cur a, .slide-li a:hover { color:#000; text-decoration:none;}
.op li { background:#000; opacity: 0.6; filter:alpha(opacity=60);}
.op li.cur { background:#FFF;}

/*单品轮播*/
.mainr-top .sgpic {width:205px; height:356px; padding-right:1px; background:url(/images/index/bg_sgpic.gif) no-repeat; float:left; overflow:hidden;}
.mainr-top .sgpic p {width:195px; height:18px; padding:5px 10px 0 0; display:block; position:relative; float:left;}
.mainr-top .sgpic img {width:195px; height:105px; display:block; margin-bottom:8px; _margin-bottom:6px; float:left;}
.mainr-top .sgpic .sgpic-arrow img {width:18px; height:18px; float:right}
.main .mainright .mainr-bottom {width:750px; margin-top:10px; float:left;}
.mainrr-area {width:200px; float:left;}

/*热卖商品*/
.hotgoods {width:540px; margin-right:10px; float:left;}
.hotgoodsul {width:525px; height:200px; background:url(/images/index/bg_hotgoods.gif) repeat-x; padding:20px 0 0 11px;}
.hotgoodsul li {width:131px; height:190px; float:left;}
.hotgoodsul p {width:120px; text-align:center; margin-top:6px; display:inline; float:left;}
.hotgoodsc-pic {width:120px; height:120px;}
.hotgoodsc-pic img {width:120px; height:120px; display:block;}
.hotgoodsc-name {width:120px; height:36px; line-height:18px; overflow:hidden;}
.hotgoodsc-name a:hover {text-decoration:underline;}
.hotgoodsc-price {color:#999;}

.news_cen_l{width:538px; height:270px; border:1px solid #e0e0e0; background:#FFF; float:left;}
.arrival{width:400px; height:35px; display:block; float:left;}
.arrival_r{width:70px; height:25px; padding-top:11px; float:right; display:inline;}
.arrival_r a{width:20px; height:20px; display:inline; background:url(/images/index/icon_lz.gif) no-repeat left top; cursor:pointer; float:left;}
#shuzi_1{ background-position:left -20px;}
#shuzi_1:hover{ background-position:left top;}
#shuzi_1.hover{background-position:left top;}
#shuzi_2{ background-position:-20px -20px;}
#shuzi_2:hover{ background-position:-20px top;}
#shuzi_2.hover{background-position:-20px top;}
#shuzi_3{ background-position:-40px -20px;}
#shuzi_3:hover{ background-position:-40px top;}
#shuzi_3.hover{background-position:-40px top;}

/*公告*/
.mainr-bottom .notice {width:190px; padding:0 5px; height:30px; margin-bottom:10px; background:#3f3f3f; float:left;}
.noticebtnl1, .noticebtnl2, .noticebtnr1, .noticebtnr2 {width:10px; height:30px; cursor:pointer; overflow:hidden; float:left;}
.noticebtnl1 {background:url(/images/operate/notice_al_01.gif) no-repeat;}
.noticebtnl2 {background:url(/images/operate/notice_al_02.gif) no-repeat;}
.noticebtnr1 {background:url(/images/operate/notice_ar_01.gif) no-repeat;}
.noticebtnr2 {background:url(/images/operate/notice_ar_02.gif) no-repeat;}
.mainr-bottom .notice span {width:160px; padding:0 5px; _padding:0 3px; height:30px; line-height:28px; *line-height:30px; _line-height:28px; text-align:center; color:#FFF; overflow:hidden; float:left;}
.mainr-bottom .notice a {color:#FFF;}
.mainr-bottom .notice a:hover {color:#FFC;}

/*通栏广告*/
.content-index .main-ad img {width:958px; height:80px; border:1px solid #e0e0e0; margin:15px 0; float:left;}

/*视频show*/
.company-area {width:960px; height:371px; float:left;}
.itvarea {width:960px; float:left;}
.itvshow {width:245px; height:361px; padding:10px 5px 0 10px; background:url(/images/index/bg_itvshow.gif) no-repeat; float:left;}
.itvshow .allink {width:245px; height:30px; text-align:right; float:left;}
.itvshow .allink a {color:#39C;}
.itvshow .allink a:hover {text-decoration:underline;}
.itvshow ul {height:307px; float:left;}
.itvshow li {width:245px; line-height:20px; margin-bottom:6px; float:left;}
.itvshow .tvpic {width:99px; height:90px; padding:3px 0 0 3px; background:url(/images/index/bg_itvg.gif) no-repeat; float:left;}
.itvshow .tvpic img {width:96px; height:72px; float:left;}
.itvshow .detail {width:143px; height:80px; padding-top:5px; float:left;}
.itvshow .detail span {width:128px; padding:0 5px; float:left;}
.itvshow .detail .isname {width:128px; height:40px; overflow:hidden; float:left;}
.itvshow .total {width:245px; text-align:right; float:left;}
.itvshow .total span {color:#B00; font-weight:bold;}
.itvshow .total a {color:#39C;}
.itvshow .total a:hover {color:#999;}

.itv-carea {width:470px; height:371px; padding:0 15px; float:left;}
.itvcurrent {width:470px; height:291px; background:url(/images/index/bg_itvcurrent.gif) no-repeat; float:left;}
.itvcurrent a {color:#39C;}
.itvcurrent a:hover {color:#39c; text-decoration:underline;}
.itvcurrent .viewmore {width:270px; padding:7px 0 0 200px; float:left;}
.itvcurrent .viewmore a {margin-left:28px;}
.itvcurrent .time {width:400px; font-weight:bold; padding:10px 0 0 70px; color:#B00; float:left;}
.itvcurrent .time span {height:20px; line-height:20px; overflow:hidden; float:left;}
.itvcurrent .time span.tc {width:120px; font-size:16px; line-height:20px; *line-height:18px; _line-height:20px; color:#FFF;}
.itvcurrent .time span.title {width:200px; overflow:hidden;}
.itvcurrent .time span.zcb {width:40px; font-weight:normal; color:#666;}
.itvcurrent .detail {width:450px; height:193px; padding:20px 0 0 20px; float:left;}
.itvcurrent .detail .dpic {width:160px; height:160px; float:left; position:relative;}
.itvcurrent .detail .dpic img {width:150px; height:150px; display:block; border:1px solid #E0E0E0;}
.itvcurrent .detail .dpic b {display:block;position:absolute;width:65px;height:65px;z-index:10;right:6px;top:-2px;}
.itvcurrent .detail .dpic b img {width:65px;height:65px;display:block; border:0;}
.itvcurrent .detail .dcont {width:280px; line-height:22px; color:#999; float:left;}
.itvcurrent .detail .dcname {width:280px; font-weight:bold; font-size:14px; height:45px; overflow:hidden; float:left;}
.itvcurrent .detail .dcname a {color:#333;}
.itvcurrent .detail .dcname a:hover {color:#666;}
.itvcurrent .detail .zb {text-align:right;}
.itvcurrent .ntime {width:375px; padding-left:95px; float:left; height:18px; line-height:18px; overflow:hidden; float:left;}
.itvcurrent .ntime a, .itvcurrent .ntime a:hover {color:#666;}
.itv-conpic {width:470px; padding-top:10px; height:70px; overflow:hidden; float:left;}
.itv-conpic a {margin-right:10px; display:inline; float:left;}
.itv-conpic img {width:148px; height:68px; border:1px solid #E0E0E0; display:block;}
.itv-conpic .nomargin {margin:0;}

.itvshowhost {width:190px; height:180px; padding:42px 5px 0 5px; margin:15px 0 0 10px; background:url(/images/index/bg_happizl.gif) no-repeat; float:left;}
.itvsh-pic {width:190px; float:left;}
.itvsh-pic li {width:85px; height:75px; text-align:center; margin:5px 0 0 5px;  display:inline; float:left;}
.itvsh-pic img {width:60px; height:50px; border:1px solid #FFF; display:block; margin:0 auto;}
.itvsh-pic span {width:85px; height:20px; line-height:20px; overflow:hidden; float:left;}

.itvshowhost .zlcnt {width:184px; padding:8px 2px 0 4px; float:left;}
.itvshowhost .zlcnt p {width:184px; height:22px; color:#734a8c; float:left;}
.itvshowhost .zlcnt span {width:14.0em; padding-left:14px; height:18px; line-height:18px; background:url(/images/bg_dot.gif) no-repeat 0 3px; overflow:hidden; float:left;}
.itvshowhost .zlcnt span a {color:#666;}
.itvshowhost .zlcnt span a:hover {text-decoration:underline;}

/*快乐排行榜*/
.ranktemarea {width:200px; height:371px; background:url(/images/index/bg_ranktem.gif) no-repeat 0 0; float:left;}
.ranktemarea .tag {width:100px; padding:11px 0 0 100px; float:left;}
.ranktemarea .tag span {width:30px; height:17px; line-height:17px; margin-left:1px; color:#FFF; background:url(/images/btn/bg_ranktem_tag.gif) no-repeat 0 0; text-align:center; float:left;}
.ranktemarea .tag a {color:#FFF;}
.ranktemarea .tag a:hover, .ranktemarea .tag .current {width:30px; height:17px; line-height:17px; color:#904524; font-weight:bold; background:url(/images/btn/bg_ranktem_taga.gif) no-repeat 0 0; text-align:center; float:left;}
.ranktemarea .rankcnt {width:180px; height:312px; padding:5px 10px; float:left; _float:none;}
.ranktemarea .rankcnt p {width:180px; height:24px; line-height:24px; background:url(/images/icon/bg_rankcnt1.gif) no-repeat 4px 6px; clear:both;}
.ranktemarea .rankcnt p span {width:27px; color:#FFF; text-align:center; float:left;}
.ranktemarea .rankcnt p.top3 {background:url(/images/icon/bg_rankcnt.gif) no-repeat 4px 6px;}
.ranktemarea .rankcnt p a {width:12.0em; height:24px; color:#666; overflow:hidden; float:left;}
.ranktemarea .rankcnt p a:hover {color:#333;}
.ranktemarea .rankcnt .detail {width:174px; padding:2px 3px 0 3px; background:#fcfeea; color:#999; float:left;}
.ranktemarea .rankcnt .detail .pic {width:60px; height:60px; border:1px solid #E0E0E0; float:left;}
.ranktemarea .rankcnt .detail .pic img {width:60px; height:60px; display:block;}
.ranktemarea .rankcnt .detail span {width:106px; line-height:20px; padding-left:2px; float:left;}
.ranktemarea .rankcnt .detail .price {font-size:14px; padding-bottom:3px; margin-left:-2px; color:#B00; font-weight:bold;}
.ranktemarea .rankcnt .detail .count b {color:#C00; font-weight:normal;}
.ranktemarea .more {padding-right:8px; text-align:right;}
.ranktemarea .more a {color:#904524;}
.ranktemarea .more a:hover {text-decoration:underline;}

/*新品上架*/
.newgoods {width:748px; height:220px; border:1px solid #e0e0e0; margin-top:15px; float:left;}
.newgoods-title {width:748px; height:30px; border-bottom:1px solid #e0e0e0; background:#FFF; float:left;}
.newgoodst-pic img {width:100px; height:30px; display:block; float:left;}
.newgoodst-text {width:420px; height:18px; line-height:18px; padding:8px 5px 0 0; padding-top:6px; *padding-top:8px; _padding-top:6px; margin-left:100px; display:inline; color:#F60; overflow:hidden; float:left;}
.newgoodst-text a {color:#F60;}
.newgoodst-text a:hover {color:#999;}
.ntarrival_r{width:70px; height:25px; padding-top:11px; margin-top:-6px; float:right; display:inline;}
.ntarrival_r a{width:20px; height:20px; float:left;display:inline; background:url(/images/index/icon_lz.gif) no-repeat left top; cursor:pointer;}
.newgoods-content {width:722px; height:160px; border:1px solid #FFF; background:#FFF url(/images/index/bg_hotgoods.gif) repeat-x; padding:15px 10px 10px 14px;float:left;}
.newgoods-content .ncmpic img {width:180px; height:160px; display:block; float:left;}
.newgoodsul li {width:120px; height:160px; margin-left:14px; display:inline; float:left;}
.newgoodsul p {width:120px; text-align:center; float:left;}
.newgoodsc-pic {width:120px; height:125px;}
.newgoodsc-pic img {width:120px; height:120px; display:block;}
.newgoodsc-name {width:120px; height:36px; line-height:18px; overflow:hidden;}
.newgoodsc-name a:hover {text-decoration:underline;}
.newgoodsc-arrow {width:18px; height:35px; margin:40px 0 0 4px; display:inline; float:left;}
.newgoodsc-arrow img {width:18px; height:35px; display:block;}

/*自动轮播*/
.ngarrival{width:400px; height:35px; display:block; float:left;}
.ngarrival_r{width:70px; height:30px; padding-top:5px; float:right; display:inline;}
.ngarrival_r a{width:20px; height:20px; float:left;display:inline; background:url(/images/index/icon_lz.gif) no-repeat left top; cursor:pointer;}
#ngshuzi_1{ background-position:left -20px;}
#ngshuzi_1:hover{ background-position:left top;}
#ngshuzi_1.hover{background-position:left top;}
#ngshuzi_2{ background-position:-20px -20px;}
#ngshuzi_2:hover{ background-position:-20px top;}
#ngshuzi_2.hover{background-position:-20px top;}
#ngshuzi_3{ background-position:-40px -20px;}
#ngshuzi_3:hover{ background-position:-40px top;}
#ngshuzi_3.hover{background-position:-40px top;}

/*热门资讯*/
.newsarea {width:198px; height:220px; border:1px solid #e0e0e0; float:left;}
.newsarea-title {width:188px; height:30px; line-height:30px; padding-left:10px; border-bottom:1px solid #e0e0e0; font-weight:bold; font-size:14px; float:left;}
.newsarea-title span a {color:#666; font-size:12px; font-weight:normal; margin-left:80px;}
.newsarea-title span a:hover {text-decoration:underline;}
.newsarea-content {width:188px; padding:8px 2px 0 6px;border:1px solid #FFF; background:url(/images/index/bg_hotgoods.gif) repeat-x; float:left;}
.newsarea-content p {width:188px; height:22px; color:#734a8c; float:left;}
.newsarea-content p span {line-height:18px; float:left;}
.newsarea-content a:hover {text-decoration:underline;}
.newsarea-sort {width:40px;}
.newsarea-sort a, .newsarea-sort a:hover {color:#734a8c;}
.newsarea-text {width:145px; height:18px; overflow:hidden;}
.newsarea-text a {color:#333;}


/*品牌专区*/
.brandarea {width:960px; height:180px; margin:15px 0; float:left;}
.brandarea .brandarea-left {width:750px; height:180px; float:left;}
.brandarea-pic {width:749px; height:150px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:left;}
.brandarea-pic img {width:749px; height:150px; display:block;}
.brandarea-logo {width:750px; _width:753px; height:29px; float:left;}
.brandarea-logo span {width:123px; width:123px; height:27px; border:1px solid #e0e0e0; float:left;}
.brandarea-logo span.visited {width:123px; height:27px; border:1px solid #999; float:left;}
.brandarea-logo img {width:90px; height:27px; display:block; margin:0 auto;}
.brandarea-more {width:208px; _margin-left:-3px; height:178px; border:1px solid #e0e0e0; float:left;}
.brandarea-more .tjbrand {width:208px; height:123px; padding-top:55px; background:url(/images/index/brand/bg_brand_more.gif) no-repeat; float:left;}
.brandarea-more .tjbrand a {margin:11px 0 0 8px; background:#FFF; float:left;}
.brandarea-more .tjbrand img {width:90px; height:27px; display:block;}


/*超值特惠*/
.valuearea {width:748px; height:455px; border:1px solid #e0e0e0; float:left;}
.valuearea .valuearea-title {width:748px; height:30px; border-bottom:1px solid #e0e0e0; float:left;}
.valueareat-pic img {width:100px; height:30px; display:block; float:left;}
.valueareat-text {width:600px; height:18px; line-height:18px; padding:7px 5px 0 43px; text-align:right; color:#F60; overflow:hidden; float:left;}
.valueareat-text a {color:#F60;}
.valueareat-text a:hover {color:#999;}
.content-index .valuearea .valuearea-content {width:722px; height:160px; border:1px solid #FFF; background:url(/images/index/bg_hotgoods.gif) repeat-x; padding:15px 10px 10px 14px;float:left;}
.valuearea-content li {width:120px; height:190px; margin:10px 14px 0 10px; display:inline; float:left;}
.valuearea-content p {width:120px; text-align:center; float:left;}
.valueareac-pic {width:120px; height:125px;}
.valueareac-pic img {width:120px; height:120px; display:block;}
.valueareac-name {width:120px; height:22px; line-height:22px; overflow:hidden;}
.valueareac-name a:hover {text-decoration:underline;}
.valueareac-fprice {text-decoration:line-through; color:#999; height:20px;}
.valueareac-price {color:#b00;}

/*购买方式*/
.servicearea {width:200px; height:455px; position:relative; left:10px; float:left;}
.servicead {width:198px; height:150px; border:1px solid #e0e0e0; float:left;}
.servicead img {width:198px; height:150px; display:block;}
.servicecontact {width:198px; height:223px; _height:226px; border:1px solid #e0e0e0; margin-top:10px; float:left;}
.servicecontact input {width:126px; padding:0 2px; padding-top:3px; height:17px; color:#999; border:1px solid #e0e0e0; background:#feffec; margin:0 5px 0 10px; display:inline; float:left;}
.servicecontact .email-tip {margin-left:10px; display:inline; color:#aaa; line-height:16px; float:left;}
.servicecontact .email-tip span {width:170px; text-indent:2.0em; display:block;}
.servicecontact .email-view a {margin:0 10px; float:right; color:#39C; line-height:18px;}
.servicecontact .email-view a:hover {text-decoration:underline;}
