﻿@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
Theme Name: Q友地带
Theme URI: http://www.qzby.com/
Description: 你想找的QQ头像这里都有，还有更多QQ周边惊喜等你来发现。
Version: Q1.0
------------------------------------------------------------------------------------------------------------*/
/* 基础样式 */
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background-color:#FFFFFF;cursor:default;font-family:Arial;font-size:12px;}
input,textarea{resize:none;outline:0;font-family:Arial;word-wrap:break-word;}
u, i, s, em {font-style: normal;text-decoration: none;}
ol,ul,li{list-style:none;vertical-align:middle;}
img{border:none;border-width:0;vertical-align:middle;}
a{color:#666;cursor:pointer;outline:medium none;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;color:#f69;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}

/* 通用 */
.auto{width:960px;margin:0 auto;position: relative;overflow:hidden;zoom:1;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

/* 兼容 */
.clearfix:after{content:"."; display:block;height:0;line-height:0;visibility:hidden; clear:both;}
.clearfix {zoom:1;}
.clearit {clear:both; height:0; font-size:0; overflow:hidden;}

/* 顶部 */
.tops{background-color:#FBFBFB;border-bottom:1px solid #EAEAEA;}
.tops ul{height:36px;line-height:36px;overflow:hidden;width:960px;margin:0 auto;}
.tops ul li.welcome{float:left;display:inline;letter-spacing:1px;}
.tops ul li.welcome span{background:url("../images/phone-icon.gif") no-repeat left center;float:left;font-family: Tahoma;padding-left:14px;color:#5489BA;}

.tops ul li.user{float:right;color:#1C91DB;display:inline;}
.tops ul li.user span{height:36px;float:left;}
.tops ul li.user a{display:block;border-left:1px dotted #ccc;height:16px;line-height:16px;margin-top:10px;padding:0 15px 0 16px;}
.tops ul li.user a.I_QQ{border:none;background:url("../images/top_qq.gif") no-repeat -1px -2px; padding-left:20px;}
.tops ul li.user a.I_JF{background:url("../images/top_jf.png") no-repeat 15px 0; padding-left:31px;}
.tops ul li.user a.I_MB{background:url("../images/top_mb.gif") no-repeat 11px 0; padding-left:31px;}
.tops ul li.user a.LAST{padding:0 0 0 16px;}

/* 头部 */
.head {margin:0 auto; overflow:hidden;}
.logo {width: 960px; margin: 0 auto; clear: both; overflow: hidden;height:35px;padding:15px 0;position: relative; zoom:1;}
.head h1,.head h2 {background: url("../images/logo.png") no-repeat 0 0; width: 236px; height: 35px;overflow: hidden; float: left; }
.head h1 a,.head h2 a { display: block; width: 236px; height: 50px; line-height: 20em; overflow: hidden;}
.head h1 a:active,.head h2 a:active { position: relative; top: 1px; opacity: 0.5; }

/* 搜索 */
.so{border:2px solid #f69;display:inline;height:30px;right:0;margin-top:1px;position:absolute;width:360px;z-index:450;}
#formsearch{background: url("../images/soso.gif") no-repeat scroll 5px 6px transparent; padding-left:30px;width:330px;overflow:hidden;zoom:1;}
.so input{border: 0 none;height:30px;line-height:30px; outline: medium none;}
.search_keyword{color: #999999;font-size: 12px;text-indent: 5px;width: 170px; float:left;}
.so input.submit {background: none repeat scroll 0 0 #f69;color: white;font-size: 14px;width:60px;display: inline;cursor: pointer;float:right;padding:0 5px;}

/* 导航 */
.meau{background:none repeat scroll 0 0 #ff6599;width:100%;position: relative;clear:both;height:40px;margin:0 auto;z-index:999;}
.meau ul{width:960px;height:40px;margin:0 auto;position: relative;}
.meau ul li{float:left;font:15px/40px "Arial";position:relative;height:40px;line-height:40px;font-weight:bold;z-index:450;}
.meau ul li a{display:block;color:#FFFFFF;padding:0 14px;text-align:center;}
.meau ul li.on{background:none repeat scroll 0 0 #ed3577;}
.meau ul li a:hover{background:none repeat scroll 0 0 #ed3577;}

.meau ul li .meau_list{background:#fff;text-align:center;width:100%;position:absolute;left:0;top:39px;display:none;}
.meau ul li .meau_list .meau_lcon{border:1px solid #f69;display:block;}
.meau ul li .meau_list .meau_lcon a{color:#f69;display:block;height:30px;line-height:30px;padding:0;}
.meau ul li .meau_list .meau_lcon a:hover{background-color:#ed3577;color:#fff;}
.meau ul li .meau_list .meau_lcon a:hover:hover{color:#fff;}

.menu_float{box-shadow:0 1px 5px rgba(0,0,0,0.4);position:fixed;top:0;left:0;width:100%;}

/* 底部导航 */
.navs{border:1px solid #dfdfdf;display:block;height:auto;margin:10px auto;overflow:hidden;padding:8px 0 10px 26px;width:932px;z-index:1;}
.navs dl{display:inline-block;float:left;padding:0;width:133px;}
.navs dt{border-bottom:1px solid #dfdfdf;font-family:"Microsoft YaHei";height:35px;line-height:35px;width:107px;}
.navs dt a{color:#525252;font-size:14px;text-align:center;}
.navs dd{display:inline-block;float:left;line-height:22px;margin:0 12px 0 0;padding:0;}
.navs dd.ml{margin:0 6px 0 0;}
.navs a{color:#999999;text-decoration:none;}
.navs a:hover{color:#f69;text-decoration:none;}

/* 底部 */
.f_link{width:960px; margin:10px auto 0; background:#fff; border:1px solid #dfdfdf;}
.f_link .t{font-size:14px; font-weight:bold; height:30px; line-height:30px; text-indent:10px;}
.f_link .t span{color:#ddd; margin-left:20px; font-size:12px; font-weight:normal;}
.f_link p{padding:10px; line-height:22px;}
.f_link p a{padding:0 5px; display:inline-block;}

.foot{background-color:#FFF; border-top:1px solid #dfdfdf;height:69px;text-align:right;font-size:12px;padding:10px 0;color:#666;clear:both;}
.foot.ft{height:49px;padding:5px 0;}
.foot-menu,.foot-link{width: 960px; margin:0 auto;line-height:23px;height:23px;overflow:hidden;}
.foot-menu a,.foot-menu a:hover{color:#999; margin:0 5px;}
.foot-menu a.map{margin-right:0;}
.foot-link ul{overflow:hidden; zoom:1; width:500px; float:right;}
.foot-link ul li{float:left; margin-left:10px;}
.foot-link a{height:23px;line-height:23px;overflow:hidden;}
.foot-info{width: 960px; margin:0 auto;line-height:23px;color:#929292;}
.foot-info a,.foot-info a:hover,.foot-link a{color:#929292;}
.foot-link a:hover{color:#929292;}

#floatbottom{display:none;}

/* 弹性 */
#scrolltop {display:none;position:fixed;bottom:60px;right:12px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));font-size:14px; text-align:center; color:#f00; cursor:pointer; height:70px;width:36px;background:url("../images/arrow.png") no-repeat 0 0;}
#scrolltop:hover{border:0;padding:0;background:url("../images/arrow.png") no-repeat 0 -80px;}

/* 摘要 */
.infos {display:block;width:620px;border:1px solid #eee;margin-left:4px;padding:5px 8px;color:#333;font-size:12px;line-height:22px;}