﻿/* CSS all set */
@import url("http://www.qlolo.com/style/css/custom.css") ;

body {
    margin:0px;
    FONT-SIZE: 12px;  
	LINE-HEIGHT: 130%; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-family:SongTi, Arial,"宋体";
	LETTER-SPACING: normal;
	text-align:center;
	}
li,ul,ol{list-style-type:none;}
ul,ol,h2,form { margin:0px; padding:0px;}
/* header begin=====================*/

.nw_sitename  { width:150px; height:105px; margin:auto; clear:both; position:absolute; display:table; }
.nw_sitename a.tag_sitename { display:block; width:150px; height:105px; margin:0; text-decoration:none; float:left; }
.nw_sitename a.tag_sitename img { border:0px #fff solid;}

.nw_sitename { left:0; top:0; z-index:100px;}
.nw_title { width:190px; height:30px; padding:20px 0 0 0; text-align:left; line-height:1.3; position: absolute; left:140px; }
.nw_title b { font-family:"黑体"; font-size:19px; }
.nw_title span { font-size:15px; font-weight:bold;}


.nw_head { width:960px; height:90px; margin:auto; position:relative; z-index:0;}
.nw_menu { width:630px; height:90px; display:table!important; display:block; position:absolute; right:0;}
.nw_menu .nw_nav { float:left; padding:27px 0 0 5px;} 
.nw_menu .nw_nav li { width:56px; float:left; font-size:16px; font-weight:bold; line-height:31px; padding-top:5px;} 
.nw_menu .nw_nav li.shopLi { width:90px; padding-left:132px; float:right;}
.nw_menu .nw_nav li a { display:block; width:56px; height:31px;} 
.nw_menu .nw_nav li.shopLi a { width:90px; }

.nw_head .cloud { width:146px; height:91px; display:table; position:absolute; z-index:3; right:91px;}
.nw_head .cloud span { display:block; width:94px; height:70px; padding-top:21px; margin:auto;}
.nw_head .cloud span a:hover { text-decoration:none;}

.nw_head .weather { width:52px; height:52px; position:absolute; z-index:10px; bottom:-31px; right:20px;}

/* header end=====================*/



/* nw_body begin=====================*/
.nw_t { width:960px; margin:auto; clear:both;}
.nw_t .left { padding-top:10px;}
.nw_t .left { width:215px;} .nw_t .right { width:740px;}
.nw_body { width:968px; height:auto;  display:block; margin:auto; clear:both;}
/* nw_body end=====================*/

/* 2 child begin */
.nw_colgroup:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.nw_colgroup {
	DISPLAY: inline-block; HEIGHT: 1%;
}
.nw_colgroup {
	CLEAR: left; HEIGHT: 1%
}
.nw_colgroup .first-child {
	MARGIN-LEFT: 0px !important
}

.nw_1col {DISPLAY: inline; FLOAT: left;}
.nw_1col {WIDTH: 209px; overflow-x:hidden;}

.nw_2col{DISPLAY: inline; FLOAT: left; MARGIN:0 0 0 0;}
.nw_2col { WIDTH: 743px;  }
.bottom-child { padding-top:0px!important;}
/*2 child end*/
/* about body module begin*/
.nw_module {
	DISPLAY: inline-block; min-height: 10px; height:auto!important; height:10px;
}
.nw_module {
	MARGIN-BOTTOM: 4px; POSITION: relative
}

.nw_module FORM {
	CLEAR: left
}

.foot,.head { width:100%; height:6px; overflow-y:hidden;}
.foot span,.head span { display:block; width:6px; height:6px; overflow:hidden;}

.nw_body .top,.nw_body .bot { width:100%; height:10px; overflow-y:hidden;}
.nw_body .top span,.nw_body .bot span { display:block; width:10px; height:10px; overflow-y:hidden;}
.nw_body .nw_colgroup { width:960px; margin:auto; padding-bottom:10px;}

.left { float:left;} .right { float:right;}
/* about body module end*/



.login { width:210px; padding-top:8px; overflow-y:hidden;}
.login .main { width:210px; height:125px; margin:auto; padding-top:13px;  }

.login .main .login_in { width:100%; height:32px; font-size:14px; text-align:left;}
.login .main .login_in .left { width:28%; text-align:right; float:left;} 
.login .main .login_in .right { width:70%; text-align:left; float:right; padding:2px 1px;}
.login .main .login_in input { width:120px; font-size:12px; height:20px; padding:5px 5px 0 5px; }
.login .main .login_choice { width:80%; height:22px; padding-top:3px; clear:both; text-align:right; margin:auto;}
.login .main .login_choice a { text-decoration:none;} .login .main .login_choice a:hover { text-decoration:underline;}
.login .main .login_btn { width:90%; clear:both; text-align:left; margin:auto; padding-top:3px; font-size:13px;}

.login .main .login_btn input.btn { width:58px; height:30px; font-weight:bold; }
.login .logon { width:200px; padding:13px 7px 0 3px;}
.login .main .view_main_image { float:left; margin:5px 0 0 3px;}
.login .main .login_info { padding:8px 0 0 6px; text-align:left; width:150px; height:40px; float:left; line-height:150%;}
.login .main .login_info span { padding:0 5px;}
.login .main .login_link { width:200px; padding:5px 0 1px 5px;; clear:both; margin:auto; text-align:left; line-height:180%; }
.login .view_main_image { width:40px; height:40px; float:left; }



.login_bottom { width:330px; height:12px; overflow-y:hidden;}

.music { width:210px; height:140px; margin-top:8px; background:url(../images/index4_music.jpg) no-repeat -6px 8px;}

.post,.game,.user{ width:190px; height:auto; margin:auto;}
.post h2 { width:190px; height:87px;}
.post ul { width:188px; height:auto; padding:5px 0 5px}
.post ul li { width:178px; height:22px; margin:auto; text-align:left; line-height:22px; padding-top:3px;}
.post ul li a { text-decoration:none;} .post ul li a:hover { text-decoration:underline;}

.game h2 { width:190px; height:45px;}
.second h2 { font-size:14px; padding:18px 20px 0 0; height:27px; line-height:27px; width:170px; text-align:right;}
.second h2 a { text-decoration:none;} .second h2 a:hover { text-decoration:underline;}
.game .gameList { margin-bottom:5px;}
.game .gameMain { width:178px; height:67px; padding:3px 5px; text-align:left;}
.game .gameMain img { padding:2px; float:left; margin-right:8px;}
.game .gameMain p { padding:3px 0 0; margin:0px; line-height:130%;}
.game .gameMain p a { text-decoration:none;} .game .gameMain p a:hover { text-decoration:underline;}

.avert { width:540px; height:216px; margin:auto; padding:3px 3px 0; margin:6px auto 0; overflow-y:hidden; float:left;}
.avert .title { width:100%; height:29px; line-height:29px; font-weight:bold;}

.buy { width:184px; float:left;  margin-left:10px; clear:right; }
.buy h2 { width:184px; height:60px;}
.buy ul { width:172px; height:154px; padding:4px 5px; overflow:hidden;}
.buy ul li { height:18px; margin:auto; text-align:left; line-height:18px; padding-top:1px; text-align:left; overflow:hidden; position:relative; }
.buy ul li a { padding:0 2px; text-decoration:none ;} .buy ul li.buyUser { text-align:right;}
.buy ul li a:hover { text-decoration:underline;}
.buy ul li.buyUser a { display:block; position:absolute; left:0px; top:2px;}

.nw_2col .game { float:left;}
.user { float:left;}
.user h2 { width:100%; height:45px; }
.user .userList { width:188px;  }

.shop { float:left; width:542px; margin-left:10px; position:relative;}
.shop .shop_menu { width:100%; position:absolute; left:0px; top:0px; z-index:3;}
.shop .shop_menu .left { width:170px; height:45px;}
.shop .shop_menu .right { width:320px;  text-align:left; font-size:14px; font-weight:bold;}
.shop .shop_menu .right div { width:100%; height:22px; clear:both; }
.shop .shop_menu .right a { display:block; float:left; text-align:center; text-decoration:none; line-height:17px; position:relative; height:38px; padding:0 18px;}
.shop .shop_menu .right a span { position:absolute; width:3px; height:17px; overflow:hidden; right:0px; top:0px;}
.shop .shop_f { width:542px; position:absolute; left:0px; top:45px;}
.shop .shopList { width:520px; height:auto; height:139px; padding:18px 10px 6px; }
.shop .shopList .goodsItem { width:104px; height:139px; float:left; }
.shop .shopList .goodsItem p { padding:2px 0; margin:0px;}



/* footer begin=====================*/
.nw_footer
{
width:100%; height:45px; text-align:center; overflow-y:hidden;
clear:both; margin:10px auto 0;
}
.index_bottom{width:100%; height:60px; margin:0px auto 5px; padding-top:8px;} .index_bottom .main { width:870px; margin:auto;}
.index_bottom div.left { width:210px; height:28px; float:left; text-align:right; padding-top:15px;}
.index_bottom div.left img { float:right;}
.index_bottom div.right { width:100x; height:28px; float:left; text-align:left; padding:15px 0 0 5px;}
.index_bottom div.right img { float:left;}
.index_bottom div.center { width:500px; height:28px; text-align:center; margin:0 auto;  float:left; }

.index_bottom div.center p { margin:0px; padding:0 0 3px; font-size:12px; text-align:left; line-height:130%; }
.index_bottom div img { float:left; margin:4px 20px 0 0;}
/* footer end=====================*/



