@charset "utf-8"; /**************************************************************************************** * **** *** *********** *** *** * * *** * **** *********** *** *** * * *** * * *** *** *** *** * * *** * * *** *** *************** * * *** * * *** ********* *************** * * *** ** *** ********* *** *** * * *** ** *** *** *** *** * * *** ** *** *** *** *** * ****************************************************************************************/ /** * date:2012-08-21; * 整站全局样式 * 非必要的情况下,严禁修改该样式 * 在改版过程中,逐步完善,新版统一使用这个样式 * 主要包括的组件有: * 1、全部reset * 2、全部页眉样式 * 3、全站页尾样式 * 4、飘浮的边栏 * 5、loading组件 * site:www.mfhui.com; * version:v3.0; */ /** * 默认的字体颜色为:#646464 * 默认的链接颜色为:#646464 * 默认的hover颜色为:#fd6965 */ /**************************************************************************************** * 全部reset框架 * ****************************************************************************************/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, select, th, td { margin:0px; padding:0px; } body, button, input, select, textarea { font:12px/1.5 Arial, Tahoma, sans-serif; } html, body{ background:#ffffff; color:#646464; _overflow-x:hidden; _background:url(http://web.archive.org/web/20160205034319im_/about:blank) fixed; } h1 ,h2, h3, h4, h5, h6 { font-size:100%; } ul, ol { list-style:none; } a { text-decoration:none; color:#646464; } a:hover { text-decoration:underline; color:#fd6965; } fieldset, img { border:none; vertical-align:top; } legend { display:none; } table { border-collapse:collapse; border-spacing:0px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display:block; margin:0px; padding:0px; } /* 清除浮动 */ .clear{ clear:both; display:block; } .clearfix:after{ clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .clearfix { zoom:1; } /**************************************************************************************** * 首页默认布局 * ****************************************************************************************/ .main_header { position:relative; z-index:20; zoom:1; } .main_area { width:980px; padding:0px; margin:0px auto; background:#ffffff; } .main_footers { width:980px; padding:0px 0px 10px 0px; margin:0px auto; background:#ffffff; } /**************************************************************************************** * 全站通用头部 * ****************************************************************************************/ /* 头部公用背景图片 */ .header_bar, .top_bar_extra, .top_bar, .top_bar .qq_online, .top_bar .qq_not_online, .top_bar .qq_email, .helper_guide .icon, .main_nav_list .nav_skin, .main_nav_list .nav_magic, .top_bar .icon_link b, .top_search_mod .btn_submit, .tags_item .icon, .mini_cart .cart_icon, .main_header .num_tip, .mini_cart_info .btn_act, .mini_cart_info .hd_icon { background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_header_v3.png) no-repeat; } /* 顶部工具栏 */ .top_bar { height:33px; background-color:#f4f4f4; background-image:none; color:#aaaaaa; } .top_bar a { color:#aaaaaa; } .top_bar a:hover { color:#fd6965; } .top_bar .inner { position:relative; width:980px; height:33px; margin:0px auto; } .top_bar_links, .have-logined { height:23px; padding:5px 0px; line-height:23px; } .top_bar_links { float:left; } .top_bar_links a { position:relative; display:inline-block; padding:0px 10px 0px 26px; zoom:1; } .top_bar_links .collect_site { padding:0px 10px 0px 0px; } .top_bar_links .icon_link b { position:absolute; top:4px; left:6px; width:15px; height:15px; } .top_bar_links .icon_link .qzone { background-position:-23px -39px; } .top_bar_links .icon_link .mfhui { background-position:-74px -39px; } .top_bar_links .icon_link .tqq { background-position:-58px -39px; } .top_bar_links .icon_link .sina { background-position:-40px -39px; } .have-logined { text-align:right; padding-right:170px; overflow:hidden; zoom:1; } .have-logined a { display:inline-block; margin:0px 10px; } .top_bar .qq_online_status, .top_bar .qq_email { position:absolute; top:5px; width:80px; height:23px; text-indent:-999px; overflow:hidden; } .top_bar .qq_online_status { right:87px; } .top_bar .qq_online { background-position:-212px 0px; } .top_bar .qq_not_online { background-position:-212px -24px; } .top_bar .qq_email { right:0px; background-position:-131px 0px; } .header_bar { position:relative; z-index:10; height:72px; background-repeat:repeat-x; background-position:0px -139px; } .header_bar .inner { position:relative; z-index:30; width:980px; height:72px; margin:0px auto; } /* logo */ .header_bar .logo { float:left; margin-top:14px; padding-right:14px; } .header_bar .logo a { display:block; width:145px; height:45px; } /* 帮助引导 */ .helper_guide { position:absolute; top:16px; left:170px; height:38px; padding:2px 0px; overflow:hidden; } .helper_guide .item { float:left; padding:0px 8px; border-right:1px solid #e9e7db; } .helper_guide .item_1 a { display:block; width:84px; height:33px; } .helper_guide .item_2 a { display:block; width:100px; height:33px; } .helper_guide .item_3 a { display:block; width:110px; height:33px; } .helper_guide a, .helper_guide a:hover { color:#646464; text-decoration:none; } .helper_guide .icon { float:left; width:28px; height:33px; } .helper_guide .txt { float:left; padding:3px 0px 0px 4px; line-height:1.3; text-align:center; } .helper_guide strong { display:block; font-family:"\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; } .helper_guide em { font-size:11px; color:#d6d3cc; font-style:normal; } .helper_guide .item_1 .icon { background-position:0px 0px; } .helper_guide .item_2 .icon { background-position:-45px 0px; } .helper_guide .item_3 .icon { background-position:-93px 0px; } .helper_guide .item_3 { border-right:none; } /* 联系 */ .helper_contact_info { position:absolute; top:16px; right:10px; text-align:right; } .helper_contact_info .telphone { display:block; font:700 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#fd6965; } .helper_contact_info .time { color:#999999; } /* 主导航 */ .main_nav { position:relative; z-index:25; background:#564537; border-bottom:1px solid #dedede; } .main_nav .inner { position:relative; z-index:25; width:980px; height:32px; margin:0px auto; } .main_nav_list { float:left; } .main_nav_list .item { position:relative; z-index:25; float:left; zoom:1; margin-right:-2px; } .main_nav_list .current { z-index:26; } .main_nav_list .current .nav_link { background:#fd6965; z-index:26; font-weight:700; } .main_nav_list .item:hover { z-index:27; } .main_nav_list .nav_link { display:inline-block; padding:0px 16px; color:#ffffff; line-height:32px; font-size:14px; } .main_nav_list .nav_link:hover { background:#814a3f; text-decoration:none; color:#ffffff; } .main_nav_list .nav_home .nav_link, .main_nav_list .nav_magic .nav_link, .main_nav_list .nav_credit .nav_link, .main_nav_list .nav_brands .nav_link { padding:0px 16px; } .main_nav_list .nav_skin, .main_nav_list .nav_magic { background-position:-299px -39px; } .main_nav_list .nav_current { background:#814a3f; } /* 二级导航 */ .sub_nav { position:absolute; top:32px; left:0px; display:none; width:260px; padding-top:8px; background:#ffffff; border:1px solid #c7c7c7; border-top:none; -webkit-box-shadow:10px 10px 15px rgba( 0, 0, 0, .2); -moz-box-shadow:10px 10px 15px rgba( 0, 0, 0, .2); box-shadow:10px 10px 15px rgba( 0, 0, 0, .2); } .sub_nav a { display:inline-block; padding:2px 4px; margin:2px 3px; } .sub_nav a:hover { background-color:#fd6965; text-decoration:none; color:#ffffff; } .suv_nav_recom { margin-top:8px; border-top:1px solid #ebebeb; } .suv_nav_recom .pic { padding:0px; margin:0px; } .suv_nav_recom .pic:hover { background-color:none; } /* 导航当中的迷你购物车、个人信息 */ .mini_info, .mini_cart { float:right; position:relative; width:134px; z-index:25; text-align:left; } .mini_cart_dropdown .tit { position:relative; display:block; height:32px; padding:0px 10px 0px 32px; font:400 14px/32px Arial; color:#ffffff; } .mini_cart_dropdown .tit:hover { color:#ffffff; } .mini_cart .cart_icon { position:absolute; top:7px; left:5px; width:23px; height:19px; background-position:-161px -39px; } .mini_cart_dropdown_ex .tit, .mini_cart_dropdown .tit:hover { background-color:#814a3f; text-decoration:none; } .mini_cart_dropdown .tit .arrow { position:absolute; top:13px; right:6px; width:0px; height:0px; border-width:4px; border-style:solid; border-color:#564537 #564537 #564537 #ffffff; font-size:0px; overflow:hidden; } .mini_cart_dropdown_ex .tit .arrow, .mini_cart_dropdown .tit:hover .arrow { top:15px; border-color:#ffffff #814a3f #814a3f #814a3f; } .mini_info { width:122px; } .mini_info .tit { padding:0px 20px; } .mini_info .tit .arrow { right:18px; } .main_header .num_tip { position:absolute; z-index:100; left:20px; top:-10px; width:18px; height:16px; padding-bottom:3px; background-position:-142px -39px; text-align:center; font-weight:700; line-height:16px; color:#ffffff; cursor:pointer; } /* 没有登录的情况下 */ .cart_dropdown_info .no_login_info { padding:10px; height:24px; background:#f4f4f4; line-height:24px; } .cart_dropdown_info .no_login_info .tips { float:left; color:#999999; } .cart_dropdown_info .no_login_info .act { float:right; width:52px; height:24px; background:#fb6a65; font:700 14px/24px Arial; color:#ffffff; text-align:center; border-radius:3px; } .cart_dropdown_info .no_login_info .act:hover { background:#fb7e7a; text-decoration:none; } .cart_dropdown_info .no_goods_tips { padding:80px 0px; border:none; text-align:center; } /* 迷你购物车的弹出层 */ .cart_dropdown_info { position:absolute; top:32px; right:0px; display:none; width:340px; background:#ffffff; border:1px solid #c7c7c7; border-top:none; box-shadow:10px 10px 15px rgba(0,0,0,.1); } .cart_dropdown_info .hd { height:20px; padding:5px 10px; background:#f4f4f4; line-height:20px; } .cart_dropdown_info .hd_t { float:left; } .cart_dropdown_info .hd_extra { float:right; color:#999999; } .cart_dropdown_info .bd { max-height:332px; } .cart_dropdown_info .ft { padding:5px 10px; background:#f4f4f4; line-height:20px; } .cart_dropdown_info .num, .cart_dropdown_info .amount { padding:0px 2px; color:#fb6a65; } .cart_dropdown_info .amount { font-size:14px; vertical-align:-1px; } .cart_dropdown_info .ui_loading { padding:80px 0px; border:none; } /* 个人信息列表 */ .mini_pers_info .bd { width:340px; padding:10px 0px; overflow:hidden; } .mini_info_list { width:342px; color:#666666; overflow:hidden; } .mini_info_list li { float:left; width:146px; padding:0px 12px; margin-bottom:-1px; border-right:1px dotted #c7c7c7; } .mini_info_list .n { display:block; padding:8px 0px; border-bottom:1px dotted #c7c7c7; } .mini_info_list .n span, .mini_info_list .n:hover span { color:#fb6a65; font-weight:700; } .mini_pers_info .tip { display:none; padding:0px 14px; text-align:right; color:#999999; } /* 购物车列表 */ .mini_cart_info .hd_icon { display:inline-block; width:16px; height:12px; margin-right:6px; background-position:-189px -39px; vertical-align:-2px; } .mini_cart_info .extra_price { color:#fd6965; } .mini_cart_info .free { color:#fd6965; } .mini_cart_info .bd { _height:332px; overflow-y:auto; zoom:1; } .mini_shopping_cart { table-layout:fixed; min-width:90%; margin:0px auto; border-collapse:collapse; } .mini_shopping_cart td { padding:10px 5px; border-bottom:1px dotted #c7c7c7; } .mini_shopping_cart .pic { float:left; margin-right:8px; _margin-right:5px; } .mini_shopping_cart .pic img { border:1px solid #efefef; vertical-align:top; } .mini_shopping_cart .col_price { width:80px; } .mini_shopping_cart .price { color:#fb6a65; } .mini_shopping_cart .operate { width:30px; text-align:center; } .mini_shopping_cart .promotional_txt { padding-top:2px; } .mini_cart_info .total_amount { padding:10px 10px 5px 10px; text-align:right; } .mini_cart_info .btn_act { display:block; width:81px; height:32px; padding-right:26px; margin:5px 0px 0px 213px; background-color:#fd6965; background-position:0px -106px; text-align:center; font:700 14px/32px Arial; color:#ffffff; } .mini_cart_info .btn_act:hover { background-position:-108px -106px; text-decoration:none; color:#ffffff; } /** * 头部扩展栏 */ .header_extra { clear:both; width:100%; background:#fafafa; border-bottom:1px solid #f3f3f3; } .header_extra .inner { position:relative; z-index:20; width:980px; height:38px; margin:0px auto; background:#fafafa; } .header_extra .ui_mask_b { position:static; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:0px; background:none; border-top:1px solid #dedede; border-bottom:1px solid #ebebeb; } /* 搜索栏 */ .top_search_mod { float:left; width:700px; height:26px; padding:6px 0px; } .top_search_mod form { float:left; height:24px; border:1px solid #d1d1d1; overflow:hidden; width:228px; } .top_search_mod .fieldset legend { display:none; } .top_search_mod .input_txt, .top_search_mod .btn_submit { float:left; height:24px; border:0px none; } .top_search_mod .input_txt { width:198px; height:14px; padding:5px 4px; background:#ffffff; overflow:hidden; color:#999999; line-height:14px; outline:none; -webkit-transition:width .2s linear; -moz-transition:width .2s linear; -ms-transition:width .2s linear; transition:width .2s linear; } .top_search_mod .btn_submit { width:22px; background-position:0px -39px; text-indent:-999px; overflow:hidden; cursor:pointer; } .hot_keywords { padding-left:20px; line-height:26px; overflow:hidden; zoom:1; } .hot_keywords a { display:inline-block; padding:0px 4px; margin-right:4px; } /* 按某种分类查找 */ .category_tags { float:right; height:26px; width:265px; padding:6px 0px; } .tags_item { position:relative; z-index:10; float:left; display:inline; width:72px; height:26px; margin-left:16px; background:#ffffff; zoom:1; } .tags_item .tit { position:absolute; z-index:9; top:0px; left:0px; width:59px; padding:0px 5px; border:1px solid #dedede; font-weight:400; line-height:24px; cursor:pointer; } .tags_current .tit { border-bottom-color:#ffffff; } .tags_item .icon { position:absolute; top:0px; right:0px; width:10px; height:10px; padding:10px 5px 4px 5px; background-color:#fafafa; background-position:-109px -39px; border:1px solid #dedede; } .tags_item .arrow { display:block; width:0px; height:0px; border-width:5px; border-style:solid; border-color:#a5a5a5 #f3f3f3 #f3f3f3 #f3f3f3; font:0/0 sans-serif; overflow:hidden; } .tags_nav { position:absolute; z-index:8; top:25px; right:0px; display:none; width:230px; padding:8px; background:#ffffff; border:1px solid #dedede; -webkit-box-shadow:10px 10px 15px rgba( 0, 0, 0, .1); -moz-box-shadow:10px 10px 15px rgba( 0, 0, 0, .1); box-shadow:10px 10px 15px rgba( 0, 0, 0, .1); } .tags_nav a { display:inline-block; padding:2px 5px; margin:2px 5px; } .tags_nav a:hover { background:#fd6965; text-decoration:none; color:#ffffff; } .tags_nav_0 { left:0px; } .tags_nav_1 { left:-88px; } .tags_nav_2 { right:0px; } /** * 扩展信息提示栏 */ .top_bar_extra { display:none; background-color:#f4f4f4; background-image:none; color:#aaaaaa; } .top_bar_extra .inner { position:relative; width:980px; height:33px; margin:0px auto; line-height:33px; } .top_bar_extra .site_info { float:left; } .top_bar_extra .my_info { float:right; } .top_bar_extra a, .top_bar_extra a:hover, .top_bar_extra .num { color:#fd6965; } /**************************************************************************************** * 全部通用主体区域 * ****************************************************************************************/ /* 品牌专区 */ .slide_brand_area { position:relative; z-index:1; width:980px; padding-bottom:10px; overflow:hidden; zoom:1; } .slide_brand_area .mod_hd { height:32px; border-bottom:1px solid #dedede; } .slide_brand_area .hd_t { position:relative; width:80px; padding:8px 0px; margin-bottom:-1px; border-bottom:1px solid #fd6965; font:700 16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#fd6965; } .slide_brand_area .hd_t a, .slide_brand_area .hd_t a:hover { text-decoration:none; color:#646464; } .slide_brand_area .mod_bd { padding:10px 35px; *width:980px; *overflow:hidden; } .slide_brand_area .mod_more { position:absolute; top:4px; right:0px; line-height:24px; color:#bbbbbb; } .slide_brand_area .mod_more a { display:inline-block; padding:0px 4px; margin:0px 6px; color:#646464; } .slide_brand_area .mod_more a:hover { color:#fd6965; } .slide_brand_area .control { position:absolute; top:44px; width:16px; height:60px; background:#ffffff; font:700 12px/60px "\5B8B\4F53"; text-align:center; overflow:hidden; } .slide_brand_area .control:hover { background:#fb6a65; text-decoration:none; color:#ffffff; } .slide_brand_area .prev { left:0px; } .slide_brand_area .next { right:0px; } .slide_brand_mod { position:relative; width:910px; height:62px; overflow:hidden; zoom:1; } .slide_brand_list { position:absolute; top:0px; height:60px; padding:1px 0px; } .slide_brand_list .item { float:left; width:101px; padding:8px 0px; text-align:center; } .slide_brand_list .pic { display:inline-block; height:40px; border:2px solid #ffffff; } .slide_brand_list .pic:hover { border-color:#fd6965; } .slide_brand_list .img { height:40px; vertical-align:top; } /**************************************************************************************** * 全部通用尾部 * ****************************************************************************************/ .service_guide_list .icon, .float_menu .hd, .float_menu_list a { background-image:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_footer_v3.png); background-repeat:no-repeat; } /* 底部的帮助分类 */ .helper_category { padding:10px; border-top:1px solid #dedede; zoom:1; } .helper_category:after { clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .helper_item { float:left; width:192px; } .helper_about_us { width:242px; } .helper_shopping_guide { width:202px; } .helper_sales_service { width:222px; } .helper_pay_type { width:192px; } .helper_links { width:102px; } .helper_item .hd_t { padding:4px 0px 8px 0px; font:700 12px/1.5 "\5B8B\4F53"; color:#646464; } .helper_item .helper_list { line-height:2; } .helper_item .helper_list a, .helper_item .helper_list a:hover { color:#999999; } /* 网站底部icon */ .service_guide { padding:20px 10px; border-top:1px solid #dedede; zoom:1; } .service_guide_list { height:32px; line-height:1.4; } .service_guide_list .item { position:relative; float:left; width:124px; height:32px; padding-left:36px; } .service_guide_list .icon { position:absolute; top:0px; left:0px; width:30px; height:32px; background-color:#fd6965; } .service_guide_list .item_1 .icon { background-position:0px 0px; } .service_guide_list .item_2 .icon { background-position:-30px 0px; } .service_guide_list .item_3 { width:134px; } .service_guide_list .item_3 .icon { background-position:-60px 0px; } .service_guide_list .item_4 { width:134px; } .service_guide_list .item_4 .icon { background-position:-90px 0px; } .service_guide_list .item_5 .icon { background-position:-120px 0px; } .service_guide_list .item_6 { width:104px; } .service_guide_list .item_6 .icon { background-position:-150px 0px; } .service_guide_list a { text-decoration:none; } .service_guide_list strong { display:block; } .service_guide_list em { font-style:normal; color:#999999; } .service_guide_list a em, .service_guide_list a:hover em { color:#999999; } /* 版权声明 */ .copyright { padding:10px 0px; text-align:center; } .copyright span { padding:0px 6px; } /** * 正在加载的ui模块 */ .ui_loading { text-align:center; } .ui_loading span { display:inline-block; height:20px; padding-left:26px; background:url(/web/20160205034319im_/http://mfhui.com/resources/img/loading.gif) no-repeat left center; line-height:20px; color:#646464; } /** * 固定在顶 * 直接抛弃IE6 */ .ui_fixed { position:fixed!important; top:0px; z-index:200; width:100%; _position:static; } /* 飘浮的导航条 */ .float_menu { position:fixed; bottom:-6px; right:10px; width:44px; _position:absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight - 0 ) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight - 0 )); } .float_menu .hd { padding:5px 5px; border-bottom:1px solid #d0d4d7; background-color:#d0d4d7; background-position:-129px -33px; text-align:center; color:#666666; -webkit-border-radius:1px 1px 0px 0px; -moz-border-radius:1px 1px 0px 0px; border-radius:1px 1px 0px 0px; } .float_menu .hd_t { font:400 12px/1.1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; } .float_menu_list { margin-bottom:10px; border:1px solid #dedede; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .float_menu_list .item { border-top:1px solid #dedede; } .float_menu_list .item_contact { border-top:none; } .float_menu_list a { display:block; width:42px; height:42px; vertical-align:top; } .float_menu_list .txt { display:none; } .float_menu_list .to_top { background-position:0px -33px; } .float_menu_list .to_top:hover { background-position:0px -76px; } .float_menu_list .feedback { background-position:-43px -33px; } .float_menu_list .feedback:hover { background-position:-43px -76px; } .float_menu_list .qq_online_status { background-position:-86px -33px; } .float_menu_list .qq_online { background-position:-86px -33px; } .float_menu_list .qq_not_online { background-position:-86px -119px; } .float_menu_list .qq_online_status:hover { background-position:-86px -76px; } .float_menu_list .item_like { display:none; } .float_menu_list .like { background-position:0px -119px; } .float_menu_list .like:hover { background-position:0px -162px; } /** * date:2012-06-26; * explnantion:飘浮的浏览记录、二维码; */ .float_history, .float_dimensional_code { margin-bottom:10px; border:1px solid #d0d4d7; border-radius:2px; } .float_dimensional_code .hd { padding:12px 0px; } .float_item_list { overflow:hidden; background:#ffffff; } .float_item_list .item { padding:1px; border-bottom:1px dashed #d0d4d7; margin-bottom:-1px; } .float_item_list .img { display:block; width:40px; height:40px; background:#ffffff; border-radius:3px; -ms-interpolation-mode:bicubic; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; transition:all .3s linear; } /** * date:212-08-13; * explanation:图片提示层:二维码; */ .ui_img_tips { position:absolute; background:#ffffff; border:1px solid #dedede; } .ui_img_tips img { vertical-align:top; } .ui_img_tips .txt { display:block; padding:10px 0px; text-align:center; color:#646464; } /** * 弹出框的基本外观 */ .ui_popup_mod .hd, .ui_popup_mod .close { background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_popup.png) no-repeat; } .ui_popup_area { font-family:Arial; color:#646464; } .ui_mask { position:absolute; top:0px; left:0px; z-index:999; display:none; width:100%; height:100%; background:#000000; opacity:0.1; filter:alpha(opacity=10); } .ui_popup_mod { position:absolute; z-index:1000; width:846px; height:214px; background:rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#33000000,endColorStr=#33000000); } .ui_popup_inner { background:#ffffff; border:1px solid #999999; } .ui_popup_mod .hd { position:relative; height:32px; background-repeat:repeat-x; background-position:0px 0px; } .ui_popup_mod .hd_t { font:700 14px/32px Arial; padding:0px 16px; color:#fd6965; } .ui_popup_mod .hd_extra { position:absolute; top:8px; right:8px; } .ui_popup_mod .close { display:block; width:16px; height:15px; background-position:-30px -33px; text-indent:-999px; overflow:hidden; } .ui_popup_mod .close:hover { background-position:-47px -33px; } .ui_popup_mod .loading { display:block; padding:10px 0px; margin:0px auto; } .ui_popup_mod .ft { display:none; } /** * 模块底部的阴影 */ .ui_mod_shadow, .ui_mod_shadow .bl, .ui_mod_shadow .br { background-image:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_ui_mod_shadow.png); background-repeat:no-repeat; } .ui_mod_shadow { position:relative; clear:both; height:14px; background-repeat:repeat-x; background-position:0px -32px; font-size:0px; overflow:hidden; } .ui_mod_shadow .bl, .ui_mod_shadow .br { position:absolute; top:0px; width:110px; height:14px; font-size:0px; overflow:hidden; } .ui_mod_shadow .bl { left:0px; background-position:0px 0px; } .ui_mod_shadow .br { right:0px; background-position:0px -16px; } /** * 面包屑 */ .ui_crumb { margin:10px 0px; } .ui_crumb .current { font-weight:400; color:#fd6965; } .ui_crumb a, .ui_crumb .current { padding:0px 4px; } /** * 模块底部的阴影 */ .ui_mask_t, .ui_mask_r, .ui_mask_b, .ui_mask_l { position:absolute; z-index:1; display:block; font-size:0px; overflow:hidden; _display:none;/* IE6没办法做到定位后,宽度和高度自动拉伸 */ } .ui_mask_t { top:-3px; left:0px; right:0px; border-top:1px solid #f3f3f3; border-bottom:1px solid #ebebeb; } .ui_mask_r { top:0px; right:-3px; bottom:0px; border-right:1px solid #f3f3f3; border-left:1px solid #ebebeb; } .ui_mask_b { bottom:-3px; left:0px; right:0px; border-top:1px solid #ebebeb; border-bottom:1px solid #f3f3f3; } .ui_mask_l { top:0px; left:-3px; bottom:0px; border-right:1px solid #ebebeb; border-left:1px solid #f3f3f3; } /** * 活动页面的弹出层 */ .ui_popupHd_mod .mod_hd, .ui_popupHd_mod .close { background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_popup.png) no-repeat; } .ui_popupHd_area { font-family:Arial; color:#646464; } .ui_popupHd_mod { position:absolute; z-index:1000; width:846px; height:214px; background:rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#33000000,endColorStr=#33000000); } .ui_popupHd_inner { background:#ffffff; border:1px solid #999999; } .ui_popupHd_mod .mod_hd { position:relative; z-index:100; height:32px; background-repeat:repeat-x; background-position:0px 0px; } .ui_popupHd_mod .mod_hd .hd_t { font:700 14px/32px Arial; padding:0px 16px; color:#fd6965; } .ui_popupHd_mod .mod_hd .hd_extra { position:absolute; top:8px; right:8px; } .ui_popupHd_mod .close { display:block; width:16px; height:15px; background-position:-30px -33px; text-indent:-999px; overflow:hidden; } .ui_popupHd_mod .close:hover { background-position:-47px -33px; } .ui_popupHd_mod .loading { display:block; padding:10px 0px; margin:0px auto; } .ui_popupHd_mod .ft { display:none; } /** * date:2012-05-17 18:00 * explanation:操作成功后,会弹出一个增加积分的提示层,该层的UI由原来的图片更成文字加样式来实现 * author:chenjunyong */ #all_tips_suc { position:absolute; top:50%; left:50%; margin:-36px 0px 0px -120px; width:188px; height:35px; line-height:35px; padding:0px 10px 0px 42px; background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_all_tips_suc.png) no-repeat; font:700 14px/16px Arial; text-align:center; color:#646464; z-index:1001; } #all_tips_suc .tit { display:inline-block; } #all_tips_suc .tit span { padding-left:8px; color:#ff827c; } /** * 如果没有商品的情况下 */ .ui_no_goods_tips { text-align:center; } .ui_no_goods_tips .icon_cry { display:inline-block; width:86px; height:105px; background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_list_v3.png) no-repeat 0px -119px; vertical-align:middle; } .ui_no_goods_tips .tips { display:inline-block; line-height:105px; *display:inline; zoom:1; } .ui_no_goods_tips a, .ui_no_goods_tips a:hover { color:#fd6965; } /** * dialog * 全站通用弹出层,将独自取代之前的那些popup */ /*背景*/ .ui_dialog_area .dialog_hd, .ui_dialog_close { background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_popup.png) no-repeat; } .ui_dialog_area { position:absolute; z-index:1000; display:none; } .ui_dialog_mod { position:relative; z-index:1000; zoom:1; padding:10px; background-color:rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#33000000,endColorStr=#33000000)\0/; } .ui_dialog_area .dialog_hd { height:18px; padding:7px 14px; background-color:#ffffff; background-repeat:repeat-x; background-position:0px 0px; line-height:32px; overflow:hidden; } .ui_dialog_area .dialog_hd_t { font:700 14px/18px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#fd6965; } .ui_dialog_area .dialog_bd { padding:10px; background-color:#ffffff; } .ui_dialog_area .dialog_ft { padding:10px; text-align:right; } .ui_dialog_mod .arrow, .ui_dialog_mod .arrow_out, .ui_dialog_mod .arrow_in { position:absolute; top:100px; width:0px; height:0px; border-width:10px; border-style:solid; _display:none; } .ui_dialog_mod .arrow { z-index:1; right:-20px; border-color:transparent transparent transparent #cccccc; } .ui_dialog_mod .arrow_out { z-index:2; right:-14px; border-color:transparent transparent transparent #b9b9b9; } .ui_dialog_mod .arrow_in { z-index:3; right:-13px; border-color:transparent transparent transparent #fff9e2; } /*关闭按钮*/ .ui_dialog_close { position:absolute; top:18px; right:20px; width:13px; height:13px; background-position:-30px -33px; text-indent:-999px; overflow:hidden; } .ui_dialog_close:hover { background-position:-44px -33px; } /** * 整站相关的按钮 * ui_开头的类,建议全站使用 */ .ui_btn_mini_addtocart, .ui_btn_settlement, .ui_btn_shopping { display:inline-block; background-image:url(/web/20160205034319im_/http://mfhui.com/resources/img/btn_sprite.png); background-repeat:no-repeat; text-align:center; } .ui_close { background-image:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_popup.png); } /*《加入购物车》按钮*/ .ui_btn_mini_addtocart { width:91px; height:23px; background-position:0px -343px; line-height:23px; color:#646464; } .ui_btn_mini_addtocart:hover { background-position:0px -367px; text-decoration:none; color:#646464; } /*《去结账》按钮*/ .ui_btn_settlement { width:128px; height:41px; padding-left:22px; margin-right:10px; background-position:0px -267px; letter-spacing:4px; font:700 20px/41px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#f7edd1; vertical-align:-3px; } .ui_btn_settlement:hover { background-position:0px -141px; text-decoration:none; color:#f7edd1; } /*《继续逛逛》按钮*/ .ui_btn_shopping { width:84px; height:32px; margin-right:10px; background-position:0px -310px; line-height:32px; color:#646464; } .ui_btn_shopping:hover { background-position:-85px -310px; text-decoration:none; color:#646464; } /*《关闭》按钮*/ .ui_close { display:inline-block; width:13px; height:13px; background-position:-30px -33px; line-height:0px; overflow:hidden; } .ui_close:hover { background-position:-44px -33px; } /** * 分页模块 */ .ui_page { clear:both; height:26px; padding:16px 0px; text-align:right; font-size:0px; } .ui_page a, .ui_page span { display:inline-block; padding:4px 10px; margin-left:5px; border:1px solid #dedede; vertical-align:top; font-size:12px; border-radius:3px; } .ui_page a:hover { background:#fd6965; color:#ffffff; text-decoration:none; } .ui_page span { border-color:#ffffff; cursor:default; } .ui_page .current { font-weight:700; border-color:#ffffff; } .ui_page .prev, .ui_page .next { font-weight:400; } /** * 向左滑出《猜你喜欢》的模块 */ .slide_recom_mod .mod_hd, .slide_recom_mod .mod_hd .i { background:url(/web/20160205034319im_/http://mfhui.com/resources/img/bg_footer_v3.png); } .slide_recom_area { position:fixed; bottom:0px; right:-480px; z-index:1000; display:none; _position:absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight - 0 ) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight - 0 )); } .slide_recom_mod { position:relative; width:480px; margin:0px 0px; background:#ffffff; border:1px solid #dedede; } .slide_recom_mod .mod_hd { position:relative; height:32px; padding:0px 50px; background-color:#f4f4f4; background-repeat:repeat-x; background-position:0px -205px; border-bottom:1px solid #dedede; line-height:32px; } .slide_recom_mod .mod_hd_t { font:400 12px/32px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; } .slide_recom_mod .mod_hd .i { position:absolute; top:-4px; left:10px; width:34px; height:32px; background-position:-43px -119px; } .slide_recom_mod .ui_close { position:absolute; top:8px; right:10px; } .slide_recom_mod .ui_loading { padding:60px 0px; } .slide_recom_list { width:480px; height:169px; zoom:1; } .slide_recom_list:after { clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .slide_recom_list a, .slide_recom_list a:hover { color:#646464; } .slide_recom_list .item { position:relative; float:left; width:100px; padding:5px 10px; margin-top:-1px; border-top:1px solid #dedede; } .slide_recom_list .item:hover { border-top-color:#fd6965; } .slide_recom_list .img { width:100px; height:100px; } .slide_recom_list .item_info { } .slide_recom_list .goods_name { height:36px; word-break:break-all; word-wrap:break-word; overflow:hidden; } .slide_recom_list .goods_price { padding-top:4px; word-break:break-all; word-wrap:break-word; white-space:nowrap; } .slide_recom_list .price_now { padding-right:4px; color:#fd6965; } .slide_recom_list .price_old { color:#999999; } /** * date:2012-11-15; * explanation:隐藏百度统计的logo; */ .tongji_baidu { display:none; } /** * date:2013-01-21; * explanation:活动广告位(摘自goods_list.css); */ .promotion_ad_mod { position:relative; width:980px; margin:10px 0px; zoom:1; } .promotion_ad_list { height:210px; } .promotion_ad_list .item { position:absolute; top:0px; left:0px; z-index:9; display:none; width:980px; height:210px; } .promotion_ad_list .img { width:980px; height:210px; } .promotion_ad_mod .control { position:absolute; right:10px; bottom:10px; z-index:10; border:1px solid #dedede; border-left:none; background-color:rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#B2FFFFFF,endColorStr=#B2FFFFFF); } .promotion_ad_mod .control b { float:left; padding:1px 6px; border-left:1px solid #dedede; color:#646464; font-weight:400; cursor:pointer; } .promotion_ad_mod .control .current { background-color:#fd6965; color:#ffffff; } /** * explanation:分页; * 注意:该模块暂未优化 */ .page-nav{ height:30px; text-align:right;} .page-nav:after{content:".";clear:both;display:block;height:0;visibility:hidden;} .page-nav{zoom:1;} .page-nav a,.page-nav a:hover{border:1px #E7E7E7 solid;padding:8px 11px;display:inline-block;} .page-nav a{color:#333333;font-family:Tahoma;margin:0 3px;} .page-nav a:hover{background-color:#FF837C;color:#fff;text-decoration:none;} .page-nav strong,.page-nav span{padding:8px 5px;display:inline-block;} /** * explanation:以下代码全部取自gobal.css; * 凡在页面上调用以下类名的,都是没有经过优化的; */ /* 显示/隐藏 */ .show{ display:block; } .hide{ display:none; } /* 字体 */ .yahei{font-family:"Microsoft Yahei";} .verdana{font-family:Verdana;} .money{color:#FF6B65;font:bold 12px Tahoma;} .gray{color:#999;} /* sprite */ .buy a, .btn, .btn button, .btn-link, .btn-link span { display:inline-block; background:url(/web/20160205034319im_/http://mfhui.com/resources/img/btn_sprite.png) no-repeat 0 -142px; } .buy a:hover, .btn, .btn button, .btn-link, .btn-link span { display:inline-block; background:url(/web/20160205034319im_/http://mfhui.com/resources/img/btn_sprite.png) no-repeat 0 -268px; } .cart-title .ico, .num-wrap, .tip-wrap span, .suc-info{ display:inline-block; background:url(/web/20160205034319im_/http://mfhui.com/resources/img/buy_sprite.png) no-repeat; } .buy a{ text-decoration:none; font:bold 20px/41px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; height:41px; color:#F7EDD1; width:155px; text-align:center; } .buy a:hover{ text-decoration: none; } /* FILE ARCHIVED ON 03:43:19 Feb 05, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:02:46 Sep 28, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.668 exclusion.robots: 0.036 exclusion.robots.policy: 0.022 esindex: 0.013 cdx.remote: 57.006 LoadShardBlock: 140.643 (3) PetaboxLoader3.datanode: 165.41 (4) load_resource: 234.706 PetaboxLoader3.resolve: 105.13 */