/*= 首页左侧分类 --------------------------------------------------------------------------------------------------------------------------------*/ .category{ } .category .cn{} .category .cn .cnhd h2{ padding-bottom:1px;} .category .cn .cnhd span{ padding-top:2px;} .category .cncn h3{line-height:32px; height:32px; padding:1px 0; margin:5px 10px 0; background:url(../img/comm/bg.gif) right -359px no-repeat;} .category .cncn h3 span{ color:#0865B2; background:url(../img/comm/icon.gif) -9999px -9999px no-repeat;} .category .cn .cncn{ height:872px; *height:877px; _height:877px;} .category .cn .cnft { padding:0 10px 8px;} /*= 鼠标HOV样式 */ .category .cncn .hpOver h3{ margin:5px 0 0; padding:0; position:relative; border-top:1px solid #0165bd; border-left:1px solid #0165bd; border-bottom:1px solid #0165bd; background:#fff url(../img/comm/bg.gif) left -612px no-repeat; z-index:201;} .category .cncn .hpOver h3 span{ padding-left:35px; color:#470;} .category .cncn .hpOver h3.chufang span{ background:url(../img/comm/icon.gif) left -518px no-repeat;} .category .cncn .hpOver h3.weisheng span{ background:url(../img/comm/icon.gif) left -551px no-repeat;} .category .cncn .hpOver h3.kewo span{ background:url(../img/comm/icon.gif) left -585px no-repeat;} .category .cncn .hpOver h3.menchuang span{ background:url(../img/comm/icon.gif) left -618px no-repeat;} .category .cncn .hpOver h3.zhineng span{ background:url(../img/comm/icon.gif) left -655px no-repeat;} .category .cncn .hpOver h3.shuidian span{ background:url(../img/comm/icon.gif) left -689px no-repeat;} .category .cncn .hpOver h3.jujia span{ background:url(../img/comm/icon.gif) left -724px no-repeat;} /*= 左侧分类交互出现的二级分类 --------------------------------------------------------------------*/ .category .secCate{ padding:10px 0;} .category .secCate.width1{ width:231px;} .category .secCate.width2{ width:331px;} .category .secCate .item{ padding:0 10px; float:left; background:none;} .category .secCate .item.width1{ width:100px;} .category .secCate .item.width2{ width:200px;} .category .secCate .item .cncn{ padding:0 0 10px; height:auto;} .category .secCate .first{ background:url(../img/comm/bg_secCateline.gif) right center no-repeat;} .category .secCate .last{ padding-right:0;} .category .secCate .item h3{ margin:0; border:0; line-height:18px; _height:18px; font-size:12px; background:none; color:#470;} .secCate .item ul{ width:100px; float:left;} .secCate .item ul li{ float:none; width:100px; overflow:hidden; margin-right:0; border-bottom:0;} .category .secCate .item .cnft{ padding:0;} .category .secCate .item .cnft a{ margin:0;} /*=Start 分类的鼠标交互样式（容器的样式） 等设计好了改这里 ----------------------------------------------------- ----------------*/ .category .hpOver{ position:relative;} .category .h-t{ cursor:pointer;} .category .h-c{ left:185px; top:0; z-index:200;} .category,.category .cn,.category .cn .cncn,.category .cncn ul,.category .cncn li{ z-index:200;} .category .item{ padding:0 10px 11px; background:url(../img/comm/bg_itemline_cat.gif) center bottom no-repeat;} .category .last{ padding-bottom:0; background:none;} .category .item a{ line-height:24px; margin:0 20px 0 0; display:inline-block;} /*= 首页左侧网友叽喳 --------------------------------------------------------------------------------------------------------------------------------*/ .formInfo{} .formInfo .cn{ height:140px;} .formInfo .item{ margin-top:11px; padding-bottom:11px; background:url(../img/comm/bg_itemline_grays.gif) center bottom no-repeat;} .formInfo .first{ margin-top:0;} .formInfo .last{ padding-bottom:0; background:none;} .formInfo .item h2{ padding:1px 10px 8px; line-height:20px;color:#598a21;} .formInfo .item .cncn{ padding-bottom:0;} .formInfo .item p, .formInfo .item li{ padding-bottom:3px;padding-left:8px; width:158px; word-break:break-all; overflow:hidden; background:url(../img/comm/bg.gif) left -803px no-repeat;} .formInfo .item li.last{ padding-bottom:0;} .formInfo .item li span{ color:#999;} .formInfo .item .half{} .formInfo .item .half li{ width:48%; float:left; padding-left:0; background:none;} .formInfo .last li{height:18px; overflow:hidden;} .formInfo .cn .cnft{ padding-top:11px; text-align:left;} /*= 首页最右侧网站公告 活动公告 --------------------------------------------------------------------------------------------------------------------------------*/ .callBoard{} .side ul li, .side p{ padding-bottom:3px; } .side ul li{padding-left:8px; background:url(../img/comm/bg.gif) left -803px no-repeat;} .side ul li.last{ background:url(../img/comm/bg.gif) left -803px no-repeat;} .side ul li span{ margin-left:4px; color:#f60;} .side .item{ margin-bottom:11px; background:url(../img/comm/bg_itemline_graym.gif) center bottom no-repeat;} .side .item h2{padding:1px 10px 8px; line-height:20px; color:#470;} .side .item .cncn{ padding-bottom:11px;} .side .last{ padding-bottom:0; margin:0; background:none;} .side .last .cncn{ padding-bottom:0;} /*= 首页右侧抢购，拼购，促销 --------------------------------------------------------------------------------------------------------------------------------*/ .qiangGou, .pingGou, .cuxiao{position:relative;} .qiangGou .icon, .pingGou .icon, .cuxiao .icon{ position:absolute; width:52px; height:52px; left:0; top:0; background:url(../img/comm/icon.gif) -9999px -9999px no-repeat;} .qiangGou .icon{ background-position:left -1009px; } .pingGou .icon{ background-position:left -1081px; } .cuxiao .icon{ background-position:left -1153px; } .qiangGou .iconState, .pingGou .iconState{position:absolute; width:37px; height:43px; right:2px; bottom:0;} .qiangGou .iconState{background:url(../img/comm/icon.gif) left -1226px no-repeat;} .pingGou .iconState{background:url(../img/comm/icon.gif) left -1286px no-repeat;} .qiangGou .cn .cnhd, .pingGou .cn .cnhd{ line-height:18px;} .proState{ padding:8px 0 11px; text-align:center;} .proState em{ font-size:14px;} .buyState{ padding:7px 0 2px; text-align:left; border-top:1px dashed #ddd;} .buyState span{ color:#999;} .cnhd .timeRem{ padding:0 0 0 52px; text-align:right;} .cnhd .timeRem span{ float:none; margin:0 0 0 8px;} .cnhd .timeRem em{ margin:0; padding:0; font-size:14px;} .qiangGou .goodsCard, .pingGou .goodsCard{ padding-bottom:6px;} .qiangGou .goodsCard .goodsImg, .pingGou .goodsCard .goodsImg { position:relative;} .qiangGou .goodsCard .goodsName, .pingGou .goodsCard .goodsName, .cuxiao .goodsCard .goodsName{ padding-top:5px;} .qiangGou .goodsCard .goodsName h4, .pingGou .goodsCard .goodsName h4, .cuxiao li h4{ font-size:12px; font-weight:normal;} .cuxiao{} .cuxiao .cnhd h2{ padding-left:62px;} .cuxiao .cncn ul{ padding-top:15px;} .cuxiao .cncn li{ padding:6px 0 7px; _width:206px; background:url(../img/comm/bg_itemline_graym.gif) center bottom no-repeat; cursor:pointer;} .cuxiao .cncn li.last{ background:none;} .cuxiao li .goodsCard{ display:none;} .cuxiao .cncn li.current, .cuxiao .cncn li.hov{ padding:0;} .cuxiao .cncn li.current h4, .cuxiao .cncn li.hov h4{ display:none;} .cuxiao .cncn li.current .goodsName h4, .cuxiao .cncn li.hov .goodsName h4{ display:block;} .cuxiao .cncn li.current .goodsCard, .cuxiao .cncn li.hov .goodsCard{ display:block; padding:11px 0;} /*= 首页主内容 底端服务承诺 --------------------------------------------------------------------------------------------------------------------------------*/ .server{ clear:both;} .server .cn .cnhd{ padding:0;} .server .cn h2{ margin-bottom:0; text-indent:-9999px;} .server ul{ padding-top:3px;} .server ul li{ padding:0 0 0 25px; float:left; width:163px; height:65px; text-indent:-9999px;} .server .tousu{ background:url(../img/comm/bg_serverTousu.gif) right top no-repeat;} .server .baozhang{ background:url(../img/comm/bg_server30Baozhang.gif) right top no-repeat;} .server .tuihai{ background:url(../img/comm/bg_serverTuihuo.gif) right top no-repeat;} .server .huanhuo{ background:url(../img/comm/bg_serverHuanhuo.gif) right top no-repeat;} .server .rexian{ background:url(../img/comm/bg_serverRexian.gif) right top no-repeat;} /*= 首页 中间主题营销 --------------------------------------------------------------------------------------------------------------------------------*/ .mainAd{ margin-bottom:7px;} .mainAd .hd{ z-index:12;} .mainAd .cn{ margin-top:-4px;z-index:21; height:369px; overflow:hidden;} .mainAd .cn .cncn{ padding:0 1px;z-index:21; position:relative;} .mainAd .cn .cncn .conerL{ width:5px; height:6px; left:0; top:0; background:url(../img/comm/bg.gif) left -399px no-repeat; z-index:102;} .mainAd .cn .cncn .conerR{ width:7px; height:6px; right:0; top:0; background:url(../img/comm/bg.gif) -5px -399px no-repeat;z-index:102;} .mainAd .cn .navTabcn{ display:none;} .mainAd .cncn img{ width:504px; height:336px;} .mainAd .cn .cnft{ padding:0;*margin-top:-4px;_margin-top:-4px; z-index:21;} .mainAd .navTab{ padding:0 1px;z-index:21;} .mainAd .navTab li{ position:relative; width:125px; height:32px; line-height:32px; float:left; text-align:center; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f1f1f1 url(../img/comm/bg.gif) left -1011px repeat-x; cursor:pointer;z-index:21;} .mainAd .cn .cnft .navTab li a{ color:#777; text-decoration:none;} .mainAd .cn .cnft .navTab li a:hover{text-decoration:none;} .mainAd .navTab li.left{width:125px;} .mainAd .navTab li.right{ width:126px; border-right:none;} .mainAd .navTab li.left.current{ border-left:none;} .mainAd .navTab li.right.current{} .mainAd .navTab li.current{ border-color:#470; background:url(../img/comm/bg.gif) left -1135px repeat-x;} .mainAd .cn .cnft .navTab li.current a{ color:#fff;} .mainAd .navTab li.current .navTabArrow{ position:absolute; width:9px; height:6px; left:62px; top:-6px; background:url(../img/comm/bg.gif) left -1217px no-repeat;} .mainAd .navTab li.current .navTabCorL{ width:5px; hegith:32px; left:0; top:0; background:url(../img/comm/bg.gif) left -1093px no-repeat;} .mainAd .navTab li.current .navTabCorR{ width:7px; hegith:32px; right:0; top:0; background:url(../img/comm/bg.gif) -5px -1093px no-repeat;} .mainAd .ft{ z-index:11;top:-3px;} /*= 首页 中间 三大推荐商品 --------------------------------------------------------------------------------------------------------------------------------*/ .tagGoods{} .tagGoods .hd{ z-index:39;} .tagGoods .cn{height:545px; overflow:hidden; margin-top:-5px; z-index:40;} .tagGoods .cn .cnhd,.tagGoods .cnhd ul,.tagGoods .cnhd li,.tagGoods .cnhd li a{ z-index:40;} .tagGoods .cn .cnhd{ padding-right:0;} .tagGoods .cnhd ul{ height:33px; line-height:33px; background:url(../img/comm/bg.gif) left -1275px repeat-x;} .tagGoods .cnhd li{ float:left; font-size:14px; font-weight:bold; background:url(../img/comm/bg.gif) right -1458px no-repeat; cursor:pointer;} .tagGoods .cnhd li a{color:#555;} .tagGoods .cnhd li.first{ padding-left:0;} .tagGoods .cnhd li.last{ background:none;} .tagGoods .cnhd li a{ float:left; padding:0 16px; } .tagGoods .cnhd li a:hover{text-decoration:none;} .tagGoods .cnhd span{ float:none;} .tagGoods .cnhd li.cur{ padding-right:0; background:none;} .tagGoods .cnhd li.cur a{ position:relative; margin-left:-1px; background:url(../img/comm/bg.gif) left -1393px repeat-x; color:#470;} .tagGoods .cnhd li.cur a:hover,.tagGoods .cnhd li.cur a:visited,.tagGoods .cnhd li.cur a:active{text-decoration:none;} .tagGoods .cnhd li.cur a .tagTagcorL{left:0;top:0; width:5px; height:33px; background:url(../img/comm/bg.gif) left -1339px no-repeat;} .tagGoods .cnhd li.cur a .tagTagcorR{right:0;top:0; width:7px; height:33px; background:url(../img/comm/bg.gif) -5px -1339px no-repeat;} .tagGoods .cnhd li.cur a.first{margin-left:0;border-right:1px solid #d3e5fd;} .tagGoods .cnhd li.cur a.second{border-right:1px solid #d3e5fd; border-left:1px solid #d3e5fd;} .tagGoods .cnhd li.cur a.last{border-right:1px solid #d3e5fd; border-left:1px solid #d3e5fd;} .tagGoods .cncn{ padding:10px 10px 4px; background:#fff;} .tagGoods .cncn ul{ padding:21px 0 0 10px;} .tagGoods .cncn li{ float:left; padding:0 10px 10px 0; width:238px; height:238px;} .tagGoods .cncn .goodsCard{} .tagGoods .goodsCard img{} .tagGoods .goodsCard .goodsName h4{line-height:20px; height:20px; overflow:hidden;} /*= 首页 中间底端 liba学堂 --------------------------------------------------------------------------------------------------------------------------------*/ .libaSchool{} .libaSchool .cn{ height:288px; overflow:hidden;} .libaSchool .cn .cncn{ padding:0 0 10px 27px;} .libaSchool .cn .ulCn{ padding-right:1px;} .libaSchool .half{ } .libaSchool .half li{ width:202px; float:left; padding:0 0 0 8px; margin-right:26px; _margin-right:15px; line-height:33px; height:33px; overflow:hidden; border-bottom:1px dashed #dcdcdc; background:url("../img/comm/bg.gif") left -797px no-repeat;} .libaSchool .half li.current{ padding:0; width:210px; height:110px; border-bottom:none; background:none;} .libaSchool .half li.current img { width:210px; height:100px;} /*= 首页 中间 体验中心 --------------------------------------------------------------------------------------------------------------------------------*/ .expr{ margin-bottom:7px;} .expr .hd{ z-index:29;} .expr .cn{ height:142px; overflow:hidden; margin-top:-4px; z-index:30;} .expr .cn .cncn{ padding:1px;} .expr img{ width:504px; height:140px;} .expr .ft{ top:-3px; z-index:28;} /*= 首页最右侧 --------------------------------------------------------------------------------------------------------------------------------*/ /*= 首页最右侧 --------------------------------------------------------------------------------------------------------------------------------*/ /*= 首页最右侧 --------------------------------------------------------------------------------------------------------------------------------*/