﻿@charset "utf-8";/* CSS统一用UTF-8编码 */
/*==============通用CSS开始==============*/
*{
/* 通用消除边距偏差 */
	margin:0px;
	padding:0px;
}
body{
	/* 页面主体模块 */
	font-size: 75%;
	line-height: 1.5em;
	text-align:center;
	font-family: tahoma, Verdana, Arial;
	height:100%;
	background-color:#330000;
}
li{
	list-style-type: none;
}
img{ border:0;}
h1,h2{ display:none;}

.topnv{
	height:30px;
	background-color:#000000;
	background-image: url(topbg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.topnv p{ width:1004px; margin:0 auto; color:#c3c3c3; text-align:right; line-height:30px; position:relative}
.topnv p em{
	color:#ffcc00;
	font-style: normal;
	font-weight: normal; font-family:simsun; font-size:12px;
}
.topnv span{ float:left;}
.topnv p a{color:#c3c3c3; text-decoration:underline;}
.topnv img{ margin:3px 0 0 0;}

.b_div{ width:1004px; margin:0 auto; position:relative;background: url(jinbg.jpg) no-repeat top center; }
.pay_bg{
	background-image: url(pay_bg.jpg);
	background-repeat: no-repeat;
	height:727px;
}
.jiang_bg{	background-image: url(jiang_bg.jpg);
	background-repeat: no-repeat;
	height:727px;}
.about_bg{	background-image: url(about_bg.jpg);
	background-repeat: no-repeat;
	height:727px;}
	
.aboutcon{ width:750px; height:390px; position:absolute; top:220px; left:140px; text-align:left; color:#f6ffbc; line-height:22px; overflow-y:scroll; }
.aboutcon h4{ color:#fcff00; font-size:12px;}	
.aboutcon a{color:#f6ffbc;}
.aboutcon em{
	font-style: normal;
	color: #ffbfd0;
}
.jiangcon{ width:730px; height:420px; position:absolute; top:192px; left:150px; text-align:left; color:#FFFFFF;}


.jiangwell{ width:320px; text-align:left;}
.jiangwell a{ color:#FFFFFF; }
.jiangcon .jiangwell strong{
	color:#ffcc00;
	font-weight: normal; font-family:simsun;
}
.jiangcon .jianglist p{ line-height:15px; margin:3px 0; }


.jianglist{ width:710px; height:370px; position:relative; margin:00px 0 0 0; color:#fb0000;}
.jianglist a{ color:#FFFFFF; font-size:14px;}
.djty{ width:540px; height:112px; position:absolute; left:190px; top:12px; line-height:22px; text-align:center;}
.jianglist li p{ width:95px; margin:0 auto; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.jiang_bg .act_info{ position:absolute; left:10px; top:149px; color:#FFF; text-align:center; width:1000px;}
.index_info{ position:absolute; margin-left:-150px; left:50%; top:7px; color:#FFF;width:300px; display:block; text-align:right;}


.djty li{ float:left; width:103px; height:112px; margin:0 3px 0 0; padding:60px 0 0 0; }


.zhty{ width:520px; height:112px; position:absolute; left:180px;top:140px; line-height:22px; text-align:center;}
.zhty li{ float:left; width:103px; height:112px; margin:0 3px 0 0; padding:60px 0 0 0; }







.quanty{ width:520px; height:112px; position:absolute; left:180px; top:268px; line-height:22px; text-align:center;}

.quanty li{ float:left; width:103px; height:112px; margin:0 3px 0 0;padding:50px 0 0 0;}

.quanty_qqshow{background: url(jingbg.png) no-repeat top center;}

.club{background: url(club.png) no-repeat top center;}
.home{background: url(home.png) no-repeat top center;}
.music{background: url(music.png) no-repeat top center;}
.qqshow{background: url(qqshow.png) no-repeat top center;}
.home_qqshow{background: url(home_qqshow.png) no-repeat top center;}
.home_music{background: url(home_music.png) no-repeat top center;}
.qqshow_music{background: url(qqshow_music.png) no-repeat top center;}
.club_music{background: url(club_music.png) no-repeat top center;}
.club_qqshow{background: url(club_qqshow.png) no-repeat top center;}
.quan_qqshow{background: url(quan_qqshow.png) no-repeat top center;}
.quan_music{background: url(quan_music.png) no-repeat top center;}
.quan_club{background: url(quan_club.png) no-repeat top center;}
.quan_home{background: url(quan_home.png) no-repeat top center;}











.pay_content{ width:430px; height:320px; position:absolute; top:200px; left:300px; text-align:left; color:#FFFFFF;}


.pay_code{ width:360px; height:320px; position:absolute; top:260px; left:350px; text-align:left; color:#FFFFFF; line-height:30px; font-size:14px;}
.pay_code input{ height:35px; line-height:35px; width:250px; border:2px solid #000000; padding:0 10px; font-size:16px;  }
.pay_code p{  height:60px;}
.pay_code .close{ position:absolute; left:371px; top:-62px;}
.pay_code .close a{display:block; color:#FFFFFF; text-decoration:none; width:14px; height:14px; font-size:16px; line-height:14px;}
.pay_content li{ clear:both; line-height:22px; margin:5px 0;}
.pay_content em{
	font-style: normal;
	font-weight: bold;
	color: #f0fda5;
	float:left;
	width:120px;
	text-align:right;
	margin:0 10px 0 0;
}
.pay_content .jiage{ float:left; background-color:#3d0101; padding:0 10px; line-height:20px; height:20px;}

.pay_content .paycho{ margin:15px 0 0 0;}
.pay_content li .cho_on{ background-color:#3d0101; border-left:1px #470101 solid;border-right:1px #470101 solid;border-right:1px #470101 solid;border-top:1px #470101 solid;border-right:1px #470101 solid;border-bottom:1px #3d0101 solid;float:left; width:135px; text-align:center; line-height:30px; color:#f0fda5;}

.pay_content li .cho{float:left; width:135px; text-align:center; line-height:30px; color:#f0fda5; font-weight:bold;border-bottom:1px #470101 solid;border-top:1px #310202 solid;}
.pay_content .payconli{ margin:0 0 0 0;}
.paycon{background-color:#3d0101; border-left:1px #470101 solid;border-right:1px #470101 solid;border-right:1px #470101 solid;border-right:1px #470101 solid;border-bottom:1px #470101 solid; float:left;border-top:1px #3d0101 solid; width:270px;
padding:10px 0;}

.paycon p{ text-align:center; line-height:35px; color:#ff4e02;}
.paycon p a{ color:#FFFFFF;}

.bt_now{ width:85px; height:29px; 	background: url(bt_open.png) no-repeat; border:0;}
.bt_back{ width:64px; height:29px; 	background: url(bt_back.png) no-repeat; border:0; margin:0 0 0 20px;}
.pay_content .paybt{ margin:20px 0 0 0;}
.bt_now span,.bt_back span{ display:none;}

.abouts{ width:670px; height:65px; position:absolute; top:580px; left:200px; text-align:left; color:#ffffff; font-weight:bold;}
.abouts img{
	margin:0 20px 0 0;
	vertical-align: middle;
}

.index{ display:block; width:53px; height:32px; position:absolute; bottom:20px; left:370px;}
.myjiang{ display:block; width:80px; height:32px; position:absolute; bottom:20px; left:460px;}
.isay{ display:block; width:80px; height:32px; position:absolute; bottom:20px; left:580px;}
.bt_tj{ width:85px; height:39px; 	background: url(bt_tj2.png) no-repeat; border:0;}
.index span,.myjiang span,.isay span,.bt_tj span{ display:none;}
.hezuo{ text-align:center; margin:10px 0 0 0; clear:both;}

.footers{ margin:10px 0 20px 0; clear:both; border-top:1px #666666 solid; color:#ffffff; line-height:40px; background-color:#000000;}
.footers a{ color:#FFFFFF;}




.window_tips {
	position:absolute;
	left:50%;
	top:200px;
	width:588px;
	color:#141414;
	overflow:hidden;
	margin:0 0 0 -294px;
}
.window_tips .wtop {
	height:10px;
	text-align:right;
	line-height:10px;

	padding-right:18px;
	padding-top:14px;
	background:url(w_tips_top_bg.png) no-repeat; 
}
.window_tips .wtop a {
	color:#FF0000; 
}
.window_tips .mid {
	text-align:center;
	padding:5px 31px 10px 31px;
	background:url(w_tips_mid_bg.png) repeat; 
}

.window_tips .mid .feedback {
	width:157px;
	height:24px;
	line-height:24px; 
	margin:0 auto;
	font-size:14px;
	color:#FF0000; 
}
.window_tips .mid .feedback_con {
	line-height:18px;
	font-weight:bold; 
	font-size:14px;
	color:#451001;
}
.window_tips .mid .feedback_con em {
	font-weight:bold; 
	color:#FF0000; 
}
.window_tips .mid hr {
	background:#FFB302;
	border:0pt none;
	color:#FFB302;
	font-size:0px;
	height:1px;
	line-height:0px;
	margin:16px 0 10px 0;
}
.window_tips .mid .label_presnet {
	text-align:left;
	line-height:24px; 
	margin-bottom:14px;
}
.window_tips .mid .bold {
	font-weight:bold;
}
.window_tips .mid .bold em {
	color:#FF0000;
	font-weight:bold; 
}
.window_tips .mid .present_box {
	text-align:center; 
	width:400px;
	height:143px;
	margin:0 auto;
	background:transparent url(present_box_bg.png) no-repeat 0 0; 
}
.window_tips .mid .present_box .pic {
	margin:10px 0 14px 0;
	text-align:center; 
}
.window_tips .mid .present_box .ipt_present {
	width:99px;
	height:20px;
	border:1px solid #000;
	font-size:12px;
	vertical-align: middle;
}
.window_tips .mid .present_box .ipt_img {
	vertical-align: middle;
}
.window_tips .btm {
	height:24px;
	background:url(w_tips_btm_bg.png) no-repeat; 
}
.window_tips .mid a,
.window_tips .mid a:hover,
.window_tips .btm a,
.window_tips .btm a:hover{ color:#FF0000}
#window_tips_bd {
	background:#FFFFFF; 
}
.bt_nomall{ clear:both; margin:20px 0; width:103px; height:34px; background-color:#FFFFFF; border:0;}


.ijoin{ width:250px; height:130px;  position:absolute; top:400px; left:50%; margin:0 0 0 -125px; z-index:9999; display:block; cursor:pointer;background:url(abg.png) no-repeat; }
.ijoin span{ display:none;}

.act_notes{ position:absolute; bottom:60px; left:370px; color:#FFFFFF; text-align:center;}

.free_gnet{ display:block; position:absolute; width:213px; height:78px; left:90px; top:60px;}
.free_bnet{ display:block; position:absolute; width:213px; height:78px; right:100px; top:60px;}
.free_gnet span,.free_bnet span{ display:none;}

.alert{ width:479px; padding-bottom:4px; background:url(alert_bg.png) 0 266px no-repeat; text-align:left}
.alert h2{ display:block; height:59px; font-size:14px; color:#1E1E1E; text-indent:16px; line-height:38px;}
.alert .alert_con{width:479px;background:url(alert_bg.png) 0 -28px; height:266px; position:relative;}
.alert .alert_con .alert_close{ width:11px; height:11px; position:absolute; right:8px; top:6px;}
.alert .alert_con .alert_close a{ display:block; width:11px; height:11px; line-height:50px; overflow:hidden}
.alert .alert_title{ color:#2A81C7; font-size:14px; font-weight:bold; padding-left:95px; height:25px;}
.alert .alert_qqnum{ color:#717070; padding-left:95px; height:34px;}
.alert .alert_info{ color:#2D2D2D; padding-left:95px;line-height:25px;}
.alert .change_tips{color:#717070;line-height:16px; width:400px; position:absolute; left:37px; bottom:48px;}
.alert .input_qqnum{ width:164px; height:18px; color:#ADADAD; border:1px solid #ADADAD; background:#FFFFFF; line-height:18px; padding-left:2px;}
.alert .btn_add{padding-left:95px;  height:34px;}
.alert .alert_info{padding-left:37px; height:34px; color:#2D2D2D;}
.alert .em{ font-weight:bold; color:#F62792;}
.alert .alert_info .em{ font-weight:normal}
.alert .btn_add button{ width:87px; height:19px;font-size:0; content:""; line-height:50px; overflow:hidden; cursor:pointer;background:url(alert_bg.png) -198px -5px no-repeat; border:none}
.alert .btns{ text-align:center; position:absolute; width:479px; left:0; bottom:19px;}
.alert .btns button{width:65px; height:22px;font-size:0; content:""; line-height:50px; overflow:hidden; cursor:pointer;background:url(alert_bg.png) 0 -5px no-repeat; border:none; margin-right:15px;}
.alert .btns .btn_cancel{ background-position:-66px -5px;}
.alert .btns .btn_close{ background-position:-132px -5px;}
.alert .btns .btn_look{ background-position:-286px -5px; width:79px;}
.alert_single h2{ height:78px}
.alert_v2{ background-position:0 260px}
.alert_v2 .alert_con{ height:260px;}
.alert_v3{ background-position:0 438px}
.alert_v3 .alert_con{ height:438px;}
.alert_v2 .alert_con .count{ color:#F62792;}
.alert_v2 .alert_title{ padding-left:69px; height:44px;}
.alert_v2 .alert_intro_title{ padding-left:69px; height:25px; font-weight:bold; color:#717070}
.alert_v2 .alert_intro{ margin-left:69px; border:1px solid #ADADAD; background:#FFFFFF; width:341px;}
.alert_v2 .alert_intro p{ color:#2D2D2D; line-height:21px; text-indent:24px; padding:7px 12px 3px 15px;}
.alert .alert_con a,
.alert .alert_con a:hover{ color:#2D2D2D}
.alert .alert_info a,
.alert .alert_info a:hover{ color:#F62792}
.alert .alert_info .icon{ color:#F62792; font-family:Verdana, Geneva, sans-serif; font-size:16px; padding-right:3px;}
.alert_v3 h2{ height:70px;}
.alert_v3 .succ_num{ margin-left:85px; width:320px; padding-bottom:10px;line-height:20px;}
.alert_v3 .alert_title{ height:25px;}
.alert_v3 .fail_title{ padding-left:69px; height:25px; color:#FF0000; font-weight:bold; font-size:14px;}
.alert_v3 .fail_num,
.alert_v3 .fail_info{ margin-left:85px; width:320px; line-height:20px;}
.alert_v3 .fail_info{ color:#7A7A7A; height:38px;}
.alert_v3 .copy_title{ padding-left:83px; color:#3C3B3B; font-weight:bold; margin-bottom:4px;}

.dialog{ width:390px; padding-bottom:7px; background:url(alert_bg_v2.png) 0 186px no-repeat; text-align:left}
.dialog h2{ display:block; height:43px; visibility:hidden}
.dialog_single h2{ height:23px}
.dialog .dialog_con{width:390px;background:url(alert_bg_v2.png) 0 -38px; height:186px; position:relative;}
.dialog .dialog_con .alert_close{ width:10px; height:10px; position:absolute; right:8px; top:8px;}
.dialog .dialog_con .alert_close a{ display:block; width:10px; height:10px; line-height:50px; overflow:hidden}
.dialog .dialog_title{ color:#F0FDA5; font-size:14px; font-weight:bold; padding-left:45px; height:36px;}
.dialog_v4 .dialog_title{ padding-left:20px; height:30px;}
.dialog_single .dialog_title{ height:26px;}
.dialog .dialog_intro{ color:#F0FDA5; font-size:12px;  padding-left:45px; height:25px;}
.dialog  .dialog_intro_list{ color:#FFFFFF; font-size:12px;  padding-left:45px}
.dialog  .dialog_intro_list .icon{ color:#FFF600; font-family:Verdana, Geneva, sans-serif; font-size:16px; padding-right:3px;}
.dialog  .dialog_con .dialog_intro_list a,
.dialog  .dialog_con  .dialog_intro_list a:hover{ color:#FFF600; line-height:25px;}
.dialog .dialog_intro .em{ color:#FFFFFF}
.dialog .btns{ text-align:center; position:absolute; width:390px; left:0; bottom:19px;}
.dialog .btns button{width:85px; height:29px;font-size:0; content:""; line-height:70px; overflow:hidden; cursor:pointer;background:url(alert_bg_v2.png) 0 -8px no-repeat; border:none; margin-right:15px;}
.dialog .btns .btn_ok{ background-position:-190px -8px; width:65px;}
.dialog .btns .btn_look{ background-position:-86px -8px; width:103px;}
.dialog .btns .btn_close{ background-position:-322px -8px;width:65px;}
.dialog .btns .btn_cancel{ background-position:-256px -8px; width:65px;}
.dialog .dialog_close{ width:11px; height:11px; position:absolute; right:8px; top:8px;}
.dialog .dialog_close a{ display:block; width:11px; height:11px; line-height:50px; overflow:hidden}
.dialog_v2{ background-position:0 230px}
.dialog_v2 .dialog_con{ height:230px;}
.dialog_v4{ background-position:0 250px}
.dialog_v4 .dialog_con{ height:250px;}
.dialog .dialog_qqnum{ color:#F0FDA5; padding-left:45px; height:34px;}
.dialog .input_qqnum{ width:164px; height:18px; color:#ADADAD; border:1px solid #ADADAD; background:#FFFFFF; line-height:18px; padding-left:2px;}
.dialog .btn_add{padding-left:45px;  height:25px;}
.dialog .btn_add button{ width:87px; height:19px;font-size:0; content:""; line-height:50px; overflow:hidden; cursor:pointer;background:url(alert_bg_v2.png) -390px -8px no-repeat; border:none}
.dialog .dialog_info{padding-left:45px; height:34px; color:#FFFFFF;}
.dialog .em{ font-weight:bold; color:#FFF600;}
.dialog .dialog_intro_title{ padding-left:20px; height:25px; font-weight:bold; color:#FFFFFF}
.dialog .dialog_intro_v2{ margin-left:20px; border:1px solid #ADADAD; background:#FFFFFF; width:341px;}
.dialog .dialog_intro_v2 p{ color:#2D2D2D; line-height:21px; text-indent:24px; padding:7px 12px 3px 15px;}
.dialog .dialog_con .count{ color:#F62792;}
.dialog .dialog_con a,
.dialog .dialog_con a:hover{ color:#2D2D2D}

.change_bg{ width:996px; height:727px; margin:0 auto; background:url(change_bg.jpg); position:relative;}
.dialog_v3{ width:480px; padding-bottom:0; background:none; text-align:left; position:absolute; top:190px; left:50%; margin-left:-240px;}
.dialog_v3 h2{ height:53px;}
.dialog_v3 .dialog_con{width:480px;background:url(alert_bg_v2.png) -391px -38px; height:auto; position:relative;}
.dialog_v3 .dialog_con_bt{background:url(alert_bg_v2.png) -391px 0; width:480px; height:7px; overflow:hidden;}
.dialog_v3 .change_tips{ line-height:16px; color:#FFFFFF; margin:0 0 0 20px; width:450px; height:40px;}
.dialog_v3 .dialog_head{ color:#FFFFFF;padding-left:54px;}
.dialog_v3 .dialog_head .em{ color:#FF0400; font-weight:bold; }
.dialog_v3 .dialog_table{ padding:23px 0 20px 53px}
.dialog_v3 .dialog_table .num{ width:66px;}
.dialog_v3 .dialog_table .name{ width:100px;}
.dialog_v3 .dialog_table .from{ width:93px;}
.dialog_v3 .dialog_table .time{ width:115px;}
.dialog_v3 .dialog_table table{border:0;border-collapse:collapse; border-spacing:0; border-left:1px solid #7D111C;border-top:1px solid #7D111C;}
.dialog_v3 .dialog_table th,
.dialog_v3 .dialog_table td{border-bottom:1px solid #7D111C;border-right:1px solid #7D111C; font-size:12px; font-weight:normal; color:#FFFFFF; text-align:center; padding:11px 0 8px 0}
.dialog_v3  .btns{ width:85px; top:45px; left:347px;}
.dialog_v3 .dialog_close{ display:none}

.invite{ width:438px; height:460px; background:url(http://imgcache.qq.com/ACT/free/exchange/invite_bg.png); position:relative; text-align:left}
.invite h2{ height:44px; text-indent:28px; line-height:34px; font-size:12px; color:#FFF; display:block}
.invite .invite_info{ height:25px; line-height:14px; padding-left:15px;}
.invite .invite_con{ width:393px; height:334px;background:url(http://imgcache.qq.com/ACT/free/exchange/invite_bg_v2.png); margin-left:15px; position:relative;}
.invite .invite_con .user_search{ width:153px; height:21px; border:none; background:#FFFFFF; position:absolute; left:7px; top:35px; line-height:21px; padding-left:2px; color:#CCCCCC;}
.invite .invite_con .btn_del,
.invite .invite_con .btn_search{ width:21px; height:21px; background:none; border:0;cursor:pointer; position:absolute; left:160px; top:35px;font-size:0; content:""; line-height:50px; overflow:hidden;}
.invite .invite_con .btn_del{background:url(http://imgcache.qq.com/ACT/free/exchange/invite_bg_v2.png) -207px -344px;}
.invite .invite_friend,
.invite .invite_friend_v2{ width:171px; height:264px; position:absolute; left:8px; top:62px; overflow:hidden; overflow-y:auto;
scrollbar-3d-light-color:#76BDFF;
scrollbar-highlight-color:#76BDFF;
scrollbar-face-color:#D7F0FF; 
scrollbar-arrow-color:#76BDFF;
scrollbar-shadow-color:#76BDFF; 
scrollbar-dark-shadow-color:#D7F0FF;
scrollbar-base-color:#F2FAFF; 
scrollbar-track-color:#F2FAFF; 
scrollbar-darkshadow-color:#F2FAFF; 

}
.invite .invite_friend_v2{ left:213px; top:34px;}
.invite .invite_friend .group_close,
.invite .invite_friend .group_open{ height:20px; width:156px; text-indent:18px;}
.invite .invite_friend .group_close a,
.invite .invite_friend .group_open a{ display:block; text-decoration:none; color:#0B333C; background-image:url(http://imgcache.qq.com/ACT/free/exchange/invite_bg_v2.png); background-position:3px -381px; background-repeat:no-repeat}
.invite .invite_friend .group_open a{background-position:-240px -381px; }
.invite .invite_friend .group_close a:hover,
.invite .invite_friend .group_open a:hover{ background-color:#D7EFFE;}
.invite .invite_friend li,
.invite .invite_friend_v2 li{height:20px; width:156px; text-indent:33px;}
.invite .invite_friend li a,
.invite .invite_friend li a:hover,
.invite .invite_friend_v2 li a,
.invite .invite_friend_v2 li a:hover{display:block; width:156px; text-decoration:none; color:#0B333C; background-image:url(http://imgcache.qq.com/ACT/free/exchange/invite_bg_v2.png);  background-position:-365px -342px; background-repeat:no-repeat}
.invite .invite_friend li.sel a,
.invite .invite_friend li.sel a:hover{ background-position:17px -342px;}
.invite .invite_friend_v2 li.sel a,
.invite .invite_friend_v2 li.sel a:hover{ background-position:17px -362px;}
.invite .invite_friend li a:hover,
.invite .invite_friend_v2 li a:hover{ background-color:#D7EFFE;}


.invite .invite_btn{ position:absolute; left:286px; top:433px;}
.invite .invite_btn button{ width:69px; height:21px;font-size:0; content:""; background:none; border:none;line-height:50px; overflow:hidden; cursor:pointer; margin-right:6px; float:left;}
.invite .invite_close{ width:41px; height:17px; position:absolute; right:7px; top:1px;}
.invite .invite_close a{ display:block; width:41px; height:17px; line-height:50px; overflow:hidden}/*  |xGv00|c7e35fea6b60250cd311068b494483a7 */