﻿@charset "utf-8";
/* reset */
body { font-family:verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:11px; color:#606060; margin:0; padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
caption,th { text-align:left;}
ul,ol { list-style:none;}
/* link */
a, a:visited ,a:active{ color:#3b5995; text-decoration:none;}
a:hover{ color:#0183e5; text-decoration:none;}
.a_home a:hover{ color:#0183e5;}
.a_event a:hover{ color:#ff6900;}
.a_listing a:hover{ color:#a40886;}
.a_news a:hover{ color:#cc0000;}
.a_video a:hover{ color:#139ca1;}
.a_group a:hover{ color:#6ae500;}
.a_myqq a:hover{ color:#00b4ff;}
/* font */
.f14 { font-size:14px;}
/* color */
.c_home { border-top-color:#0273c8;}
.c_event { border-top-color:#0273c8;}
.c_listing { border-top-color:#0273c8;}
.c_news { border-top-color:#0273c8;}
.c_video { border-top-color:#0273c8;}
.c_group { border-top-color:#0273c8;}
.c_myqq { border-top-color:#0273c8;}
/* else */
.tc { text-align:center;} .tl{ text-align:left;} .tr { text-align:right;}
.fl { float:left;} .fr{ float:right;} .cl { clear:both; overflow:hidden; height:0px; font:}
.nodis { display:block;} .dis { display:none;}
/* common */
.area { width:950px; margin:0 auto; margin-bottom:20px; clear:both; overflow:hidden; padding-top:8px;}
.col1 { float:left; width:710px;}
.col2 { float:right; width:230px;}
.box {  background:url(../images/box_bg_1.png) repeat-x; padding-top:3px;}
.box h2 { border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:none;}
h2 { height:31px; background:#f3f3f3; color:#000000; font-size:24px; font-family:"Times New Roman", Times, serif; padding-left:10px; padding-top:4px; border-top-width:3px; border-top-style:solid; font-weight:normal;}
h2 span.h { display:inline-block; height:31px; padding-right:22px; background:url(../images/h2_bg.gif) no-repeat right 7px;}
.mar_b_60 { margin-bottom:60px;}
/* head */
.head { width:950px; height:122px; margin:0 auto; overflow:hidden; clear:both;}
.head .qqi_logo { float:left; width:300px; height:65px; padding-top:5px;}
.head .head_r { float:right; height:70px; text-align:right; position:relative;}
.head .head_r span { margin:0 5px; vertical-align:middle;}
.head .head_r p.s1 { height:30px; overflow:hidden; padding-bottom:13px;}
.head .head_r p.s1 span {margin:0 10px;}
.head .head_r p a.jump,.head .head_r p a.jump:visited { display:inline-block; width:115px; padding-left:45px; height:30px; line-height:30px; text-align:left; font-weight:bold; color:#ffffff; background:url(../images/jump.png) no-repeat 0 0;}
.head .head_r p a.jump:hover  {background:url(../images/jump.png) no-repeat 0 -30px;}
.head .head_r p span.no_mar { margin-right:0;}
.head .head_r p span.online,.head .head_r p span.totle { margin-right:15px;}
/* city API */
.head span.citys { display:inline-block; height:20px; line-height:18px; padding-right:20px; font-weight:bold; background:url(../images/citys_bg.png) no-repeat; cursor:pointer; margin-right:0;}
.head span.citys em { display:inline-block; height:20px; background:url(../images/citys_bg.png) no-repeat; padding-left:8px; color:#ffffff; font-style:normal;}
.drog_menu { width:90px; padding-left:8px; background:#f3f3f3; border:1px solid #e6e6e6; border-top:none; line-height:19px; position:absolute; right:0; top:63px; _top:64px; padding-bottom:1px;}
.drog_menu li { text-align:left;}
.head span.ct_home { background-position:right 0;}
.head span.ct_home em { background-position:0 0;}
.head span.ct_event { background-position:right -20px;}
.head span.ct_event em { background-position:0 -20px;}
.head span.ct_listing { background-position:right -40px;}
.head span.ct_listing em { background-position:0 -40px;}
.head span.ct_news { background-position:right -60px;}
.head span.ct_news em { background-position:0 -60px;}
.head span.ct_video { background-position:right -80px;}
.head span.ct_video em { background-position:0 -80px;}
.head span.ct_group { background-position:right -100px;}
.head span.ct_group em { background-position:0 -100px;}
.head span.ct_myqq { background-position:right -120px;}
.head span.ct_myqq em { background-position:0 -120px;}
/* weather API */
.head .head_r span.weather { display:inline-block; width:16px; height:16px; overflow:hidden; background:url(../images/weather.png) no-repeat;}
.head .sun { background-position:0 0;}
.head .cloudy { background-position:-16px 0;}
.head .drizzle { background-position:-32px 0;}
.head .mist { background-position:-48px 0;}
.head .overcast { background-position:0 -16px;}
.head .rain_sun { background-position:-16px -16px;}
.head .rainstorm { background-position:-32px -16px;}
.sand { background-position:-48px -16px;}
.head .showers { background-position:0 -32px;}
.head .sleet { background-position:-16px -32px;}
.head .typhoon { background-position:-32px -32px;}
.head .snowstorm { background-position:-48px -32px;}
.head .snow2 { background-position:0 -48px;}
.head .snow1 { background-position:-16px -48px;}
.head .rainy1 { background-position:-32px -48px;}
.head .rainy2 { background-position:-48px -48px;}
/* navigation */
#nav { width:950px; height:32px; font-weight:bold; background:url(http://imqq.cityweekend.com.cn/images/nav_bg.gif) repeat-x; clear:both; overflow:hidden;}
#nav ul { height:32px; margin-left:-1px;}
#nav li { float:left; height:32px; background:url(../images/nav_line.gif) no-repeat 0 0;}
#nav li a { display:block; height:32px; line-height:32px; text-align:center; color:#ffffff;}
#nav li a.n_home { width:76px;}
#nav li a.n_home:hover,#nav li a.n_home_on,#nav li a.n_home_on:visited,#nav li a.n_home_on:hover { width:76px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat 1px 0;}
#nav li a.n_event { width:83px;}
#nav li a.n_event:hover,#nav li a.n_event_on,#nav li a.n_event_on:visited,#nav li a.n_event_on:hover { width:83px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -76px 0;}
#nav li a.n_listing { width:87px;}
#nav li a.n_listing:hover,#nav li a.n_listing_on,#nav li a.n_listing_on:visited,#nav li a.n_listing_on:hover { width:87px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -160px 0;}
#nav li a.n_news { width:74px;}
#nav li a.n_news:hover,#nav li a.n_news_on,#nav li a.n_news_on:visited,#nav li a.n_news_on:hover { width:74px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -248px 0;}
#nav li a.n_video { width:76px;}
#nav li a.n_video:hover,#nav li a.n_video_on,#nav li a.n_video_on:visited,#nav li a.n_video_on:hover { width:76px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -323px 0;}
#nav li a.n_group { width:84px;}
#nav li a.n_group:hover,#nav li a.n_group_on,#nav li a.n_group_on:visited,#nav li a.n_group_on:hover { width:84px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -400px 0;}
#nav li a.n_myqq { width:78px;}
#nav li a.n_myqq:hover,#nav li a.n_myqq_on,#nav li a.n_myqq_on:visited,#nav li a.n_myqq_on:hover { position:relative; margin-right:-1px; padding-right:1px; width:78px; background:url(../images/nav_on.png) no-repeat -485px 0;}
/* g_tips */
.g_tips_box { padding-top:3px; position:absolute; top:0; left:0; cursor:default; z-index:9999;}
.g_tips { width:213px; height:92px; padding:9px 0 0 15px; background:#ffffff url(../images/group_tip_bg.png) no-repeat 0 0;}
.g_tips p { font-size:12px; color:#333333; font-family:Tahoma; line-height:18px;}
.g_tips p a { font-weight:bold;}
.g_tips p.s1 { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:8px;}
/* foot */
.foot { background:#f3f3f3; height:72px; clear:both; text-align:center; padding-top:0px;}
.foot p { line-height:22px; color:#7e7e7e;}

 .footer{background:#F3F3F3; margin:0 auto; text-align: center;}
