﻿/* MFW header */
body, p, form, input, dl, dt, dd { padding:0; margin:0; }
ul,li{ list-style:none; padding:0; margin:0;}
img{ border:0}
/* topbar */
.topbar { width:100%; height:27px; background:url(/images/header/topbarbg.gif) repeat-x; border-bottom:1px solid #E2E2E2;}
.topbar .barC{ width:980px; margin:0 auto;}

.topbar .barmenu{ width:310px; height:27px; float:left; background:url(/images/header/mfw_url.gif) 10px 10px no-repeat; padding-left:130px; z-index:1000;}
.topbar .seobar{ float:left; width:130px; margin-left:-130px;}
.topbar .barmenu dl { float:left; padding-right:5px; margin-right:3px; background:url(/images/header/tline.gif) right 6px no-repeat; width:68px; position:relative; z-index:1001;}
.topbar .barmenu dl.last { background:none; padding:0; margin:0; }
.topbar .barmenu .dl1 { width:66px;}
.topbar .barmenu dt { height:27px; }
.topbar .barmenu dt a { float:left; height:21px; padding-top:7px; font-size:12px; color:#A6551F; text-align:center; overflow:hidden; }
.topbar .barmenu dt a:hover{ background:url(/images/header/headerbg.gif?v=9) 0 -80px no-repeat; font-size:12px; color:#fff; text-decoration:none;}
.topbar .barmenu dd { border:1px solid #744403; border-top:none; background:#AA3E02 url(/images/header/headerbg.gif?v=9) -800px -40px no-repeat; padding:5px 0; width:88px; position:absolute; top:26px; left:0px; display:none;}
.topbar .barmenu dd p {}
.topbar .barmenu dd a { height:17px; width:81px; display:block; padding:6px 0 0 7px; font-size:12px; color:#ffdb8c; text-decoration:none; border-bottom:1px dashed #C96413;}
.topbar .barmenu dd a:hover{ background:#D85A16 url(/images/header/hoverbg.gif) 0 0 no-repeat; font-size:12px; color:#ffdb8c; text-decoration:none;}
/* a1 */
.topbar .barmenu .a0 { width:66px; }
.topbar .barmenu .a0:hover { background-position:0px -258px; width:66px; }
.topbar .barmenu .a0-mosuover { background-position:0px -258px; width:66px; }
/* a2 */
.topbar .barmenu .a1 { width:62px; background:url(/images/header/headerbg.gif?v=9) -628px -28px no-repeat; padding-right:8px;}
.topbar .barmenu .a1:hover { background-position:-100px -258px; width:62px; padding-right:8px;}
.topbar .barmenu .a1-mosuover { background-position:-100px -258px; width:62px; padding-right:8px; color:#fff;}
/* a2 */
.topbar .barmenu .a2 { width:62px; background:url(/images/header/headerbg.gif?v=9) -628px -28px no-repeat; padding-right:8px;}
.topbar .barmenu .a2:hover { background-position:-100px -258px; width:62px; padding-right:8px;}
.topbar .barmenu .a2-mosuover { background-position:-100px -258px; width:62px; padding-right:8px; color:#fff;}
/* a3 */
.topbar .barmenu .a3 { width:62px; background:url(/images/header/headerbg.gif?v=9) -628px -28px no-repeat; padding-right:8px;}
.topbar .barmenu .a3:hover { background-position:-100px -258px; width:62px; padding-right:8px;}
.topbar .barmenu .a3-mosuover { background-position:-100px -258px; width:62px; padding-right:8px; color:#fff;}

.topbar .imenu{ width:530px; height:20px; float:left; text-align:right; color:#969696; padding:8px 0 0 6px; font-size:12px; word-spacing:5px;}
.topbar .imenu a{ color:#E56E02; text-decoration:none;}
.topbar .imenu a:hover{ text-decoration:underline;}
.topbar .imenu img { vertical-align:middle;}
.topbar .imenu .lvbg{ display:inline; border:1px solid #AC0033; background:#FE7D02 url(/images/header/Lvbg.gif) 0 0 no-repeat; text-align:center; padding:0 3px;}
.topbar .imenu .lvbg a{  font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
.topbar .imenu .lvbg a:hover{ text-decoration:none;}
.topbar .imenu a.msg { display:inline-block; background:url(/images/header/icon.gif) -13px -11px no-repeat; padding-left:25px; }
.topbar .imenu .no_login { margin-top:-4px;}

.connect_setPop_A{display:inline;}
.connect_setPop{ width:231px; height:75px; position:absolute; margin-left:135px; *margin:18px 0 0 -142px; background:url(/images/login/Connect_setPop.gif) no-repeat; z-index:1000;}
.connect_setPop .setClose{ position:absolute; margin:8px 0 0 216px;}
.connect_setPop .setClose a{ width:10px; height:10px; display:block; overflow:hidden; line-height:100px;}
.connect_setPop .setTip{ padding:16px 0 0 6px; height:28px; color:#313131; font-size:12px; text-align:left;}
.connect_setPop .setBtn{ padding:2px 0 0 14px;}
.connect_setPop .setBtn a{ width:200px; height:20px; display:block; overflow:hidden; line-height:100px;}
.connect_setPop_A .con_ico{display:inline;}

/* menu */
.menu { clear:both; background:url(/images/header/topBg.jpg) 0 0 no-repeat; width:980px; height:85px; margin:0 auto; font-size:12px; z-index:1000;}

/* top search */
.top-search { clear:both; height:45px;}
.top-search .A1{ width:175px; float:left;}
.top-search .A1 a{width:175px; height:46px; display:block; line-height:200px; overflow:hidden;}
.top-search .A4 { width:165px; float:left; padding:12px 0 0 72px; background:url(/images/header/headerbg.gif?v=9) 0px -18px no-repeat;}
.top-search .A4 input{ width:160px; height:24px; border:none; background:none; font-size:14px; color:#626262; line-height:24px; padding:0 0 0 3px;}
.top-search .A5 { width:83px; height:24px; float:left; padding-top:12px; background:url(/images/header/headerbg.gif?v=9) -275px -18px no-repeat;}
.top-search .A5 .sel_N a{ width:56px; height:19px; display:block; background:url(/images/header/headerbg.gif?v=9) -275px -30px no-repeat; font-size:12px; color:#626262; text-decoration:none; padding:5px 0 0 7px;}
.top-search .A5 .sel_li{width:81px; border:1px solid #B2B2B2; background-color:#FFF; position:absolute; margin:-1px 0 0 0; z-index:99;}
.top-search .A5 .sel_li a{ width:74px; height:23px; line-height:23px; padding-left:7px; display:block; font-size:12px; color:#626262; text-decoration:none;}
.top-search .A5 .sel_li a:hover{ background-color:#EEEEEE;}
.top-search .A5 .sel_li a.on{background-color:#EEEEEE;}
.top-search .A6 { width:71px; float:left; padding-top:12px; margin-left:3px;}
.top-search .A6 input{ width:71px; height:24px; background:url(/images/header/headerbg.gif?v=9) -358px -30px no-repeat; border:none; cursor:pointer;}
.top-search .A7 { width:82px; margin-left:26px; padding-top:18px; float:left;}
.top-search .A7 .are_N a{ width:42px; height:15px; display:block; background:url(/images/header/headerbg.gif?v=9) -500px -35px no-repeat; font-size:12px; color:#626262; text-decoration:none;}
.top-search .A7 .are_li{ border:1px solid #999; background-color:#FFF; width:165px; padding:5px 0 5px 5px; position:absolute; z-index:1001;}
.top-search .A7 .are_li li{ width:55px; height:25px; line-height:25px; float:left; overflow:hidden;}
.top-search .A7 .are_li li a{ font-size:12px; color:#333; text-decoration:none;}
.top-search .A7 .are_li li a:hover{ text-decoration:underline;}

.paoxiao{ position:absolute; margin:26px 0 0 185px;}

/* July 7 */
.actbg{ background:url(/images/header/jd90.jpg) right no-repeat;}
.top-search .A_july{ width:296px; float:left;}
.top-search .A_july a{width:296px; height:45px; display:block; line-height:200px; overflow:hidden;}

/* top menu */
.weng_hot{ width:24px; height:12px; position:absolute; margin-left:128px; *margin-left:-300px; z-index:999; background:url(/images/header/icon_new2.gif) no-repeat; z-index:20;}
.top-menu { clear:both; padding:4px 0 0 100px; width:580px; height:36px; float:left;}
.top-menu dl { float:left; padding-right:5px; margin-right:3px; background:url(/images/header/lineB.gif) right 0px no-repeat; width:70px; position:relative;}
.top-menu dl.last { background:none; padding:0; margin:0; }
.top-menu .dl2 { width:100px;}
.top-menu .dl3 { width:85px;}
.top-menu dt { height:33px;}
.top-menu dt a { float:left; height:31px; padding-top:8px; font-size:14px; color:#971B00; font-weight:bold; text-align:center; overflow:hidden; }
.top-menu dt a:hover{ background:url(/images/header/headerbg.gif?v=9) 0 -80px no-repeat; font-size:14px; color:#fff; text-decoration:none;}
.top-menu dd { border:1px solid #744403; border-top:none; background:#AA3E02 url(/images/header/headerbg.gif?v=9) -800px -40px no-repeat; padding-top:5px; width:88px; position:absolute; top:39px; left:0px; display:none;}
.top-menu dd p { padding-bottom:5px; }
.top-menu dd a { height:17px; width:81px; display:block; padding:6px 0 0 7px; font-size:12px; color:#ffdb8c; text-decoration:none; border-bottom:1px dashed #C96413;}
.top-menu dd a:hover{ background:#D85A16 url(/images/header/hoverbg.gif) 0 0 no-repeat; font-size:12px; color:#ffdb8c; text-decoration:none;}
/* 首页 */
.top-menu .a0 { width:70px; }
.top-menu .a0:hover { background-position:-110px -80px; width:70px; }
/* 嗡嗡 */
.top-menu .a1 { width:70px;}
.top-menu .a1:hover { background-position:-110px -80px; width:70px; }
/* 我的蚂蜂窝 */
.top-menu .a2 { width:100px;}
.top-menu .a2:hover { background-position:0 -80px; width:100px; }
/* 小组 */
.top-menu .a3 { width:70px;}
.top-menu .a3:hover { background-position:-110px -80px; width:70px; }
/* 新鲜事 */
.top-menu .a4 { width:85px;}
.top-menu .a4:hover { background-position:-200px -80px; width:85px; }

/* hot act */
.top-act { width:300px; float:left;}
.top-act .act1{ position:absolute; margin:-23px 0 0 75px;}
.top-act .act1 a{ width:45px; height:64px; display:block; background:url(/images/header/headerbg.gif?v=9) 0 -158px no-repeat; line-height:200px; overflow:hidden;}
.top-act .act1 a:hover{ background:url(/images/header/headerbg.gif?v=9) -290px -158px no-repeat;}
.top-act .act2{ position:absolute; margin:-23px 0 0 120px;}
.top-act .act2 a{ width:61px; height:64px; display:block; background:url(/images/header/headerbg.gif?v=9) -47px -158px no-repeat; line-height:200px; overflow:hidden;}
.top-act .act2 a:hover{ background:url(/images/header/headerbg.gif?v=9) -337px -158px no-repeat;}
.top-act .act3{ position:absolute; margin:-23px 0 0 181px;}
.top-act .act3 a{ width:55px; height:64px; display:block; background:url(/images/header/headerbg.gif?v=9) -108px -158px no-repeat; line-height:200px; overflow:hidden;}
.top-act .act3 a:hover{ background:url(/images/header/headerbg.gif?v=9) -398px -158px no-repeat;}
.top-act .act4{ position:absolute; margin:-23px 0 0 241px;}
.top-act .act4 a{ width:60px; height:64px; display:block; background:url(/images/header/headerbg.gif?v=9) -157px -158px no-repeat; line-height:200px; overflow:hidden;}
.top-act .act4 a:hover{ background:url(/images/header/headerbg.gif?v=9) -447px -158px no-repeat;}
.top-act .act5{ position:absolute; margin:-23px 0 0 75px;}
.top-act .act5 a{ width:45px; height:64px; display:block; background:url(/images/header/headerbg.gif?v=9) -670px -158px no-repeat; line-height:200px; overflow:hidden;}
.top-act .act5 a:hover{ background:url(/images/header/headerbg.gif?v=9) -559px -158px no-repeat;}
.top-act .act6{ position:absolute; margin:-23px 0 0 20px;}
.top-act .act6 a{ width:50px; height:64px; display:block; background:url(/images/header/headerbg.gif?v=9) -760px -158px no-repeat; line-height:200px; overflow:hidden;}
.top-act .act6 a:hover{ background:url(/images/header/headerbg.gif?v=9) -857px -158px no-repeat;}
.top-act .i_hot{ width:24px; height:12px; position:absolute; margin:1px 0 0 160px; z-index:999;}
.top-act .i_new{ width:24px; height:12px; position:absolute; margin:1px 0 0 45px; z-index:999;}

.float_weng { clear:both; width:130px; height:27px; padding:3px 0 0 0; left:50%; background:url(/images/header/wengbg.gif) 0 0 no-repeat; position:absolute; margin:-16px 0 0 50px; overflow:hidden;}
.float_weng .weng_ts{ width:112px; text-align:center; float:left; line-height:27px; height:27px; overflow:hidden;}
.float_weng .weng_ts a{ font-size:12px; color:#D62E01;}
.float_weng .weng_ts a:hover{ font-size:12px; color:#D62E01; text-decoration:underline;}
.float_weng .weng_close { width:18px; height:27px; float:left;}
.float_weng .weng_close img { cursor:pointer;}

.suggest_link { background-color: #FFFFFF;padding: 2px 6px 2px 6px;}
.suggest_link_over {background-color: #996600;padding: 2px 6px 2px 6px; color:#fff;}
#search_suggest { position:absolute; background-color:#FFFFFF; text-align: left; line-height:18px; margin-left:712px;}

/* bottom */
.mdd_dh { clear:both; width:980px; margin:10px auto 0; border-top:1px solid #E0E0E0; }
.mdd_dh .mdh_tt{ padding:14px 0 0 6px; color:#666666; font-weight:bold;}
.mdd_dh .mdh_li{ padding:10px 0 0 6px; line-height:20px; word-break:break-all; word-wrap:break-word;}
.mdd_dh .mdh_li li{ width:96px; height:20px; overflow:hidden; float:left;}
.mdd_dh .mdh_li li a{ color:#666666;}
.mdd_dh .mdh_li li a:hover{ color:#9B5218; text-decoration:underline;}

/* footer */
.footer { clear:both; width:948px; height:200px; margin:15px auto 0; border:1px solid #E0E0E0; background-color:#F3F3F3; padding:15px 15px 0 15px;}
.footer .s_A{ height:25px; padding:0 0 8px 300px; border-bottom:1px solid #E0E0E0;}
.footer .s_A .A1{ width:80px; float:left;}
.footer .s_A .A1 input{ width:80px; height:20px; font-size:12px; color:#666666;}
.footer .s_A .A2{ width:195px; float:left; padding-left:3px; background:url(/images/header/footer_bg.gif) 0 0 no-repeat;}
.footer .s_A .A2 input{ width:195px; height:20px; border:none; background:none; line-height:20px; font-size:12px; color:#FF9900; }
.footer .s_A .A3{ width:90px; float:left;}
.footer .s_A .A3 input{ background:url(/images/header/footer_bg.gif) -202px 0 no-repeat scroll; border:0px none; cursor:pointer; width:59px; height:19px; color:#FFF; }

.footer .s_map{ clear:both; margin-top:15px;}
.footer .map_li{ width:250px; float:left;}
.footer .map_li .ztit{ height:30px; font-size:14px; font-weight:bold; color:#666;}
.footer .map_li .li_A { width:125px; float:left;}
.footer .map_li .li_A li{ width:112px; height:21px; background:url(/images/header/footer_bg.gif) 0 -40px no-repeat; padding-left:13px;}
.footer .map_li .li_A li a{color:#666666;}
.footer .map_li .li_A li a:hover{ color:#9B5218; text-decoration:underline;}

.footer .about_M{ border-left:1px dashed #E0E0E0; padding-left:39px; width:130px; float:left;}
.footer .about_M .ztit{ height:30px; font-size:14px; font-weight:bold; color:#666;}
.footer .about_M .li_A { width:125px; float:left;}
.footer .about_M .li_A li{ width:112px; height:21px; }
.footer .about_M .li_A li a{color:#666666;}
.footer .about_M .li_A li a:hover{ color:#9B5218; text-decoration:underline;}

.mfw_Boter{ clear:both; width:980px; margin:0 auto; height:20px; padding:10px 0 5px 0;}

.follow_mfw{ float:left; width:350px;}
.follow_mfw span{ float:left; color:#666; padding-top:1px; padding-top:2px/9;}
.follow_mfw a{ width:16px; height:16px; display:block; background:url(/images/login/connect_ico.gif) no-repeat; line-height:100px; overflow:hidden; float:left; margin-right:5px;}
.follow_mfw a.weibo{ background-position:0 -16px;}
.follow_mfw a.weibo:hover{ background-position:0 0;}
.follow_mfw a.renren{ background-position:0 -80px;}
.follow_mfw a.renren:hover{ background-position:0 -64px;}
.follow_mfw a.QQzone{ background-position:0 -272px;}
.follow_mfw a.QQzone:hover{ background-position:0 -256px;}
.follow_mfw a.kaixin{ background-position:0 -176px;}
.follow_mfw a.kaixin:hover{ background-position:0 -160px;}
.follow_mfw a.QQt{ background-position:0 -144px;}
.follow_mfw a.QQt:hover{ background-position:0 -128px;}

.copyright{ width:440px; float:left; color:#333; padding-left:5px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.copyright a{ color:#333333; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.copyright img { vertical-align:middle;}

.mfw_Boter .back_top { width:20px; float:right; height:20px; overflow:hidden;}

.bottom { clear:both; width:980px; margin:0 auto; height:20px; padding:10px 0;}
.bottom .l{ float:left; width:600px; color:#333333; padding-left:5px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.bottom .l a{ color:#333333; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.bottom .l img { vertical-align:middle;}
.bottom .r{ float:right; width:300px; text-align:right; color:#333333;}
.bottom .r a{ font-size:12px; color:#333333; text-decoration:none;}
.bottom .r a:hover{ font-size:12px; color:#333333; text-decoration:underline;}

/* footer2 */
.footer2 { clear:both; width:980px; margin:0 auto; height:20px; padding:10px 0; border-top:1px solid #E0E0E0;}
.footer2 .l{ float:left; width:500px; color:#333333; padding-left:5px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer2 .l a{ font-size:11px; color:#333333; text-decoration:none;}
.footer2 .l img { vertical-align:middle;}
.footer2 .r{ float:right; width:450px; text-align:right; color:#333333;}
.footer2 .r a{ font-size:12px; color:#333333; text-decoration:none;}
.footer2 .r a:hover{ font-size:12px; color:#333333; text-decoration:underline;}
/* invite s */
.top-act{position:relative;z-index:5;}
.topbar .barC{position:relative;z-index:2;}
.top-menu{position:relative;}
.weng_hot{z-index:1;}
.invite_link{height:100px;width:334px;margin-right:-85px;position:absolute;top:32px;right:0;float:right;background:url(/images/header/anniu.gif) no-repeat;}
.invite_link a{display:block;width:250px;height:28px;margin-top:5px;line-height:200px;overflow:hidden;}

.invite_friend{font-family:"宋体";}
.invite_bg{padding-bottom:50px;background:url(/images/header/invite_bg.png) no-repeat 40px bottom;}
.invite_friend h3{border-bottom:1px solid #e3e3e3;padding-bottom:10px;margin-bottom:10px;}
.invite_friend .user_form{padding:5px;}
.invite_friend .user_form label{display:block;margin:10px 0;color:#a6551f;font-size:14px;}
.invite_friend .user_form input{width:160px;height:25px;padding:0 2px;border:1px solid;border-color:#aaa #ddd #ddd #aaa;line-height:25px;}
.invite_friend .user_form .getmobilecode{display:inline-block;margin-left:10px;padding:0 0 0 20px;background:url(/images/home/m_messages.gif) no-repeat;}
.invite_friend .user_form .getmobilecode a{font-weight:bold;text-decoration:underline;color:#FF9900;}
.invite_friend .user_form p{margin:10px 0 20px;color:#969696;}
.invite_friend .user_form a{text-decoration:underline;color:#FF9900;}
.invite_friend .user_form a:hover{text-decoration:none;}
.invite_friend button{width:105px;height:34px;border-radius:5px;border:0 none;background-color:#ff8800;color:#fff;text-align:center;font-weight:bold;}
.jns_pic{float:right;}

.invite_list_form{padding:0 10px;}
.invite_list_form dt{font-size:14px;color:#a6551f;}
.invite_list_form ol{padding:0;margin:0;}
.invite_list_form li{float:left;width:180px;}
.invite_list_form .option{height:24px;margin:10px 0;padding-left:30px;background:url(/images/header/invite_num.png) no-repeat -75px 0;line-height:24px;}
.invite_list_form .A2 .option{background-position:-75px -24px;}
.invite_list_form .A3 .option{background-position:-75px -48px;}
.invite_list_form .green{display:none;}
.invite_list_form .red{display:none;}
.invite_list_form .red_err{display:none;}
.invite_list_form .on .green{padding-left:23px;background:url(/images/header/invite_num.png) no-repeat -81px -74px;color:#009900;display:inline;}
.invite_list_form .off .red{display:inline;color:#ff0000;} 
.invite_list_form .err .red_err{display:inline;color:#ff0000;}
.invite_list_form input{width:150px;height:25px;margin-bottom:15px;padding:0 2px;border:1px solid;border-color:#aaa #ddd #ddd #aaa;line-height:25px;color:#999;}
.invite_list_form .on input{color:#999;}
.invite_list_form .off input{color:#333;}
.invite_list_form p{padding:5px;border-top:1px dotted #e3e3e3;color:#a6551f;}
.invite_list_form textarea{width:505px;margin-bottom:15px;padding:3px;border:1px solid #ddd;color:#666;line-height:18px;overflow-y:auto;font-size:12px;}

.invite_add li{margin-bottom:15px;}
.invite_add label{float:left;width:150px;display:inline-block;padding-top:8px;text-align:right;color:##A6551F;font-size:14px;}
.invite_add input{width:300px;height:25px;padding:0 2px;border:1px solid;border-color:#aaa #ddd #ddd #aaa;line-height:25px;}
.invite_add textarea{width:300px;padding:0 2px;border:1px solid;border-color:#aaa #ddd #ddd #aaa;line-height:25px;overflow-y:auto;}
/* invite end */