generator-zl-fis3-less/app/templates/js/mf-pattern/mf-pattern.css

基于 Yeoman 的 FIS3 主题模板制作框架初始化脚手架

/*!src/mf-pattern/mF_51xflash.css*/
.mF_51xflash_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_51xflash .pic{position:absolute;top:0;left:0;overflow:hidden}
.mF_51xflash .pic ul{position:static}
.mF_51xflash .pic ul li{position:absolute;right:0}
.mF_51xflash .pic ul li a,.mF_51xflash .pic ul li a img{display:block;width:100%;height:100%}
.mF_51xflash .txt{position:absolute;left:0;bottom:0;width:100%;height:34px;line-height:34px}
.mF_51xflash .txt li{position:absolute;width:100%;height:100%;background:#f1f1f1}
.mF_51xflash .txt li a{display:block;padding-left:40px;font-size:14px;color:#333;font-weight:700;text-decoration:none;background:url(img/mF_51xflash/tit-ar.gif) 6px center no-repeat}
.mF_51xflash .play,.mF_51xflash .stop{position:absolute;right:10px;bottom:6px;z-index:9;width:30px;height:23px;overflow:hidden;cursor:pointer;background:url(img/mF_51xflash/play.gif) left -25px no-repeat}
.mF_51xflash .stop{background-position:left top}
/*!src/mf-pattern/mF_classicHB.css*/
.mF_classicHB_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_classicHB{-webkit-text-size-adjust:none}
.mF_classicHB .pic{position:relative}
.mF_classicHB .pic li{position:absolute;width:120%;height:120%}
.mF_classicHB .pic li img{width:100%;height:100%}
.mF_classicHB .txt li{position:absolute;left:0;top:0;overflow:hidden;height:20px;line-height:20px}
.mF_classicHB .txt li a{display:block;position:relative;z-index:1;color:#fff;text-align:center;font-size:12px;text-decoration:none}
.mF_classicHB .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_classicHB .num{height:17px;position:absolute;z-index:3;right:0;bottom:2px;color:#fff}
.mF_classicHB .num li{float:left;margin-right:2px;width:16px;height:17px;text-align:center;position:relative}
.mF_classicHB .num li a{display:block;position:relative;z-index:1;line-height:16px;font-size:10px;color:#fff;text-decoration:none;cursor:pointer}
.mF_classicHB .num li b{display:block;width:100%;height:17px;position:absolute;top:0;left:0;background:url(img/mF_classicHB/btn-gray.gif) no-repeat;filter:alpha(opacity=70);opacity:.7}
.mF_classicHB .num li.current b,.mF_classicHB .num li.hover b{background-image:url(img/mF_classicHB/btn-blue.gif)}
/*!src/mf-pattern/mF_classicHC.css*/
.mF_classicHC .pic{border:1px solid #666}
.mF_classicHC .pic li{position:absolute;left:0;top:0}
.mF_classicHC .txt li{position:absolute;left:0;background:#dedede;overflow:hidden;height:26px;line-height:26px}
.mF_classicHC .txt li a{display:block;color:#333;text-align:center;font-size:12px;font-weight:700;text-decoration:none}
.mF_classicHC .num,.mF_classicHC .num_bg{height:19px;position:absolute;z-index:3;right:0;bottom:31px;color:#fff}
.mF_classicHC .num_bg{width:100%;background:url(img/mF_classicHC/btn-bg.png) right bottom no-repeat;_height:16px;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mF_classicHC/btn-bg.png',sizingMethod='scale')}
.mF_classicHC .num_bg li{position:absolute}
.mF_classicHC .num li{float:left;width:26px;height:16px;line-height:16px;padding-top:3px;text-align:center;cursor:pointer;position:relative}
.mF_classicHC .num li a{color:#fff}
.mF_classicHC .num li b{position:absolute;top:3px;left:0;width:1px;height:16px;overflow:hidden;background:#DADADA}
.mF_classicHC .num li.hover,.mF_classicHC .num li.current{background-image:url(img/mF_classicHC/btn-red.gif)}
.mF_classicHC .num li.hover{background-position:right bottom}
.mF_classicHC .num li.current{background-position:left top}
/*!src/mf-pattern/mF_dleung.css*/
.mF_dleung .pic{position:absolute}
.mF_dleung .pic ul li{position:absolute;display:none;top:0;left:0;overflow:hidden}
.mF_dleung .txt{position:absolute;bottom:0;overflow:hidden;width:120%}
.mF_dleung .txt li{float:left;width:x;height:28px;line-height:28px;margin-right:2px;overflow:hidden;position:relative}
.mF_dleung .txt li a,.mF_dleung .txt li b{position:absolute;z-index:2;top:0;width:100%;height:100%;color:#fff;font-size:12px;text-decoration:none;text-align:center}
.mF_dleung .txt li b{z-index:1;opacity:.7;filter:Alpha(opacity=70);background:#666}
.mF_dleung .txt li.current a{color:#333}
.mF_dleung .txt li.current b{background:#fff}
.mF_dleung .txt li p{display:none}
/*!src/mf-pattern/mF_exgtnz.css*/
.mF_kdui{background:#000}
.mF_kdui .pic{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden}
.mF_kdui .pic li{position:absolute;top:0;display:none}
.mF_kdui .txt{position:absolute;z-index:2;top:12px;left:12px;width:200px}
.mF_kdui .txt li{position:absolute;top:0;width:100%;padding:12px;display:none}
.mF_kdui .txt li a{position:relative;z-index:1;display:block;color:#fff;font-size:14px;font-weight:700;text-decoration:none;font-family:'微软雅黑'}
.mF_kdui .txt li b{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=20);opacity:.2;border-radius:5px}
.mF_kdui .txt li p{color:#fff}
.mF_kdui .dot{position:absolute;z-index:3;bottom:8px;left:0;width:100%;text-align:center}
.mF_kdui .dot li{display:inline-block;margin:0 3px;*display:inline;*zoom:1;width:16px;height:16px;background:url(img/mF_kdui/dots.png);cursor:pointer}
.mF_kdui .dot li.current{background-position:0 -16px}
.mF_kdui .prev,.mF_kdui .next{visibility:hidden;opacity:0;position:absolute;z-index:9;bottom:40%;left:12px;cursor:pointer;background:url(img/mF_kdui/slider-arrows.png) 0 0;width:38px;height:38px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_kdui .next{left:auto;right:12px;background-position:100% 0}
.mF_kdui .prev:hover,.mF_kdui .next:hover{opacity:1}
.mF_kdui .arr-hover{visibility:visible;opacity:.5}
/*!src/mf-pattern/mF_expo2010.css*/
.mF_expo2010 .pic li{position:absolute}
.mF_expo2010 .txt_bg{position:absolute;bottom:0;z-index:1;height:36px;width:100%;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_expo2010 .txt li{position:absolute;z-index:2;left:0;height:36px;line-height:36px}
.mF_expo2010 .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_expo2010 .num{position:absolute;z-index:3;bottom:8px;right:8px}
.mF_expo2010 .num li{float:left;position:relative;width:22px;height:18px;line-height:18px;overflow:hidden;text-align:center;margin-right:1px;cursor:pointer}
.mF_expo2010 .num li a,.mF_expo2010 .num li b{position:absolute;z-index:2;display:block;color:#fff;width:100%;height:100%;top:0;left:0;text-decoration:none;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_expo2010 .num li b{z-index:1;background:#fff;filter:alpha(opacity=50);opacity:.5}
.mF_expo2010 .num li.hover a,.mF_expo2010 .num li.current a{background:#F60}
/*!src/mf-pattern/mF_fancy.css*/
.mF_fancy .pic{position:absolute;z-index:1}
.mF_fancy .pic ul{position:absolute;top:0;left:0;width:x;height:100%;overflow:hidden}
.mF_fancy .pic ul li{position:absolute;top:0;left:0;display:none;overflow:hidden}
.mF_fancy .txt{position:absolute;z-index:2;top:12px;left:12px;width:80%;color:#fff}
.mF_fancy .txt li{position:absolute;top:0;width:100%;padding:12px;visibility:hidden;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_fancy .txt li a{display:block;color:#fff;font-size:14px;font-weight:700;text-decoration:none;font-family:'微软雅黑'}
.mF_fancy .txt li p{display:none}
.mF_fancy .txt li.current{visibility:visible;opacity:1}
.mF_fancy .num{position:absolute;bottom:0;left:0;width:100%;overflow:hidden}
.mF_fancy .num ul{width:120%;background:#666;margin-left:-1px}
.mF_fancy .num ul li{display:inline-block;*display:inline;*zoom:1;height:12px;border-left:1px solid #ddd;background:#666;overflow:hidden;cursor:pointer;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_fancy .num ul li:hover{background:#ddd}
.mF_fancy .num ul li.current{background:#090909;cursor:default}
.mF_fancy .num ul li a{display:none}
.mF_fancy .thumb{position:absolute;left:0;bottom:40px;width:100%;z-index:9}
.mF_fancy .thumb ul{width:120%}
.mF_fancy .thumb ul li{display:inline-block!important;*display:inline!important;*zoom:1;width:x;position:relative;visibility:hidden;cursor:pointer}
.mF_fancy .thumb ul li img{width:100%}
.mF_fancy .prev,.mF_fancy .next{font:700 53px/58px arial;width:37px;height:65px;overflow:hidden;position:absolute;z-index:9;left:0;cursor:pointer;top:40%}
.mF_fancy .next{left:auto;right:0}
.mF_fancy .prev a,.mF_fancy .next a{display:block;color:#fff;text-align:center;text-decoration:none;visibility:hidden;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_fancy .prev a:hover,.mF_fancy .next a:hover{color:#f60}
.mF_fancy .show a{visibility:visible;opacity:1}
/*!src/mf-pattern/mF_fscreen_tb.css*/
.mF_fscreen_tb_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_fscreen_tb{background:#333}
.mF_fscreen_tb .pic{position:absolute;top:0;left:0}
.mF_fscreen_tb .pic li{position:absolute;width:100%;height:100%;overflow:hidden;display:none}
.mF_fscreen_tb .thumb_bg{position:absolute;border-top:1px solid #fff;bottom:0;left:0;width:100%;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_fscreen_tb .thumb{position:absolute;bottom:0;width:x;overflow:hidden}
.mF_fscreen_tb .thumb ul{position:relative;width:x;top:0;left:0}
.mF_fscreen_tb .thumb ul li{float:left;width:x;overflow:hidden;cursor:pointer}
.mF_fscreen_tb .thumb ul li a{display:block;border:1px solid #999;margin:8px}
.mF_fscreen_tb .thumb ul li a img{position:relative;z-index:1;width:100%;filter:alpha(opacity=80);opacity:.8}
.mF_fscreen_tb .thumb ul li.current a img{filter:alpha(opacity=100);opacity:1}
.mF_fscreen_tb .thumb ul li.current a,.mF_fscreen_tb .thumb ul li.hover a{border-color:#fff}
.mF_fscreen_tb .txt li{position:absolute;z-index:2;top:26px;width:100%;line-height:20px;font-family:'微软雅黑'}
.mF_fscreen_tb .txt li a{display:block;color:#fff;padding-left:16px;font-weight:700;font-size:16px;text-decoration:none}
.mF_fscreen_tb .txt li p{padding-left:16px;color:#fff}
.mF_fscreen_tb .prev,.mF_fscreen_tb .next{font:700 38px arial;width:28px;height:46px;overflow:hidden;position:absolute;z-index:4;left:0;bottom:0;cursor:pointer}
.mF_fscreen_tb .next{left:auto;right:0}
.mF_fscreen_tb .prev a,.mF_fscreen_tb .next a{display:block;color:#f1f1f1;text-align:center;text-decoration:none}
.mF_fscreen_tb .prev a:hover,.mF_fscreen_tb .next a:hover{color:#f60}
/*!src/mf-pattern/mF_games_tb.css*/
.mF_games_tb_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_games_tb{background:#f1f1f1}
.mF_games_tb .pic{position:absolute;top:0;left:0}
.mF_games_tb .pic li{position:absolute;width:100%;height:100%;overflow:hidden;display:none}
.mF_games_tb .thumb{position:absolute;bottom:0;left:0;overflow:hidden}
.mF_games_tb .thumb ul{position:absolute;top:0;left:0}
.mF_games_tb .thumb ul li{position:relative;float:left;overflow:hidden;cursor:pointer}
.mF_games_tb .thumb ul li a{display:block;border:3px solid #D3D3D3;margin:10px 4px}
.mF_games_tb .thumb ul li img{position:relative;z-index:1;width:100%;height:100%}
.mF_games_tb .thumb ul li.current{background:url(img/mF_games_tb/ar.gif) center 5px no-repeat}
.mF_games_tb .thumb ul li.current a{border-color:#FF8C00}
.mF_games_tb .txt li{position:absolute;z-index:2;width:100%;height:38px;line-height:38px;display:none}
.mF_games_tb .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_games_tb .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3}
.mF_games_tb .prev,.mF_games_tb .next{font:700 28px/28px arial;width:16px;overflow:hidden;position:absolute;z-index:4;left:0;bottom:11px;cursor:pointer}
.mF_games_tb .next{left:auto;right:0}
.mF_games_tb .prev a,.mF_games_tb .next a{display:block;color:#bbb;text-align:center;text-decoration:none}
.mF_games_tb .prev a:hover,.mF_games_tb .next a:hover{color:#f60}
/*!src/mf-pattern/mF_kdui.css*/
.mF_kdui{background:#000}
.mF_kdui .pic{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden}
.mF_kdui .pic li{position:absolute;top:0;display:none}
.mF_kdui .txt{position:absolute;z-index:2;top:12px;left:12px;width:200px}
.mF_kdui .txt li{position:absolute;top:0;width:100%;padding:12px;display:none}
.mF_kdui .txt li a{position:relative;z-index:1;display:block;color:#fff;font-size:14px;font-weight:700;text-decoration:none;font-family:'微软雅黑'}
.mF_kdui .txt li b{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=20);opacity:.2;border-radius:5px}
.mF_kdui .txt li p{color:#fff}
.mF_kdui .dot{position:absolute;z-index:3;bottom:8px;left:0;width:100%;text-align:center}
.mF_kdui .dot li{display:inline-block;margin:0 3px;*display:inline;*zoom:1;width:16px;height:16px;background:url(img/mF_kdui/dots.png);cursor:pointer}
.mF_kdui .dot li.current{background-position:0 -16px}
.mF_kdui .prev,.mF_kdui .next{visibility:hidden;opacity:0;position:absolute;z-index:9;bottom:40%;left:12px;cursor:pointer;background:url(img/mF_kdui/slider-arrows.png) 0 0;width:38px;height:38px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_kdui .next{left:auto;right:12px;background-position:100% 0}
.mF_kdui .prev:hover,.mF_kdui .next:hover{opacity:1}
.mF_kdui .arr-hover{visibility:visible;opacity:.5}
/*!src/mf-pattern/mF_kiki.css*/
.mF_kiki_wrap{padding:6px;border:1px solid #999;float:left;background:#fff}
.mF_kiki .pic li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.mF_kiki .txt li{position:absolute;z-index:2;left:0;bottom:0;height:30px;line-height:30px;*line-height:32px;overflow:hidden;background:url(img/mF_kiki/tit-ar.gif) left 10px no-repeat;display:none}
.mF_kiki .txt li a{display:block;color:#333;padding-left:32px;font-size:12px;text-decoration:none}
.mF_kiki .num{position:absolute;bottom:34px;right:2px;z-index:9}
.mF_kiki .num li{float:left;margin-right:2px;width:20px;height:6px;overflow:hidden;border:1px solid #000;background:#ccc;cursor:pointer}
.mF_kiki .num li.current,.mF_kiki .num li.hover{background:#E92B00;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_kiki .num li a{display:none}
.mF_kiki .nav{position:absolute;width:100px;height:30px;line-height:30px;z-index:3;bottom:0;right:0}
.mF_kiki .nav a,.mF_kiki .nav span{float:left;color:#333;text-decoration:none}
.mF_kiki .nav a:hover{color:#D91C00}
.mF_kiki .nav a.prev{cursor:pointer;padding-left:10px;background:url(img/mF_kiki/ar-left.gif) left no-repeat}
.mF_kiki .nav a.next{cursor:pointer;padding:0 10px 0 4px;background:url(img/mF_kiki/ar-right.gif) right no-repeat}
.mF_kiki .nav span{margin-left:3px}
/*!src/mf-pattern/mF_ladyQ.css*/
.mF_ladyQ .pic li{width:100%;height:100%;overflow:hidden;position:absolute;display:none}
.mF_ladyQ .txt li{position:absolute;z-index:2;left:0;bottom:28px;line-height:30px;font-family:'微软雅黑';visibility:hidden;opacity:0}
.mF_ladyQ .txt li.current{visibility:visible;opacity:1;-webkit-transition:all .4s .4s;-moz-transition:all .4s .4s;-o-transition:all .4s .4s}
.mF_ladyQ .txt li a{display:block;position:relative;z-index:1;color:#fff;margin-top:2px;padding-left:10px;font-size:16px;text-decoration:none}
.mF_ladyQ .txt li p{position:relative;z-index:1;padding-left:11px;line-height:22px;font-size:14px;color:#eee}
.mF_ladyQ .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_ladyQ .time_bar{position:absolute;left:0;height:20px;overflow:hidden;background:#444}
.mF_ladyQ .num{position:relative;height:28px;background:#000}
.mF_ladyQ .num ul{position:absolute;right:6px;top:4px}
.mF_ladyQ .num ul li{float:left;display:inline;margin-left:3px;width:20px;height:20px;line-height:20px;overflow:hidden;text-align:center;cursor:pointer}
.mF_ladyQ .num ul li a{color:#B1B1B1;display:block;background:#444;text-decoration:none}
.mF_ladyQ .num ul li.current a,.mF_ladyQ .num ul li.hover a{color:#fff;background:#f60;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
/*!src/mf-pattern/mF_liquid.css*/
.mF_liquid .pic{position:static}
.mF_liquid .pic li,.mF_liquid .pic_mod li{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.mF_liquid .pic li img,.mF_liquid .pic_mod li img{position:absolute;left:0;top:0}
.mF_liquid .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:38px;line-height:38px;display:none}
.mF_liquid .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_liquid .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3}
.mF_liquid .num{position:absolute;z-index:3;bottom:6px;right:6px}
.mF_liquid .num li{float:left}
.mF_liquid .num li a{color:#333;float:left;width:20px;height:18px;position:relative;line-height:18px;border:1px solid #196BA9;text-align:center;margin-right:3px;cursor:pointer;background:#dedede;filter:alpha(opacity=80);opacity:.8;text-decoration:none}
.mF_liquid .num li.current a,.mF_liquid .num li.hover a{background:#09f;color:#fff;font-weight:700;height:20px;line-height:20px;top:-2px;filter:alpha(opacity=100);opacity:1}
/*!src/mf-pattern/mF_liuzg.css*/
.mF_liuzg .pic li{position:relative;overflow:hidden;float:left}
.mF_liuzg .pic li div{width:100%;position:absolute}
.mF_liuzg .pic li div a{display:block;overflow:hidden}
.mF_liuzg .txt li{position:absolute;z-index:2;bottom:0;height:36px;line-height:36px;display:none}
.mF_liuzg .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_liuzg .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_liuzg .num{position:absolute;z-index:3;bottom:6px;right:8px;color:#333}
.mF_liuzg .num li{float:left;width:22px;height:18px;position:relative;border:1px solid #333;line-height:18px;text-align:center;margin-right:3px;cursor:pointer;background:#eee;filter:alpha(opacity=70);opacity:.7}
.mF_liuzg .num li a{color:#333;text-decoration:none}
.mF_liuzg .num li.current{background:#f60;font-weight:700;height:20px;line-height:20px;top:-2px;filter:alpha(opacity=100);opacity:1}
.mF_liuzg .num li.current a{color:#fff}
/*!src/mf-pattern/mF_luluJQ.css*/
.mF_luluJQ_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_luluJQ .pic{width:100%}
.mF_luluJQ .pic li{position:absolute;background:#000}
.mF_luluJQ .pic li a{display:block;width:100%;height:100%;position:relative;text-decoration:none;overflow:hidden}
.mF_luluJQ .pic li a span{display:block;position:relative;width:100%;height:34px;line-height:34px;overflow:hidden}
.mF_luluJQ .pic li a span b{display:block;position:relative;color:#fff;padding-left:16px;font-size:14px;z-index:1;cursor:pointer}
.mF_luluJQ .pic li a span i{position:absolute;left:0;top:0;width:100%;height:100%;filter:alpha(opacity=50);opacity:.5;background:#000}
/*!src/mf-pattern/mF_pconline.css*/
.mF_pconline .pic li{width:100%;height:100%;overflow:hidden;position:absolute;display:none}
.mF_pconline .txt li{position:absolute;z-index:2;bottom:0;height:28px;line-height:28px;background:#DBDBDB;display:none}
.mF_pconline .txt li a{display:block;position:relative;z-index:1;color:#333;padding-left:10px;font-size:12px;font-weight:700;text-decoration:none}
.mF_pconline .num{position:absolute;z-index:3;bottom:5px;right:5px}
.mF_pconline .num li{float:left}
.mF_pconline .num li a{color:#333;float:left;margin-left:3px;width:15px;height:15px;line-height:15px;*line-height:14px;overflow:hidden;border:1px solid #AEC1CC;text-align:center;cursor:pointer;background:#fff;text-decoration:none}
.mF_pconline .num li.current a,.mF_pconline .num li.hover a{color:#fff;background:#f60;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
/*!src/mf-pattern/mF_peijianmall.css*/
.mF_peijianmall .pic ul{position:absolute}
.mF_peijianmall .pic ul li{overflow:hidden}
.mF_peijianmall .pic ul.left li{float:left}
.mF_peijianmall .pic ul.right li{float:right}
.mF_peijianmall .txt{position:absolute;z-index:2;left:18px;bottom:10px}
.mF_peijianmall .txt li{float:left;position:relative;margin-right:10px;height:40px;width:68px;overflow:hidden;cursor:pointer;border:1px solid #f90;border-radius:3px}
.mF_peijianmall .txt li b{background:#FBF6DC;width:100%;height:100%;opacity:.8;filter:alpha(opacity=80);position:absolute;top:0;-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s}
.mF_peijianmall .txt li a{display:block;padding:3px;color:#D3520C;text-decoration:none;position:relative;z-index:1;-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s}
.mF_peijianmall .txt li.current{border:1px solid #c00}
.mF_peijianmall .txt li.current b{background:#FB7917}
.mF_peijianmall .txt li.current a{color:#fff}
.mF_peijianmall .txt li p{display:none}
/*!src/mf-pattern/mF_pithy_tb.css*/
.mF_pithy_tb_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_pithy_tb .pic{position:absolute;top:0;left:0}
.mF_pithy_tb .pic ul{position:absolute}
.mF_pithy_tb .pic ul li{width:100%;overflow:hidden}
.mF_pithy_tb .thumb{position:absolute;right:0;overflow:hidden;z-index:3;background:#fff}
.mF_pithy_tb .thumb ul{position:absolute;width:100%;top:0}
.mF_pithy_tb .thumb ul li{position:relative;overflow:hidden;cursor:pointer;*margin-bottom:-2px}
.mF_pithy_tb .thumb li a{display:block;padding:5px;margin-left:10px;border:1px solid #f1f1f1;border-left:0}
.mF_pithy_tb .thumb li.current{background:url(img/mF_pithy_tb/btn.gif) 3px center no-repeat}
.mF_pithy_tb .thumb li.current a{border-color:#ccc}
.mF_pithy_tb .thumb li b{position:absolute;width:100%;height:100%;background:#f1f1f1;top:0;left:10px;z-index:-1}
.mF_pithy_tb .txt li{position:absolute;z-index:2;bottom:0;width:100%;display:none}
.mF_pithy_tb .txt li a{display:block;line-height:38px;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_pithy_tb .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3}
.mF_pithy_tb .prev,.mF_pithy_tb .next{overflow:hidden;position:absolute;z-index:4;right:0;cursor:pointer;background:#dedede;text-align:center}
.mF_pithy_tb .prev{top:0}
.mF_pithy_tb .next{bottom:0}
.mF_pithy_tb .prev-2,.mF_pithy_tb .next-2{width:23px;height:15px;overflow:hidden;position:absolute;z-index:4;bottom:12px;cursor:pointer;background:url(img/mF_pithy_tb/turn.gif) left top no-repeat}
.mF_pithy_tb .next-2{width:24px;background-position:right top}
/*!src/mf-pattern/mF_qiyi.css*/
.mF_qiyi_wrap{position:relative;float:left;overflow:hidden;padding:6px;border:1px solid #333}
.mF_qiyi .loading{color:#f60;background:#333 url(img/mF_qiyi/bg.jpg) center no-repeat}
.mF_qiyi .slider{height:100%;position:absolute;overflow:hidden}
.mF_qiyi .slider .pic{height:100%;width:100%}
.mF_qiyi .slider .pic li{height:100%;overflow:hidden;float:left}
.mF_qiyi .slider .txt{width:100%}
.mF_qiyi .slider .txt li{position:relative;float:left;height:34px;line-height:34px}
.mF_qiyi .slider .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_qiyi .slider .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_qiyi .num{position:absolute;z-index:2;bottom:6px;right:12px}
.mF_qiyi .num li{float:left;width:18px;height:16px;line-height:16px;margin-left:4px;overflow:hidden;text-align:center;border:1px solid #000;cursor:pointer}
.mF_qiyi .num li a{color:#000;display:block;background:#ccc;text-decoration:none}
.mF_qiyi .num li.current a,.mF_qiyi .num li.hover a{background:#f60;color:#fff;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
/*!src/mf-pattern/mF_quwan.css*/
.mF_quwan,.mF_quwan .pic{border-bottom:1px solid #E2E2E2}
.mF_quwan .pic li{width:100%;height:100%;overflow:hidden;position:absolute;display:none}
.mF_quwan .txt li{position:absolute;z-index:2;*bottom:16px!important;height:34px;line-height:34px;display:none}
.mF_quwan .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_quwan .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3}
.mF_quwan .num{position:absolute;z-index:3;bottom:0;*bottom:-1px;right:0}
.mF_quwan .num li{float:left}
.mF_quwan .num li a{color:#B5AAB0;float:left;width:56px;height:16px;line-height:16px;overflow:hidden;text-align:center;border-left:1px solid #E2E2E2;cursor:pointer;text-decoration:none}
.mF_quwan .num li.current a,.mF_quwan .num li.hover a{color:#fff;font-weight:700;background:#DA0A0A;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
/*!src/mf-pattern/mF_rapoo.css*/
.mF_rapoo_wrap{padding:4px;border:1px solid #999;float:left;background:#fff}
.mF_rapoo .pic li{width:100%;height:100%;overflow:hidden;position:absolute}
.mF_rapoo .txt{position:absolute;z-index:2;bottom:12px;width:140px;height:18px;right:26px}
.mF_rapoo .txt li{position:absolute;height:18px;line-height:18px;*line-height:20px;width:0;background:#f6f6f6;border-radius:3px}
.mF_rapoo .txt li a{display:block;position:relative;z-index:1;color:#f60;padding:0 10px;font-size:12px;text-decoration:none}
.mF_rapoo .num{position:absolute;z-index:3;bottom:12px;right:26px}
.mF_rapoo .num li{float:left;display:inline;margin-left:6px;width:18px;height:18px;line-height:18px;overflow:hidden;text-align:center;cursor:pointer;border-radius:3px}
.mF_rapoo .num li a{display:block;color:#f60;background:#eee;text-decoration:none}
.mF_rapoo .num li.current a,.mF_rapoo .num li.hover a{color:#fff;background:#f60}
.mF_rapoo .prev,.mF_rapoo .next{width:8px;height:22px;overflow:hidden;position:absolute;z-index:4;bottom:15px;right:88px;cursor:pointer}
.mF_rapoo .prev a,.mF_rapoo .next a{display:block;font:700 26px/28px arial;color:#E3E3E3;text-align:center}
.mF_rapoo .prev a:hover,.mF_rapoo .next a:hover{color:#f60}
/*!src/mf-pattern/mF_shutters.css*/
.mF_shutters .pic{position:absolute;z-index:1}
.mF_shutters .pic ul{position:absolute;top:0;left:0;width:x;height:100%;overflow:hidden}
.mF_shutters .pic ul li{position:absolute;top:0;left:0;display:none}
.mF_shutters .txt{position:absolute;z-index:2;bottom:0;width:100%;height:36px;line-height:36px}
.mF_shutters .txt li{position:absolute;top:0;width:100%;visibility:hidden;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_shutters .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_shutters .txt li b{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_shutters .txt li.current{visibility:visible;opacity:1;-webkit-transition:all 1s 1s;-moz-transition:all 1s 1s;-o-transition:all 1s 1s}
.mF_shutters .prev a,.mF_shutters .next a{position:absolute;bottom:46px;left:0;padding:4px 6px;z-index:9;color:#333;text-decoration:none;background:#fff;border-radius:0 3px 3px 0;visibility:hidden;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_shutters .hover a{visibility:visible;filter:alpha(opacity=80);opacity:.8}
.mF_shutters .next a{left:auto;right:0;border-radius:3px 0 0 3px}
.mF_shutters .prev a:hover,.mF_shutters .next a:hover{color:#f60}
/*!src/mf-pattern/mF_slide3D.css*/
.mF_slide3D_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_slide3D .pic li{float:left;display:inline;overflow:hidden}
.mF_slide3D .pic li img{width:0}
.mF_slide3D .mask11,.mF_slide3D .mask12{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;border-style:solid dashed dashed solid;border-color:#fff transparent transparent #fff;filter:chroma(color=#000000)}
.mF_slide3D .mask12{top:auto;bottom:0;border-style:dashed dashed solid solid;border-color:transparent transparent #fff #fff}
.mF_slide3D .mask21,.mF_slide3D .mask22{position:absolute;top:0;right:0;width:0;height:0;overflow:hidden;border-style:solid solid dashed dashed;border-color:#fff #fff transparent transparent;filter:chroma(color=#000000)}
.mF_slide3D .mask22{top:auto;bottom:0;border-style:dashed solid solid dashed;border-color:transparent #fff #fff transparent}
.mF_slide3D .num{position:absolute;z-index:3;bottom:12px;left:12px}
.mF_slide3D .num li{float:left;display:inline;width:18px;height:18px;line-height:18px;border:1px solid #f60;overflow:hidden;text-align:center;margin-right:4px;cursor:pointer}
.mF_slide3D .num li a{color:#333;display:block;background:#FCF2CF;text-decoration:none}
.mF_slide3D .num li.current a,.mF_slide3D .num li.hover a,.mF_slide3D .next a:hover{color:#fff;background:#f60;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}
.mF_slide3D .next{position:absolute;z-index:3;bottom:12px;right:12px;border:1px solid #f60}
.mF_slide3D .next a{display:block;padding:0 4px;color:#333;background:#FCF2CF;cursor:pointer;text-decoration:none}
/*!src/mf-pattern/mF_sohusports.css*/
.mF_sohusports_wrap{padding:8px;border:1px solid #999;float:left;background:#fff}
.mF_sohusports .pic li{position:absolute;display:none}
.mF_sohusports .txt li{position:absolute;z-index:2;bottom:0;height:60px;line-height:32px;display:none}
.mF_sohusports .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_sohusports .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_sohusports .txt li p{display:none}
.mF_sohusports .num{position:absolute;z-index:3;bottom:8px;right:6px}
.mF_sohusports .num li{float:left}
.mF_sohusports .num li a{color:#fff;float:left;width:20px;height:20px;line-height:18px;overflow:hidden;text-align:center;margin-right:4px;cursor:pointer;background:url(img/mF_sohusports/sh-btn.gif) left no-repeat;text-decoration:none}
.mF_sohusports .num li.current a,.mF_sohusports .num li.hover a{color:#FF7B11;background-position:right}
/*!src/mf-pattern/mF_taobao2010.css*/
.mF_taobao2010 .pic ul{position:absolute}
.mF_taobao2010 .pic ul li{position:relative;overflow:hidden}
.mF_taobao2010 .pic ul.left li{float:left}
.mF_taobao2010 .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:38px;line-height:38px;display:none}
.mF_taobao2010 .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_taobao2010 .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3}
.mF_taobao2010 .num{position:absolute;z-index:3;bottom:6px;right:6px}
.mF_taobao2010 .num li{float:left}
.mF_taobao2010 .num li a{float:left;color:#E54B3B;width:20px;height:18px;position:relative;line-height:18px;border:1px solid #F27602;text-align:center;margin-right:3px;cursor:pointer;background:#FDF1D4;text-decoration:none;-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s}
.mF_taobao2010 .num li.current a,.mF_taobao2010 .num li.hover a{background:#FE8B18;color:#fff;border-color:#D86C01;font-weight:700;height:20px;line-height:20px;top:-2px}
/*!src/mf-pattern/mF_taobaomall.css*/
.mF_taobaomall{border:1px solid #ccc}
.mF_taobaomall .pic{position:relative;overflow:hidden;border-bottom:0}
.mF_taobaomall .pic ul{position:absolute}
.mF_taobaomall .pic ul li{position:relative;overflow:hidden}
.mF_taobaomall .pic ul.left li{float:left}
.mF_taobaomall .txt{line-height:28px;border-top:1px solid #ccc;overflow:hidden;width:120%}
.mF_taobaomall .txt li{float:left;border-right:1px solid #dedede;overflow:hidden}
.mF_taobaomall .txt li a{display:block;color:#333;padding:0 10px;text-align:center;font-size:12px;text-decoration:none;background:url(img/mF_taobaomall/btn-bg2.gif) left -44px repeat-x}
.mF_taobaomall .txt li.current a{color:#fff;font-weight:700;background-position:left top}
/*!src/mf-pattern/mF_tbhuabao.css*/
.mF_tbhuabao{background:#ddd;border:10px solid #333;overflow:visible;margin-left:10px}
.mF_tbhuabao .pic,.mF_tbhuabao .pic ul{position:absolute;top:0;left:0;overflow:hidden}
.mF_tbhuabao .pic li{position:relative;float:left;overflow:hidden}
.mF_tbhuabao .txt li{position:absolute;z-index:2;width:100%;height:38px;line-height:38px;display:none}
.mF_tbhuabao .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_tbhuabao .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3}
.mF_tbhuabao .dot{position:absolute;bottom:0;left:0;height:32px;line-height:28px;width:100%;text-align:center}
.mF_tbhuabao .dot li{display:inline;margin:0 3px}
.mF_tbhuabao .dot li a{color:#999;font-size:26px;text-decoration:none;-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s}
.mF_tbhuabao .dot li.current a{color:#f60}
.mF_tbhuabao .prev,.mF_tbhuabao .next{font:700 53px/58px arial;width:37px;height:65px;overflow:hidden;position:absolute;z-index:4;left:-20px;cursor:pointer;background:url(img/mF_tbhuabao/btn-bg.gif) no-repeat}
.mF_tbhuabao .next{left:auto;right:-20px}
.mF_tbhuabao .prev a,.mF_tbhuabao .next a{display:block;color:#bbb;text-align:center;text-decoration:none}
.mF_tbhuabao .prev a:hover,.mF_tbhuabao .next a:hover{color:#f60}
/*!src/mf-pattern/mF_YSlider.css*/
.mF_YSlider .pic li,.mF_YSlider .rePic li{position:absolute;top:0;left:0;display:none}
.mF_YSlider .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:36px;line-height:36px;display:none}
.mF_YSlider .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:700;text-decoration:none}
.mF_YSlider .txt li b{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=40);opacity:.4}
.mF_YSlider .num{position:absolute;z-index:3;bottom:8px;right:2px}
.mF_YSlider .num li{position:relative;float:left;width:20px;height:20px;overflow:hidden;text-align:center;margin-right:4px;cursor:pointer}
.mF_YSlider .num li a,.mF_YSlider .num li b{display:block;width:18px;height:18px;border:1px solid #dedede;line-height:18px;position:absolute;z-index:2;top:0;left:0;color:#333;text-decoration:none}
.mF_YSlider .num li b{z-index:1;background:#fff;filter:alpha(opacity=60);opacity:.6}
.mF_YSlider .num li.current a,.mF_YSlider .num li.hover a{border-color:#E63003;color:#fff;background:#F66E08;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}/*当前/悬停按钮