.wide_banner_bg { height:320px; } .wide_banner_bg .wide_banner { width:760px; height:320px; position:relative; left:210px; overflow:hidden; } .wide_banner_bg .wide_banner .slidebox li { float:left; } .wide_banner_bg .wide_banner .slidebox li img { display:block; width:760px; height:320px; } .wide_banner_bg .wide_banner .dot { height:30px; line-height:30px; position:absolute; bottom:0; left:0; text-align:center; } .wide_banner_bg .wide_banner .dot address { display:inline-block; opacity:0.7; filter:alpha(opacity=50); -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } .wide_banner_bg .wide_banner .dot b { width:18px; height:18px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; display:inline-block; background:#333; margin:4px; cursor:pointer;color:#fff;line-height:18px;font-weight:normal; } .wide_banner_bg .wide_banner .dot .cur { background:#94c51b; } .wide_banner_bg .wide_banner_right { width:218px; height:319px; border:1px solid #e9e9e9; border-bottom:0px; position:absolute; right:0px; top:0px; overflow:hidden; } #wide_infcp_top { height:319px; } .wide_classify { height:140px; position:relative; margin-bottom:10px; } .wide_classify .wide_classify_left { width:197px; height:130px; border:1px solid #e9e9e9; background-color:#f3f3f3; padding:8px 0 0 11px; _padding:8px 0 0 11px; } .wide_classify .wide_classify_left p { color:#666666; height:26px; display:block; font-size:14px; font-weight:bold; } .wide_classify .wide_classify_left div { width:57px; height:28px; background-color:#e9e9e9; margin:4px 8px 0px 0px; _margin:4px 6px 0px 0px; } .wide_classify .wide_classify_left a { width:55px; height:26px; line-height:26px; text-align:center; margin:1px; background-color:#fff; display:inline-block; } .wide_classify .wide_classify_left .wide_classify_selected { background-color:#6d9d03; } .wide_classify .wide_classify_left .wide_classify_selected a { color:#fff; background-color:#90c31f; } .wide_classify .wide_classify_cont { padding:9px; } .wide_classify .wide_classify_cont .wide_classify_cont_border { border:0px; } .wide_classify .wide_classify_cont .wide_classify_cont_border img { width:246px; height:131px; float:left; margin-right:2px; opacity:1; filter:alpha(opacity=100); } .wide_classify .wide_classify_cont .wide_classify_cont_border1:hover img, .wide_classify .wide_classify_cont .wide_classify_cont_border2:hover img, .wide_classify .wide_classify_cont .wide_classify_cont_border3:hover img { opacity:0.8; filter:alpha(opacity=80); } .wide_classify .wide_classify_right { width:218px; height:138px; border:1px solid #e9e9e9; position:absolute; top:0px; right:0px; _overflow:hidden; } .wide_classify .wide_classify_right .wide_classify_right_tis { width:218px; height:28px; background-color:#f4f4f4; overflow:hidden; } .wide_classify .wide_classify_right .wide_classify_right_tis .selected { background-color:#fff; } .wide_classify .wide_classify_right .wide_classify_right_tis .selected a { border-bottom-color:#fff; } .wide_classify .wide_classify_right .wide_classify_right_tis .float-left { border-right:1px solid #e9e9e9; } .wide_classify .wide_classify_right .wide_classify_right_tis a { display:block; width:108px; height:27px; line-height:28px; text-align:center; font-size:14px; border-bottom:1px solid #e9e9e9; font-weight:bold; } .wide_classify .wide_classify_right .wide_classify_right_tabchc { padding:10px; display:none; } .wide_classify .wide_classify_right .tabchc_l { display:block; } .wide_classify .wide_classify_right .wide_classify_right_tabchc a { display:block; width:206px; height:22px; line-height:22px; overflow:hidden; } .wide_brand { width:1190px; height:111px; background-color:#e9e9e9; margin:0 auto; position:relative; overflow:hidden; margin-bottom:40px; } .wide_brand .wide_brand_item { width:99px; height:46px; padding:4px; margin:1px 0px 0px 1px; float:left; background-color:#fff; } .wide_brand .wide_brand_item_selected { background-color:#f4f4f4; } .wide_brand_item .wide_brand_img { width:99px; height:46px; background:url(../image/brand.jpg) no-repeat; display:inline-block; cursor:pointer; } .wide_brand_item .img1 { background-position:0px 0px; } .wide_brand_item .img2 { background-position:0px -46px; } .wide_brand_item .img3 { background-position:0px -92px; } .wide_brand_item .img4 { background-position:0px -138px; } .wide_brand_item .img5 { background-position:0px -184px; } .wide_brand_item .img6 { background-position:0px -230px; } .wide_brand_item .img7 { background-position:0px -276px; } .wide_brand_item .img8 { background-position:0px -322px; } .wide_brand_item .img9 { background-position:0px -368px; } .wide_brand_item .img10 { background-position:0px -414px; } .wide_brand_item .img11 { background-position:0px -460px; } .wide_brand_item .img12 { background-position:0px -506px; } .wide_brand_item .img13 { background-position:0px -552px; } .wide_brand_item .img14 { background-position:0px -598px; } .wide_brand_item .img15 { background-position:0px -644px; } .wide_brand_item .img16 { background-position:0px -690px; } .wide_brand_item .img17 { background-position:0px -736px; } .wide_brand_item .img18 { background-position:0px -782px; } .wide_brand_item .img19 { background-position:0px -828px; } .wide_brand_item .img20 { background-position:0px -874px; } .wide_brand_item .img21 { background-position:0px -920px; } .wide_brand_item .img22 { background-position:0px -966px; } .wide_f_main { width:1190px; height:750px; margin:0 auto 40px; position:relative; } .wide_f_main .wide_f_tit { height:27px; line-height:27px; overflow: hidden;} .wide_f_main .wide_f_tit1 { border-bottom:3px solid #72b7fc; } .wide_f_main .wide_f_tit2 { border-bottom:3px solid #fd81b3; } .wide_f_main .wide_f_tit3 { border-bottom:3px solid #00cccc; } .wide_f_main .wide_f_tit4 { border-bottom:3px solid #666666; } .wide_f_main .wide_f_tit .wide_title { width:210px; font-size:19px; line-height:22px; } .wide_f_main .wide_f_tit .wide_title span { margin-right:12px; } .wide_f_main .wide_f_tit1 .wide_title { color:#72b7fc; } .wide_f_main .wide_f_tit2 .wide_title { color:#fd81b3; } .wide_f_main .wide_f_tit3 .wide_title { color:#00cccc; } .wide_f_main .wide_f_tit4 .wide_title { color:#666666; } .wide_f_main .wide_f_tit .wide_delicacy, .wide_f_main .wide_f_tit .wide_hot { width:490px; color:#666666; overflow:hidden; } .wide_f_main .wide_f_tit .wide_delicacy span, .wide_f_main .wide_f_tit .wide_hot span { color:#cccccc; } .wide_f_main .wide_f_tit .wide_delicacy a, .wide_f_main .wide_f_tit .wide_hot a { color:#666666; padding:0px 4px 0px 4px; } .wide_f_main .wide_f_tit .wide_delicacy a:hover, .wide_f_main .wide_f_tit .wide_hot a:hover { color:#ff6600; } .wide_f_main .wide_f_tit .wide_hot { width:440px; } .wide_f_main .wide_f_tit .wide_more { position:absolute; right:0px; top:0px; } .wide_f_main .wide_f_tit .wide_more a { width:40px; height:27px; line-height:27px; position:relative; color:#666666; display:block; } .wide_f_main .wide_f_tit .wide_more a:hover { color:#ff6600; } .wide_f_main .wide_f_tit .wide_more i { width:13px; height:13px; background-position:0px -727px; display:inline-block; position:absolute; top:7px; right:0px; } .wide_f_main .wide_f_left { float:left; width:210px; height:720px; overflow:hidden; } .wide_f_main .wide_f_left .wide_f_ban { width:210px; height:360px; } .wide_f_main .wide_f_left .wide_f_hot { width:208px; height:358px; background-color:#f7f7f7; border:1px solid #e9e9e9; position:absolute; left:0px; bottom:0px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_tit { height:50px; line-height:50px; color:#333333; font-size:16px; text-align:center; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul { width:190px; height:308px; padding:0px 0px 0px 9px; overflow:hidden; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li { width:190px; height:88px; margin-bottom:14px; position:relative; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li a label { cursor:pointer; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_img { width:68px; height:68px; overflow:hidden; border:1px soild #e9e9e9; position:absolute; left:0px; top:18px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_img img { width:68px; height:68px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_name { height:32px; overflow:hidden; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_name, .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_price { width:108px; padding:0px 3px 0px 9px; font-size:12px; line-height:16px; color:#666; position:absolute; right:0px; top:18px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_name:hover { color:#ff6600; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_price { color:#ff6600; top:50px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_price span { margin-left:20px; color:#999999; text-decoration:line-through; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_corner1, .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_corner2, .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_corner3 { background:url(../image/f_hot_bg.png) no-repeat; width:190px; height:33px; position:absolute; top:0px; left:0px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_corner1 { background-position:0px 0px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_corner2 { background-position:0px -33px; } .wide_f_main .wide_f_left .wide_f_hot .wide_f_hot_ul li .wide_f_hot_corner3 { background-position:0px -66px; } .wide_f_main .wide_f_right { width:979px; height:719px; background-color:#e9e9e9; border:1px solid #e9e9e9; border-width:0px 0px 1px 0px; overflow:hidden; position:absolute; right:0px; bottom:0px; } .wide_f_main .wide_f_right .wide_f_item { width:223px; height:228px; margin:1px 1px 0px 0px; padding:10px 10px 0px 10px; background-color:#fff; float:left; overflow:hidden; position:relative; } .wide_f_main .wide_f_right .wide_f_item .wide_f_item_img { display:inline; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .wide_f_main .wide_f_right .wide_f_item .wide_f_item_img:hover { margin-left:-5px; } .wide_f_main .wide_f_right .wide_f_item .wide_f_item_price { display:block; color:#ff6600; font-size:16px; height:24px; line-height:24px; position:absolute; top:170px; left:10px; } .wide_f_main .wide_f_right .wide_f_item .wide_f_item_sales, .wide_f_main .wide_f_right .wide_f_item .wide_f_item_name { color:#666666; font-size:12px; height:16px; line-height:16px; position:absolute; top:194px; left:10px; } .wide_f_main .wide_f_right .wide_f_item .wide_f_item_name:hover { color:#ff6600; cursor:pointer; } .wide_f_main .wide_f_right .wide_f_item .wide_f_item_sales { color:#333333; top:210px; } .wide_f_main .wide_f_tit4 .wide_delicacy { width:590px; } .wide_f_main .wide_4f_up { height:243px; width:1190px; margin:0 auto; margin-bottom:5px; position:relative; } .wide_f_main .wide_4f_up .wide_4f_ban { width:710px; height:243px; overflow:hidden; margin-right:6px; } .wide_f_main .wide_4f_up .wide_4f_img { width:233px; height:243px; margin-right:6px; overflow:hidden; } .wide_f_main .wide_4f_up .wide_4f_img img { width:233px; height:243px; } .wide_f_main .wide_4f_up .wide_4f_class { width:193px; height:242px; border:1px solid #e9e9e9; border-width:0px 1px 1px 1px; position:absolute; top:0px; right:0px; padding:0px 20px 0px 20px; } .wide_f_main .wide_4f_up .wide_4f_class .wide_4f_classify_top { width:193px; height:27px; line-height:27px; border-bottom:1px solid #e9e9e9; color:#333333; margin-bottom:10px; } .wide_f_main .wide_4f_up .wide_4f_class .wide_4f_classify_tit { line-height:20px; color:#333333; } .wide_f_main .wide_4f_up .wide_4f_class .wide_4f_classify_item { display:inline-block; } .wide_f_main .wide_4f_up .wide_4f_class .wide_4f_classify_item li { width:62px; height:18px; line-height:18px; background-color:#94c51b; color:#fff; margin:2px; margin-left:0px; float:left; text-align:center; cursor:pointer; } .wide_f_main .wide_4f_up .wide_4f_class .wide_4f_classify_item li a { width:100%; height:100%; color:#fff; } .wide_f_main .wide_4f_cont { width:1190px; height:501px; background-color:#e9e9e9; } .wide_f_main .wide_4f_cont ul li { width:288px; height:241px; margin:1px 0px 0px 1px; padding:4px; _padding:2px 4px 3px 2px; background-color:#fff; float:left; position:relative; } .wide_f_main .wide_4f_cont .wide_4f_li_img { transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .wide_f_main .wide_4f_cont .wide_4f_li_img:hover { margin-left:-4px; } .wide_f_main .wide_4f_cont .wide_4f_li_sales, .wide_f_main .wide_4f_cont .wide_4f_li_name, .wide_f_main .wide_4f_cont .wide_4f_li_price { position:absolute; left:4px; text-align:center; width:288px; } .wide_f_main .wide_4f_cont .wide_4f_li_sales { color:#333333; top:30px; } .wide_f_main .wide_4f_cont .wide_4f_li_name { color:#666666; top:190px; } .wide_f_main .wide_4f_cont .wide_4f_li_name:hover { color:#f60; } .wide_f_main .wide_4f_cont .wide_4f_li_price { color:#ff6600; font-size:16px; top:210px; } .index_shop { width:1190px; height:364px; margin:0 auto 30px; position:relative; } .index_shop ol.tab { width:1190px; height:28px; color:#FFF; border-bottom:3px solid #94c51b; float:left; background-color:#e9e9e9; } .index_shop ol.tab li { width:100px; height:27px; line-height:27px; text-align:center; margin:1px 0px 0px 1px; background:#ffffff; color:#666666; font-size:14px; font-weight:bold; float:left; cursor:default; } .index_shop ol.tab .on { background:#94c51b; color:#fff; height:28px; margin:0px; } .index_shop ol.tab .shop_li_div { width:583px; height:27px; background-color:#fff; position:absolute; top:1px; right:1px; } .index_shop ul.tit { height:60px; background:#FFF; } .index_shop ul.tit li { width:1188px; height:60px; float:left; display:none; border-style:solid; border-color:#e9e9e9; border-width:0px 1px; } .index_shop ul.tit li .shopinfo { width:680px; float:left; color:#666666; line-height:20px; text-indent:2em; margin:10px 0 0 14px; } .shopService { width:278px; height:30px; border-left:1px solid #f1f1f1; float:right; margin:15px 0px; padding-left:16px; position:relative; } .shopService a { display:block; width:24px; height:24px; float:left; margin:3px 5px 3px 0px; cursor:default; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; background:#94c51b url(../image/serviceIcon.png) no-repeat; } .shopService a.flagshipStore { background-position:-2px -2px; } .shopService a.o2oStore { background-position:-2px -30px; } .shopService a.optometry { background-position:-2px -58px; } .shopService a.correct { background-position:-2px -86px; } .shopService a.customization { background-position:-2px -114px; } .shopService a.onlineArea { background-position:-2px -142px; } .shopService a.StoreEvent { background-position:-2px -170px; } .shopService a.metroStation { background-position:-2px -198px; } .shopService #tooltip { height:18px; line-height:18px; text-align:center; background-color:#fff; border:1px solid #e9e9e9; color:#999999; font-size:12px; position:absolute; display:block; padding:0px 5px 0px 5px; } .shopService #tooltop_sj { width:7px; height:4px; background:url(../image/tubiao.png) no-repeat; background-position:-78px -924px; margin-top:-4px; } .index_shop .left { width:169px; height:273px; position:absolute; left:0px; bottom:0px; } .index_shop .left li { height:137px; cursor:default; background:url(../image/left_bg_all.png); } .index_shop .left li.info { background-position:0px -273px; } .index_shop .left li.info_on { background-position:0px top; } .index_shop .left li.map { background-position:0px -136px; } .index_shop .left li.map_on { background-position:0px bottom; } .index_shop .right { width:1020px; height:272px; position:absolute; right:0px; top:91px; border:1px solid #e9e9e9; border-width:1px 1px 1px 0px; } .index_shop .changeBox_a1, .index_shop .storeMap { width:723px; height:272px; overflow:hidden; } .storeMap .changeBox_overflow, .changeBox_a1 .changeBox_overflow { width:703px; height:250px; margin:10px 0px 0px 10px; overflow:hidden; position:relative; } .changeBox_a1 ul { height:250px; position:absolute; overflow:hidden; } .changeBox_a1 img { float:left; width:703px; height:251px; } .index_shop .right .infoBox { width:297px; height:272px; border-left:1px solid #e9e9e9; position:absolute; right:0px; top:0px; } .index_shop .infoBox .infoUl { width:240px; margin:25px 20px 0 20px; padding-bottom:10px; border-bottom:1px solid #e0e0e0; } .index_shop .infoBox .serviceUl { width:240px; margin:0 20px 25px 20px; padding-top:10px; border-top:1px solid #fff; } .index_shop .infoBox li { display:block; padding:0 0 0 30px; margin:5px 0; line-height:18px; color:#666666; background:url(../image/serviceIcon.png) no-repeat; } .index_shop .infoBox li.serviceTime { background-position:-2px -229px; } .index_shop .infoBox li.storeAdd { background-position:-2px -257px; } .index_shop .infoBox li.storeTel { background-position:-2px -313px; } .index_shop .infoBox li.trafficGuide { background-position:-2px -369px; } .index_shop .infoBox li.flagshipStore { background-position:-28px -5px; } .index_shop .infoBox li.o2oStore { background-position:-28px -33px; } .index_shop .infoBox li.optometry { background-position:-28px -61px; } .index_shop .infoBox li.correct { background-position:-28px -89px; } .index_shop .infoBox li.customization { background-position:-28px -117px; } .index_shop .infoBox li.onlineArea { background-position:-28px -145px; } .index_shop .infoBox li.StoreEvent { background-position:-28px -173px; } .index_shop .infoBox li.metroStation { background-position:-28px -201px; } .in-last-f { width:1190px; height:238px; margin:0px auto; position:relative; } .inlaf-left, .inlaf-middle, .inlaf-right { border:1px solid #ddd; border-top:3px solid #94c51b; border-style:solid; position:absolute; height:230px; } .inlaf-left { width:210px; left:0px; } .inlaf-middle { width:326px; left:220px; overflow:hidden; } .inlaf-right { width:298px; right:0px; } .inlaf-tis { height:35px; color:#666; } .inlaf-tis li, .inlaf-tis .active { display:block; width:105px; height:28px; line-height:28px; float:left; text-align:center; cursor:pointer; background-color:#94c51b; } .inlaf-tis #le1 a, .inlaf-tis #le2 a { color:#fff; font-size:14px; font-weight:bold; } .inlaf-tis .active { background:#fff; border:0px; } .inlaf-tis #le1.active a, .inlaf-tis #le2.active a { color:#666666; } .inlaf-l-nm { width:210px; height:192px; margin-top:5px; color:#999; overflow:hidden; } .inlaf-l-nm li { height:20px; line-height:20px; overflow: hidden; padding-left:20px; background:url(../image/bg-home-02g.jpg) no-repeat 6px 4px; } .inlaf-l-nm li a { color:#666; } .inlaf-l-nm li a:hover { color:#f60; } .inlaf-l-n { display:none; } .active2 { display:block; } .inlaf-tit { margin-bottom:0px; height:28px; line-height:28px; border:0px; border-bottom:1px solid #ddd; } .inlaf-tit li { padding:0px 15px; float:left; font-weight:bold; } .inlaf-tit, .inlaf-tit li, .inlaf-right .tit-r li { color:#666; font-weight:bold; font-size:14px; } .inlaf-tit a { color:#666; font-weight:100; font-size:14px; } .inlaf-tit a:hover { color:#ff6600; } .inlaf-right .tit-r li { font-weight:bold; } .inlaf-m-main li { display:block; width:310px; height:100px; float:left; position:relative; margin-left:8px; border:0px; border-bottom:1px; border-style:dashed; border-color:#ddd; } #remarkHead1, #remarkHead2 { display:none; } .inlaf-m-main div { position:absolute; } .inlaf-m-main .z-01 { left:0px; top:15px; } .inlaf-m-main .z-02 { left:80px; top:12px; } .inlaf-m-main .z-03 { left:80px; top:31px; } .inlaf-m-main .z-04 { left:230px; top:31px; color:#666; } .inlaf-m-main .z-05 { left:80px; top:50px; _top:50px; } .inlaf-m-main .z-01 a { border:1px solid #D4D4D4; display:block; } .inlaf-m-main .z-01 img { width:68px; height:68px; overflow:hidden; } .inlaf-m-main .z-02 { width:235px; height:14px; overflow:hidden; } .inlaf-m-main .z-02 a { color:#6d9d03; } .inlaf-m-main .z-02 a:hover { color:#FF6600; } .inlaf-m-main .z-03 i { width:84px; height:15px; overflow:hidden; float:left; margin-right:5px; } .inlaf-m-main .z-03 .star1 { background-position:-367px -119px; } .inlaf-m-main .z-03 .star2 { background-position:-367px -103px; } .inlaf-m-main .z-03 .star3 { background-position:-367px -87px; } .inlaf-m-main .z-03 .star4 { background-position:-367px -71px; } .inlaf-m-main .z-03 .star5 { background-position:-367px -55px; } .inlaf-m-main .z-04 span { color:#ff6600; } .inlaf-m-main .z-05 { display:block; width:235px; height:36px; overflow:hidden; line-height:18px; } .inlaf-m-main .z-05 span { margin-right:6px; color:#666666; } .inlaf-m-main .z-05 samp { color:#000; } .inlaf-m-main .z-05 samp:hover { color:#FF6600; } #TabCon1, #TabCon2 { width:298px; height:151px; } #TabCon2 { display:none; } .xixi1, .xixi2 { width:298px; height:50px; float:left; background:url(../image/gzbtg.jpg); } .xixi2 { background-position:0px -50px; } .tab1, .tab2 { width:148px; height:50px; display:block; float:left; cursor:pointer; } .wide_infcp { position:relative; } .wide_infcp ul { position:absolute; } .wide_infcp ul li { float:left; } .wide_infcp .infcptop { width:10000px; } .wide_infcp .infcp_baniu { bottom:12px; } .wide_infcp .infcp_baniu li { float:left; display:block; width:40px; height:5px; background:#666; margin-right:2px; cursor:pointer; overflow:hidden; } .wide_infcp .infcp_baniu li.changebg { background:#90C221; } .infcp_top { width:218px; height:318px; overflow:hidden; } .infcp_top .infcp_baniu { left:67px; } .infcp_f_left { width:210px; height:360px; overflow:hidden; } .infcp_f_left .infcp_baniu { left:63px; } .infcp_f_cont { width:490px; height:238px; } .infcp_f_cont .infcp_baniu { left:203px; } .infcp_4f_ban { width:710px; height:243px; overflow:hidden; } .infcp_4f_ban .infcp_baniu { left:313px; }