@charset "utf-8";
@import url("http://imgcache.qq.com/qzonestyle/qzone_client_v5/css/gb_app_v2.css?ver=2.css"); 

/*
=======================================================
    文件名：app_jiayuan.css
    作者： weiziqian@fanhougame.com
    说明：家园守卫战应用
=======================================================
*/
.fan_left {float:left;}
.fan_right {float:right;}
.fan_clear {clear:both;}
.fan_hide {display:none;}
.blank20 {height:20px; clear:both; font-size:1px; overflow:hidden;}
.blank15 {height:15px; clear:both; font-size:1px; overflow:hidden;}
.blank10 {height:10px; clear:both; font-size:1px; overflow:hidden;}
.blank5 {height:5px; clear:both; font-size:1px; overflow:hidden;}

.text_c {text-align:center;}
.fan_red {color:red;}
.fan_green {color:green;}
.fan_b {font-weight:bold;}

/*
* 弹出的层
*/
.fan_layer{background:#E1E1E1;text-align:left;padding:5px;font-family:Geneva, Arial, Helvetica, sans-serif;z-index:50;display:none;width:417px;left:150px;top:40px;position:absolute;}
.fan_layer iframe{position:absolute;left:0;top:0;width:100%;z-index:-1;filter:Alpha(Opacity=0);height:100%;_height:auto}
.fan_layer a{color:#077D01}
.fan_layer h3{margin:0; padding:0;}
.fan_layer .layer_main{border:1px solid #A7A6A6;background:#FFFFFF;color:#3F3F3F;word-wrap:break-word;word-break:normal;word-break:break-all;overflow:hidden;}
.fan_layer .layer_main .layer_title{width:100%;height:28px!important;line-height:28px!important;background:#F1F1F1;border-bottom:1px solid #DEDEDE;}
.fan_layer .layer_main .layer_title h3{font-size:14px;margin-left:10px;_margin-left:5px;float:left;height:28px!important;line-height:28px!important;text-indent:0px!important;}
.fan_layer .layer_main .layer_title a{background:url(../images/pop_close.png) no-repeat;width:17px;height:17px;float:right;margin:5px 5px 0 0;}
.fan_layer .layer_main .layer_title a:hover{background-position:-19px 0;}
.fan_layer .layer_main .layer_content{margin:0;}
.fan_layer .layer_main .layer_content .fan_right .fan_exchange{padding-left:20px;background:url(../images/icon_gold.png) no-repeat;}
.fan_layer .layer_main .layer_content .fan_right .fan_record{padding-left:20px;background:url(../images/icon_light.gif) no-repeat;}

/* index 底部 */
.fan_gamecopy {background:#f9f9f9; border:1px dotted #ccc; height:25px; text-align:center; line-height:25px;}
.fan_services {text-align:center;}

#app_mod .mod_tab {}
#app_mod .mod_tab .mod_tab_other {width:auto;}

/* 消费记录 */
.change_record {line-height:25px;}
.change_record ul{list-style: none; margin:0px; padding:0px;}
.change_record ul li{float:left;}
.change_record ul li.c_time{width:160px;}
.change_record ul li.gold_flow{width:160px;}
.change_record ul li.balance{width:160px;}
.change_record ul li.summary{width:200px;}
.change_record ul.title{height:30px;border-top:1px solid #005FAC;color:#000000;background-color:#EFF4F7;}
.change_record ul.list{height:20px;}

/* 教程 */
.catalogue {height:170px;}
.catalogue .ge_line {width:1px; height:170px; float:left; border-right:1px solid #EDEDED; margin-right:10px;}
.catalogue .directory {width:200px; float:left; padding:10px;}
.catalogue .directory ul li {padding-left:10px; padding-top:10px;}
.catalogue .directory ul li a {}
.catalogue .summary {padding:10px;}
.catalogue .summary p {margin-top:10px; text-indent:25px;}
.course_content {display:none; line-height:20px;}
.course_content a {text-decoration:underline;}
.course_content ul {margin-left:40px}
.course_content ul li {margin-top:10px;}
.course_content ol {margin-left: 40px}
.course_content ol li {margin-top:10px;}
.course_content ol li span {display:none;}
.course_content div p {margin-top:10px; text-indent:25px; padding:2px;}

/* 客服中心 */
.fan_service_div {width:150px; margin:10px auto;}
.fan_service_div h3 {margin-top:10px;}

/* 小贴士 */
.tips {background:#3D3328 url(../images/logo_16.png) 2px 6px no-repeat; height:30px;}
.tips ul {margin:0px; padding:0px 0px 0px 14px; overflow:hidden;}

.exception {width:650px; height:150px; margin:30px auto; padding:30px 0px; color:#000000; background-color:#FFFFCC; border:1px solid #ff0000;}
.exception .logo {height:150px; width:220px; float:left;}
.exception .title {height:50px; width:430px; font-family:黑体; font-size:30px; line-height:50px; margin-top:20px; float:left;}
.exception .content {height:80px; width:430px; line-height:25px; float:left;}
.num_box {
    width:22px; height:16px; position:absolute; background:url(./nums.png) no-repeat 0 0; text-align:center; top: -7px; left:18px; font-size:11px; color:#FFFFFF;
}

/* 导航 */
.qzone_nav {
    width: 760px;
    height: 101px;
    overflow: hidden;
}
.qzone_nav ul{
    margin-left: 3px;
    margin-top: 65px;
    padding-left: 0px;
}

.qzone_scroll{
    color:#FFFDEA;
    width: 485px;
    height: 26px;
	float:left;
	line-height:26px;
    overflow: hidden;
    padding: 0 0 0 25px;
    background:url("../images/logo_16.png") no-repeat scroll 5px 6px #000;
}

.qzone_onlinen{
    color:#FFFDEA;
    width: 250px;
    height: 26px;
	float: left;
	line-height:26px;
    overflow: hidden;
    background-color:#000;
}

.qzone_nav li{
    height: 33px;
    width: 74px;
    list-style-type:none;
    float: left;
    display: inline
}
.qzone_nav li.msg{
    width: 27px;
    height: 19px;
    margin-left: 118px;
    margin-top: 8px;
}
.qzone_nav li.msg .msg_num {
    width:22px;
    height:16px;
    position:absolute;
    text-align:center;
    top: 75px;
    left: 735px;
    font-size:11px;
    color:#FFFFFF;
}
.qzone_nav .act1{
    height: 54px;
    width: 245px;
    position: absolute;
    left: 95px;
    top: 11px;
}
.qzone_nav .act2{
    height: 54px;
    width: 245px;
    position: absolute;
    left: 345px;
    top: 11px;
}
.qzone_nav .act1 img,.qzone_nav .act2 img {
    height: 41px;
    width: 232px;
    margin: 7px;
}