@charset "utf-8"; /**************************************************************************************** * **** *** *********** *** *** * * *** * **** *********** *** *** * * *** * * *** *** *** *** * * *** * * *** *** *************** * * *** * * *** ********* *************** * * *** ** *** ********* *** *** * * *** ** *** *** *** *** * * *** ** *** *** *** *** * ****************************************************************************************/ /** * date:2012-08-13; * explanation:整站首页样式; * 依赖:global_v3.css * site:www.mfhui.com; * version:v3.0; */ /**************************************************************************************** * 首页主体样式 * ****************************************************************************************/ /* 左右两栏布局的父类元素的默认样式 */ .grid_layout_mod { clear:both; margin:10px 0px 0px 0px; zoom:1; } .grid_layout_mod:after { clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .grid_layout_mod .col_main { float:left; width:670px; } .grid_layout_mod .col_sub { float:right; width:302px; } /** * 首页需要用到的背景图片 * 这里集中编写url、repeat之类,方便以后直接修改 */ .daily_focus:hover .btn_act, .daily_focus_info .tit, .daily_focus_info .t, .daily_focus_info .hh, .daily_focus_info .mm, .daily_focus_info .ss, .daily_focus_info .btn_act, .daily_focus_info .arrow, .side_credit_mod .price_now, .side_credit_info, .side_credit_info .btn_act, .side_magic_mod .tit, .magic_guide_txt .icon, .goto_magic_act, .category_recom_mod .mod_hd, .xiaohui_mod .h, .xiaohui_mod .b, .xiaohui_mod .h_l, .xiaohui_mod .h_r, .xiaohui_mod .f, .side_weima_mod .hd_t b { background-image:url(/web/20160130041908im_/http://mfhui.com/resources/img/bg_index_v3.png); background-repeat:no-repeat; } /** * 左边的主栏目 */ /* 每日特价 */ .daily_focus { width:670px; } .daily_focus:hover .btn_act { background-position:-60px -27px; } .daily_focus_pic { height:283px; border:1px solid #eaeaea; border-bottom:none; } .daily_focus_pic .pic { display:block; width:668px; height:283px; overflow:hidden; } .daily_focus_pic .img { display:block; } .daily_focus_info { position:relative; height:27px; padding:16px 14px; background:#f5f1e4; border:1px solid #eaeaea; border-top:1px solid #c5a86a; color:#9c9c9c; } .daily_focus_info .tit { display:block; width:242px; height:26px; background-position:0px 0px; text-indent:-9999px; overflow:hidden; } .daily_focus_info .time_count { position:absolute; top:20px; left:300px; padding:2px 0px; line-height:21px; overflow:hidden; *zoom:1; } .daily_focus_info .tips { color:#fd6965; } .daily_focus_info .spltimer { float:left; font-weight:400; } .daily_focus_info .t, .daily_focus_info .txt, .daily_focus_info .hh, .daily_focus_info .mm, .daily_focus_info .ss { float:left; margin:0px 2px; } .daily_focus_info .t { padding-left:24px; background-position:-226px -34px; *background-position:-226px -35px; } .daily_focus_info .hh, .daily_focus_info .mm, .daily_focus_info .ss { width:28px; height:21px; background-position:-133px -27px; color:#fd6965; text-align:center; font-size:14px; overflow:hidden; } .daily_focus_info .ss { color:#07bbbb; } .daily_focus_info .btn_act { display:none; position:absolute; top:16px; right:18px; width:59px; height:30px; background-position:0px -27px; text-indent:-9999px; overflow:hidden; } .daily_focus_info .btn_act:hover { background-position:-60px -27px; } .daily_focus_info .arrow { position:absolute; top:-8px; left:58px; width:12px; height:8px; background-position:-120px -27px; font-size:0px; } .daily_focus_info .qq_clock { position:absolute; top:20px; right:18px; display:block; width:63px; height:24px; overflow:hidden; } /* 一元换购模块 */ .promotional_mod { float:left; width:324px; height:408px; margin-right:8px; } .promotional_mod .mod_hd { display:none; } .promotional_mod .mod_bd { height:400px; } .promotional_mod .img { width:324px; height:400px; } /* 小汇的卡通娃娃 */ .xiaohui_mod { float:left; width:338px; } .xiaohui_mod .mod_hd { display:none; } .xiaohui_mod .mod_bd { position:relative; height:400px; background-position:no-repeat; zoom:1; overflow:hidden; } .xiaohui_mod .info { position:absolute; top:7px; left:11px; width:119px; height:55px; padding:14px 4px 10px 14px; background:url(/web/20160130041908im_/http://mfhui.com/resources/img/bg_xiaohui_tips.png) no-repeat 0px 0px; line-height:1.7; color:#333333; } .xiaohui_mod .h, .xiaohui_mod .b, .xiaohui_mod .h_l, .xiaohui_mod .h_r, .xiaohui_mod .f { position:absolute; background-position:-1000px -1000px; text-indent:-999px; overflow:hidden; cursor:pointer; } .xiaohui_mod .h { top:54px; left:74px; width:186px; height:186px; } .xiaohui_mod .b { top:241px; left:136px; width:59px; height:67px; } .xiaohui_mod .h_l, .xiaohui_mod .h_r { top:268px; width:46px; height:48px; } .xiaohui_mod .h_l { left:90px; } .xiaohui_mod .h_r { left:195px; } .xiaohui_mod .f { left:124px; top:318px; width:80px; height:78px; } .xiaohui_mod_day .h_l { top:188px; left:36px;} .xiaohui_mod_day .h_r { top:188px; left:258px; } .xiaohui_mod_day .f { top:312px; left:130px; } /** * 首页弹出层的一些特殊样式 * @type {[type]} */ .ui_dialog_xiaohui, .xiaohui_popup_content .head_tips, .xiaohui_popup_content .body_tips, .xiaohui_popup_content .hand_tips, .xiaohui_popup_content .foot_tips { background:url(/web/20160130041908im_/http://mfhui.com/resources/img/bg_xiaohui_popup.png) no-repeat; filter:none; } .ui_dialog_xiaohui { width:499px; height:205px; padding:0px; border:none; box-shadow:none; } .ui_dialog_xiaohui .dialog_bd { padding:0px; background:none; } .ui_dialog_xiaohui .ui_dialog_close { top:32px; right:20px; background-position:-44px -33px; } .xiaohui_mod .xiaohui_popup_content { display:none; } .xiaohui_popup_content { padding:72px 10px 10px 70px; } .xiaohui_popup_content .head_tips, .xiaohui_popup_content .body_tips, .xiaohui_popup_content .hand_tips, .xiaohui_popup_content .foot_tips { display:block; height:17px; margin:0px 10px; text-indent:-999px; overflow:hidden; } .xiaohui_popup_content .head_tips { background-position:0px -206px; } .xiaohui_popup_content .body_tips { background-position:0px -224px; } .xiaohui_popup_content .hand_tips { background-position:0px -242px; } .xiaohui_popup_content .foot_tips { background-position:0px -260px; } .xiaohui_popup_content .tags { padding:14px 10px 0px 0px; } .xiaohui_popup_content a { display:inline-block; padding:2px 5px; margin:2px 5px; } .xiaohui_popup_content a:hover { background:#fd6965; text-decoration:none; color:#ffffff; } /** * 右栏的主边栏 * @type {[type]} */ .side_mod .mod_hd { height:18px; padding:12px; border:1px solid #e9e9e9; border-bottom:none; overflow:hidden; } .side_mod .hd_t { float:left; color:#fd6965; font:700 18px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; } .side_mod .hd_t a, .side_mod .hd_t a:hover { text-decoration:none; color:#fd6965; } .side_mod .hd_extra { text-align:right; color:#aaaaaa; overflow:hidden; zoom:1; } .side_mod .hd_extra .num { padding:0px 5px; font-weight:700; color:#07bbbb; } .side_mod .mod_bd { border:1px solid #e9e9e9; } /* 积分商城 */ /*.side_credit_mod .mod_hd { border-bottom:none; } .side_credit_mod .mod_bd { position:relative; height:301px; border-top:none; zoom:1; } .side_credit_mod .item_pic { position:absolute; bottom:10px; right:10px; } .side_credit_mod .pic { display:inline-block; } .side_credit_mod .img { width:155px; height:155px; } .side_credit_mod .item_info { padding:20px 12px; } .side_credit_mod .goods_name, .side_credit_mod .goods_intro { width:276px; padding:6px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .side_credit_mod .goods_intro {color:#999999; } .side_credit_mod .price_now { display:block; width:77px; height:57px; padding:20px 0px 0px 0px; margin-top:38px; background-position:0px -248px; background-color:#fd6965; color:#ffffff; font:500 16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; text-align:center; } .side_credit_mod .price_now:hover { text-decoration:none; color:#ffffff; } .side_credit_mod .price_now span { font-size:12px; }*/ .side_credit_mod .mod_hd { border-bottom:none; } .side_credit_mod .mod_bd { position:relative; height:301px; border-top:none; zoom:1; } .side_credit_mod .item_pic { position:absolute; bottom:10px; right:10px; } .side_credit_mod .pic { display:inline-block; } .side_credit_mod .img { width:155px; height:155px; } .side_credit_mod .item_info { padding:20px 12px; } .side_credit_mod .goods_name, .side_credit_mod .goods_intro { width:276px; padding:6px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .side_credit_mod .goods_intro {color:#999999; } .side_credit_mod .price_now { display:block; width:77px; height:57px; padding:20px 0px 0px 0px; margin-top:38px; background-position:0px -248px; background-color:#fd6965; color:#ffffff; font:500 16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; text-align:center; } .side_credit_mod .price_now:hover { text-decoration:none; color:#ffffff; } .side_credit_mod .price_now span { font-size:12px; } /* 我的积分信息 */ .side_credit_info { width:292px; height:42px; padding:1px 0px; margin:0px auto; background-position:0px -203px; background-color:#f3efdd; text-align:center; font-size:14px; } .side_credit_info strong { padding:0px 4px; } .side_credit_info .num { color:#07bbbb; } .side_credit_info .price { color:#b974ad; } .side_credit_info .credit { padding-right:80px; color:#07bbbb; } .side_credit_info .btn_act { display:inline-block; width:46px; height:28px; padding-left:28px; background-position:-78px -275px; text-align:center; color:#fd6965; font:700 14px/28px Arial; } .side_credit_info .btn_act:hover { background-position:-153px -275px; text-decoration:none; color:#fd6965; } .side_credit_info .site_info { height:28px; padding:7px 0px; line-height:28px; } .side_credit_info .my_info { height:28px; padding:7px 0px; background:#ffffff; line-height:28px; } /*扩展积分列表*/ /*.side_credit_list { padding:10px 12px; line-height:2; } .side_credit_list .item { position:relative; padding:5px 0px; border-bottom:1px dotted #dedede; zoom:1; } .side_credit_list .goods_name { width:276px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .side_credit_list .pic { position:absolute; bottom:10px; right:10px; } .side_credit_list .img { width:155px; height:155px; } .side_credit_list .goods_price { padding-top:10px; } .side_credit_list .price_now { display:block; width:77px; height:57px; padding:20px 0px 0px 0px; margin-top:28px; background-position:0px -248px; background-color:#fd6965; color:#ffffff; font:500 16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; text-align:center; } .side_credit_list .price_now:hover { text-decoration:none; color:#ffffff; } .side_credit_list .price_now span { font-size:12px; } .side_credit_list .item .item_info { display:none; } .side_credit_list .current { height:210px; } .side_credit_list .current .item_info { display:block; }*/ /* 膜法包月 */ /*.side_magic_mod { position:relative; float:right; }*/ .side_magic_mod { position:relative; zoom:1; } .side_magic_mod .mod_bd { height:355px; } .side_magic_mod .tit { display:block; width:292px; height:78px; background-position:0px -58px; text-indent:-999px; overflow:hidden; } .magic_guide_txt { padding:11px 26px; line-height:24px; } .magic_guide_txt .item { position:relative; padding:1px 24px; zoom:1; color:#999999; } .magic_guide_txt em { padding-left:8px; color:#646464; font-style:normal; } .magic_guide_txt .icon { position:absolute; top:0px; left:0px; width:14px; height:23px; text-indent:-999px; overflow:hidden; } .magic_guide_txt .guide_time .icon { background-position:-208px -137px; } .magic_guide_txt .guide_diy .icon { background-position:-223px -137px; } .magic_guide_txt .guide_recom .icon { background-position:-238px -137px; } .magic_guide_txt .item span, .magic_guide_txt .item a, .magic_guide_txt .item a:hover { display:inline-block; width:26px; text-align:center; } .magic_guide_txt .guide_time span, .magic_guide_txt .guide_time a, .magic_guide_txt .guide_time a:hover { color:#0d8cb4; } .magic_guide_txt .guide_diy span, .magic_guide_txt .guide_diy a, .magic_guide_txt .guide_diy a:hover { color:#bf060c; } .magic_guide_txt .guide_recom span, .magic_guide_txt .guide_recom a, .magic_guide_txt .guide_recom a:hover { color:#439706; } .magic_new_goods { padding:12px; border-top:1px solid #e9e9e9; overflow:hidden; zoom:1; } .magic_new_goods .sub_tit { display:block; padding-bottom:10px; font-size:14px; font-weight:400; } .magic_new_goods .item_pic { float:left; margin-right:12px; _margin-right:9px; } .magic_new_goods .img { width:100px; height:100px; vertical-align:top; } .magic_new_goods .item_info { overflow:hidden; zoom:1; } .magic_new_goods .goods_name { padding:2px 0px; line-height:20px; } .magic_new_goods .price_now { padding-right:12px; font-size:16px; font-weight:700; color:#fd6965; } .magic_new_goods .price_old { color:#999999; } .goto_magic_act { position:absolute; bottom:25px; left:124px; width:93px; height:29px; padding-left:10px; background-position:0px -137px; line-height:29px; color:#8a8a8a; } .goto_magic_act:hover { background-position:-104px -137px; text-decoration:none; color:#646464; } /*二维码*/ .side_weima_mod .mod_hd { height:60px; padding:0px; background-color:#f5f1e4; border-top:none; border-bottom:1px solid #e9e9e9; } .side_weima_mod .hd_t { float:none; color:#fd6965; font:600 18px/60px "\5FAE\8F6F\96C5\9ED1", Arial; text-align:center; } .side_weima_mod .hd_t a { position:relative; display:block; height:60px; text-indent:-55px; } .side_weima_mod .hd_t b { position:absolute; top:15px; right:12px; width:55px; height:28px; background-position:-228px -275px; zoom:1; line-height:0px; } .side_weima_mod .mod_bd { border-bottom:1px solid #c5a86a; } .side_weima_mod .pic { display:block; text-align:center; } .side_weima_mod .img { height:283px; } /** * 选项卡模块 * 主要功能是为了分类显示一些主站推广的内容 */ .category_recom_mod { position:relative; margin:10px 0px 0px 0px; zoom:1; } .category_recom_mod .mod_hd { height:33px; background-color:#f4f4f4; background-repeat:repeat-x; background-position:0px -169px; border:1px solid #dedede; border-bottom:none; line-height:32px; } .category_recom_mod .mod_more { position:absolute; top:4px; right:0px; line-height:24px; color:#999999; } .category_recom_mod .mod_more a { display:inline-block; padding:0px 4px; margin:0px 6px; color:#646464; } .category_recom_mod .mod_more a:hover { color:#fd6965; } .category_recom_mod .mod_bd { border:1px solid #dedede; border-top:none; overflow:hidden; } /* 为了该模块那个阴影 */ .category_recom_mod .ui_mask_t { top:-2px; left:0px; right:0px; } .category_recom_mod .ui_mask_r { top:0px; right:-2px; bottom:15px; } .category_recom_mod .ui_mask_b { display:none; bottom:-2px; left:0px; right:0px; } .category_recom_mod .ui_mask_l { top:0px; left:-2px; bottom:15px; } /* 选项卡的菜单栏 */ .recom_tab_menu .item { position:relative; float:left; padding:0px 16px; border-right:1px solid #dedede; cursor:default; } .recom_tab_menu .current { height:33px; background:#ffffff; } /* 选项卡的内容 */ .recom_tab_cont { height:320px; } .recom_tab_cont .current { display:block; } .recom_tab_cont .ui_loading { padding:150px 0px; text-align:center; } /* 推荐模块的公用样式 */ .recommend_mod { display:none; } .recommend_list { overflow:hidden; zoom:1; } .recommend_list:after { clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .recommend_list .item { float:left; width:306px; height:140px; padding:10px 10px; } .recommend_list .item_pic { float:left; margin-right:10px; } .recommend_list .pic { display:block; width:140px; height:140px; text-align:center; overflow:hidden; } .recommend_list .img { height:140px; } .recommend_list .item_info { overflow:hidden; zoom:1; } .recommend_list .goods_name, .recommend_list .goods_intro, .recommend_list .goods_price { padding:4px 0px; overflow:hidden; } .recommend_list .goods_name { height:36px; word-break:break-all; word-wrap:break-word; } .recommend_list .goods_intro { height:54px; } .recommend_list .goods_name a, .recommend_list .goods_name a:hover { color:#646464; } .recommend_list .goods_intro { padding:0px; margin:4px 0px; color:#999999; word-break:break-all; word-wrap:break-word; } .recommend_list .price_now { padding-right:6px; font:700 16px/1 Arial; color:#fd6965; } .recommend_list .price_old { padding-right:6px; color:#999999; } .recommend_list .discount { font-weight:700; color:#fd6965; } .recommend_list .goods_sales { padding-top:30px; } .recommend_list .quantity { padding:0px 4px; color:#07bbbb; font-weight:400; } /* 首页新品推广大模块 */ .recommend_goods { float:left; padding:10px 0px 10px 10px; _margin-right:-3px; } .recommend_goods .img { width:316px; height:300px; } /* 各个分类模块的公共样式 */ .category_mod { position:relative; margin:10px 0px; zoom:1; } .category_mod .mod_hd { height:32px; border-bottom:1px solid #dedede; } .category_mod .hd_t { position:relative; width:60px; padding:8px 0px; margin-bottom:-1px; border-bottom:1px solid #fd6965; font:700 16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#fd6965; } .category_mod .hd_t a, .category_mod .hd_t a:hover { text-decoration:none; color:#fd6965; } .category_mod .mod_bd { padding:10px 0px; *width:980px; *overflow:hidden; } .category_mod .mod_more { position:absolute; z-index:10; top:4px; right:0px; line-height:24px; color:#bbbbbb; } .category_mod .mod_more a { display:inline-block; padding:0px 4px; margin:0px 6px; color:#646464; } .category_mod .mod_more a:hover { color:#fd6965; } /* 各个分类模块的内容列表 */ .category_goods_list { width:1020px; clear:both; zoom:1; } .category_goods_list:after { clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .category_goods_list .item { position:relative; float:left; display:inline; width:216px; padding:1px; margin:-1px 37px -1px -1px; } /*.category_goods_list .item:hover .img { opacity:0.7; filter:alpha(opacity=70); }*/ .category_goods_list .item_pic { padding:10px 8px 0px 8px; background:#ffffff; text-align:center; } .category_goods_list .item_info { padding:0px 8px 4px 8px; background:#ffffff; } .category_goods_list .pic { display:block; width:200px; height:200px; overflow:hidden; } .category_goods_list .img { height:200px; } .category_goods_list .goods_name, .category_goods_list .goods_intro, .category_goods_list .goods_price { padding:4px 0px; } .category_goods_list .goods_name, .category_goods_list .goods_intro { height:36px; overflow:hidden; } .category_goods_list .goods_price { height:22px; } .category_goods_list .goods_name a, .category_goods_list .goods_name a:hover { color:#646464; } .category_goods_list .goods_intro { color:#999999; } .category_goods_list .price_now { padding-right:14px; font:700 20px/1 Arial; color:#fd6965; } .category_goods_list .price_old { padding-right:14px; color:#999999; } .category_goods_list .discount { font-weight:700; color:#fd6965; } /* 护肤模块 */ /* 底下的推广广告位 */ .categroy_mod { clear:both; } .categroy_nav_list { padding:2px 0px 20px 0px; zoom:1; } .categroy_nav_list:after { clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; content:""; } .categroy_nav_list .item { position:relative; float:left; margin-right:6px; zoom:1; } .categroy_nav_list .img { width:190px; -webkit-box-reflect:below 1px -webkit-gradient( linear, 0 0, 0 100%, from( transparent ), color-stop( 0.9, transparent ), to( rgba( 0, 0, 0, 0.3 ) ) ); } .categroy_nav_list .item_info { position:absolute; bottom:0px; left:0px; right:0px; height:26px; font:700 14px/26px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#ffffff; text-align:center; background:rgba( 0, 0, 0, .4 ); filter:progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000,endColorStr=#66000000 ); } /** * date:2013-02-01; * explanation:广告提示层; */ .ui_operation_tips { position:relative; padding:6px 10px; margin:10px 0px; background:#fffcc4; border:1px solid #ffdc8a; color:#646464; zoom:1; } .ui_operation_tips .icon { float:left; width:11px; height:9px; margin:5px 9px 0px 0px; background:url(/web/20160130041908im_/http://mfhui.com/resources/img/bg_alert.png) no-repeat; } .ui_operation_tips .info { overflow:hidden; line-height:1.75; color:#fd6965; } .ui_operation_tips .tit { font-weight:400; } .ui_operation_tips .info span { padding:0px 8px; color:#009843; } .ui_operation_tips .close { position:absolute; top:6px; right:10px; text-decoration:underline; } .ui_operation_tips a, .ui_operation_tips a:hover { color:#fd6965; } /* FILE ARCHIVED ON 04:19:08 Jan 30, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:02:48 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.503 exclusion.robots: 0.026 exclusion.robots.policy: 0.017 esindex: 0.009 cdx.remote: 27.436 LoadShardBlock: 170.441 (3) PetaboxLoader3.datanode: 238.961 (4) load_resource: 149.334 PetaboxLoader3.resolve: 74.58 */